[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;-moz-transition-duration:50ms;-o-transition-duration:50ms;transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;-moz-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;-moz-transition-duration:.45s;-o-transition-duration:.45s;transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;-moz-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;-moz-transition-duration:.55s;-o-transition-duration:.55s;transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;-moz-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;-moz-transition-duration:.65s;-o-transition-duration:.65s;transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;-moz-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;-moz-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;-moz-transition-duration:.75s;-o-transition-duration:.75s;transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;-moz-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;-moz-transition-duration:.85s;-o-transition-duration:.85s;transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;-moz-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;-moz-transition-duration:.9s;-o-transition-duration:.9s;transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;-moz-transition-duration:.95s;-o-transition-duration:.95s;transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;-moz-transition-delay:.95s;-o-transition-delay:.95s;transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;-moz-transition-duration:1.05s;-o-transition-duration:1.05s;transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;-moz-transition-delay:1.05s;-o-transition-delay:1.05s;transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;-moz-transition-duration:1.1s;-o-transition-duration:1.1s;transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;-moz-transition-duration:1.15s;-o-transition-duration:1.15s;transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;-moz-transition-delay:1.15s;-o-transition-delay:1.15s;transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;-moz-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;-moz-transition-duration:1.25s;-o-transition-duration:1.25s;transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;-moz-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;-moz-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;-moz-transition-duration:1.35s;-o-transition-duration:1.35s;transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;-moz-transition-delay:1.35s;-o-transition-delay:1.35s;transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;-moz-transition-duration:1.4s;-o-transition-duration:1.4s;transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;-moz-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;-moz-transition-duration:1.45s;-o-transition-duration:1.45s;transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;-moz-transition-delay:1.45s;-o-transition-delay:1.45s;transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;-moz-transition-duration:1.55s;-o-transition-duration:1.55s;transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;-moz-transition-delay:1.55s;-o-transition-delay:1.55s;transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;-moz-transition-duration:1.6s;-o-transition-duration:1.6s;transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;-moz-transition-delay:1.6s;-o-transition-delay:1.6s;transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;-moz-transition-duration:1.65s;-o-transition-duration:1.65s;transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;-moz-transition-delay:1.65s;-o-transition-delay:1.65s;transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;-moz-transition-duration:1.7s;-o-transition-duration:1.7s;transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;-moz-transition-delay:1.7s;-o-transition-delay:1.7s;transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;-moz-transition-duration:1.75s;-o-transition-duration:1.75s;transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;-moz-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;-moz-transition-duration:1.8s;-o-transition-duration:1.8s;transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;-moz-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;-moz-transition-duration:1.85s;-o-transition-duration:1.85s;transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;-moz-transition-delay:1.85s;-o-transition-delay:1.85s;transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;-moz-transition-duration:1.9s;-o-transition-duration:1.9s;transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;-moz-transition-delay:1.9s;-o-transition-delay:1.9s;transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;-moz-transition-duration:1.95s;-o-transition-duration:1.95s;transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;-moz-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;-moz-transition-duration:2.05s;-o-transition-duration:2.05s;transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;-moz-transition-delay:2.05s;-o-transition-delay:2.05s;transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;-moz-transition-duration:2.1s;-o-transition-duration:2.1s;transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;-moz-transition-delay:2.1s;-o-transition-delay:2.1s;transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;-moz-transition-duration:2.15s;-o-transition-duration:2.15s;transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;-moz-transition-delay:2.15s;-o-transition-delay:2.15s;transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;-moz-transition-duration:2.2s;-o-transition-duration:2.2s;transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;-moz-transition-delay:2.2s;-o-transition-delay:2.2s;transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;-moz-transition-duration:2.25s;-o-transition-duration:2.25s;transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;-moz-transition-delay:2.25s;-o-transition-delay:2.25s;transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;-moz-transition-duration:2.3s;-o-transition-duration:2.3s;transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;-moz-transition-delay:2.3s;-o-transition-delay:2.3s;transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;-moz-transition-duration:2.35s;-o-transition-duration:2.35s;transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;-moz-transition-delay:2.35s;-o-transition-delay:2.35s;transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;-moz-transition-duration:2.4s;-o-transition-duration:2.4s;transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;-moz-transition-delay:2.4s;-o-transition-delay:2.4s;transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;-moz-transition-duration:2.45s;-o-transition-duration:2.45s;transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;-moz-transition-delay:2.45s;-o-transition-delay:2.45s;transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;-moz-transition-duration:2.5s;-o-transition-duration:2.5s;transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;-moz-transition-duration:2.55s;-o-transition-duration:2.55s;transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;-moz-transition-delay:2.55s;-o-transition-delay:2.55s;transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;-moz-transition-duration:2.6s;-o-transition-duration:2.6s;transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;-moz-transition-delay:2.6s;-o-transition-delay:2.6s;transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;-moz-transition-duration:2.65s;-o-transition-duration:2.65s;transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;-moz-transition-delay:2.65s;-o-transition-delay:2.65s;transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;-moz-transition-duration:2.7s;-o-transition-duration:2.7s;transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;-moz-transition-delay:2.7s;-o-transition-delay:2.7s;transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;-moz-transition-duration:2.75s;-o-transition-duration:2.75s;transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;-moz-transition-delay:2.75s;-o-transition-delay:2.75s;transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;-moz-transition-duration:2.8s;-o-transition-duration:2.8s;transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;-moz-transition-delay:2.8s;-o-transition-delay:2.8s;transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;-moz-transition-duration:2.85s;-o-transition-duration:2.85s;transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;-moz-transition-delay:2.85s;-o-transition-delay:2.85s;transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;-moz-transition-duration:2.9s;-o-transition-duration:2.9s;transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;-moz-transition-delay:2.9s;-o-transition-delay:2.9s;transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;-moz-transition-duration:2.95s;-o-transition-duration:2.95s;transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;-moz-transition-delay:2.95s;-o-transition-delay:2.95s;transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;-moz-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);-moz-transition-timing-function:cubic-bezier(.25,.25,.75,.75);-o-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;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]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);-moz-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);-o-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);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]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);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]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-moz-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);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]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);-moz-transition-timing-function:cubic-bezier(.47,0,.745,.715);-o-transition-timing-function:cubic-bezier(.47,0,.745,.715);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]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);-moz-transition-timing-function:cubic-bezier(.39,.575,.565,1);-o-transition-timing-function:cubic-bezier(.39,.575,.565,1);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]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);-moz-transition-timing-function:cubic-bezier(.445,.05,.55,.95);-o-transition-timing-function:cubic-bezier(.445,.05,.55,.95);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-moz-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-moz-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-moz-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-moz-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-moz-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-moz-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-moz-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-moz-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-moz-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:opacity,transform,-moz-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-moz-transform,-o-transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}[data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);-moz-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}[data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);-moz-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}[data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);-moz-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}[data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);-moz-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);-moz-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);-moz-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);-moz-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);-moz-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:opacity,transform,-moz-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-moz-transform,-o-transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}[data-aos=zoom-in]{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}[data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);-moz-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);-moz-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);-moz-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);-moz-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}[data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);-moz-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);-moz-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);-moz-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);-moz-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform}[data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}[data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}[data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform}[data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);-moz-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);-moz-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);-moz-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);-moz-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);-moz-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);-moz-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);-moz-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);-moz-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} body { font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans; } body { --color-white: #ffffff; --color-black: #000000; --color-border: rgb(var(--gray-3)); --color-bg-popup: var(--color-bg-5); --color-bg-1: #fff; --color-bg-2: #fcfdfe; --color-bg-3: #fafbfc; --color-bg-4: #f6f8fa; --color-bg-5: #f1f3f5; --color-bg-white: #fff; --color-neutral-1: rgb(var(--gray-1)); --color-neutral-2: rgb(var(--gray-2)); --color-neutral-3: rgb(var(--gray-3)); --color-neutral-4: rgb(var(--gray-4)); --color-neutral-5: rgb(var(--gray-5)); --color-neutral-6: rgb(var(--gray-6)); --color-neutral-7: rgb(var(--gray-7)); --color-neutral-8: rgb(var(--gray-8)); --color-neutral-9: rgb(var(--gray-9)); --color-neutral-10: rgb(var(--gray-10)); --color-text-1: #020814; --color-text-2: #41464f; --color-text-3: #80838a; --color-text-4: #ccced0; --color-fill-1: #ccced0; --color-fill-2: #80838a; --color-fill-3: #41464f; --color-fill-4: #020814; --color-border-1: var(--color-neutral-2); --color-border-2: #eaedf1; --color-border-3: #dde2e9; --color-border-4: var(--color-neutral-6); --color-primary-light-1: rgb(var(--primary-1)); --color-primary-light-2: rgb(var(--primary-2)); --color-primary-light-3: rgb(var(--primary-3)); --color-primary-light-4: rgb(var(--primary-4)); --color-secondary: var(--color-neutral-2); --color-secondary-hover: var(--color-neutral-3); --color-secondary-active: var(--color-neutral-4); --color-secondary-disabled: var(--color-neutral-1); --color-danger-light-1: rgb(var(--danger-1)); --color-danger-light-2: rgb(var(--danger-2)); --color-danger-light-3: rgb(var(--danger-3)); --color-danger-light-4: rgb(var(--danger-4)); --color-success-light-1: rgb(var(--success-1)); --color-success-light-2: rgb(var(--success-2)); --color-success-light-3: rgb(var(--success-3)); --color-success-light-4: rgb(var(--success-4)); --color-warning-light-1: rgb(var(--warning-1)); --color-warning-light-2: rgb(var(--warning-2)); --color-warning-light-3: rgb(var(--warning-3)); --color-warning-light-4: rgb(var(--warning-4)); --color-link-light-1: rgb(var(--link-1)); --color-link-light-2: rgb(var(--link-2)); --color-link-light-3: rgb(var(--link-3)); --color-link-light-4: rgb(var(--link-4)); --border-radius-none: 0; --border-radius-small: 2px; --border-radius-medium: 4px; --border-radius-large: 8px; --border-radius-circle: 50%; --color-tooltip-bg: rgb(var(--gray-10)); --color-spin-layer-bg: rgba(255, 255, 255, 0.6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #ffffff; --color-menu-dark-hover: rgba(255, 255, 255, 0.04); --color-mask-bg: rgba(29, 33, 41, 0.6); } body[arco-theme='dark'] { --color-black: #000000; --color-border: #333335; --color-bg-1: #131416; --color-bg-2: #232324; --color-bg-3: #2a2a2b; --color-bg-4: #313132; --color-bg-5: #373739; --color-bg-white: rgba(255, 255, 255, 0.001); --color-text-1: #c7ccd6; --color-text-2: #9da3af; --color-text-3: #737a87; --color-text-4: #42464e; --color-fill-1: #42464e; --color-fill-2: #737a87; --color-fill-3: #9da3af; --color-fill-4: #c7ccd6; --color-border-1: #353535; --color-border-2: rgba(234, 237, 241, 0.05); --color-border-3: rgba(221, 226, 233, 0.15); --color-border-4: #6d6d6d; --color-primary-light-1: rgba(var(--primary-6), 0.2); --color-primary-light-2: rgba(var(--primary-6), 0.35); --color-primary-light-3: rgba(var(--primary-6), 0.5); --color-primary-light-4: rgba(var(--primary-6), 0.65); --color-secondary: rgba(var(--gray-9), 0.08); --color-secondary-hover: rgba(var(--gray-8), 0.16); --color-secondary-active: rgba(var(--gray-7), 0.24); --color-secondary-disabled: rgba(var(--gray-9), 0.08); --color-danger-light-1: rgba(var(--danger-6), 0.2); --color-danger-light-2: rgba(var(--danger-6), 0.35); --color-danger-light-3: rgba(var(--danger-6), 0.5); --color-danger-light-4: rgba(var(--danger-6), 0.65); --color-success-light-1: rgba(var(--success-6), 0.2); --color-success-light-2: rgba(var(--success-6), 0.35); --color-success-light-3: rgba(var(--success-6), 0.5); --color-success-light-4: rgba(var(--success-6), 0.65); --color-warning-light-1: rgba(var(--warning-6), 0.2); --color-warning-light-2: rgba(var(--warning-6), 0.35); --color-warning-light-3: rgba(var(--warning-6), 0.5); --color-warning-light-4: rgba(var(--warning-6), 0.65); --color-link-light-1: rgba(var(--link-6), 0.2); --color-link-light-2: rgba(var(--link-6), 0.35); --color-link-light-3: rgba(var(--link-6), 0.5); --color-link-light-4: rgba(var(--link-6), 0.65); --color-tooltip-bg: #373739; --color-spin-layer-bg: rgba(51, 51, 51, 0.6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #232324; --color-menu-dark-hover: var(--color-fill-2); --color-mask-bg: rgba(23, 23, 26, 0.6); } body { --red-1: 255, 236, 232; --red-2: 253, 205, 197; --red-3: 251, 172, 163; --red-4: 249, 137, 129; --red-5: 247, 101, 96; --red-6: 245, 63, 63; --red-7: 203, 39, 45; --red-8: 161, 21, 30; --red-9: 119, 8, 19; --red-10: 77, 0, 10; --orangered-1: 255, 243, 232; --orangered-2: 253, 221, 195; --orangered-3: 252, 197, 159; --orangered-4: 250, 172, 123; --orangered-5: 249, 144, 87; --orangered-6: 247, 114, 52; --orangered-7: 204, 81, 32; --orangered-8: 162, 53, 17; --orangered-9: 119, 31, 6; --orangered-10: 77, 14, 0; --orange-1: 255, 247, 232; --orange-2: 255, 228, 186; --orange-3: 255, 207, 139; --orange-4: 255, 182, 93; --orange-5: 255, 154, 46; --orange-6: 255, 125, 0; --orange-7: 210, 95, 0; --orange-8: 166, 69, 0; --orange-9: 121, 46, 0; --orange-10: 77, 27, 0; --gold-1: 255, 252, 232; --gold-2: 253, 244, 191; --gold-3: 252, 233, 150; --gold-4: 250, 220, 109; --gold-5: 249, 204, 69; --gold-6: 247, 186, 30; --gold-7: 204, 146, 19; --gold-8: 162, 109, 10; --gold-9: 119, 75, 4; --gold-10: 77, 45, 0; --yellow-1: 254, 255, 232; --yellow-2: 254, 254, 190; --yellow-3: 253, 250, 148; --yellow-4: 252, 242, 107; --yellow-5: 251, 232, 66; --yellow-6: 250, 220, 25; --yellow-7: 207, 175, 15; --yellow-8: 163, 132, 8; --yellow-9: 120, 93, 3; --yellow-10: 77, 56, 0; --lime-1: 252, 255, 232; --lime-2: 237, 248, 187; --lime-3: 220, 241, 144; --lime-4: 201, 233, 104; --lime-5: 181, 226, 65; --lime-6: 159, 219, 29; --lime-7: 126, 183, 18; --lime-8: 95, 148, 10; --lime-9: 67, 112, 4; --lime-10: 42, 77, 0; --green-1: 232, 255, 234; --green-2: 175, 240, 181; --green-3: 123, 225, 136; --green-4: 76, 210, 99; --green-5: 35, 195, 67; --green-6: 0, 180, 42; --green-7: 0, 154, 41; --green-8: 0, 128, 38; --green-9: 0, 102, 34; --green-10: 0, 77, 28; --cyan-1: 232, 255, 251; --cyan-2: 183, 244, 236; --cyan-3: 137, 233, 224; --cyan-4: 94, 223, 214; --cyan-5: 55, 212, 207; --cyan-6: 20, 201, 201; --cyan-7: 13, 165, 170; --cyan-8: 7, 130, 139; --cyan-9: 3, 97, 108; --cyan-10: 0, 66, 77; --blue-1: 232, 247, 255; --blue-2: 195, 231, 254; --blue-3: 159, 212, 253; --blue-4: 123, 192, 252; --blue-5: 87, 169, 251; --blue-6: 52, 145, 250; --blue-7: 32, 108, 207; --blue-8: 17, 75, 163; --blue-9: 6, 48, 120; --blue-10: 0, 26, 77; --arcoblue-1: 232, 243, 255; --arcoblue-2: 190, 218, 255; --arcoblue-3: 148, 191, 255; --arcoblue-4: 106, 161, 255; --arcoblue-5: 64, 128, 255; --arcoblue-6: 22, 93, 255; --arcoblue-7: 14, 66, 210; --arcoblue-8: 7, 44, 166; --arcoblue-9: 3, 26, 121; --arcoblue-10: 0, 13, 77; --purple-1: 245, 232, 255; --purple-2: 221, 190, 246; --purple-3: 195, 150, 237; --purple-4: 168, 113, 227; --purple-5: 141, 78, 218; --purple-6: 114, 46, 209; --purple-7: 85, 29, 176; --purple-8: 60, 16, 143; --purple-9: 39, 6, 110; --purple-10: 22, 0, 77; --pinkpurple-1: 255, 232, 251; --pinkpurple-2: 247, 186, 239; --pinkpurple-3: 240, 142, 230; --pinkpurple-4: 232, 101, 223; --pinkpurple-5: 225, 62, 219; --pinkpurple-6: 217, 26, 217; --pinkpurple-7: 176, 16, 182; --pinkpurple-8: 138, 9, 147; --pinkpurple-9: 101, 3, 112; --pinkpurple-10: 66, 0, 77; --magenta-1: 255, 232, 241; --magenta-2: 253, 194, 219; --magenta-3: 251, 157, 199; --magenta-4: 249, 121, 183; --magenta-5: 247, 84, 168; --magenta-6: 245, 49, 157; --magenta-7: 203, 30, 131; --magenta-8: 161, 16, 105; --magenta-9: 119, 6, 79; --magenta-10: 77, 0, 52; --gray-1: 247, 248, 250; --gray-2: 242, 243, 245; --gray-3: 229, 230, 235; --gray-4: 201, 205, 212; --gray-5: 169, 174, 184; --gray-6: 134, 144, 156; --gray-7: 107, 119, 133; --gray-8: 78, 89, 105; --gray-9: 39, 46, 59; --gray-10: 29, 33, 41; --primary-1: 243, 247, 255; --primary-2: 235, 241, 255; --primary-3: 151, 188, 255; --primary-4: 110, 159, 255; --primary-5: 56, 123, 255; --primary-6: 22, 100, 255; --primary-7: 23, 89, 221; --primary-8: 17, 74, 185; --primary-9: 0, 36, 120; --primary-10: 0, 20, 77; --link-1: 232, 241, 255; --link-2: 201, 223, 255; --link-3: 150, 192, 255; --link-4: 99, 162, 255; --link-5: 48, 132, 255; --link-6: 0, 102, 252; --link-7: 0, 81, 201; --link-8: 0, 61, 150; --link-9: 0, 36, 120; --link-10: 0, 20, 77; --success-1: 238, 249, 241; --success-2: 225, 246, 230; --success-3: 124, 205, 148; --success-4: 92, 174, 119; --success-5: 48, 146, 86; --success-6: 42, 129, 75; --success-7: 35, 112, 64; --success-8: 28, 94, 53; --success-9: 7, 90, 47; --success-10: 0, 77, 40; --danger-1: 253, 245, 245; --danger-2: 255, 236, 236; --danger-3: 255, 163, 160; --danger-4: 255, 112, 109; --danger-5: 238, 63, 56; --danger-6: 215, 49, 42; --danger-7: 189, 41, 35; --danger-8: 159, 33, 28; --danger-9: var(--red-9); --danger-10: var(--red-10); --warning-1: 254, 248, 235; --warning-2: 255, 243, 220; --warning-3: 249, 199, 109; --warning-4: 240, 165, 15; --warning-5: 208, 141, 6; --warning-6: 189, 126, 0; --warning-7: 153, 102, 0; --warning-8: 122, 82, 0; --warning-9: var(--orange-9); --warning-10: var(--orange-10); --color-text-5: #ffffff; --color-fill-5: #ffffff; --color-fill-6: #fcfdfe; --color-fill-7: #0c0d0e; --color-bg-6: rgba(24, 25, 27, 0.05); --color-bg-7: #f6f8fa; --color-bg-8: #ffffff; --color-bg-9: #ffffff; --color-grey-1: #f6f8fa; --color-grey-2: #f6f6f6; --color-grey-3: #eceded; --color-grey-4: #a0a2a7; --color-grey-5: #676b72; --color-grey-6: #41464f; --color-grey-7: #343840; --color-grey-8: #292a2e; --color-alpha-link1: #f4f7ff; --color-alpha-link2: #ebf1ff; --color-alpha-link3: #97bcff; --color-alpha-success1: #eef9f1; --color-alpha-success2: #e1f6e6; --color-alpha-success3: #7ccd94; --color-alpha-danger1: #fdf5f5; --color-alpha-danger2: #ffecec; --color-alpha-danger3: #ffa3a0; --color-alpha-warning1: #fef8eb; --color-alpha-warning2: #fff3dc; --color-alpha-warning3: #f9c76d; --base-grey-1: 236, 237, 237; --base-grey-2: 246, 246, 246; --base-grey-3: 236, 237, 237; --base-grey-4: 160, 162, 167; --base-grey-5: 103, 107, 114; --base-grey-6: 65, 70, 79; --base-grey-7: 52, 56, 64; --base-grey-8: 43, 48, 58; --base-grey-9: var(--arcoblue-9); --base-grey-10: var(--arcoblue-10); --oranged-1: 255, 242, 232; --oranged-2: 255, 234, 219; --oranged-3: 255, 179, 122; --oranged-4: 255, 131, 43; --oranged-5: 235, 98, 0; --oranged-6: 192, 79, 0; --oranged-7: 168, 68, 0; --oranged-8: 137, 60, 0; --oranged-9: 105, 33, 0; --oranged-10: 77, 22, 0; --teal-1: 238, 248, 255; --teal-2: 228, 243, 252; --teal-3: 128, 197, 224; --teal-4: 88, 168, 196; --teal-5: 56, 136, 163; --teal-6: 36, 117, 142; --teal-7: 7, 108, 133; --teal-8: 0, 90, 112; --teal-9: var(--arcoblue-9); --teal-10: var(--arcoblue-10); --violet-1: 250, 244, 255; --violet-2: 242, 234, 251; --violet-3: 193, 163, 237; --violet-4: 162, 133, 212; --violet-5: 135, 99, 184; --violet-6: 110, 76, 159; --violet-7: 96, 63, 142; --violet-8: 83, 45, 134; --violet-9: var(--arcoblue-9); --violet-10: var(--arcoblue-10); } body[arco-theme='dark'] { --red-1: 77, 0, 10; --red-2: 119, 6, 17; --red-3: 161, 22, 31; --red-4: 203, 46, 52; --red-5: 245, 78, 78; --red-6: 247, 105, 101; --red-7: 249, 141, 134; --red-8: 251, 176, 167; --red-9: 253, 209, 202; --red-10: 255, 240, 236; --orangered-1: 77, 14, 0; --orangered-2: 119, 30, 5; --orangered-3: 162, 55, 20; --orangered-4: 204, 87, 41; --orangered-5: 247, 126, 69; --orangered-6: 249, 146, 90; --orangered-7: 250, 173, 125; --orangered-8: 252, 198, 161; --orangered-9: 253, 222, 197; --orangered-10: 255, 244, 235; --orange-1: 77, 27, 0; --orange-2: 121, 48, 4; --orange-3: 166, 75, 10; --orange-4: 210, 105, 19; --orange-5: 255, 141, 31; --orange-6: 255, 150, 38; --orange-7: 255, 179, 87; --orange-8: 255, 205, 135; --orange-9: 255, 227, 184; --orange-10: 255, 247, 232; --gold-1: 77, 45, 0; --gold-2: 119, 75, 4; --gold-3: 162, 111, 15; --gold-4: 204, 150, 31; --gold-5: 247, 192, 52; --gold-6: 249, 204, 68; --gold-7: 250, 220, 108; --gold-8: 252, 233, 149; --gold-9: 253, 244, 190; --gold-10: 255, 252, 232; --yellow-1: 77, 56, 0; --yellow-2: 120, 94, 7; --yellow-3: 163, 134, 20; --yellow-4: 207, 179, 37; --yellow-5: 250, 225, 60; --yellow-6: 251, 233, 75; --yellow-7: 252, 243, 116; --yellow-8: 253, 250, 157; --yellow-9: 254, 254, 198; --yellow-10: 254, 255, 240; --lime-1: 42, 77, 0; --lime-2: 68, 112, 6; --lime-3: 98, 148, 18; --lime-4: 132, 183, 35; --lime-5: 168, 219, 57; --lime-6: 184, 226, 75; --lime-7: 203, 233, 112; --lime-8: 222, 241, 152; --lime-9: 238, 248, 194; --lime-10: 253, 255, 238; --green-1: 0, 77, 28; --green-2: 4, 102, 37; --green-3: 10, 128, 45; --green-4: 18, 154, 55; --green-5: 29, 180, 64; --green-6: 39, 195, 70; --green-7: 80, 210, 102; --green-8: 126, 225, 139; --green-9: 178, 240, 183; --green-10: 235, 255, 236; --cyan-1: 0, 66, 77; --cyan-2: 6, 97, 108; --cyan-3: 17, 131, 139; --cyan-4: 31, 166, 170; --cyan-5: 48, 201, 201; --cyan-6: 63, 212, 207; --cyan-7: 102, 223, 215; --cyan-8: 144, 233, 225; --cyan-9: 190, 244, 237; --cyan-10: 240, 255, 252; --blue-1: 0, 26, 77; --blue-2: 5, 47, 120; --blue-3: 19, 76, 163; --blue-4: 41, 113, 207; --blue-5: 70, 154, 250; --blue-6: 90, 170, 251; --blue-7: 125, 193, 252; --blue-8: 161, 213, 253; --blue-9: 198, 232, 254; --blue-10: 234, 248, 255; --arcoblue-1: 0, 13, 77; --arcoblue-2: 4, 27, 121; --arcoblue-3: 14, 50, 166; --arcoblue-4: 29, 77, 210; --arcoblue-5: 48, 111, 255; --arcoblue-6: 60, 126, 255; --arcoblue-7: 104, 159, 255; --arcoblue-8: 147, 190, 255; --arcoblue-9: 190, 218, 255; --arcoblue-10: 234, 244, 255; --purple-1: 22, 0, 77; --purple-2: 39, 6, 110; --purple-3: 62, 19, 143; --purple-4: 90, 37, 176; --purple-5: 123, 61, 209; --purple-6: 142, 81, 218; --purple-7: 169, 116, 227; --purple-8: 197, 154, 237; --purple-9: 223, 194, 246; --purple-10: 247, 237, 255; --pinkpurple-1: 66, 0, 77; --pinkpurple-2: 101, 3, 112; --pinkpurple-3: 138, 13, 147; --pinkpurple-4: 176, 27, 182; --pinkpurple-5: 217, 46, 217; --pinkpurple-6: 225, 61, 219; --pinkpurple-7: 232, 102, 223; --pinkpurple-8: 240, 146, 230; --pinkpurple-9: 247, 193, 240; --pinkpurple-10: 255, 242, 253; --magenta-1: 77, 0, 52; --magenta-2: 119, 8, 80; --magenta-3: 161, 23, 108; --magenta-4: 203, 43, 136; --magenta-5: 245, 69, 166; --magenta-6: 247, 86, 169; --magenta-7: 249, 122, 184; --magenta-8: 251, 158, 200; --magenta-9: 253, 195, 219; --magenta-10: 255, 232, 241; --gray-1: 23, 23, 26; --gray-2: 46, 46, 48; --gray-3: 72, 72, 73; --gray-4: 95, 95, 96; --gray-5: 120, 120, 122; --gray-6: 146, 146, 147; --gray-7: 171, 171, 172; --gray-8: 197, 197, 197; --gray-9: 223, 223, 223; --gray-10: 246, 246, 246; --primary-1: 36, 46, 64; --primary-2: 39, 51, 76; --primary-3: 49, 80, 143; --primary-4: 22, 100, 255; --primary-5: 151, 188, 255; --primary-6: 102, 158, 255; --primary-7: 56, 123, 255; --primary-8: 147, 193, 255; --primary-9: 183, 221, 254; --primary-10: 232, 245, 255; --link-1: 0, 20, 77; --link-2: 4, 39, 120; --link-3: 10, 62, 164; --link-4: 19, 88, 208; --link-5: 30, 120, 252; --link-6: 38, 131, 253; --link-7: 86, 164, 253; --link-8: 135, 194, 254; --link-9: 183, 221, 254; --link-10: 232, 245, 255; --success-1: 0, 77, 40; --success-2: 8, 90, 47; --success-3: 20, 103, 57; --success-4: 35, 116, 69; --success-5: 54, 129, 82; --success-6: 81, 154, 106; --success-7: 112, 179, 133; --success-8: 149, 205, 165; --success-9: 190, 230, 200; --success-10: 236, 255, 240; --danger-1: var(--red-1); --danger-2: var(--red-2); --danger-3: var(--red-3); --danger-4: var(--red-4); --danger-5: var(--red-5); --danger-6: var(--red-6); --danger-7: var(--red-7); --danger-8: var(--red-8); --danger-9: var(--red-9); --danger-10: var(--red-10); --warning-1: 83, 57, 0; --warning-2: 112, 75, 0; --warning-3: 149, 99, 0; --warning-4: 189, 126, 0; --warning-5: 249, 199, 109; --warning-6: 240, 165, 15; --warning-7: 208, 141, 6; --warning-8: 255, 243, 220; --warning-9: var(--orange-9); --warning-10: var(--orange-10); --color-text-5: #000000; --color-fill-5: #ffffff; --color-fill-6: rgba(0, 0, 0, 0.2); --color-fill-7: #ffffff; --color-bg-6: rgba(199, 204, 214, 0.1); --color-bg-7: #1a1b1e; --color-bg-8: #282a2f; --color-bg-9: #212327; --color-grey-1: rgba(246, 248, 250, 0.12); --color-grey-2: rgba(246, 248, 250, 0.2); --color-grey-3: #c7ccd6; --color-grey-4: #9da3af; --color-grey-5: #6e7687; --color-grey-6: #41464f; --color-grey-7: #343840; --color-grey-8: #2f3237; --color-alpha-link1: rgba(13, 55, 141, 0.5); --color-alpha-link2: rgba(17, 74, 185, 0.2); --color-alpha-link3: rgba(102, 158, 255, 0.3); --color-alpha-success1: rgba(7, 72, 36, 0.5); --color-alpha-success2: rgba(28, 94, 53, 0.2); --color-alpha-success3: rgba(92, 174, 119, 0.3); --color-alpha-danger1: rgba(126, 13, 7, 0.5); --color-alpha-danger2: rgba(159, 33, 28, 0.2); --color-alpha-danger3: rgba(255, 112, 109, 0.3); --color-alpha-warning1: rgba(83, 57, 0, 0.5); --color-alpha-warning2: rgba(112, 75, 0, 0.2); --color-alpha-warning3: rgba(240, 165, 15, 0.3); --base-grey-1: var(--arcoblue-1); --base-grey-2: 37, 37, 37; --base-grey-3: 42, 42, 42; --base-grey-4: 46, 46, 46; --base-grey-5: 51, 51, 51; --base-grey-6: 56, 56, 56; --base-grey-7: 45, 45, 45; --base-grey-8: 65, 65, 65; --base-grey-9: var(--arcoblue-9); --base-grey-10: var(--arcoblue-10); --oranged-1: 77, 22, 0; --oranged-2: 105, 35, 3; --oranged-3: 134, 52, 8; --oranged-4: 163, 72, 15; --oranged-5: 192, 93, 23; --oranged-6: 205, 110, 31; --oranged-7: 217, 143, 74; --oranged-8: 230, 177, 122; --oranged-9: 242, 212, 174; --oranged-10: 255, 245, 232; --teal-1: var(--arcoblue-1); --teal-2: var(--arcoblue-2); --teal-3: var(--arcoblue-3); --teal-4: var(--arcoblue-4); --teal-5: var(--arcoblue-5); --teal-6: var(--arcoblue-6); --teal-7: var(--arcoblue-7); --teal-8: var(--arcoblue-8); --teal-9: var(--arcoblue-9); --teal-10: var(--arcoblue-10); --violet-1: var(--arcoblue-1); --violet-2: var(--arcoblue-2); --violet-3: var(--arcoblue-3); --violet-4: var(--arcoblue-4); --violet-5: var(--arcoblue-5); --violet-6: var(--arcoblue-6); --violet-7: var(--arcoblue-7); --violet-8: var(--arcoblue-8); --violet-9: var(--arcoblue-9); --violet-10: var(--arcoblue-10); } .arco-popup .arco-slide-from-left-enter, .arco-popup .arco-slide-from-left-exit-active, .arco-popup .arco-slide-from-left-exit-done { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .arco-popup .arco-slide-from-left-enter.translateZ, .arco-popup .arco-slide-from-left-exit-active.translateZ, .arco-popup .arco-slide-from-left-exit-done.translateZ { -webkit-transform: translate(-100%, 0) translateZ(2PX); -moz-transform: translate(-100%, 0) translateZ(2PX); transform: translate(-100%, 0) translateZ(2PX); } .arco-popup .arco-slide-from-right-enter, .arco-popup .arco-slide-from-right-exit-active, .arco-popup .arco-slide-from-right-exit-done { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .arco-popup .arco-slide-from-right-enter.translateZ, .arco-popup .arco-slide-from-right-exit-active.translateZ, .arco-popup .arco-slide-from-right-exit-done.translateZ { -webkit-transform: translate(100%, 0) translateZ(2PX); -moz-transform: translate(100%, 0) translateZ(2PX); transform: translate(100%, 0) translateZ(2PX); } .arco-popup .arco-slide-from-top-enter, .arco-popup .arco-slide-from-top-exit-active, .arco-popup .arco-slide-from-top-exit-done { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .arco-popup .arco-slide-from-top-enter.translateZ, .arco-popup .arco-slide-from-top-exit-active.translateZ, .arco-popup .arco-slide-from-top-exit-done.translateZ { -webkit-transform: translate(0, -100%) translateZ(2PX); -moz-transform: translate(0, -100%) translateZ(2PX); transform: translate(0, -100%) translateZ(2PX); } .arco-popup .arco-slide-from-bottom-enter, .arco-popup .arco-slide-from-bottom-exit-active, .arco-popup .arco-slide-from-bottom-exit-done { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .arco-popup .arco-slide-from-bottom-enter.translateZ, .arco-popup .arco-slide-from-bottom-exit-active.translateZ, .arco-popup .arco-slide-from-bottom-exit-done.translateZ { -webkit-transform: translate(0, 100%) translateZ(2PX); -moz-transform: translate(0, 100%) translateZ(2PX); transform: translate(0, 100%) translateZ(2PX); } .arco-popup-content[class*="-enter-active"], .arco-popup-mask[class*="-enter-active"] { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 450ms cubic-bezier(0.34, 0.69, 0.1, 1) ; -o-transition: all 450ms cubic-bezier(0.34, 0.69, 0.1, 1) ; -moz-transition: all 450ms cubic-bezier(0.34, 0.69, 0.1, 1) ; transition: all 450ms cubic-bezier(0.34, 0.69, 0.1, 1) ; } .arco-popup-content[class*="-enter-active"].translateZ, .arco-popup-mask[class*="-enter-active"].translateZ { -webkit-transform: translateZ(2PX); -moz-transform: translateZ(2PX); transform: translateZ(2PX); } .arco-popup [class*="-exit-active"] { -webkit-transition: all 240ms cubic-bezier(0.34, 0.69, 0.1, 1) ; -o-transition: all 240ms cubic-bezier(0.34, 0.69, 0.1, 1) ; -moz-transition: all 240ms cubic-bezier(0.34, 0.69, 0.1, 1) ; transition: all 240ms cubic-bezier(0.34, 0.69, 0.1, 1) ; } .arco-popup-content { background: #ffffff ; position: fixed; z-index: 1001; } .arco-popup-content.need-bottom-offset { padding-bottom: env(safe-area-inset-bottom); } .arco-popup-content.left { left: 0; top: 0; height: 100%; } .arco-popup-content.top { left: 0; top: 0; width: 100%; } .arco-popup-content.right { right: 0; top: 0; height: 100%; } .arco-popup-content.bottom { left: 0; bottom: 0; width: 100%; } .arco-popup-content.translateZ { -webkit-transform: translateZ(2PX); -moz-transform: translateZ(2PX); transform: translateZ(2PX); } .arco-popup-mask { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6) ; } .arco-popup-mask.translateZ { -webkit-transform: translateZ(1PX); -moz-transform: translateZ(1PX); transform: translateZ(1PX); } #fastLogin { position: fixed; z-index: 5000; top: 0; left: 0; } .loginFrameContent_4915f { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_4915f a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_4915f { min-height: 454px; } .hideMode_4915f { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .loginCard_9adf8 { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .idp-login_6519b { margin-top: 42px; line-height: 20px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .idp-login_6519b .divider_6519b { margin: 16px 0; } .idp-login_6519b .divider_6519b .arco-divider-text { font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-fill-2); } .text_6519b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; color: var(--color-text-2); font-size: 14px; } .idps_6519b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; } .idps_6519b .logo_6519b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 32px; height: 32px; min-width: 32px; border-radius: 32px; border: 1px solid var(--color-border-2); -moz-box-sizing: border-box; box-sizing: border-box; } .idps_6519b .logo_6519b:hover { border: 1px solid rgb(var(--primary-4)); background: #f3f7ff; background: var(--color-bg-3, #f3f7ff); } .idps_6519b .logo_6519b:hover .Mail_6519b, .idps_6519b .logo_6519b:hover .Account_6519b { color: rgb(var(--primary-6)); } .idps_6519b .logo_6519b + .logo_6519b { margin-left: 12px; } .idps_6519b .Mail_6519b, .idps_6519b .Account_6519b { border: 1px solid var(--color-border-2); border-radius: 32px; padding: 6px 10px; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; cursor: pointer; font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-2); } .idps_6519b .Mail_6519b .icon_6519b, .idps_6519b .Account_6519b .icon_6519b { font-size: 16px; color: var(--color-text-1); margin-right: 10px; } .idps_6519b .Mail_6519b:hover, .idps_6519b .Account_6519b:hover { color: rgb(var(--primary-6)); } .idps_6519b .Mail_6519b:hover .icon_6519b, .idps_6519b .Account_6519b:hover .icon_6519b { color: rgb(var(--primary-6)); } .idps_6519b .Mail_6519b { width: 81px; min-width: 81px; } .idps_6519b .Account_6519b { width: 147px; min-width: 137px; } .loginCard_c8148 { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .loginFrameContent_c8148 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_c8148 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_c8148 { min-height: 454px; } .hideMode_c8148 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .login-frame .arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text:before { box-shadow: none !important; } .cardHasTab_c8148 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .cardHasTab_c8148 .title_c8148, .cardHasTab_c8148 .cardHasTabCmponent_c8148, .cardHasTab_c8148 .ouathIdpForLogin_c8148 { padding: 0 5px; } .cardHasTab_c8148 .ouathIdpForLogin_c8148, .cardHasTab_c8148 .accountOauthIdp_c8148 { margin-top: auto; } .cardHasTab_c8148 .accountTab_c8148 .arco-tabs-header-nav { padding: 0 5px; } .cardHasTab_c8148 .accountTab_c8148 .arco-tabs-content .arco-form { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .cardHasTab_c8148 .suffixNode_c8148 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 400; font-size: 13px; line-height: 22px; color: var(--color-text-2); margin-top: 16px; } .cardHasTab_c8148 .suffixNode_c8148 .tipA_c8148 { cursor: pointer; color: rgb(var(--primary-6)); } .cardHasTab_c8148 .suffixNode_c8148 .tipA_c8148:hover { color: rgb(var(--primary-5)); } .cardHasTab_c8148 .suffixNodeNoOauth_c8148 { margin-top: auto; } .cardHasTab_c8148 .phoneVerificationContainer_c8148 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 24px !important; font-weight: 500; line-height: 48px; margin-bottom: 20px !important; min-height: 48px; } .cardHasTab_c8148 .phonePrefixContainer_c8148, .cardHasTab_c8148 .phoneSuffixContainer_c8148 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; height: 48px; line-height: 48px; } .cardHasTab_c8148 .phoneVerificationInner_c8148 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 48px; } .cardHasTab_c8148 .middleFourDigitsFormItem_c8148 { margin: 0 8px !important; height: 48px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-align: center; margin-bottom: 0 !important; } .cardHasTab_c8148 .middleFourDigitsFormItem_c8148 .arco-form-item { margin-bottom: 0 !important; } .cardHasTab_c8148 .middleFourDigitsFormItem_c8148 .arco-form-item-control { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 48px; margin: 0; } .cardHasTab_c8148 .middleFourDigitsFormItem_c8148 .arco-form-item-control-input { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 48px; margin: 0; } .cardHasTab_c8148 .verificationContainer_c8148 { min-height: 210px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; position: relative; width: 100%; margin-bottom: 16px; margin-top: 30px; } .login_c8148 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .login_c8148 .title_c8148 { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .login_c8148 .accountTab_c8148 { margin-top: 32px; } .login_c8148 .accountTab_c8148 .arco-tabs-header-nav::before { display: none; } .login_c8148 .accountTab_c8148 .arco-tabs-header-title { margin: 0; padding: 8px 0 6px 0; } .login_c8148 .accountTab_c8148 .arco-tabs-header-title:first-of-type { margin-left: 0 !important; } .login_c8148 .accountTab_c8148 .arco-tabs-header-title .arco-tabs-header-title-text { font-weight: 500; font-size: 16px; line-height: 22px; } .login_c8148 .accountTab_c8148 .arco-tabs-header-title + .arco-tabs-header-title { margin-left: 36px; } .login_c8148 .accountTabInMobile_c8148 { margin-top: 0; } .loginFrameContent_e9590 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_e9590 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_e9590 { min-height: 454px; } .hideMode_e9590 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .linkWrap_e9590 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 0 5px; } .linkWrap_e9590 .forgetPwd_e9590 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .linkWrap_e9590 .onlyForgetPwd_e9590 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .linkWrap_e9590 .divide_e9590 { margin: 0 4px; } .linkWrap_e9590 .text_e9590 { font-weight: 400; font-size: 13px; line-height: 22px; color: var(--color-text-2); cursor: pointer; } .linkWrap_e9590 .text_e9590:hover { color: rgb(var(--primary-6)); } .loginFrameContent_25f31 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_25f31 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_25f31 { min-height: 454px; } .hideMode_25f31 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .acocuntForm_25f31 { margin-top: 16px; } .acocuntForm_25f31 .arco-form-item { margin-bottom: 20px; } .acocuntForm_25f31 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .acocuntForm_25f31 .arco-form-message { min-height: 20px; line-height: 20px; } .acocuntForm_25f31 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .acocuntForm_25f31 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .acocuntForm_25f31 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .acocuntForm_25f31 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .acocuntForm_25f31 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .acocuntForm_25f31 .input_25f31 { height: 32px; } .acocuntForm_25f31 .input_25f31 .arco-input-inner-wrapper { height: 32px; } .acocuntForm_25f31 .input_25f31 .arco-input { height: 30px; } .acocuntForm_25f31 .input_25f31 .arco-input-group { height: 30px; } .acocuntForm_25f31 .input_25f31 .arco-input-group .arco-form-item-control { min-height: 30px; } .acocuntForm_25f31 .input_25f31 .arco-input-inner-wrapper-focus { border-radius: 4px; } .acocuntForm_25f31 .callingCode_25f31 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .acocuntForm_25f31 .callingCode_25f31 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .acocuntForm_25f31 .bottomFormItem_25f31 { margin-bottom: 12px; } .acocuntForm_25f31 .btn_25f31 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .acocuntForm_25f31 .btnInMobile_25f31 { margin: 20px 0 12px 0; } .acocuntForm_25f31 .verify_25f31 { display: -webkit-flex; display: -moz-box; display: flex; } .acocuntForm_25f31 .verify_25f31 .control_25f31 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .acocuntForm_25f31 .verify-btn_25f31 { margin-left: 12px; height: 32px; min-width: 98px; } .acocuntForm_25f31 .protocol_25f31 { margin-bottom: 20px; } .localProtocol_3fd4f { font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-2); } .localProtocol_3fd4f .link_3fd4f { cursor: pointer; color: rgb(var(--primary-6)); } .loginFrameContent_813c1 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_813c1 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_813c1 { min-height: 454px; } .hideMode_813c1 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .telIdpForm_813c1 { margin-top: 16px; } .telIdpForm_813c1 .arco-form-item { margin-bottom: 20px; } .telIdpForm_813c1 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .telIdpForm_813c1 .arco-form-message { min-height: 20px; line-height: 20px; } .telIdpForm_813c1 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .telIdpForm_813c1 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .telIdpForm_813c1 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .telIdpForm_813c1 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .telIdpForm_813c1 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .telIdpForm_813c1 .input_813c1 { height: 32px; } .telIdpForm_813c1 .input_813c1 .arco-input-inner-wrapper { height: 32px; } .telIdpForm_813c1 .input_813c1 .arco-input { height: 30px; } .telIdpForm_813c1 .input_813c1 .arco-input-group { height: 30px; } .telIdpForm_813c1 .input_813c1 .arco-input-group .arco-form-item-control { min-height: 30px; } .telIdpForm_813c1 .input_813c1 .arco-input-inner-wrapper-focus { border-radius: 4px; } .telIdpForm_813c1 .callingCode_813c1 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .telIdpForm_813c1 .callingCode_813c1 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .telIdpForm_813c1 .bottomFormItem_813c1 { margin-bottom: 12px; } .telIdpForm_813c1 .btn_813c1 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .telIdpForm_813c1 .btnInMobile_813c1 { margin: 20px 0 12px 0; } .telIdpForm_813c1 .verify_813c1 { display: -webkit-flex; display: -moz-box; display: flex; } .telIdpForm_813c1 .verify_813c1 .control_813c1 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .telIdpForm_813c1 .verify-btn_813c1 { margin-left: 12px; height: 32px; min-width: 98px; } .telIdpForm_813c1 .protocol_813c1 { margin-bottom: 20px; } .telIdpForm_813c1 .login-frame .arco-form-item-status-error .arco-select.callingCode.arco-select-focused:not( .arco-form-item-status-error .arco-select.arco-select-focused.arco-select-disabled ) .arco-select-view, .telIdpForm_813c1 .arco-form-item-status-error .arco-select.callingCode.arco-select-focused:not( .arco-form-item-status-error .arco-select.arco-select-focused.arco-select-disabled ) .arco-select-view, .telIdpForm_813c1 .login-frame .arco-form-item-status-error .arco-select.arco-select-focused .arco-select-view, .telIdpForm_813c1 .arco-form-item-status-error .arco-select.arco-select-focused .arco-select-view { background-color: #17171a !important; background-color: var(--color-bg-9, #17171a) !important; } .onlyTelIdpForm_813c1 { margin-top: 32px; } .loginFrameContent_c6ee0 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_c6ee0 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_c6ee0 { min-height: 454px; } .hideMode_c6ee0 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .emailIdpForm_c6ee0 { margin-top: 40px; padding: 0 5px; } .emailIdpForm_c6ee0 .arco-form-item { margin-bottom: 20px; } .emailIdpForm_c6ee0 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .emailIdpForm_c6ee0 .arco-form-message { min-height: 20px; line-height: 20px; } .emailIdpForm_c6ee0 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .emailIdpForm_c6ee0 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .emailIdpForm_c6ee0 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .emailIdpForm_c6ee0 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .emailIdpForm_c6ee0 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .emailIdpForm_c6ee0 .input_c6ee0 { height: 32px; } .emailIdpForm_c6ee0 .input_c6ee0 .arco-input-inner-wrapper { height: 32px; } .emailIdpForm_c6ee0 .input_c6ee0 .arco-input { height: 30px; } .emailIdpForm_c6ee0 .input_c6ee0 .arco-input-group { height: 30px; } .emailIdpForm_c6ee0 .input_c6ee0 .arco-input-group .arco-form-item-control { min-height: 30px; } .emailIdpForm_c6ee0 .input_c6ee0 .arco-input-inner-wrapper-focus { border-radius: 4px; } .emailIdpForm_c6ee0 .callingCode_c6ee0 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .emailIdpForm_c6ee0 .callingCode_c6ee0 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .emailIdpForm_c6ee0 .bottomFormItem_c6ee0 { margin-bottom: 12px; } .emailIdpForm_c6ee0 .btn_c6ee0 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .emailIdpForm_c6ee0 .btnInMobile_c6ee0 { margin: 20px 0 12px 0; } .emailIdpForm_c6ee0 .verify_c6ee0 { display: -webkit-flex; display: -moz-box; display: flex; } .emailIdpForm_c6ee0 .verify_c6ee0 .control_c6ee0 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .emailIdpForm_c6ee0 .verify-btn_c6ee0 { margin-left: 12px; height: 32px; min-width: 98px; } .emailIdpForm_c6ee0 .protocol_c6ee0 { margin-bottom: 20px; } .wrap_5603d { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; text-align: center; position: relative; } .wrap_5603d > svg { margin-top: 87px; } .wrap_5603d > .backBtn_5603d { position: absolute; top: -18px; left: 0; width: auto; height: auto; padding: 0 !important; color: var(--color-text-2) !important; font-weight: 500; -webkit-align-self: flex-start; align-self: flex-start; } .wrap_5603d > .backBtn_5603d:hover { color: rgb(var(--primary-6)) !important; } .wrap_5603d > .backBtn_5603d span { margin-left: 2px; } .bindIdpWrap_5603d { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; width: 100%; height: 100%; min-height: 400px; } .bindIdpWrap_5603d .title_5603d { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; margin-top: 20px; text-align: left; } .bindIdpWrap_5603d .alert_5603d { margin: 8px 0 32px 0; } .bindIdpWrap_5603d .alert_5603d .arco-alert-icon-wrapper svg { font-size: 15px; } .bindIdpWrap_5603d .backBtn_5603d { width: auto; height: auto; padding: 0 !important; color: var(--color-text-2) !important; font-weight: 500; -webkit-align-self: flex-start; align-self: flex-start; } .bindIdpWrap_5603d .backBtn_5603d:hover { color: rgb(var(--primary-6)) !important; } .bindIdpWrap_5603d .backBtn_5603d span { margin-left: 2px; } .bindIdpWrap_5603d .middle_5603d { margin-top: 64px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .bindIdpWrap_5603d.telNotReg_5603d .middle_5603d { margin-top: 106px; } .bindIdpWrap_5603d.telNotReg_5603d .text_5603d { text-align: center; font-size: 20px; font-weight: 500; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .bindIdpWrap_5603d.telNotReg_5603d .top_5603d { margin-top: 20px; } .bindIdpWrap_5603d.telNotReg_5603d .bottom_5603d { margin-bottom: 32px; } .text_5603d { margin-left: auto; margin-right: auto; text-align: center; margin-top: 12px; font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: 0.003em; color: var(--color-text-1); } .signupText_5603d { font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.039px; text-align: left; } .containerSpin_9bef5 { width: 100%; margin-top: 8px; } .containerSpin_9bef5 .arco-spin-children::after { border-radius: 0 !important; } .containerSpin_9bef5 .read_9bef5 { text-align: center; } .containerSpin_9bef5 .read_9bef5 .arco-checkbox .arco-checkbox-text { font-weight: 400; font-size: 12px; line-height: 20px; } .containerSpin_9bef5 .submitBtn_9bef5 { width: 98px; height: 32px; margin-top: 24px; } .oauthSignUpWrap_22299 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 320px; width: 100%; } .oauthSignUpWrap_22299.telNotReg_22299 { min-height: 250px; } .containerSpin_22299 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .containerSpin_22299 .arco-spin-children::after { border-radius: 0; } .containerSpin_22299 .form_22299 { text-align: left; } .containerSpin_22299 .form_22299 .arco-form-item { margin-bottom: 20px; } .containerSpin_22299 .form_22299 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .containerSpin_22299 .form_22299 .arco-form-message { min-height: 20px; line-height: 20px; } .containerSpin_22299 .form_22299 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .containerSpin_22299 .form_22299 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .containerSpin_22299 .form_22299 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .containerSpin_22299 .form_22299 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .containerSpin_22299 .form_22299 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .containerSpin_22299 .form_22299 .input_22299 { height: 32px; } .containerSpin_22299 .form_22299 .input_22299 .arco-input-inner-wrapper { height: 32px; } .containerSpin_22299 .form_22299 .input_22299 .arco-input { height: 30px; } .containerSpin_22299 .form_22299 .input_22299 .arco-input-group { height: 30px; } .containerSpin_22299 .form_22299 .input_22299 .arco-input-group .arco-form-item-control { min-height: 30px; } .containerSpin_22299 .form_22299 .input_22299 .arco-input-inner-wrapper-focus { border-radius: 4px; } .containerSpin_22299 .form_22299 .callingCode_22299 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .containerSpin_22299 .form_22299 .callingCode_22299 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .containerSpin_22299 .form_22299 .bottomFormItem_22299 { margin-bottom: 12px; } .containerSpin_22299 .form_22299 .btn_22299 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .containerSpin_22299 .form_22299 .btnInMobile_22299 { margin: 20px 0 12px 0; } .containerSpin_22299 .form_22299 .verify_22299 { display: -webkit-flex; display: -moz-box; display: flex; } .containerSpin_22299 .form_22299 .verify_22299 .control_22299 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .containerSpin_22299 .form_22299 .verify-btn_22299 { margin-left: 12px; height: 32px; min-width: 98px; } .containerSpin_22299 .form_22299 .protocol_22299 { margin-bottom: 20px; } .containerSpin_22299 .form_22299 .sendsmsBtn_22299 { margin-left: 12px; height: 32px; min-width: 98px; } .containerSpin_22299 .read_22299 { text-align: left; color: var(--color-text-1); font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ } .containerSpin_22299 .read_22299 a { color: rgb(var(--primary-6)); } .containerSpin_22299 .readForTelNotReg_22299 { text-align: center; } .containerSpin_22299 .submitBtn_22299 { width: 100%; height: 32px; margin-top: 24px; } .containerSpin_22299 .submitBtnReg_22299 { width: 98px; height: 32px; margin-top: 24px; } .containerSpinFooter_22299 { width: 100%; margin-top: auto; padding-top: 24px; text-align: center; } .containerSpinFooter_22299 .bottomTip_22299 { margin-top: 48px; font-weight: 400; font-size: 13px; line-height: 20px; color: var(--color-text-2); } .containerSpinFooter_22299 .bottomTip_22299 + .bottomTip_22299 { margin-top: 4px; } .selectOption_22299 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .selectOption_22299 .tip_22299 { font-size: 12px; line-height: 20px; padding: 0 8px; background: rgb(var(--success-2)); border-radius: 2px; margin-right: 8px; color: var(--color-text-1); } .selectOption_22299 .tip_22299.user_22299 { background: rgb(var(--primary-2)); } .selectOption_22299 .content_22299 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .identitySelect_22299 .signupBtn_22299 { padding: 0 8px; margin-bottom: 2px; color: var(--color-text-1) !important; } .identitySelect_22299 .signupBtn_22299:hover { color: rgb(var(--primary-6)) !important; } .wrap_9db99 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; width: 100%; } .wrap_9db99 .backBtn_9db99 { position: absolute; top: -18px; left: 0; padding: 0 !important; color: var(--color-text-2) !important; -webkit-align-self: flex-start; align-self: flex-start; } .wrap_9db99 .backBtn_9db99:hover { color: rgb(var(--primary-6)) !important; } .wrap_9db99 .backBtn_9db99 span { margin-left: 5px; } .wrap_9db99 .title_9db99 { font-size: 18px; font-weight: 500; text-align: left; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-top: 20px; } .wrap_9db99 .title_9db99 span { margin-left: 8px; } .wrap_9db99 .tips_9db99 { font-size: 14px; margin-top: 16px; line-height: 22px; margin-bottom: 12px; } .wrap_9db99 .btn_9db99 { font-size: 13px; height: 32px; margin-top: 16px; } .verificationCodeWrapper_44bd4 { font-family: sans-serif; text-align: center; } .inputGroup_44bd4 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 8px; } .customInput_44bd4 { padding: 0; width: 40px; height: 40px; font-size: 24px; font-weight: 500; text-align: center; border: 1px solid var(--color-border-2); border-radius: 4px; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; overflow: hidden; text-overflow: ellipsis; caret-color: rgb(var(--primary-6)); background-color: var(--color-bg-1); color: var(--color-text-1); } .customInput_44bd4:focus { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, rgb(var(--primary-6)) 30%, transparent), 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgb(var(--primary-6)); } .selectPlatformIdentity_5ea66 .layoutSpin_5ea66 { width: 100%; } .selectPlatformIdentity_5ea66 .selectPlatformIdentityCard_5ea66 { margin-bottom: 12px; } .form_5ea66 { min-height: 310px; } .form_5ea66 .titles_5ea66 .backBtn_5ea66 { padding: 0 !important; color: var(--color-text-2) !important; -webkit-align-self: flex-start; align-self: flex-start; } .form_5ea66 .titles_5ea66 .backBtn_5ea66:hover { color: rgb(var(--primary-6)) !important; } .form_5ea66 .titles_5ea66 .backBtn_5ea66 span { margin-left: 5px; } .form_5ea66 .titles_5ea66 .title_5ea66 { font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: 0.004em; color: var(--color-text-1); margin-top: 20px; } .form_5ea66 .titles_5ea66 .alert_5ea66 { margin: 8px 0 32px 0; height: 60px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; } .form_5ea66 .titles_5ea66 .alert_5ea66 .arco-alert-icon-wrapper svg { font-size: 15px; } .form_5ea66 .titles_5ea66 .alert_5ea66 .arco-alert-content { font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: 0.003em; color: var(--color-text-1); } .form_5ea66 .select_5ea66 { display: block; margin-bottom: 16px; } .form_5ea66 .select_5ea66 .arco-select-view { height: 32px; } .form_5ea66 .select_5ea66 .arco-select-view .select-option_5ea66 { height: 30px; } .form_5ea66 .text_5ea66 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; color: var(--color-text-2); height: 20px; } .form_5ea66 .text_5ea66 .arco-checkbox-text { color: var(--color-text-2); font-size: 12px; } .form_5ea66 .sm_5ea66 { line-height: 20px; visibility: hidden; height: 0; } .form_5ea66 .mid_5ea66 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .form_5ea66 .mid_5ea66 span { font-weight: 400; font-size: 13px; line-height: 22px; color: var(--color-text-2); cursor: pointer; } .form_5ea66 .protocol_5ea66 { margin-bottom: 32px; } .form_5ea66 .btn_5ea66 { width: 100%; height: 36px; } .select-option_5ea66 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 40px; } .select-option_5ea66 .tip_5ea66 { font-size: 12px; line-height: 20px; padding: 0 8px; background: rgb(var(--success-2)); border-radius: 2px; margin-right: 8px; color: var(--color-text-1); } .select-option_5ea66 .tip_5ea66.user_5ea66 { background: rgb(var(--primary-2)); } .select-option_5ea66 .content_5ea66 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .loginFrameContent_0ce42 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_0ce42 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_0ce42 { min-height: 454px; } .hideMode_0ce42 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .userForm_0ce42 { margin-top: 22px; } .userForm_0ce42 .arco-form-item { margin-bottom: 20px; } .userForm_0ce42 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .userForm_0ce42 .arco-form-message { min-height: 20px; line-height: 20px; } .userForm_0ce42 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .userForm_0ce42 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .userForm_0ce42 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .userForm_0ce42 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .userForm_0ce42 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .userForm_0ce42 .input_0ce42 { height: 32px; } .userForm_0ce42 .input_0ce42 .arco-input-inner-wrapper { height: 32px; } .userForm_0ce42 .input_0ce42 .arco-input { height: 30px; } .userForm_0ce42 .input_0ce42 .arco-input-group { height: 30px; } .userForm_0ce42 .input_0ce42 .arco-input-group .arco-form-item-control { min-height: 30px; } .userForm_0ce42 .input_0ce42 .arco-input-inner-wrapper-focus { border-radius: 4px; } .userForm_0ce42 .callingCode_0ce42 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .userForm_0ce42 .callingCode_0ce42 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .userForm_0ce42 .bottomFormItem_0ce42 { margin-bottom: 12px; } .userForm_0ce42 .btn_0ce42 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .userForm_0ce42 .btnInMobile_0ce42 { margin: 20px 0 12px 0; } .userForm_0ce42 .verify_0ce42 { display: -webkit-flex; display: -moz-box; display: flex; } .userForm_0ce42 .verify_0ce42 .control_0ce42 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .userForm_0ce42 .verify-btn_0ce42 { margin-left: 12px; height: 32px; min-width: 98px; } .userForm_0ce42 .protocol_0ce42 { margin-bottom: 20px; } .container_254c5 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 48px; border: none; border-radius: 2px; font-size: 14px; font-weight: bold; line-height: 22px; color: var(--color-white) !important; -moz-box-sizing: border-box; box-sizing: border-box; background: rgb(var(--primary-6)) !important; cursor: pointer; } .large_254c5 { height: 48px; font-weight: bold; font-size: 16px; line-height: 22px; color: var(--color-white); letter-spacing: 5px; } .disabled_254c5 { color: var(--color-text-4) !important; cursor: not-allowed; background: var(--color-bg-2) !important; } .container_254c5:hover { opacity: 0.8; } .loginFrameContent_719ee { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_719ee a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_719ee { min-height: 454px; } .hideMode_719ee { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .loginCard_719ee { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .userLoginCard_719ee { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .userLoginCard_719ee .ouathIdpWrap_719ee { margin-top: auto; } .userLogin_719ee { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .userLogin_719ee .title_719ee { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .userLogin_719ee .alert_719ee { margin: 8px 0 22px 0; } .userLogin_719ee .alert_719ee .arco-alert-icon-wrapper svg { font-size: 15px; } .loginFrameContent_2c5b0 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_2c5b0 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_2c5b0 { min-height: 454px; } .hideMode_2c5b0 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .loginCard_2c5b0 { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .layoutSpin_2c5b0 { width: 100%; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item { margin-bottom: 20px; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-message { min-height: 20px; line-height: 20px; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .federationLoginCard_2c5b0 .form_2c5b0 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 { height: 32px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-input-inner-wrapper { height: 32px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-input { height: 30px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-input-group { height: 30px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-input-group .arco-form-item-control { min-height: 30px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-input-inner-wrapper-focus { border-radius: 4px; } .federationLoginCard_2c5b0 .form_2c5b0 .callingCode_2c5b0 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .federationLoginCard_2c5b0 .form_2c5b0 .callingCode_2c5b0 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .federationLoginCard_2c5b0 .form_2c5b0 .bottomFormItem_2c5b0 { margin-bottom: 12px; } .federationLoginCard_2c5b0 .form_2c5b0 .btn_2c5b0 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .federationLoginCard_2c5b0 .form_2c5b0 .btnInMobile_2c5b0 { margin: 20px 0 12px 0; } .federationLoginCard_2c5b0 .form_2c5b0 .verify_2c5b0 { display: -webkit-flex; display: -moz-box; display: flex; } .federationLoginCard_2c5b0 .form_2c5b0 .verify_2c5b0 .control_2c5b0 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .federationLoginCard_2c5b0 .form_2c5b0 .verify-btn_2c5b0 { margin-left: 12px; height: 32px; min-width: 98px; } .federationLoginCard_2c5b0 .form_2c5b0 .protocol_2c5b0 { margin-bottom: 20px; } .federationLoginCard_2c5b0 .form_2c5b0 .title_2c5b0 { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; margin-bottom: 22px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 { height: 32px; font-size: 12px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-select-view-input { font-size: 13px; } .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-input-inner-wrapper .arco-input, .federationLoginCard_2c5b0 .form_2c5b0 .input_2c5b0 .arco-select-view { height: 32px; line-height: 32px; } .federationLoginCard_2c5b0 .footBtn_2c5b0 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .federationLoginCard_2c5b0 .footBtn_2c5b0 .btnLink_2c5b0 { color: var(--color-text-2); font-size: 13px; border-right: 1px solid var(--color-border-2); padding: 0 10px; } .federationLoginCard_2c5b0 .footBtn_2c5b0 .btnLink_2c5b0:hover { color: rgb(var(--primary-6)); } .federationLoginCard_2c5b0 .footBtn_2c5b0 .btnLink_2c5b0:last-child { border: none; padding-right: 0; } .federationLoginCard_2c5b0 .footBtn_2c5b0 .btnLink_2c5b0:first-child { padding-left: 0; } .login-frame .idpTypeTag_2c5b0 { margin-right: 16px !important; border-radius: 2px !important; color: var(--color-text-1) !important; height: 22px !important; } .login-frame .roleTag_2c5b0 { background-color: rgb(var(--primary-2)) !important; } .login-frame .userTag_2c5b0 { background-color: rgb(var(--success-2)) !important; } .noIdpList_2c5b0 { padding: 5px 15px; background: var(--color-bg-2); font-size: 12px; color: var(--color-text-3); } .loginCard_17e9a { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .cardHasTab_17e9a { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .cardHasTab_17e9a .title_17e9a { padding: 0 5px; } .cardHasTab_17e9a .signupTab_17e9a { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .cardHasTab_17e9a .signupTab_17e9a .arco-tabs-header-nav { padding: 0 5px; } .cardHasTab_17e9a .signupTab_17e9a .arco-tabs-content .arco-form { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .signup_17e9a { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_17e9a .title_17e9a { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .signup_17e9a .signupTab_17e9a { margin-top: 32px; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_17e9a .signupTab_17e9a .arco-tabs-header-nav::before { display: none; } .signup_17e9a .signupTab_17e9a .arco-tabs-header-title { margin: 0; padding: 8px 0 6px 0; } .signup_17e9a .signupTab_17e9a .arco-tabs-header-title:first-of-type { margin-left: 0 !important; } .signup_17e9a .signupTab_17e9a .arco-tabs-header-title .arco-tabs-header-title-text { font-weight: 500; font-size: 16px; line-height: 22px; } .signup_17e9a .signupTab_17e9a .arco-tabs-header-title + .arco-tabs-header-title { margin-left: 36px; } .signup_17e9a .signupTabInMobile_17e9a { margin-top: 0; } .signup_17e9a .tip_17e9a { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); margin-top: auto; } .signup_17e9a .tip_17e9a .tipA_17e9a { cursor: pointer; color: rgb(var(--primary-6)); } .signup_17e9a .tip_17e9a .tipA_17e9a:hover { color: rgb(var(--primary-5)); } .signup_17e9a .successPageContent_17e9a { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_17e9a .suffixLink_17e9a { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; cursor: pointer; margin-top: 32px; margin-left: 10px; } .signup_17e9a .suffixLink_17e9a span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); } .successPage_17e9a { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -moz-box-sizing: border-box; box-sizing: border-box; } .successPage_17e9a img { width: 80px; height: 80px; margin-right: 16px; } .successPage_17e9a .title_17e9a { font-weight: 500; font-size: 24px; line-height: 32px; color: var(--color-text-1); padding: 0 !important; } .successPage_17e9a .desc_17e9a { margin-top: 4px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--color-text-2); } .loginFrameContent_17e9a { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_17e9a a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_17e9a { min-height: 454px; } .hideMode_17e9a { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .successForm_17e9a { margin-top: 50px; padding: 0 5px; -moz-box-sizing: border-box; box-sizing: border-box; } .successForm_17e9a .arco-form-item { margin-bottom: 20px; } .successForm_17e9a .arco-form-item.arco-form-item-error { margin-bottom: 0; } .successForm_17e9a .arco-form-message { min-height: 20px; line-height: 20px; } .successForm_17e9a .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .successForm_17e9a .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .successForm_17e9a .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .successForm_17e9a .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .successForm_17e9a .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .successForm_17e9a .input_17e9a { height: 32px; } .successForm_17e9a .input_17e9a .arco-input-inner-wrapper { height: 32px; } .successForm_17e9a .input_17e9a .arco-input { height: 30px; } .successForm_17e9a .input_17e9a .arco-input-group { height: 30px; } .successForm_17e9a .input_17e9a .arco-input-group .arco-form-item-control { min-height: 30px; } .successForm_17e9a .input_17e9a .arco-input-inner-wrapper-focus { border-radius: 4px; } .successForm_17e9a .callingCode_17e9a .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .successForm_17e9a .callingCode_17e9a .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .successForm_17e9a .bottomFormItem_17e9a { margin-bottom: 12px; } .successForm_17e9a .btn_17e9a { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .successForm_17e9a .btnInMobile_17e9a { margin: 20px 0 12px 0; } .successForm_17e9a .verify_17e9a { display: -webkit-flex; display: -moz-box; display: flex; } .successForm_17e9a .verify_17e9a .control_17e9a { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .successForm_17e9a .verify-btn_17e9a { margin-left: 12px; height: 32px; min-width: 98px; } .successForm_17e9a .protocol_17e9a { margin-bottom: 20px; } .successForm_17e9a .input_17e9a .arco-select-view { height: 30px; } .successForm_17e9a .input_17e9a .arco-select-view .arco-select-view-value { margin-top: 3px; } .successForm_17e9a .btn_17e9a { margin-top: 20px; } .successForm_17e9a .link_17e9a { margin-top: 16px; text-align: center; } .successForm_17e9a .link_17e9a .linkBtn_17e9a { cursor: pointer; color: rgb(var(--primary-6)); } .successForm_17e9a .link_17e9a .linkBtn_17e9a:hover { color: rgb(var(--primary-5)); } .loginCard_63152 { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .cardHasTab_63152 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .cardHasTab_63152 .title_63152 { padding: 0 5px; } .cardHasTab_63152 .signupTab_63152 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .cardHasTab_63152 .signupTab_63152 .arco-tabs-header-nav { padding: 0 5px; } .cardHasTab_63152 .signupTab_63152 .arco-tabs-content .arco-form { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .signup_63152 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_63152 .title_63152 { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .signup_63152 .signupTab_63152 { margin-top: 32px; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_63152 .signupTab_63152 .arco-tabs-header-nav::before { display: none; } .signup_63152 .signupTab_63152 .arco-tabs-header-title { margin: 0; padding: 8px 0 6px 0; } .signup_63152 .signupTab_63152 .arco-tabs-header-title:first-of-type { margin-left: 0 !important; } .signup_63152 .signupTab_63152 .arco-tabs-header-title .arco-tabs-header-title-text { font-weight: 500; font-size: 16px; line-height: 22px; } .signup_63152 .signupTab_63152 .arco-tabs-header-title + .arco-tabs-header-title { margin-left: 36px; } .signup_63152 .signupTabInMobile_63152 { margin-top: 0; } .signup_63152 .tip_63152 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); margin-top: auto; } .signup_63152 .tip_63152 .tipA_63152 { cursor: pointer; color: rgb(var(--primary-6)); } .signup_63152 .tip_63152 .tipA_63152:hover { color: rgb(var(--primary-5)); } .signup_63152 .successPageContent_63152 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_63152 .suffixLink_63152 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; cursor: pointer; margin-top: 32px; margin-left: 10px; } .signup_63152 .suffixLink_63152 span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); } .successPage_63152 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -moz-box-sizing: border-box; box-sizing: border-box; } .successPage_63152 img { width: 80px; height: 80px; margin-right: 16px; } .successPage_63152 .title_63152 { font-weight: 500; font-size: 24px; line-height: 32px; color: var(--color-text-1); padding: 0 !important; } .successPage_63152 .desc_63152 { margin-top: 4px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--color-text-2); } .loginFrameContent_63152 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_63152 a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_63152 { min-height: 454px; } .hideMode_63152 { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .accountSignUpForm_63152 { margin-top: 16px; } .accountSignUpForm_63152 .arco-form-item { margin-bottom: 20px; } .accountSignUpForm_63152 .arco-form-item.arco-form-item-error { margin-bottom: 0; } .accountSignUpForm_63152 .arco-form-message { min-height: 20px; line-height: 20px; } .accountSignUpForm_63152 .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .accountSignUpForm_63152 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .accountSignUpForm_63152 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .accountSignUpForm_63152 .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .accountSignUpForm_63152 .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .accountSignUpForm_63152 .input_63152 { height: 32px; } .accountSignUpForm_63152 .input_63152 .arco-input-inner-wrapper { height: 32px; } .accountSignUpForm_63152 .input_63152 .arco-input { height: 30px; } .accountSignUpForm_63152 .input_63152 .arco-input-group { height: 30px; } .accountSignUpForm_63152 .input_63152 .arco-input-group .arco-form-item-control { min-height: 30px; } .accountSignUpForm_63152 .input_63152 .arco-input-inner-wrapper-focus { border-radius: 4px; } .accountSignUpForm_63152 .callingCode_63152 .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .accountSignUpForm_63152 .callingCode_63152 .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .accountSignUpForm_63152 .bottomFormItem_63152 { margin-bottom: 12px; } .accountSignUpForm_63152 .btn_63152 { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .accountSignUpForm_63152 .btnInMobile_63152 { margin: 20px 0 12px 0; } .accountSignUpForm_63152 .verify_63152 { display: -webkit-flex; display: -moz-box; display: flex; } .accountSignUpForm_63152 .verify_63152 .control_63152 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .accountSignUpForm_63152 .verify-btn_63152 { margin-left: 12px; height: 32px; min-width: 98px; } .accountSignUpForm_63152 .protocol_63152 { margin-bottom: 20px; } .accountSignUpForm_63152 .formCheckBox_63152 .arco-checkbox { font-weight: 400; font-size: 12px; line-height: 20px; } .accountSignUpForm_63152 .formCheckBox_63152 .arco-checkbox-text { color: var(--color-text-2); } .accountSignUpForm_63152 .btn_63152 { margin: 32px 0 12px 0; } .signupTrigger_63152 { box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 5px 15px rgba(0, 0, 0, 0.08); background-color: var(--color-bg-1); } .signupTrigger_63152 .arco-trigger-arrow { z-index: 1; background: var(--color-bg-1); border: 0.5px solid var(--color-border-2); } .signupPopup_63152 { border-radius: 2px; padding: 8px 16px; border: 0.5px solid var(--color-border-2); border-radius: 4px; min-width: 308px; background-color: var(--color-bg-1); } .signupPopup_63152 .ruleA_63152, .signupPopup_63152 .ruleB_63152, .signupPopup_63152 .ruleC_63152 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 400; font-size: 12px; line-height: 22px; color: var(--color-text-2); } .signupPopup_63152 .dot_63152 { font-size: 18px; margin-right: 4px; float: left; margin-top: -1px; } .loginCard_c04df { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .cardHasTab_c04df { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .cardHasTab_c04df .title_c04df { padding: 0 5px; } .cardHasTab_c04df .signupTab_c04df { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .cardHasTab_c04df .signupTab_c04df .arco-tabs-header-nav { padding: 0 5px; } .cardHasTab_c04df .signupTab_c04df .arco-tabs-content .arco-form { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .signup_c04df { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_c04df .title_c04df { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .signup_c04df .signupTab_c04df { margin-top: 32px; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_c04df .signupTab_c04df .arco-tabs-header-nav::before { display: none; } .signup_c04df .signupTab_c04df .arco-tabs-header-title { margin: 0; padding: 8px 0 6px 0; } .signup_c04df .signupTab_c04df .arco-tabs-header-title:first-of-type { margin-left: 0 !important; } .signup_c04df .signupTab_c04df .arco-tabs-header-title .arco-tabs-header-title-text { font-weight: 500; font-size: 16px; line-height: 22px; } .signup_c04df .signupTab_c04df .arco-tabs-header-title + .arco-tabs-header-title { margin-left: 36px; } .signup_c04df .signupTabInMobile_c04df { margin-top: 0; } .signup_c04df .tip_c04df { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); margin-top: auto; } .signup_c04df .tip_c04df .tipA_c04df { cursor: pointer; color: rgb(var(--primary-6)); } .signup_c04df .tip_c04df .tipA_c04df:hover { color: rgb(var(--primary-5)); } .signup_c04df .successPageContent_c04df { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_c04df .suffixLink_c04df { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; cursor: pointer; margin-top: 32px; margin-left: 10px; } .signup_c04df .suffixLink_c04df span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); } .successPage_c04df { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -moz-box-sizing: border-box; box-sizing: border-box; } .successPage_c04df img { width: 80px; height: 80px; margin-right: 16px; } .successPage_c04df .title_c04df { font-weight: 500; font-size: 24px; line-height: 32px; color: var(--color-text-1); padding: 0 !important; } .successPage_c04df .desc_c04df { margin-top: 4px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--color-text-2); } .loginFrameContent_c04df { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_c04df a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_c04df { min-height: 454px; } .hideMode_c04df { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .telSignUpForm_c04df { margin-top: 16px; } .telSignUpForm_c04df .arco-form-item { margin-bottom: 20px; } .telSignUpForm_c04df .arco-form-item.arco-form-item-error { margin-bottom: 0; } .telSignUpForm_c04df .arco-form-message { min-height: 20px; line-height: 20px; } .telSignUpForm_c04df .arco-form-item .arco-input-group-addbefore .arco-select { margin-left: -10px; } .telSignUpForm_c04df .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-view-value { margin-top: 2px; } .telSignUpForm_c04df .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon { font-size: 10px; } .telSignUpForm_c04df .arco-form-item .arco-input-group-addbefore .arco-select .arco-select-arrow-icon svg { margin-bottom: 1px; } .telSignUpForm_c04df .arco-form-item-error .arco-input-group-addbefore .arco-select { margin-left: -12px; } .telSignUpForm_c04df .input_c04df { height: 32px; } .telSignUpForm_c04df .input_c04df .arco-input-inner-wrapper { height: 32px; } .telSignUpForm_c04df .input_c04df .arco-input { height: 30px; } .telSignUpForm_c04df .input_c04df .arco-input-group { height: 30px; } .telSignUpForm_c04df .input_c04df .arco-input-group .arco-form-item-control { min-height: 30px; } .telSignUpForm_c04df .input_c04df .arco-input-inner-wrapper-focus { border-radius: 4px; } .telSignUpForm_c04df .callingCode_c04df .arco-select-view { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .telSignUpForm_c04df .callingCode_c04df .arco-select-arrow-icon { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .telSignUpForm_c04df .bottomFormItem_c04df { margin-bottom: 12px; } .telSignUpForm_c04df .btn_c04df { width: 100%; height: 32px; margin: 12px 0; font-weight: 500; font-size: 13px; line-height: 22px; box-shadow: 0 0 0 1px rgb(var(--primary-6)), 0 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .telSignUpForm_c04df .btnInMobile_c04df { margin: 20px 0 12px 0; } .telSignUpForm_c04df .verify_c04df { display: -webkit-flex; display: -moz-box; display: flex; } .telSignUpForm_c04df .verify_c04df .control_c04df { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .telSignUpForm_c04df .verify-btn_c04df { margin-left: 12px; height: 32px; min-width: 98px; } .telSignUpForm_c04df .protocol_c04df { margin-bottom: 20px; } .telSignUpForm_c04df .formCheckBox_c04df .arco-checkbox { font-weight: 400; font-size: 12px; line-height: 20px; } .telSignUpForm_c04df .formCheckBox_c04df .arco-checkbox-text { color: var(--color-text-2); } .telSignUpForm_c04df .btn_c04df { margin: 32px 0 12px 0; } .onlyTelSignUpForm_c04df { margin-top: 32px; } .loginFrameContent_4cc5b { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 498px; } .loginFrameContent_4cc5b a { color: rgb(var(--primary-6)); cursor: pointer; text-decoration: none; } .loginFrameContentInMobile_4cc5b { min-height: 454px; } .hideMode_4cc5b { min-height: 429px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .login-frame .arco-modal .arco-modal-close-icon { top: 30px !important; } .loginCard_4cc5b { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .cardHasTab_4cc5b { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .cardHasTab_4cc5b .title_4cc5b { padding: 0 5px; } .cardHasTab_4cc5b .signupTab_4cc5b { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .cardHasTab_4cc5b .signupTab_4cc5b .arco-tabs-header-nav { padding: 0 5px; } .cardHasTab_4cc5b .signupTab_4cc5b .arco-tabs-content .arco-form { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .signup_4cc5b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_4cc5b .title_4cc5b { font-weight: 500; color: var(--color-text-1); font-size: 20px; line-height: 28px; /* 140% */ letter-spacing: 0.06px; } .signup_4cc5b .signupTab_4cc5b { margin-top: 32px; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_4cc5b .signupTab_4cc5b .arco-tabs-header-nav::before { display: none; } .signup_4cc5b .signupTab_4cc5b .arco-tabs-header-title { margin: 0; padding: 8px 0 6px 0; } .signup_4cc5b .signupTab_4cc5b .arco-tabs-header-title:first-of-type { margin-left: 0 !important; } .signup_4cc5b .signupTab_4cc5b .arco-tabs-header-title .arco-tabs-header-title-text { font-weight: 500; font-size: 16px; line-height: 22px; } .signup_4cc5b .signupTab_4cc5b .arco-tabs-header-title + .arco-tabs-header-title { margin-left: 36px; } .signup_4cc5b .signupTabInMobile_4cc5b { margin-top: 0; } .signup_4cc5b .tip_4cc5b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); margin-top: auto; } .signup_4cc5b .tip_4cc5b .tipA_4cc5b { cursor: pointer; color: rgb(var(--primary-6)); } .signup_4cc5b .tip_4cc5b .tipA_4cc5b:hover { color: rgb(var(--primary-5)); } .signup_4cc5b .successPageContent_4cc5b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .signup_4cc5b .suffixLink_4cc5b { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; cursor: pointer; margin-top: 32px; margin-left: 10px; } .signup_4cc5b .suffixLink_4cc5b span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--color-text-2); } .successPage_4cc5b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -moz-box-sizing: border-box; box-sizing: border-box; } .successPage_4cc5b img { width: 80px; height: 80px; margin-right: 16px; } .successPage_4cc5b .title_4cc5b { font-weight: 500; font-size: 24px; line-height: 32px; color: var(--color-text-1); padding: 0 !important; } .successPage_4cc5b .desc_4cc5b { margin-top: 4px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--color-text-2); } .verifyCodeForLoginFrame_d624e { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .verifyCodeForLoginFrame_d624e .backBtn_d624e { padding: 0 !important; color: var(--color-text-2) !important; -webkit-align-self: flex-start; align-self: flex-start; } .verifyCodeForLoginFrame_d624e .backBtn_d624e:hover { color: rgb(var(--primary-6)) !important; } .verifyCodeForLoginFrame_d624e .backBtn_d624e span { margin-left: 5px; } .verifyCodeForLoginFrame_d624e .success_d624e { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .verifyCodeForLoginFrame_d624e .success_d624e img { height: 60px; width: 60px; } .verifyCodeForLoginFrame_d624e .success_d624e .title_d624e { font-weight: 500; font-size: 16px; line-height: 22px; color: var(--color-text-1); margin: 20px 0 4px 0; } .verifyCodeForLoginFrame_d624e .success_d624e .timerDesc_d624e { margin-bottom: 28px; font-weight: normal; line-height: 20px; color: var(--color-text-2); } .verifyCodeForLoginFrame_d624e .bottom_d624e { width: 350px; margin: auto auto 0; } .verifyCodeForLoginFrame_d624e .bottom_d624e .divider_d624e { margin: 32px 0 16px 0; } .verifyCodeForLoginFrame_d624e .bottom_d624e .divider_d624e .arco-divider-text { font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ letter-spacing: 0.036px; color: var(--color-text-3); } .verifyCodeForLoginFrame_d624e .bottom_d624e .other_d624e { margin-top: 7px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .verifyCodeForLoginFrame_d624e .bottom_d624e .other_d624e .btn_d624e { margin-bottom: 12px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; min-width: 135px; height: 32px; border: 1px solid var(--color-border-2); color: var(--color-text-1); background: var(--color-bg-2); font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ letter-spacing: 0.036px; } .verifyCodeForLoginFrame_d624e .bottom_d624e .other_d624e .btn_d624e:hover { color: rgb(var(--primary-6)); border: 1px solid rgb(var(--primary-6)); box-shadow: none; background: rgb(var(--primary-1)); } .verifyCodeForLoginFrame_d624e .bottom_d624e .other_d624e .btn_d624e:nth-child(even) { margin-left: 12px; } .verifyCodeForLoginFrame_d624e .bottomInMobile_d624e { width: 290px; } .container_d624e .arco-form { -webkit-align-items: center; -moz-box-align: center; align-items: center; } .container_d624e .arco-form-item-control-children { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .container_d624e .verifyInputFormItem_d624e { margin-bottom: 8px; } .container_d624e .verifyInputFormItem_d624e .arco-form-item-control-children .content { margin: 40px auto 0; } .container_d624e .verifyInputFormItem_d624e .arco-form-item-control-children .content .line + .line { margin-left: 27px; } .container_d624e .verifyInputFormItem_d624e .arco-form-item-control-children .error-text { margin-top: 4px; } .container_d624e .verifyInputFormItemInMobile_d624e { margin-bottom: 8px; } .container_d624e .verifyInputFormItemInMobile_d624e .arco-form-item-control-children .content { margin: 40px auto 0; } .container_d624e .verifyInputFormItemInMobile_d624e .arco-form-item-control-children .content .line + .line { margin-left: 15px; } .container_d624e .verifyInputFormItemInMobile_d624e .arco-form-item-control-children .error-text { margin-top: 4px; } .container_d624e .submitBtn_d624e, .container_d624e .fidoSubmitBtn_d624e { width: 352px; height: 36px; } .container_d624e .submitBtn_d624e { margin-top: -12px; } .container_d624e .fidoSubmitBtn_d624e { margin-top: 100px; } .container_d624e .submitBtnInMobile_d624e { width: 293px; } .container_d624e .fidoSubmitBtnInMobile_d624e { width: 300px; margin-top: 60px; } .container_d624e .submitBtnForVmfa_d624e { margin-top: 40px; } .container_d624e .verifyBtnWrap_d624e { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom: 32px; } .container_d624e .verifyBtnWrap_d624e .text_d624e { line-height: 20px; color: var(--color-text-2); } .container_d624e .verifyBtnWrap_d624e .verifyBtn_d624e { height: 20px; } .top_d624e { margin-top: 20px; } .top_d624e .title_d624e { text-align: left; font-weight: 500; font-size: 18px; line-height: 26px; color: var(--color-text-1); } .top_d624e .desc_d624e { margin-top: 12px; color: var(--color-text-2); font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ letter-spacing: 0.036px; } .errorMsg_d624e { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; text-align: center; margin-top: 20px; } .errorMsg_d624e .text_d624e { margin-top: 12px; font-size: 14px; color: var(--color-text-2); } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ body { --red-1: 255,236,232; --red-2: 253,205,197; --red-3: 251,172,163; --red-4: 249,137,129; --red-5: 247,101,96; --red-6: 245,63,63; --red-7: 203,39,45; --red-8: 161,21,30; --red-9: 119,8,19; --red-10: 77,0,10; --orangered-1: 255,243,232; --orangered-2: 253,221,195; --orangered-3: 252,197,159; --orangered-4: 250,172,123; --orangered-5: 249,144,87; --orangered-6: 247,114,52; --orangered-7: 204,81,32; --orangered-8: 162,53,17; --orangered-9: 119,31,6; --orangered-10: 77,14,0; --orange-1: 255,247,232; --orange-2: 255,228,186; --orange-3: 255,207,139; --orange-4: 255,182,93; --orange-5: 255,154,46; --orange-6: 255,125,0; --orange-7: 210,95,0; --orange-8: 166,69,0; --orange-9: 121,46,0; --orange-10: 77,27,0; --gold-1: 255,252,232; --gold-2: 253,244,191; --gold-3: 252,233,150; --gold-4: 250,220,109; --gold-5: 249,204,69; --gold-6: 247,186,30; --gold-7: 204,146,19; --gold-8: 162,109,10; --gold-9: 119,75,4; --gold-10: 77,45,0; --yellow-1: 254,255,232; --yellow-2: 254,254,190; --yellow-3: 253,250,148; --yellow-4: 252,242,107; --yellow-5: 251,232,66; --yellow-6: 250,220,25; --yellow-7: 207,175,15; --yellow-8: 163,132,8; --yellow-9: 120,93,3; --yellow-10: 77,56,0; --lime-1: 252,255,232; --lime-2: 237,248,187; --lime-3: 220,241,144; --lime-4: 201,233,104; --lime-5: 181,226,65; --lime-6: 159,219,29; --lime-7: 126,183,18; --lime-8: 95,148,10; --lime-9: 67,112,4; --lime-10: 42,77,0; --green-1: 232,255,234; --green-2: 175,240,181; --green-3: 123,225,136; --green-4: 76,210,99; --green-5: 35,195,67; --green-6: 0,180,42; --green-7: 0,154,41; --green-8: 0,128,38; --green-9: 0,102,34; --green-10: 0,77,28; --cyan-1: 232,255,251; --cyan-2: 183,244,236; --cyan-3: 137,233,224; --cyan-4: 94,223,214; --cyan-5: 55,212,207; --cyan-6: 20,201,201; --cyan-7: 13,165,170; --cyan-8: 7,130,139; --cyan-9: 3,97,108; --cyan-10: 0,66,77; --blue-1: 232,247,255; --blue-2: 195,231,254; --blue-3: 159,212,253; --blue-4: 123,192,252; --blue-5: 87,169,251; --blue-6: 52,145,250; --blue-7: 32,108,207; --blue-8: 17,75,163; --blue-9: 6,48,120; --blue-10: 0,26,77; --arcoblue-1: 232,243,255; --arcoblue-2: 190,218,255; --arcoblue-3: 148,191,255; --arcoblue-4: 106,161,255; --arcoblue-5: 64,128,255; --arcoblue-6: 22,93,255; --arcoblue-7: 14,66,210; --arcoblue-8: 7,44,166; --arcoblue-9: 3,26,121; --arcoblue-10: 0,13,77; --purple-1: 245,232,255; --purple-2: 221,190,246; --purple-3: 195,150,237; --purple-4: 168,113,227; --purple-5: 141,78,218; --purple-6: 114,46,209; --purple-7: 85,29,176; --purple-8: 60,16,143; --purple-9: 39,6,110; --purple-10: 22,0,77; --pinkpurple-1: 255,232,251; --pinkpurple-2: 247,186,239; --pinkpurple-3: 240,142,230; --pinkpurple-4: 232,101,223; --pinkpurple-5: 225,62,219; --pinkpurple-6: 217,26,217; --pinkpurple-7: 176,16,182; --pinkpurple-8: 138,9,147; --pinkpurple-9: 101,3,112; --pinkpurple-10: 66,0,77; --magenta-1: 255,232,241; --magenta-2: 253,194,219; --magenta-3: 251,157,199; --magenta-4: 249,121,183; --magenta-5: 247,84,168; --magenta-6: 245,49,157; --magenta-7: 203,30,131; --magenta-8: 161,16,105; --magenta-9: 119,6,79; --magenta-10: 77,0,52; --gray-1: 247,248,250; --gray-2: 242,243,245; --gray-3: 229,230,235; --gray-4: 201,205,212; --gray-5: 169,174,184; --gray-6: 134,144,156; --gray-7: 107,119,133; --gray-8: 78,89,105; --gray-9: 39,46,59; --gray-10: 29,33,41; --success-1: var(--green-1); --success-2: var(--green-2); --success-3: var(--green-3); --success-4: var(--green-4); --success-5: var(--green-5); --success-6: var(--green-6); --success-7: var(--green-7); --success-8: var(--green-8); --success-9: var(--green-9); --success-10: var(--green-10); --primary-1: var(--arcoblue-1); --primary-2: var(--arcoblue-2); --primary-3: var(--arcoblue-3); --primary-4: var(--arcoblue-4); --primary-5: var(--arcoblue-5); --primary-6: var(--arcoblue-6); --primary-7: var(--arcoblue-7); --primary-8: var(--arcoblue-8); --primary-9: var(--arcoblue-9); --primary-10: var(--arcoblue-10); --danger-1: var(--red-1); --danger-2: var(--red-2); --danger-3: var(--red-3); --danger-4: var(--red-4); --danger-5: var(--red-5); --danger-6: var(--red-6); --danger-7: var(--red-7); --danger-8: var(--red-8); --danger-9: var(--red-9); --danger-10: var(--red-10); --warning-1: var(--orange-1); --warning-2: var(--orange-2); --warning-3: var(--orange-3); --warning-4: var(--orange-4); --warning-5: var(--orange-5); --warning-6: var(--orange-6); --warning-7: var(--orange-7); --warning-8: var(--orange-8); --warning-9: var(--orange-9); --warning-10: var(--orange-10); --link-1: var(--arcoblue-1); --link-2: var(--arcoblue-2); --link-3: var(--arcoblue-3); --link-4: var(--arcoblue-4); --link-5: var(--arcoblue-5); --link-6: var(--arcoblue-6); --link-7: var(--arcoblue-7); --link-8: var(--arcoblue-8); --link-9: var(--arcoblue-9); --link-10: var(--arcoblue-10); } body[arco-theme='dark'] { --red-1: 77,0,10; --red-2: 119,6,17; --red-3: 161,22,31; --red-4: 203,46,52; --red-5: 245,78,78; --red-6: 247,105,101; --red-7: 249,141,134; --red-8: 251,176,167; --red-9: 253,209,202; --red-10: 255,240,236; --orangered-1: 77,14,0; --orangered-2: 119,30,5; --orangered-3: 162,55,20; --orangered-4: 204,87,41; --orangered-5: 247,126,69; --orangered-6: 249,146,90; --orangered-7: 250,173,125; --orangered-8: 252,198,161; --orangered-9: 253,222,197; --orangered-10: 255,244,235; --orange-1: 77,27,0; --orange-2: 121,48,4; --orange-3: 166,75,10; --orange-4: 210,105,19; --orange-5: 255,141,31; --orange-6: 255,150,38; --orange-7: 255,179,87; --orange-8: 255,205,135; --orange-9: 255,227,184; --orange-10: 255,247,232; --gold-1: 77,45,0; --gold-2: 119,75,4; --gold-3: 162,111,15; --gold-4: 204,150,31; --gold-5: 247,192,52; --gold-6: 249,204,68; --gold-7: 250,220,108; --gold-8: 252,233,149; --gold-9: 253,244,190; --gold-10: 255,252,232; --yellow-1: 77,56,0; --yellow-2: 120,94,7; --yellow-3: 163,134,20; --yellow-4: 207,179,37; --yellow-5: 250,225,60; --yellow-6: 251,233,75; --yellow-7: 252,243,116; --yellow-8: 253,250,157; --yellow-9: 254,254,198; --yellow-10: 254,255,240; --lime-1: 42,77,0; --lime-2: 68,112,6; --lime-3: 98,148,18; --lime-4: 132,183,35; --lime-5: 168,219,57; --lime-6: 184,226,75; --lime-7: 203,233,112; --lime-8: 222,241,152; --lime-9: 238,248,194; --lime-10: 253,255,238; --green-1: 0,77,28; --green-2: 4,102,37; --green-3: 10,128,45; --green-4: 18,154,55; --green-5: 29,180,64; --green-6: 39,195,70; --green-7: 80,210,102; --green-8: 126,225,139; --green-9: 178,240,183; --green-10: 235,255,236; --cyan-1: 0,66,77; --cyan-2: 6,97,108; --cyan-3: 17,131,139; --cyan-4: 31,166,170; --cyan-5: 48,201,201; --cyan-6: 63,212,207; --cyan-7: 102,223,215; --cyan-8: 144,233,225; --cyan-9: 190,244,237; --cyan-10: 240,255,252; --blue-1: 0,26,77; --blue-2: 5,47,120; --blue-3: 19,76,163; --blue-4: 41,113,207; --blue-5: 70,154,250; --blue-6: 90,170,251; --blue-7: 125,193,252; --blue-8: 161,213,253; --blue-9: 198,232,254; --blue-10: 234,248,255; --arcoblue-1: 0,13,77; --arcoblue-2: 4,27,121; --arcoblue-3: 14,50,166; --arcoblue-4: 29,77,210; --arcoblue-5: 48,111,255; --arcoblue-6: 60,126,255; --arcoblue-7: 104,159,255; --arcoblue-8: 147,190,255; --arcoblue-9: 190,218,255; --arcoblue-10: 234,244,255; --purple-1: 22,0,77; --purple-2: 39,6,110; --purple-3: 62,19,143; --purple-4: 90,37,176; --purple-5: 123,61,209; --purple-6: 142,81,218; --purple-7: 169,116,227; --purple-8: 197,154,237; --purple-9: 223,194,246; --purple-10: 247,237,255; --pinkpurple-1: 66,0,77; --pinkpurple-2: 101,3,112; --pinkpurple-3: 138,13,147; --pinkpurple-4: 176,27,182; --pinkpurple-5: 217,46,217; --pinkpurple-6: 225,61,219; --pinkpurple-7: 232,102,223; --pinkpurple-8: 240,146,230; --pinkpurple-9: 247,193,240; --pinkpurple-10: 255,242,253; --magenta-1: 77,0,52; --magenta-2: 119,8,80; --magenta-3: 161,23,108; --magenta-4: 203,43,136; --magenta-5: 245,69,166; --magenta-6: 247,86,169; --magenta-7: 249,122,184; --magenta-8: 251,158,200; --magenta-9: 253,195,219; --magenta-10: 255,232,241; --gray-1: 23,23,26; --gray-2: 46,46,48; --gray-3: 72,72,73; --gray-4: 95,95,96; --gray-5: 120,120,122; --gray-6: 146,146,147; --gray-7: 171,171,172; --gray-8: 197,197,197; --gray-9: 223,223,223; --gray-10: 246,246,246; --primary-1: var(--arcoblue-1); --primary-2: var(--arcoblue-2); --primary-3: var(--arcoblue-3); --primary-4: var(--arcoblue-4); --primary-5: var(--arcoblue-5); --primary-6: var(--arcoblue-6); --primary-7: var(--arcoblue-7); --primary-8: var(--arcoblue-8); --primary-9: var(--arcoblue-9); --primary-10: var(--arcoblue-10); --success-1: var(--green-1); --success-2: var(--green-2); --success-3: var(--green-3); --success-4: var(--green-4); --success-5: var(--green-5); --success-6: var(--green-6); --success-7: var(--green-7); --success-8: var(--green-8); --success-9: var(--green-9); --success-10: var(--green-10); --danger-1: var(--red-1); --danger-2: var(--red-2); --danger-3: var(--red-3); --danger-4: var(--red-4); --danger-5: var(--red-5); --danger-6: var(--red-6); --danger-7: var(--red-7); --danger-8: var(--red-8); --danger-9: var(--red-9); --danger-10: var(--red-10); --warning-1: var(--orange-1); --warning-2: var(--orange-2); --warning-3: var(--orange-3); --warning-4: var(--orange-4); --warning-5: var(--orange-5); --warning-6: var(--orange-6); --warning-7: var(--orange-7); --warning-8: var(--orange-8); --warning-9: var(--orange-9); --warning-10: var(--orange-10); --link-1: var(--arcoblue-1); --link-2: var(--arcoblue-2); --link-3: var(--arcoblue-3); --link-4: var(--arcoblue-4); --link-5: var(--arcoblue-5); --link-6: var(--arcoblue-6); --link-7: var(--arcoblue-7); --link-8: var(--arcoblue-8); --link-9: var(--arcoblue-9); --link-10: var(--arcoblue-10); } body { --color-white: #ffffff; --color-black: #000000; --color-border: rgb(var(--gray-3)); --color-bg-popup: var(--color-bg-5); --color-bg-1: #fff; --color-bg-2: #fff; --color-bg-3: #fff; --color-bg-4: #fff; --color-bg-5: #fff; --color-bg-white: #fff; --color-neutral-1: rgb(var(--gray-1)); --color-neutral-2: rgb(var(--gray-2)); --color-neutral-3: rgb(var(--gray-3)); --color-neutral-4: rgb(var(--gray-4)); --color-neutral-5: rgb(var(--gray-5)); --color-neutral-6: rgb(var(--gray-6)); --color-neutral-7: rgb(var(--gray-7)); --color-neutral-8: rgb(var(--gray-8)); --color-neutral-9: rgb(var(--gray-9)); --color-neutral-10: rgb(var(--gray-10)); --color-text-1: var(--color-neutral-10); --color-text-2: var(--color-neutral-8); --color-text-3: var(--color-neutral-6); --color-text-4: var(--color-neutral-4); --color-border-1: var(--color-neutral-2); --color-border-2: var(--color-neutral-3); --color-border-3: var(--color-neutral-4); --color-border-4: var(--color-neutral-6); --color-fill-1: var(--color-neutral-1); --color-fill-2: var(--color-neutral-2); --color-fill-3: var(--color-neutral-3); --color-fill-4: var(--color-neutral-4); --color-primary-light-1: rgb(var(--primary-1)); --color-primary-light-2: rgb(var(--primary-2)); --color-primary-light-3: rgb(var(--primary-3)); --color-primary-light-4: rgb(var(--primary-4)); --color-secondary: var(--color-neutral-2); --color-secondary-hover: var(--color-neutral-3); --color-secondary-active: var(--color-neutral-4); --color-secondary-disabled: var(--color-neutral-1); --color-danger-light-1: rgb(var(--danger-1)); --color-danger-light-2: rgb(var(--danger-2)); --color-danger-light-3: rgb(var(--danger-3)); --color-danger-light-4: rgb(var(--danger-4)); --color-success-light-1: rgb(var(--success-1)); --color-success-light-2: rgb(var(--success-2)); --color-success-light-3: rgb(var(--success-3)); --color-success-light-4: rgb(var(--success-4)); --color-warning-light-1: rgb(var(--warning-1)); --color-warning-light-2: rgb(var(--warning-2)); --color-warning-light-3: rgb(var(--warning-3)); --color-warning-light-4: rgb(var(--warning-4)); --color-link-light-1: rgb(var(--link-1)); --color-link-light-2: rgb(var(--link-2)); --color-link-light-3: rgb(var(--link-3)); --color-link-light-4: rgb(var(--link-4)); --border-radius-none: 0; --border-radius-small: 2px; --border-radius-medium: 4px; --border-radius-large: 8px; --border-radius-circle: 50%; --color-tooltip-bg: rgb(var(--gray-10)); --color-spin-layer-bg: rgba(255, 255, 255, 0.6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #ffffff; --color-menu-dark-hover: rgba(255, 255, 255, 0.04); --color-mask-bg: rgba(29, 33, 41, 0.6); } body[arco-theme='dark'] { --color-white: rgba(255, 255, 255, 0.9); --color-black: #000000; --color-border: #333335; --color-bg-1: #17171a; --color-bg-2: #232324; --color-bg-3: #2a2a2b; --color-bg-4: #313132; --color-bg-5: #373739; --color-bg-white: #f6f6f6; --color-text-1: rgba(255, 255, 255, 0.9); --color-text-2: rgba(255, 255, 255, 0.7); --color-text-3: rgba(255, 255, 255, 0.5); --color-text-4: rgba(255, 255, 255, 0.3); --color-fill-1: rgba(255, 255, 255, 0.04); --color-fill-2: rgba(255, 255, 255, 0.08); --color-fill-3: rgba(255, 255, 255, 0.12); --color-fill-4: rgba(255, 255, 255, 0.16); --color-primary-light-1: rgba(var(--primary-6), 0.2); --color-primary-light-2: rgba(var(--primary-6), 0.35); --color-primary-light-3: rgba(var(--primary-6), 0.5); --color-primary-light-4: rgba(var(--primary-6), 0.65); --color-secondary: rgba(var(--gray-9), 0.08); --color-secondary-hover: rgba(var(--gray-8), 0.16); --color-secondary-active: rgba(var(--gray-7), 0.24); --color-secondary-disabled: rgba(var(--gray-9), 0.08); --color-danger-light-1: rgba(var(--danger-6), 0.2); --color-danger-light-2: rgba(var(--danger-6), 0.35); --color-danger-light-3: rgba(var(--danger-6), 0.5); --color-danger-light-4: rgba(var(--danger-6), 0.65); --color-success-light-1: rgba(var(--success-6), 0.2); --color-success-light-2: rgba(var(--success-6), 0.35); --color-success-light-3: rgba(var(--success-6), 0.5); --color-success-light-4: rgba(var(--success-6), 0.65); --color-warning-light-1: rgba(var(--warning-6), 0.2); --color-warning-light-2: rgba(var(--warning-6), 0.35); --color-warning-light-3: rgba(var(--warning-6), 0.5); --color-warning-light-4: rgba(var(--warning-6), 0.65); --color-link-light-1: rgba(var(--link-6), 0.2); --color-link-light-2: rgba(var(--link-6), 0.35); --color-link-light-3: rgba(var(--link-6), 0.5); --color-link-light-4: rgba(var(--link-6), 0.65); --color-tooltip-bg: #373739; --color-spin-layer-bg: rgba(51, 51, 51, 0.6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #232324; --color-menu-dark-hover: var(--color-fill-2); --color-mask-bg: rgba(23, 23, 26, 0.6); } /* stylelint-disable */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html, body { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; /* chrome、safari */ -moz-osx-font-smoothing: grayscale; /* firefox */ font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; padding: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } tr, th { margin: 0; padding: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type='checkbox'], [type='radio'] { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } * { outline: none; } /** * remove input clear icon in IE & Edge */ input::-ms-clear, input::-ms-reveal { display: none; } .arco-icon { display: inline-block; color: inherit; font-style: normal; width: 1em; height: 1em; vertical-align: -2px; stroke: currentColor; } .arco-icon[fill='currentColor'] { fill: currentColor; stroke: none; } .arco-icon[stroke='currentColor'] { stroke: currentColor; fill: none; } .arco-icon[fill='currentColor'][stroke='currentColor'] { fill: currentColor; stroke: currentColor; } .arco-icon-loading { -webkit-animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1); -moz-animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1); animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1); } @-webkit-keyframes arco-loading-circle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes arco-loading-circle { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes arco-loading-circle { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .arco-icon-hover { position: relative; display: inline-block; cursor: pointer; line-height: 0; } .arco-icon-hover .arco-icon { position: relative; vertical-align: -0.09em; } .arco-icon-hover::before { content: ''; position: absolute; display: block; border-radius: var(--border-radius-circle); background-color: transparent; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); } .arco-icon-hover:hover::before { background-color: var(--color-fill-2); } .arco-icon-hover.arco-icon-hover-disabled::before { opacity: 0; } .arco-icon-hover::before { top: 50%; left: 50%; height: 20px; width: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .arco-icon-hover-size-mini::before { top: 50%; left: 50%; height: 20px; width: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .arco-icon-hover-size-small::before { top: 50%; left: 50%; height: 20px; width: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .arco-icon-hover-size-large::before { top: 50%; left: 50%; height: 24px; width: 24px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .arco-icon-hover-size-huge::before { top: 50%; left: 50%; height: 24px; width: 24px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fadeInStandard-enter, .fadeInStandard-appear { opacity: 0; } .fadeInStandard-enter-active, .fadeInStandard-appear-active { opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .fadeInStandard-exit { opacity: 1; } .fadeInStandard-exit-active { opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .fadeIn-enter, .fadeIn-appear { opacity: 0; } .fadeIn-enter-active, .fadeIn-appear-active { opacity: 1; -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); } .fadeIn-exit { opacity: 1; } .fadeIn-exit-active { opacity: 0; -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); } .slideDynamicOrigin-enter, .slideDynamicOrigin-appear { opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.9) translateZ(0); -moz-transform: scaleY(0.9) translateZ(0); transform: scaleY(0.9) translateZ(0); } .slideDynamicOrigin-enter-active, .slideDynamicOrigin-appear-active { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(1) translateZ(0); -moz-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideDynamicOrigin-exit { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(1) translateZ(0); -moz-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideDynamicOrigin-exit-active { opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.9) translateZ(0); -moz-transform: scaleY(0.9) translateZ(0); transform: scaleY(0.9) translateZ(0); -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideLeft-enter, .slideLeft-appear { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .slideLeft-enter-active, .slideLeft-appear-active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideLeft-exit { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .slideLeft-exit-active { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideRight-enter, .slideRight-appear { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .slideRight-enter-active, .slideRight-appear-active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideRight-exit { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .slideRight-exit-active { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideTop-enter, .slideTop-appear { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .slideTop-enter-active, .slideTop-appear-active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideTop-exit { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .slideTop-exit-active { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideBottom-enter, .slideBottom-appear { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .slideBottom-enter-active, .slideBottom-appear-active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .slideBottom-exit { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .slideBottom-exit-active { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .zoomIn-enter, .zoomIn-appear { opacity: 0; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .zoomIn-enter-active, .zoomIn-appear-active { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); } .zoomIn-exit { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .zoomIn-exit-active { opacity: 0; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInFadeOut-enter, .zoomInFadeOut-appear { opacity: 0; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .zoomInFadeOut-enter-active, .zoomInFadeOut-appear-active { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .zoomInFadeOut-exit { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .zoomInFadeOut-exit-active { opacity: 0; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInBig-enter, .zoomInBig-appear { opacity: 0; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .zoomInBig-enter-active, .zoomInBig-appear-active { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -o-transform 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1), -o-transform 0.2s cubic-bezier(0, 0, 1, 1); } .zoomInBig-exit { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .zoomInBig-exit-active { opacity: 0; -webkit-transform: scale(0.2, 0.2); -moz-transform: scale(0.2, 0.2); -o-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -o-transform 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1), -o-transform 0.2s cubic-bezier(0, 0, 1, 1); } .zoomInLeft-enter, .zoomInLeft-appear { opacity: 0.1; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); } .zoomInLeft-enter-active, .zoomInLeft-appear-active { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInLeft-exit { opacity: 1; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .zoomInLeft-exit-active { opacity: 0.1; -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInTop-enter, .zoomInTop-appear { opacity: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8) translateZ(0); -moz-transform: scaleY(0.8) translateZ(0); transform: scaleY(0.8) translateZ(0); } .zoomInTop-enter-active, .zoomInTop-appear-active { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1) translateZ(0); -moz-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInTop-exit { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1) translateZ(0); -moz-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } .zoomInTop-exit-active { opacity: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8) translateZ(0); -moz-transform: scaleY(0.8) translateZ(0); transform: scaleY(0.8) translateZ(0); -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInBottom-enter, .zoomInBottom-appear { opacity: 0; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(0.8) translateZ(0); -moz-transform: scaleY(0.8) translateZ(0); transform: scaleY(0.8) translateZ(0); } .zoomInBottom-enter-active, .zoomInBottom-appear-active { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(1) translateZ(0); -moz-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } .zoomInBottom-exit { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(1) translateZ(0); -moz-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } .zoomInBottom-exit-active { opacity: 0; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaleY(0.8) translateZ(0); -moz-transform: scaleY(0.8) translateZ(0); transform: scaleY(0.8) translateZ(0); -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -o-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -o-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); } body { font-size: 14px; } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ /***** Outline *****/ /***** Primary *****/ /***** Secondary *****/ /***** Dashed *****/ /***** Text *****/ /***** focus-visible *****/ .arco-btn { display: inline-block; position: relative; outline: none; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: all 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1); transition: all 0.1s cubic-bezier(0, 0, 1, 1); -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5715; } .arco-btn > a:only-child { color: currentColor; } .arco-btn:active { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .arco-btn:empty { display: inline-block; vertical-align: bottom; } .arco-btn-long { display: block; width: 100%; } .arco-btn-link { display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; text-decoration: none; } .arco-btn-link:not([href]) { color: var(--color-text-4); } .arco-btn-link:hover { text-decoration: none; } .arco-btn-loading { cursor: default; position: relative; } .arco-btn-loading::before { content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: block; background: #fff; border-radius: inherit; opacity: 0.4; -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; } .arco-btn-loading-fixed-width { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .arco-btn-two-chinese-chars > *:not(svg) { letter-spacing: 0.3em; margin-right: -0.3em; } a.arco-btn-icon-only { display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; vertical-align: top; } .arco-btn-outline:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--primary-6)); border: 1px solid rgb(var(--primary-6)); } .arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--primary-5)); color: rgb(var(--primary-5)); background-color: transparent; } .arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--primary-7)); color: rgb(var(--primary-7)); background-color: transparent; } .arco-btn-outline:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-3)); } .arco-btn-outline.arco-btn-disabled { background-color: transparent; color: var(--color-primary-light-3); border: 1px solid var(--color-primary-light-3); cursor: not-allowed; } .arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: rgb(var(--warning-6)); } .arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--warning-5)); color: rgb(var(--warning-5)); background-color: transparent; } .arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--warning-7)); color: rgb(var(--warning-7)); background-color: transparent; } .arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); } .arco-btn-outline.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: transparent; border: 1px solid var(--color-warning-light-3); } .arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: rgb(var(--danger-6)); } .arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--danger-5)); color: rgb(var(--danger-5)); background-color: transparent; } .arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--danger-7)); color: rgb(var(--danger-7)); background-color: transparent; } .arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); } .arco-btn-outline.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: transparent; border: 1px solid var(--color-danger-light-3); } .arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: rgb(var(--success-6)); } .arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--success-5)); color: rgb(var(--success-5)); background-color: transparent; } .arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--success-7)); color: rgb(var(--success-7)); background-color: transparent; } .arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); } .arco-btn-outline.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: transparent; border: 1px solid var(--color-success-light-3); } .arco-btn-primary:not(.arco-btn-disabled) { background-color: rgb(var(--primary-6)); color: #fff; border: 1px solid transparent; } .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: #fff; background-color: rgb(var(--primary-5)); } .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: #fff; background-color: rgb(var(--primary-7)); } .arco-btn-primary:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-3)); } .arco-btn-primary.arco-btn-disabled { background-color: var(--color-primary-light-3); color: #fff; border: 1px solid transparent; cursor: not-allowed; } .arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: rgb(var(--warning-6)); color: #fff; border-color: transparent; } .arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: #fff; background-color: rgb(var(--warning-5)); } .arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: #fff; background-color: rgb(var(--warning-7)); } .arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); } .arco-btn-primary.arco-btn-status-warning.arco-btn-disabled { color: #fff; background-color: var(--color-warning-light-3); border: 1px solid transparent; } .arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: rgb(var(--danger-6)); color: #fff; border-color: transparent; } .arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: #fff; background-color: rgb(var(--danger-5)); } .arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: #fff; background-color: rgb(var(--danger-7)); } .arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); } .arco-btn-primary.arco-btn-status-danger.arco-btn-disabled { color: #fff; background-color: var(--color-danger-light-3); border: 1px solid transparent; } .arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: rgb(var(--success-6)); color: #fff; border-color: transparent; } .arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: #fff; background-color: rgb(var(--success-5)); } .arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: #fff; background-color: rgb(var(--success-7)); } .arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); } .arco-btn-primary.arco-btn-status-success.arco-btn-disabled { color: #fff; background-color: var(--color-success-light-3); border: 1px solid transparent; } .arco-btn-secondary:not(.arco-btn-disabled) { background-color: var(--color-secondary); color: var(--color-text-2); border: 1px solid transparent; } .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: var(--color-text-2); background-color: var(--color-secondary-hover); } .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: var(--color-text-2); background-color: var(--color-secondary-active); } .arco-btn-secondary:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); } .arco-btn-secondary.arco-btn-disabled { background-color: var(--color-secondary-disabled); color: var(--color-text-4); border: 1px solid transparent; cursor: not-allowed; } .arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: var(--color-warning-light-1); color: rgb(var(--warning-6)); border-color: transparent; } .arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-warning-light-2); } .arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-warning-light-3); } .arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); } .arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: var(--color-warning-light-1); border: 1px solid transparent; } .arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: var(--color-danger-light-1); color: rgb(var(--danger-6)); border-color: transparent; } .arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-danger-light-2); } .arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-danger-light-3); } .arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); } .arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: var(--color-danger-light-1); border: 1px solid transparent; } .arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: var(--color-success-light-1); color: rgb(var(--success-6)); border-color: transparent; } .arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-success-light-2); } .arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-success-light-3); } .arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); } .arco-btn-secondary.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: var(--color-success-light-1); border: 1px solid transparent; } .arco-btn-dashed:not(.arco-btn-disabled) { background-color: var(--color-fill-2); color: var(--color-text-2); border: 1px dashed var(--color-neutral-3); } .arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-neutral-4); color: var(--color-text-2); background-color: var(--color-fill-3); } .arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-neutral-5); color: var(--color-text-2); background-color: var(--color-fill-4); } .arco-btn-dashed:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); } .arco-btn-dashed.arco-btn-disabled { background-color: var(--color-fill-2); color: var(--color-text-4); border: 1px dashed var(--color-neutral-3); cursor: not-allowed; } .arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: var(--color-warning-light-1); color: rgb(var(--warning-6)); border-color: var(--color-warning-light-2); } .arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-warning-light-3); color: rgb(var(--warning-6)); background-color: var(--color-warning-light-2); } .arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-warning-light-4); color: rgb(var(--warning-6)); background-color: var(--color-warning-light-3); } .arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); } .arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: var(--color-warning-light-1); border: 1px dashed var(--color-warning-light-2); } .arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: var(--color-danger-light-1); color: rgb(var(--danger-6)); border-color: var(--color-danger-light-2); } .arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-danger-light-3); color: rgb(var(--danger-6)); background-color: var(--color-danger-light-2); } .arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-danger-light-4); color: rgb(var(--danger-6)); background-color: var(--color-danger-light-3); } .arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); } .arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: var(--color-danger-light-1); border: 1px dashed var(--color-danger-light-2); } .arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) { background-color: var(--color-success-light-1); color: rgb(var(--success-6)); border-color: var(--color-success-light-2); } .arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-success-light-3); color: rgb(var(--success-6)); background-color: var(--color-success-light-2); } .arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-success-light-4); color: rgb(var(--success-6)); background-color: var(--color-success-light-3); } .arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); } .arco-btn-dashed.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: var(--color-success-light-1); border: 1px dashed var(--color-success-light-2); } .arco-btn-text:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--primary-6)); border: 1px solid transparent; } .arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--primary-6)); background-color: var(--color-fill-2); } .arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--primary-6)); background-color: var(--color-fill-3); } .arco-btn-text:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); } .arco-btn-text.arco-btn-disabled { background-color: transparent; color: var(--color-primary-light-3); border: 1px solid transparent; cursor: not-allowed; } .arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: transparent; } .arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-fill-2); } .arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-fill-3); } .arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); } .arco-btn-text.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: transparent; border: 1px solid transparent; } .arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: transparent; } .arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-fill-2); } .arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-fill-3); } .arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); } .arco-btn-text.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: transparent; border: 1px solid transparent; } .arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: transparent; } .arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-fill-2); } .arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-fill-3); } .arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); } .arco-btn-text.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: transparent; border: 1px solid transparent; } .arco-btn-size-mini { padding: 0 11px; font-size: 12px; height: 24px; border-radius: var(--border-radius-small); } .arco-btn-size-mini > svg + span, .arco-btn-size-mini > span + svg { margin-left: 4px; } .arco-btn-size-mini svg { vertical-align: -2px; } .arco-btn-size-mini.arco-btn-rtl > svg + span, .arco-btn-size-mini.arco-btn-rtl > span + svg { margin-left: 0; margin-right: 4px; } .arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 3px; padding-right: 3px; } .arco-btn-size-mini.arco-btn-icon-only { width: 24px; height: 24px; padding: 0; } .arco-btn-size-mini.arco-btn-shape-circle { width: 24px; height: 24px; padding: 0; text-align: center; border-radius: var(--border-radius-circle); } .arco-btn-size-mini.arco-btn-shape-round { border-radius: -webkit-calc(24px * 0.5); border-radius: -moz-calc(24px * 0.5); border-radius: calc(24px * 0.5); } .arco-btn-group .arco-btn-size-mini:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-size-mini:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child { border-radius: -webkit-calc(24px * 0.5) 0 0 -webkit-calc(24px * 0.5); border-radius: -moz-calc(24px * 0.5) 0 0 -moz-calc(24px * 0.5); border-radius: calc(24px * 0.5) 0 0 calc(24px * 0.5); } .arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:last-child { border-radius: 0 -webkit-calc(24px * 0.5) -webkit-calc(24px * 0.5) 0; border-radius: 0 -moz-calc(24px * 0.5) -moz-calc(24px * 0.5) 0; border-radius: 0 calc(24px * 0.5) calc(24px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child { border-radius: 0 -webkit-calc(24px * 0.5) -webkit-calc(24px * 0.5) 0; border-radius: 0 -moz-calc(24px * 0.5) -moz-calc(24px * 0.5) 0; border-radius: 0 calc(24px * 0.5) calc(24px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:last-child { border-radius: -webkit-calc(24px * 0.5) 0 0 -webkit-calc(24px * 0.5); border-radius: -moz-calc(24px * 0.5) 0 0 -moz-calc(24px * 0.5); border-radius: calc(24px * 0.5) 0 0 calc(24px * 0.5); } .arco-btn-size-small { padding: 0 15px; font-size: 14px; height: 28px; border-radius: var(--border-radius-small); } .arco-btn-size-small > svg + span, .arco-btn-size-small > span + svg { margin-left: 6px; } .arco-btn-size-small svg { vertical-align: -2px; } .arco-btn-size-small.arco-btn-rtl > svg + span, .arco-btn-size-small.arco-btn-rtl > span + svg { margin-left: 0; margin-right: 6px; } .arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 5px; padding-right: 5px; } .arco-btn-size-small.arco-btn-icon-only { width: 28px; height: 28px; padding: 0; } .arco-btn-size-small.arco-btn-shape-circle { width: 28px; height: 28px; padding: 0; text-align: center; border-radius: var(--border-radius-circle); } .arco-btn-size-small.arco-btn-shape-round { border-radius: -webkit-calc(28px * 0.5); border-radius: -moz-calc(28px * 0.5); border-radius: calc(28px * 0.5); } .arco-btn-group .arco-btn-size-small:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-size-small:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child { border-radius: -webkit-calc(28px * 0.5) 0 0 -webkit-calc(28px * 0.5); border-radius: -moz-calc(28px * 0.5) 0 0 -moz-calc(28px * 0.5); border-radius: calc(28px * 0.5) 0 0 calc(28px * 0.5); } .arco-btn-group .arco-btn-size-small.arco-btn-shape-round:last-child { border-radius: 0 -webkit-calc(28px * 0.5) -webkit-calc(28px * 0.5) 0; border-radius: 0 -moz-calc(28px * 0.5) -moz-calc(28px * 0.5) 0; border-radius: 0 calc(28px * 0.5) calc(28px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child { border-radius: 0 -webkit-calc(28px * 0.5) -webkit-calc(28px * 0.5) 0; border-radius: 0 -moz-calc(28px * 0.5) -moz-calc(28px * 0.5) 0; border-radius: 0 calc(28px * 0.5) calc(28px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:last-child { border-radius: -webkit-calc(28px * 0.5) 0 0 -webkit-calc(28px * 0.5); border-radius: -moz-calc(28px * 0.5) 0 0 -moz-calc(28px * 0.5); border-radius: calc(28px * 0.5) 0 0 calc(28px * 0.5); } .arco-btn-size-default { padding: 0 15px; font-size: 14px; height: 32px; border-radius: var(--border-radius-small); } .arco-btn-size-default > svg + span, .arco-btn-size-default > span + svg { margin-left: 8px; } .arco-btn-size-default svg { vertical-align: -2px; } .arco-btn-size-default.arco-btn-rtl > svg + span, .arco-btn-size-default.arco-btn-rtl > span + svg { margin-left: 0; margin-right: 8px; } .arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 4px; padding-right: 4px; } .arco-btn-size-default.arco-btn-icon-only { width: 32px; height: 32px; padding: 0; } .arco-btn-size-default.arco-btn-shape-circle { width: 32px; height: 32px; padding: 0; text-align: center; border-radius: var(--border-radius-circle); } .arco-btn-size-default.arco-btn-shape-round { border-radius: -webkit-calc(32px * 0.5); border-radius: -moz-calc(32px * 0.5); border-radius: calc(32px * 0.5); } .arco-btn-group .arco-btn-size-default:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-size-default:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child { border-radius: -webkit-calc(32px * 0.5) 0 0 -webkit-calc(32px * 0.5); border-radius: -moz-calc(32px * 0.5) 0 0 -moz-calc(32px * 0.5); border-radius: calc(32px * 0.5) 0 0 calc(32px * 0.5); } .arco-btn-group .arco-btn-size-default.arco-btn-shape-round:last-child { border-radius: 0 -webkit-calc(32px * 0.5) -webkit-calc(32px * 0.5) 0; border-radius: 0 -moz-calc(32px * 0.5) -moz-calc(32px * 0.5) 0; border-radius: 0 calc(32px * 0.5) calc(32px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child { border-radius: 0 -webkit-calc(32px * 0.5) -webkit-calc(32px * 0.5) 0; border-radius: 0 -moz-calc(32px * 0.5) -moz-calc(32px * 0.5) 0; border-radius: 0 calc(32px * 0.5) calc(32px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:last-child { border-radius: -webkit-calc(32px * 0.5) 0 0 -webkit-calc(32px * 0.5); border-radius: -moz-calc(32px * 0.5) 0 0 -moz-calc(32px * 0.5); border-radius: calc(32px * 0.5) 0 0 calc(32px * 0.5); } .arco-btn-size-large { padding: 0 19px; font-size: 14px; height: 36px; border-radius: var(--border-radius-small); } .arco-btn-size-large > svg + span, .arco-btn-size-large > span + svg { margin-left: 8px; } .arco-btn-size-large svg { vertical-align: -2px; } .arco-btn-size-large.arco-btn-rtl > svg + span, .arco-btn-size-large.arco-btn-rtl > span + svg { margin-left: 0; margin-right: 8px; } .arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 8px; padding-right: 8px; } .arco-btn-size-large.arco-btn-icon-only { width: 36px; height: 36px; padding: 0; } .arco-btn-size-large.arco-btn-shape-circle { width: 36px; height: 36px; padding: 0; text-align: center; border-radius: var(--border-radius-circle); } .arco-btn-size-large.arco-btn-shape-round { border-radius: -webkit-calc(36px * 0.5); border-radius: -moz-calc(36px * 0.5); border-radius: calc(36px * 0.5); } .arco-btn-group .arco-btn-size-large:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-size-large:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child { border-radius: -webkit-calc(36px * 0.5) 0 0 -webkit-calc(36px * 0.5); border-radius: -moz-calc(36px * 0.5) 0 0 -moz-calc(36px * 0.5); border-radius: calc(36px * 0.5) 0 0 calc(36px * 0.5); } .arco-btn-group .arco-btn-size-large.arco-btn-shape-round:last-child { border-radius: 0 -webkit-calc(36px * 0.5) -webkit-calc(36px * 0.5) 0; border-radius: 0 -moz-calc(36px * 0.5) -moz-calc(36px * 0.5) 0; border-radius: 0 calc(36px * 0.5) calc(36px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child { border-radius: 0 -webkit-calc(36px * 0.5) -webkit-calc(36px * 0.5) 0; border-radius: 0 -moz-calc(36px * 0.5) -moz-calc(36px * 0.5) 0; border-radius: 0 calc(36px * 0.5) calc(36px * 0.5) 0; } .arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:last-child { border-radius: -webkit-calc(36px * 0.5) 0 0 -webkit-calc(36px * 0.5); border-radius: -moz-calc(36px * 0.5) 0 0 -moz-calc(36px * 0.5); border-radius: calc(36px * 0.5) 0 0 calc(36px * 0.5); } .arco-btn-group { display: inline-block; } .arco-btn-group .arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-dashed:not(:first-child) { margin-left: -1px; } .arco-btn-group .arco-btn-primary:not(:last-child) { border-right: 1px solid rgb(var(--primary-5)); } .arco-btn-group .arco-btn-secondary:not(:last-child) { border-right: 1px solid var(--color-secondary-hover); } .arco-btn-group .arco-btn-text:not(:last-child) { border-right: 1px solid transparent; } .arco-btn-group .arco-btn-status-warning:not(:last-child) { border-right: 1px solid rgb(var(--warning-5)); } .arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text { border-right: 1px solid var(--color-fill-2); } .arco-btn-group .arco-btn-status-danger:not(:last-child) { border-right: 1px solid rgb(var(--danger-5)); } .arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text { border-right: 1px solid var(--color-fill-2); } .arco-btn-group .arco-btn-status-success:not(:last-child) { border-right: 1px solid rgb(var(--success-5)); } .arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text { border-right: 1px solid var(--color-fill-2); } .arco-btn-group .arco-btn-rtl.arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-rtl.arco-btn-dashed:not(:first-child) { margin-left: 0; margin-right: -1px; } .arco-btn-group .arco-btn-rtl.arco-btn-primary:not(:last-child) { border-left: 1px solid rgb(var(--primary-5)); border-right: 0; } .arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) { border-left: 1px solid var(--color-secondary-hover); border-right: 0; } .arco-btn-group .arco-btn-rtl.arco-btn-text:not(:last-child) { border-left: 1px solid transparent; border-right: 0; } .arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child) { border-left: 1px solid rgb(var(--warning-5)); border-right: 0; } .arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text { border-left: 1px solid var(--color-fill-2); } .arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child) { border-left: 1px solid rgb(var(--danger-5)); border-right: 0; } .arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text { border-left: 1px solid var(--color-fill-2); } .arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child) { border-left: 1px solid rgb(var(--success-5)); border-right: 0; } .arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text { border-left: 1px solid var(--color-fill-2); } .arco-btn-group .arco-btn-outline:hover, .arco-btn-group .arco-btn-dashed:hover, .arco-btn-group .arco-btn-outline:active, .arco-btn-group .arco-btn-dashed:active { z-index: 2; } .arco-btn-group .arco-btn:not(:first-child):not(:last-child) { border-radius: 0; } .arco-btn-rtl { direction: rtl; } body[arco-theme='dark'] .arco-btn-primary.arco-btn-disabled { color: rgba(255, 255, 255, 0.3); } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ /******** 基础配置项 end *******/ /******** 基础配置项 end *******/ /******** 高级配置项 *******/ /******** 高级配置项 end *******/ .arco-input { padding-top: 4px; padding-bottom: 4px; line-height: 1.5715; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: var(--border-radius-small); color: var(--color-text-1); padding-left: 12px; padding-right: 12px; font-size: 14px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--color-fill-2); } .arco-input::-webkit-input-placeholder { color: var(--color-text-3); } .arco-input::-moz-placeholder { color: var(--color-text-3); } .arco-input:-ms-input-placeholder { color: var(--color-text-3); } .arco-input::-ms-input-placeholder { color: var(--color-text-3); } .arco-input::placeholder { color: var(--color-text-3); } .arco-input:hover { background-color: var(--color-fill-3); border-color: transparent; } .arco-input:focus, .arco-input.arco-input-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); } .arco-input-error { border-color: transparent; background-color: var(--color-danger-light-1); } .arco-input-error:hover { border-color: transparent; background-color: var(--color-danger-light-2); } .arco-input-error:focus, .arco-input-error.arco-input-focus { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); } .arco-input-disabled { background-color: var(--color-fill-2); cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); border-color: transparent; } .arco-input-disabled:hover { border-color: transparent; background-color: var(--color-fill-2); color: var(--color-text-4); } .arco-input-disabled::-webkit-input-placeholder { color: var(--color-text-4); } .arco-input-disabled::-moz-placeholder { color: var(--color-text-4); } .arco-input-disabled:-ms-input-placeholder { color: var(--color-text-4); } .arco-input-disabled::-ms-input-placeholder { color: var(--color-text-4); } .arco-input-disabled::placeholder { color: var(--color-text-4); } .arco-input input:disabled { color: var(--color-text-4); opacity: 1; -webkit-text-fill-color: var(--color-text-4); } .arco-input-word-limit { font-size: 12px; color: var(--color-text-3); padding-left: 8px; } .arco-input-word-limit-error { color: rgb(var(--danger-6)); } .arco-input-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; } .arco-input-size-small { padding-top: 2px; padding-bottom: 2px; font-size: 14px; } .arco-input-size-large { padding-top: 6px; padding-bottom: 6px; font-size: 14px; } .arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper-mini .arco-input-group-addafter { padding-left: 8px; padding-right: 8px; } .arco-input-inner-wrapper.arco-input-inner-wrapper-mini { padding-left: 8px; padding-right: 8px; } .arco-input-size-mini { padding-left: 8px; padding-right: 8px; } .arco-input-group-wrapper-small .arco-input-group-addbefore, .arco-input-group-wrapper-small .arco-input-group-addafter { padding-left: 12px; padding-right: 12px; } .arco-input-inner-wrapper.arco-input-inner-wrapper-small { padding-left: 12px; padding-right: 12px; } .arco-input-size-small { padding-left: 12px; padding-right: 12px; } .arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper-large .arco-input-group-addafter { padding-left: 16px; padding-right: 16px; } .arco-input-inner-wrapper.arco-input-inner-wrapper-large { padding-left: 16px; padding-right: 16px; } .arco-input-size-large { padding-left: 16px; padding-right: 16px; } .arco-input-clear-wrapper .arco-input { padding-right: 24px; } .arco-input-clear-icon { font-size: 12px; cursor: pointer; color: var(--color-text-2); } .arco-input-clear-icon:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); } .arco-input-clear-icon > svg { -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1); transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; } .arco-input-inner-wrapper { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: var(--border-radius-small); color: var(--color-text-1); padding-left: 12px; padding-right: 12px; font-size: 14px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--color-fill-2); display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; width: 100%; position: relative; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .arco-input-inner-wrapper::-webkit-input-placeholder { color: var(--color-text-3); } .arco-input-inner-wrapper::-moz-placeholder { color: var(--color-text-3); } .arco-input-inner-wrapper:-ms-input-placeholder { color: var(--color-text-3); } .arco-input-inner-wrapper::-ms-input-placeholder { color: var(--color-text-3); } .arco-input-inner-wrapper::placeholder { color: var(--color-text-3); } .arco-input-inner-wrapper:hover { background-color: var(--color-fill-3); border-color: transparent; } .arco-input-inner-wrapper:focus, .arco-input-inner-wrapper.arco-input-inner-wrapper-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); } .arco-input-inner-wrapper-error { border-color: transparent; background-color: var(--color-danger-light-1); } .arco-input-inner-wrapper-error:hover { border-color: transparent; background-color: var(--color-danger-light-2); } .arco-input-inner-wrapper-error:focus, .arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); } .arco-input-inner-wrapper .arco-input { padding-left: 0; padding-right: 0; border-radius: 0; border: none; background: none; } .arco-input-inner-wrapper .arco-input:hover, .arco-input-inner-wrapper .arco-input:focus { background: none; box-shadow: none; } .arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-has-prefix > .arco-input { padding-left: 12px; } .arco-input-inner-wrapper > .arco-input-clear-wrapper { height: 100%; } .arco-input-inner-wrapper > .arco-input-clear-wrapper .arco-input { padding-right: 12px; } .arco-input-inner-wrapper > .arco-input-clear-wrapper .arco-input-clear-icon { right: 8px; } .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-inner-wrapper .arco-input-group-suffix { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 100%; } .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .arco-input-inner-wrapper .arco-input-group-prefix { color: var(--color-text-2); } .arco-input-inner-wrapper .arco-input-group-suffix { color: var(--color-text-2); } .arco-input-inner-wrapper-disabled { background-color: var(--color-fill-2); cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); border-color: transparent; } .arco-input-inner-wrapper-disabled:hover { border-color: transparent; background-color: var(--color-fill-2); color: var(--color-text-4); } .arco-input-inner-wrapper-disabled::-webkit-input-placeholder { color: var(--color-text-4); } .arco-input-inner-wrapper-disabled::-moz-placeholder { color: var(--color-text-4); } .arco-input-inner-wrapper-disabled:-ms-input-placeholder { color: var(--color-text-4); } .arco-input-inner-wrapper-disabled::-ms-input-placeholder { color: var(--color-text-4); } .arco-input-inner-wrapper-disabled::placeholder { color: var(--color-text-4); } .arco-input-inner-wrapper-disabled .arco-input-group-prefix, .arco-input-inner-wrapper-disabled .arco-input-group-suffix { color: inherit; } .arco-input-inner-wrapper .arco-input-clear-icon { display: none; } .arco-input-inner-wrapper:hover .arco-input-clear-icon { display: inline-block; } .arco-input-inner-wrapper:hover .arco-input-clear-icon ~ .arco-input-group-suffix { margin-left: 4px; } .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover::before { background-color: var(--color-fill-4); } .arco-input-group { display: table; width: 100%; height: 100%; } .arco-input-group > .arco-input-inner-wrapper, .arco-input-group > .arco-input { border-radius: 0; } .arco-input-group > .arco-input-inner-wrapper-focus, .arco-input-group > .arco-input-focus { border-radius: var(--border-radius-small); } .arco-input-group > :first-child { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); } .arco-input-group > :last-child { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); } .arco-input-group-addbefore, .arco-input-group-addafter { width: 1px; display: table-cell; white-space: nowrap; height: 100%; vertical-align: middle; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; color: var(--color-text-1); background-color: var(--color-fill-2); border: 1px solid transparent; } .arco-input-group-addbefore > svg, .arco-input-group-addafter > svg { font-size: 14px; } .arco-input-group-addafter { border-left: 1px solid var(--color-neutral-3); } .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-addbefore { border-right: 1px solid var(--color-neutral-3); } .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper { width: 100%; display: inline-block; vertical-align: top; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group { font-size: 12px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 12px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 12px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter { font-size: 12px; height: 22px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter > svg { font-size: 12px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter { font-size: 14px; height: 26px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter > svg { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter { font-size: 14px; height: 34px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter > svg { font-size: 14px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group { font-size: 14px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper { height: 100%; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input { height: 100%; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper { height: 100%; } .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input { height: 100%; } .arco-input-group-wrapper .arco-input-inner-wrapper { height: 100%; } .arco-input-group-wrapper.arco-input-disabled { cursor: not-allowed; } .arco-input-mirror { position: absolute; top: 0; left: 0; visibility: hidden; } .arco-textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: var(--border-radius-small); color: var(--color-text-1); padding-left: 12px; padding-right: 12px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--color-fill-2); font-size: 14px; vertical-align: top; position: relative; padding: 4px 12px; max-width: 100%; min-height: 32px; height: auto; line-height: 1.5715; resize: vertical; overflow: auto; } .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3); } .arco-textarea::-moz-placeholder { color: var(--color-text-3); } .arco-textarea:-ms-input-placeholder { color: var(--color-text-3); } .arco-textarea::-ms-input-placeholder { color: var(--color-text-3); } .arco-textarea::placeholder { color: var(--color-text-3); } .arco-textarea:hover { background-color: var(--color-fill-3); border-color: transparent; } .arco-textarea:focus, .arco-textarea.arco-textarea-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); } .arco-textarea-error { border-color: transparent; background-color: var(--color-danger-light-1); } .arco-textarea-error:hover { border-color: transparent; background-color: var(--color-danger-light-2); } .arco-textarea-error:focus, .arco-textarea-error.arco-textarea-focus { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); } .arco-textarea-disabled { background-color: var(--color-fill-2); cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); border-color: transparent; } .arco-textarea-disabled:hover { border-color: transparent; background-color: var(--color-fill-2); color: var(--color-text-4); } .arco-textarea-disabled::-webkit-input-placeholder { color: var(--color-text-4); } .arco-textarea-disabled::-moz-placeholder { color: var(--color-text-4); } .arco-textarea-disabled:-ms-input-placeholder { color: var(--color-text-4); } .arco-textarea-disabled::-ms-input-placeholder { color: var(--color-text-4); } .arco-textarea-disabled::placeholder { color: var(--color-text-4); } .arco-input-group.arco-input-group-compact > .arco-select { vertical-align: unset; } .arco-input-group.arco-input-group-compact > .arco-select .arco-select-view { border-radius: 0; } .arco-input-group.arco-input-group-compact > * { border-radius: 0; } .arco-input-group.arco-input-group-compact > * .arco-input-group > :last-child, .arco-input-group.arco-input-group-compact > * .arco-input-group > :first-child { border-radius: 0; } .arco-input-group.arco-input-group-compact > *:not(:last-child) { position: relative; border-right: 1px solid var(--color-neutral-3); -moz-box-sizing: border-box; box-sizing: border-box; } .arco-input-group.arco-input-group-compact > *:first-child, .arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); } .arco-input-group.arco-input-group-compact > *:first-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child .arco-select .arco-select-view { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); } .arco-input-group.arco-input-group-compact > *:last-child, .arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); } .arco-input-group.arco-input-group-compact > *:last-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child .arco-select .arco-select-view { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); } .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-right-color: var(--color-neutral-3); } .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-right-color: rgb(var(--primary-6)); } .size-height-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; } .size-height-size-small { padding-top: 2px; padding-bottom: 2px; font-size: 14px; } .size-height-size-large { padding-top: 6px; padding-bottom: 6px; font-size: 14px; } .size-height-group-wrapper-mini .arco-input-group-addbefore, .size-height-group-wrapper-mini .arco-input-group-addafter { padding-left: 8px; padding-right: 8px; } .size-height-inner-wrapper.size-height-inner-wrapper-mini { padding-left: 8px; padding-right: 8px; } .size-height-size-mini { padding-left: 8px; padding-right: 8px; } .size-height-group-wrapper-small .arco-input-group-addbefore, .size-height-group-wrapper-small .arco-input-group-addafter { padding-left: 12px; padding-right: 12px; } .size-height-inner-wrapper.size-height-inner-wrapper-small { padding-left: 12px; padding-right: 12px; } .size-height-size-small { padding-left: 12px; padding-right: 12px; } .size-height-group-wrapper-large .arco-input-group-addbefore, .size-height-group-wrapper-large .arco-input-group-addafter { padding-left: 16px; padding-right: 16px; } .size-height-inner-wrapper.size-height-inner-wrapper-large { padding-left: 16px; padding-right: 16px; } .size-height-size-large { padding-left: 16px; padding-right: 16px; } .group-size.group-size-mini .arco-input-group { font-size: 12px; } .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 12px; } .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 12px; } .group-size.group-size-mini .arco-input-group-addbefore, .group-size.group-size-mini .arco-input-group-addafter { font-size: 12px; height: 22px; } .group-size.group-size-mini .arco-input-group-addbefore > svg, .group-size.group-size-mini .arco-input-group-addafter > svg { font-size: 12px; } .group-size.group-size-mini .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.group-size-mini .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .group-size.group-size-mini .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.group-size-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.group-size-mini .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.group-size-mini .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .group-size.group-size-mini .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.group-size-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.group-size-small .arco-input-group { font-size: 14px; } .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; } .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .group-size.group-size-small .arco-input-group-addbefore, .group-size.group-size-small .arco-input-group-addafter { font-size: 14px; height: 26px; } .group-size.group-size-small .arco-input-group-addbefore > svg, .group-size.group-size-small .arco-input-group-addafter > svg { font-size: 14px; } .group-size.group-size-small .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.group-size-small .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .group-size.group-size-small .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.group-size-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.group-size-small .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.group-size-small .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .group-size.group-size-small .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.group-size-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.group-size-large .arco-input-group { font-size: 14px; } .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; } .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .group-size.group-size-large .arco-input-group-addbefore, .group-size.group-size-large .arco-input-group-addafter { font-size: 14px; height: 34px; } .group-size.group-size-large .arco-input-group-addbefore > svg, .group-size.group-size-large .arco-input-group-addafter > svg { font-size: 14px; } .group-size.group-size-large .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.group-size-large .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .group-size.group-size-large .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.group-size-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.group-size-large .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.group-size-large .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .group-size.group-size-large .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.group-size-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.arco-input-custom-height .arco-input-group { font-size: 14px; } .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; } .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; } .group-size.arco-input-custom-height .arco-input-group-addbefore, .group-size.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; } .group-size.arco-input-custom-height .arco-input-group-addbefore > svg, .group-size.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; } .group-size.arco-input-custom-height .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.arco-input-custom-height .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .group-size.arco-input-custom-height .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.arco-input-custom-height .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .group-size.arco-input-custom-height .arco-input-inner-wrapper { height: 100%; } .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input { height: 100%; } .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper { height: 100%; } .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input { height: 100%; } .arco-textarea-wrapper { display: inline-block; position: relative; width: 100%; } .arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon { display: inline-block; } .arco-textarea-clear-wrapper .arco-textarea { padding-right: 20px; } .arco-textarea-word-limit { position: absolute; font-size: 12px; bottom: 6px; right: 10px; color: var(--color-text-3); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arco-textarea-word-limit-error { color: rgb(var(--danger-6)); } .arco-textarea-clear-icon { display: none; position: absolute; right: 10px; top: 10px; font-size: 12px; color: var(--color-text-2); } .arco-textarea-clear-icon > svg { -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1); transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; } .arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore { -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: all 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1); transition: all 0.1s cubic-bezier(0, 0, 1, 1); } .arco-input-search.arco-input-group-wrapper .arco-input-group-addafter { padding: 0; border: none; } .arco-input-search.arco-input-group-wrapper .arco-input-group-suffix { color: var(--color-text-2); font-size: 14px; } .arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore { cursor: pointer; color: var(--color-text-2); font-size: 14px; } .arco-input-search.arco-input-group-wrapper .arco-input-search-btn { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; font-size: 14px; color: var(--color-white); } .arco-input-search-button .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-rtl) { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix { cursor: pointer; color: var(--color-text-2); font-size: 12px; } .arco-input-password.arco-input-group-wrapper .arco-input-password-visibility-icon:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); border-radius: var(--border-radius-small); } .arco-input-group-wrapper-rtl { direction: rtl; } .arco-input-group-wrapper-rtl .arco-input-word-limit { padding-left: 0; padding-right: input-padding-word-limit-left; } .arco-input-group-wrapper-rtl.arco-input-clear-wrapper .arco-input { padding-right: 0; padding-left: 24px; } .arco-input-group-wrapper-rtl .arco-input-group > :first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-input-group-wrapper-rtl .arco-input-group > :last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-input-group-wrapper-rtl .arco-input-group-addafter { border-left: none; border-right: 1px solid var(--color-neutral-3); } .arco-input-group-wrapper-rtl .arco-input-group-addafter .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; border-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -13px; margin-right: -12px; } .arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper-rtl .arco-input-group-addbefore { border-right: none; border-left: 1px solid var(--color-neutral-3); } .arco-input-group-wrapper-rtl .arco-input-group-addbefore .item-style { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-input { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; border-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select { margin-top: -1px; margin-bottom: -1px; width: auto; height: 100%; margin-left: -12px; margin-right: -13px; } .arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0; background-color: inherit; border-color: transparent; } .arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:not(:last-child) { border-right: none; border-left: 1px solid var(--color-neutral-3); } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child .arco-select .arco-select-view, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child .arco-select .arco-select-view { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child .arco-select .arco-select-view, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child .arco-select .arco-select-view { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-left-color: var(--color-neutral-3); } .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-left-color: rgb(var(--primary-6)); } .arco-input-group-wrapper-rtl.arco-input-search .arco-input-search-btn { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); } .arco-input-inner-wrapper-rtl { direction: rtl; } .arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input { padding-left: 0; padding-right: 12px; } .arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input { padding-right: 0; padding-left: 12px; } .arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input-clear-icon { right: auto; right: initial; left: 8px; } .arco-input-inner-wrapper-rtl:hover .arco-input-clear-icon ~ .arco-input-group-suffix { margin-left: 4px; } .arco-input-search-button .arco-input-inner-wrapper-rtl { border-left: none; border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; } .arco-textarea-wrapper-rtl { direction: rtl; } .arco-textarea-wrapper-rtl .arco-textarea { padding-left: 20px; } .arco-textarea-wrapper-rtl .arco-textarea-word-limit { right: auto; right: initial; left: 10px; } .arco-textarea-wrapper-rtl .arco-textarea-clear-icon { right: auto; right: initial; left: 10px; } #fastLogin { height: 0; width: 0; } #fastLogin .arco-modal { width: 400px; min-height: 550px; box-shadow: none; background-color: var(--color-bg-9); } #fastLogin .arco-modal .arco-modal-content { margin-top: 32px; } #fastLogin .arco-modal.hideModeForFastlogin_3de80 { min-height: 482px; } #fastLogin .arco-modal.fastLoginModalInMobile_3de80 { width: 363px; min-height: 506px; } #fastLogin .arco-modal.fastLoginModalInMobile_3de80 .fastLoginRightPane_3de80 { width: 315px; } #fastLogin .arco-modal.fastLoginWithDouyinQR_3de80 { width: 800px; } .fastLoginContent_3de80 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; } .fastLoginContent__withQR_3de80 { display: -webkit-flex; display: -moz-box; display: flex; } .fastLoginRightPane_3de80 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; width: 100%; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-ms-input-placeholder, .arco-input-inner::-ms-input-placeholder, .arco-textarea::-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-input::placeholder, .arco-input-inner::placeholder, .arco-textarea::placeholder { color: var(--color-text-3) !important; } .arco-input::-webkit-input-placeholder, .arco-input-inner::-webkit-input-placeholder, .arco-textarea::-webkit-input-placeholder { color: var(--color-text-3) !important; } .arco-input::-moz-placeholder, .arco-input-inner::-moz-placeholder, .arco-textarea::-moz-placeholder { color: var(--color-text-3) !important; } .arco-input:-ms-input-placeholder, .arco-input-inner:-ms-input-placeholder, .arco-textarea:-ms-input-placeholder { color: var(--color-text-3) !important; } .arco-tabs-header-title:not(.arco-tabs-header-title-active) { color: var(--color-text-1) !important; } .login-frame .arco-spin-children::after { background-color: transparent !important; } .container_de7fe { margin-top: -32px; margin-left: -24px; margin-right: 24px; margin-bottom: -20px; -moz-box-sizing: border-box; box-sizing: border-box; width: 400px; padding: 32px 32px 40px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; border-radius: 8px 0 0 8px; } .logo_de7fe { -webkit-align-self: flex-start; align-self: flex-start; width: 100px; height: 25px; } .title_de7fe { margin-top: 63px; font-size: 14px; line-height: 26px; font-weight: 500; color: var(--color-text-2); } .qrWrapper_de7fe { position: relative; margin-top: 15px; width: 180px; height: 180px; border-radius: 8px; overflow: visible; background: var(--color-bg-1); } .qrIframe_de7fe { width: 100%; height: 100%; border: none; border-radius: 8px; } .qrMask_de7fe { position: absolute; top: 145px; width: 400px; height: 180px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .howToImage1_de7fe { width: 160px; height: 160px; border-radius: 8px; -o-object-fit: cover; object-fit: cover; margin-left: 32px; border: 1px solid var(--color-border-2); background: var(--color-bg-1); } .howToImage2_de7fe { width: 160px; height: 160px; border-radius: 8px; -o-object-fit: cover; object-fit: cover; margin-left: 16px; border: 1px solid var(--color-border-2); background: var(--color-bg-1); } .desc_de7fe { margin-top: 25px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 13px; line-height: 22px; color: var(--color-text-3); } .descIcon_de7fe { width: 20px; height: 20px; margin: 0 4px; } .howToWrapper_de7fe { margin-top: 14px; } .howToButton_de7fe { min-width: 82px; height: 32px; padding: 0 16px; border-radius: 32px; border: 1px solid var(--color-border-3); font-size: 12px; line-height: 22px; color: var(--color-text-3); background: transparent; cursor: pointer; outline: none; } .howToButton_de7fe:hover { background: var(--color-bg-3); border-color: var(--color-border-3); } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ .arco-trigger { position: absolute; z-index: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .arco-trigger-arrow { background-color: var(--color-bg-5); content: ''; height: 8px; width: 8px; position: absolute; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; z-index: -1; } .arco-trigger[trigger-placement='top'] .arco-trigger-arrow, .arco-trigger[trigger-placement='tl'] .arco-trigger-arrow, .arco-trigger[trigger-placement='tr'] .arco-trigger-arrow { bottom: -4px; margin-left: -4px; border-top: none; border-left: none; border-bottom-right-radius: 2px; } .arco-trigger[trigger-placement='bottom'] .arco-trigger-arrow, .arco-trigger[trigger-placement='bl'] .arco-trigger-arrow, .arco-trigger[trigger-placement='br'] .arco-trigger-arrow { top: -4px; margin-left: -4px; border-bottom: none; border-right: none; border-top-left-radius: 2px; } .arco-trigger[trigger-placement='left'] .arco-trigger-arrow, .arco-trigger[trigger-placement='lt'] .arco-trigger-arrow, .arco-trigger[trigger-placement='lb'] .arco-trigger-arrow { right: -4px; margin-top: -4px; border-left: none; border-bottom: none; border-top-right-radius: 2px; } .arco-trigger[trigger-placement='right'] .arco-trigger-arrow, .arco-trigger[trigger-placement='rt'] .arco-trigger-arrow, .arco-trigger[trigger-placement='rb'] .arco-trigger-arrow { left: -4px; margin-top: -4px; border-top: none; border-right: none; border-bottom-left-radius: 2px; } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ /********************************************** * Popup Box **********************************************/ /********************************************** * Popup Options * status: default / disabled / selected / hover **********************************************/ /********************************************** * Theme dark **********************************************/ .arco-dropdown-menu { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 200px; padding: 4px 0; border: 1px solid var(--color-fill-3); border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); overflow: auto; } .arco-dropdown-menu-hidden { display: none; } .arco-dropdown-menu-item, .arco-dropdown-menu-pop-header { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 36px; padding: 0 12px; font-size: 14px; line-height: 36px; text-align: left; cursor: pointer; z-index: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-1); background-color: transparent; } .arco-dropdown-menu-item.arco-dropdown-menu-selected, .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected { color: var(--color-text-1); background-color: transparent; font-weight: 500; -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1); -o-transition: all 0.1s cubic-bezier(0, 0, 1, 1); -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1); transition: all 0.1s cubic-bezier(0, 0, 1, 1); } .arco-dropdown-menu-item:hover, .arco-dropdown-menu-pop-header:hover { color: var(--color-text-1); background-color: var(--color-fill-2); } .arco-dropdown-menu-item:focus-visible, .arco-dropdown-menu-pop-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; } .arco-dropdown-menu-item.arco-dropdown-menu-active, .arco-dropdown-menu-pop-header.arco-dropdown-menu-active { box-shadow: 0 0 0 1px rgb(var(--primary-6)) inset; } .arco-dropdown-menu-item.arco-dropdown-menu-disabled, .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled { color: var(--color-text-4); background-color: transparent; cursor: not-allowed; } .arco-dropdown-menu-item a, .arco-dropdown-menu-pop-header a, .arco-dropdown-menu-item a:hover, .arco-dropdown-menu-pop-header a:hover, .arco-dropdown-menu-item a:focus, .arco-dropdown-menu-pop-header a:focus, .arco-dropdown-menu-item a:active, .arco-dropdown-menu-pop-header a:active { color: inherit; cursor: inherit; text-decoration: none; } .arco-dropdown-menu-item > a:only-child::before, .arco-dropdown-menu-pop-header > a:only-child::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .arco-dropdown-menu-pop-header { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix { margin-left: 12px; } .arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title { margin-top: 4px; } .arco-dropdown-menu-group-title { margin-top: 8px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 12px; line-height: 20px; font-size: 12px; color: var(--color-text-3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .arco-dropdown-menu-dark { border-color: var(--color-menu-dark-bg); background-color: var(--color-menu-dark-bg); } .arco-dropdown-menu-dark .arco-dropdown-menu-item, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header { color: var(--color-text-4); background-color: transparent; } .arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected { color: var(--color-white); background-color: transparent; } .arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover { color: var(--color-white); } .arco-dropdown-menu-dark .arco-dropdown-menu-item:hover, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover { color: var(--color-text-4); background-color: var(--color-menu-dark-hover); } .arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled { color: var(--color-text-2); background-color: transparent; } .arco-dropdown-menu-dark .arco-dropdown-menu-group-title { color: var(--color-text-3); } .arco-dropdown-menu-pop-trigger .arco-trigger-arrow { display: none; } .arco-dropdown-menu + .arco-trigger-arrow { background-color: var(--color-bg-popup); } .arco-dropdown-menu-rtl .arco-dropdown-menu-item, .arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header { text-align: right; } .arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix, .arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix { margin-left: 0; margin-right: 12px; } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ .arco-tooltip-content { padding: 8px 12px; background-color: var(--color-tooltip-bg); font-size: 14px; border-radius: var(--border-radius-small); color: #fff; line-height: 1.5715; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .arco-tooltip-content-inner { word-wrap: break-word; text-align: left; } .arco-tooltip-mini { font-size: 14px; padding: 4px 12px; } .arco-trigger-arrow.arco-tooltip-arrow { background-color: var(--color-tooltip-bg); } body[arco-theme='dark'] .arco-tooltip-content { border: 1px solid var(--color-neutral-3); } body[arco-theme='dark'] .arco-tooltip .arco-trigger-arrow.arco-tooltip-arrow { z-index: 1; } body[arco-theme='dark'] .arco-trigger[trigger-placement='top'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='tl'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='tr'] .arco-trigger-arrow.arco-tooltip-arrow { border-bottom: 1px solid var(--color-neutral-3); border-right: 1px solid var(--color-neutral-3); } body[arco-theme='dark'] .arco-trigger[trigger-placement='bottom'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='bl'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='br'] .arco-trigger-arrow.arco-tooltip-arrow { border-top: 1px solid var(--color-neutral-3); border-left: 1px solid var(--color-neutral-3); } body[arco-theme='dark'] .arco-trigger[trigger-placement='left'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='lt'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='lb'] .arco-trigger-arrow.arco-tooltip-arrow { border-top: 1px solid var(--color-neutral-3); border-right: 1px solid var(--color-neutral-3); } body[arco-theme='dark'] .arco-trigger[trigger-placement='right'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='rt'] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme='dark'] .arco-trigger[trigger-placement='rb'] .arco-trigger-arrow.arco-tooltip-arrow { border-left: 1px solid var(--color-neutral-3); border-bottom: 1px solid var(--color-neutral-3); } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ /********************************************** * theme: light / dark * status: default / disabled / selected / hover **********************************************/ /********************************************** * horizontal / vertical **********************************************/ /************************************************ * collapse ***********************************************/ /************************************************ * popButton ***********************************************/ @-webkit-keyframes arco-menu-selected-item-label-enter { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes arco-menu-selected-item-label-enter { from { opacity: 0; } to { opacity: 1; } } @keyframes arco-menu-selected-item-label-enter { from { opacity: 0; } to { opacity: 1; } } .arco-menu { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 14px; line-height: 1.5715; -webkit-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .arco-menu-indent { display: inline-block; width: 20px; } .arco-menu .arco-menu-item, .arco-menu .arco-menu-group-title, .arco-menu .arco-menu-pop-header, .arco-menu .arco-menu-inline-header { position: relative; border-radius: var(--border-radius-small); -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .arco-menu .arco-menu-item.arco-menu-disabled, .arco-menu .arco-menu-group-title.arco-menu-disabled, .arco-menu .arco-menu-pop-header.arco-menu-disabled, .arco-menu .arco-menu-inline-header.arco-menu-disabled { cursor: not-allowed; } .arco-menu .arco-menu-item.arco-menu-selected, .arco-menu .arco-menu-group-title.arco-menu-selected, .arco-menu .arco-menu-pop-header.arco-menu-selected, .arco-menu .arco-menu-inline-header.arco-menu-selected { font-weight: 500; -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1); transition: color 0.2s cubic-bezier(0, 0, 1, 1); } .arco-menu .arco-menu-item.arco-menu-selected svg, .arco-menu .arco-menu-group-title.arco-menu-selected svg, .arco-menu .arco-menu-pop-header.arco-menu-selected svg, .arco-menu .arco-menu-inline-header.arco-menu-selected svg { -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1); transition: color 0.2s cubic-bezier(0, 0, 1, 1); } .arco-menu .arco-menu-item .arco-icon, .arco-menu .arco-menu-group-title .arco-icon, .arco-menu .arco-menu-pop-header .arco-icon, .arco-menu .arco-menu-inline-header .arco-icon { margin-right: 16px; } .arco-menu-light { background-color: var(--color-menu-light-bg); } .arco-menu-light .arco-menu-item, .arco-menu-light .arco-menu-group-title, .arco-menu-light .arco-menu-pop-header, .arco-menu-light .arco-menu-inline-header { background-color: var(--color-menu-light-bg); color: var(--color-text-2); } .arco-menu-light .arco-menu-item .arco-icon, .arco-menu-light .arco-menu-group-title .arco-icon, .arco-menu-light .arco-menu-pop-header .arco-icon, .arco-menu-light .arco-menu-inline-header .arco-icon { color: var(--color-text-3); } .arco-menu-light .arco-menu-item:hover, .arco-menu-light .arco-menu-group-title:hover, .arco-menu-light .arco-menu-pop-header:hover, .arco-menu-light .arco-menu-inline-header:hover { background-color: var(--color-fill-2); color: var(--color-text-2); } .arco-menu-light .arco-menu-item:hover .arco-icon, .arco-menu-light .arco-menu-group-title:hover .arco-icon, .arco-menu-light .arco-menu-pop-header:hover .arco-icon, .arco-menu-light .arco-menu-inline-header:hover .arco-icon { color: var(--color-text-3); } .arco-menu-light .arco-menu-item:focus-visible, .arco-menu-light .arco-menu-group-title:focus-visible, .arco-menu-light .arco-menu-pop-header:focus-visible, .arco-menu-light .arco-menu-inline-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; } .arco-menu-light .arco-menu-item.arco-menu-selected, .arco-menu-light .arco-menu-group-title.arco-menu-selected, .arco-menu-light .arco-menu-pop-header.arco-menu-selected, .arco-menu-light .arco-menu-inline-header.arco-menu-selected { color: rgb(var(--primary-6)); } .arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); } .arco-menu-light .arco-menu-item.arco-menu-disabled, .arco-menu-light .arco-menu-group-title.arco-menu-disabled, .arco-menu-light .arco-menu-pop-header.arco-menu-disabled, .arco-menu-light .arco-menu-inline-header.arco-menu-disabled { background-color: var(--color-menu-light-bg); color: var(--color-text-4); } .arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon { color: var(--color-text-4); } .arco-menu-light .arco-menu-item.arco-menu-selected { background-color: var(--color-fill-2); } .arco-menu-light .arco-menu-inline-header.arco-menu-selected { color: rgb(var(--primary-6)); } .arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); } .arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-fill-2); } .arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected { background: none; -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1); transition: color 0.2s cubic-bezier(0, 0, 1, 1); } .arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-fill-2); } .arco-menu-light .arco-menu-group-title { color: var(--color-text-3); pointer-events: none; } .arco-menu-light .arco-menu-collapse-button { background-color: var(--color-fill-1); color: var(--color-text-3); } .arco-menu-light .arco-menu-collapse-button:hover { background-color: var(--color-fill-3); } .arco-menu-light .arco-menu-collapse-button:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); } .arco-menu-dark { background-color: var(--color-menu-dark-bg); } .arco-menu-dark .arco-menu-item, .arco-menu-dark .arco-menu-group-title, .arco-menu-dark .arco-menu-pop-header, .arco-menu-dark .arco-menu-inline-header { background-color: var(--color-menu-dark-bg); color: var(--color-text-4); } .arco-menu-dark .arco-menu-item .arco-icon, .arco-menu-dark .arco-menu-group-title .arco-icon, .arco-menu-dark .arco-menu-pop-header .arco-icon, .arco-menu-dark .arco-menu-inline-header .arco-icon { color: var(--color-text-3); } .arco-menu-dark .arco-menu-item:hover, .arco-menu-dark .arco-menu-group-title:hover, .arco-menu-dark .arco-menu-pop-header:hover, .arco-menu-dark .arco-menu-inline-header:hover { background-color: var(--color-menu-dark-hover); color: var(--color-text-4); } .arco-menu-dark .arco-menu-item:hover .arco-icon, .arco-menu-dark .arco-menu-group-title:hover .arco-icon, .arco-menu-dark .arco-menu-pop-header:hover .arco-icon, .arco-menu-dark .arco-menu-inline-header:hover .arco-icon { color: var(--color-text-3); } .arco-menu-dark .arco-menu-item:focus-visible, .arco-menu-dark .arco-menu-group-title:focus-visible, .arco-menu-dark .arco-menu-pop-header:focus-visible, .arco-menu-dark .arco-menu-inline-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; } .arco-menu-dark .arco-menu-item.arco-menu-selected, .arco-menu-dark .arco-menu-group-title.arco-menu-selected, .arco-menu-dark .arco-menu-pop-header.arco-menu-selected, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected { color: var(--color-white); } .arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon { color: var(--color-white); } .arco-menu-dark .arco-menu-item.arco-menu-disabled, .arco-menu-dark .arco-menu-group-title.arco-menu-disabled, .arco-menu-dark .arco-menu-pop-header.arco-menu-disabled, .arco-menu-dark .arco-menu-inline-header.arco-menu-disabled { background-color: var(--color-menu-dark-bg); color: var(--color-text-2); } .arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon { color: var(--color-text-2); } .arco-menu-dark .arco-menu-item.arco-menu-selected { background-color: var(--color-menu-dark-hover); } .arco-menu-dark .arco-menu-inline-header.arco-menu-selected { color: rgb(var(--primary-6)); } .arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); } .arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-menu-dark-hover); } .arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected { background: none; -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1); transition: color 0.2s cubic-bezier(0, 0, 1, 1); } .arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-menu-dark-hover); } .arco-menu-dark .arco-menu-group-title { color: var(--color-text-3); pointer-events: none; } .arco-menu-dark .arco-menu-collapse-button { background-color: rgb(var(--primary-6)); color: var(--color-white); } .arco-menu-dark .arco-menu-collapse-button:hover { background-color: rgb(var(--primary-7)); } .arco-menu-dark .arco-menu-collapse-button:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); } .arco-menu a, .arco-menu a:hover, .arco-menu a:focus, .arco-menu a:active { color: inherit; cursor: inherit; text-decoration: none; } .arco-menu-item-inner > a:only-child::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .arco-menu-inner { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; overflow: auto; } .arco-menu-vertical .arco-menu-item, .arco-menu-vertical .arco-menu-group-title, .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { padding: 0 12px; line-height: 40px; } .arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-right: 0; } .arco-menu-vertical .arco-menu-item, .arco-menu-vertical .arco-menu-group-title, .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .arco-menu-vertical .arco-menu-item .arco-menu-item-inner, .arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner, .arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner, .arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix.is-open { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .arco-menu-vertical .arco-menu-inner { padding: 4px 8px; } .arco-menu-vertical .arco-menu-item.arco-menu-item-indented { display: -webkit-flex; display: -moz-box; display: flex; } .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { padding-right: 28px; } .arco-menu-horizontal { width: auto; height: auto; } .arco-menu-horizontal .arco-menu-item, .arco-menu-horizontal .arco-menu-group-title, .arco-menu-horizontal .arco-menu-pop-header, .arco-menu-horizontal .arco-menu-inline-header { padding: 0 12px; line-height: 30px; } .arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-right: 0; } .arco-menu-horizontal .arco-menu-item .arco-icon, .arco-menu-horizontal .arco-menu-group-title .arco-icon, .arco-menu-horizontal .arco-menu-pop-header .arco-icon, .arco-menu-horizontal .arco-menu-inline-header .arco-icon { margin-right: 16px; } .arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix { margin-left: 6px; } .arco-menu-horizontal .arco-menu-inner { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 14px 20px; } .arco-menu-horizontal .arco-menu-item, .arco-menu-horizontal .arco-menu-pop { display: inline-block; vertical-align: middle; -webkit-flex-shrink: 0; flex-shrink: 0; } .arco-menu-horizontal .arco-menu-item:not(:first-child), .arco-menu-horizontal .arco-menu-pop:not(:first-child) { margin-left: 12px; } .arco-menu-horizontal .arco-menu-pop::after { content: ' '; width: 100%; height: 14px; position: absolute; left: 0; bottom: -14px; } .arco-menu-overflow-wrap { width: 100%; } .arco-menu-overflow-sub-menu-mirror { margin-left: 12px; } .arco-menu-overflow-sub-menu-mirror, .arco-menu-overflow-hidden-menu-item { position: absolute !important; white-space: nowrap; visibility: hidden; pointer-events: none; } .arco-menu-selected-label { position: absolute; left: 12px; right: 12px; bottom: -14px; height: 3px; background-color: rgb(var(--primary-6)); -webkit-animation: arco-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1); -moz-animation: arco-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1); animation: arco-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1); } .arco-menu-pop-button { width: auto; background: none; box-shadow: none; } .arco-menu-pop-button.arco-menu-collapse { width: auto; } .arco-menu-pop-button .arco-menu-item, .arco-menu-pop-button .arco-menu-group-title, .arco-menu-pop-button .arco-menu-pop-header, .arco-menu-pop-button .arco-menu-inline-header { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid transparent; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin-bottom: 16px; } .arco-menu-collapse { width: 48px; } .arco-menu-collapse .arco-menu-inner { padding: 4px 4px; } .arco-menu-collapse .arco-menu-group-title, .arco-menu-collapse .arco-menu-icon-suffix { display: none; } .arco-menu-collapse .arco-menu-item .arco-icon, .arco-menu-collapse .arco-menu-group-title .arco-icon, .arco-menu-collapse .arco-menu-pop-header .arco-icon, .arco-menu-collapse .arco-menu-inline-header .arco-icon { margin-right: 100vw; } .arco-menu-collapse .arco-menu-collapse-button { right: unset; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .arco-menu-collapse-button { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; position: absolute; right: 12px; bottom: 12px; width: 24px; height: 24px; border-radius: var(--border-radius-small); cursor: pointer; } .arco-menu-inline-content { overflow: hidden; height: auto; -webkit-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .arco-menu-item-tooltip a { color: inherit; cursor: pointer; text-decoration: none; } .arco-menu-item-tooltip a:hover, .arco-menu-item-tooltip a:focus, .arco-menu-item-tooltip a:active { color: inherit; } .arco-menu-item-tooltip a::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .arco-menu-pop-trigger.arco-trigger-position-bl { -webkit-transform: translateY(14px); -moz-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); } .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow { z-index: 0; border-left: 1px solid var(--color-neutral-3); border-top: 1px solid var(--color-neutral-3); } .arco-menu-pop-trigger.arco-trigger[trigger-placement='rt'] { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); } .arco-menu-pop-trigger.arco-trigger[trigger-placement='rt'] .arco-trigger-arrow { z-index: 0; border-left: 1px solid var(--color-neutral-3); border-bottom: 1px solid var(--color-neutral-3); } .arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); -o-transform: translateX(-8px); transform: translateX(-8px); } .arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] .arco-trigger-arrow { z-index: 0; border-right: 1px solid var(--color-neutral-3); border-top: 1px solid var(--color-neutral-3); } .arco-menu-pop-trigger .arco-dropdown-menu-dark ~ .arco-trigger-arrow-container .arco-trigger-arrow { background-color: var(--color-menu-dark-bg); border-color: var(--color-menu-dark-bg); } .arco-menu-rtl { direction: rtl; } .arco-menu-rtl .arco-menu-item .arco-icon, .arco-menu-rtl .arco-menu-group-title .arco-icon, .arco-menu-rtl .arco-menu-pop-header .arco-icon, .arco-menu-rtl .arco-menu-inline-header .arco-icon { margin-right: 0; margin-left: 16px; } .arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-left: 0; } .arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-icon { margin-right: 0; margin-left: 16px; } .arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix { margin-left: 0; margin-right: 6px; } .arco-menu-rtl.arco-menu-horizontal .arco-menu-item:not(:first-child), .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop:not(:first-child) { margin-left: 0; margin-right: 12px; } .arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-left: 0; } .arco-menu-rtl.arco-menu-vertical .arco-menu-item, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header { text-overflow: clip; } .arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner { text-overflow: clip; } .arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix { right: auto; right: initial; left: 12px; } .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header { padding-right: 12px; padding-left: 28px; } .arco-menu-rtl .arco-menu-pop::after { right: 0; left: auto; left: initial; } .arco-menu-rtl .arco-menu-collapse .arco-menu-item .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-group-title .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-pop-header .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-inline-header .arco-icon { margin-left: 100vw; } .arco-menu-rtl .arco-menu-collapse-button { right: auto; right: initial; left: 12px; } .arco-menu-rtl .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow { border-left: none; border-right: 1px solid var(--color-neutral-3); } .arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement='rt'] { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); -o-transform: translateX(-8px); transform: translateX(-8px); } .arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); } .arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] .arco-trigger-arrow { border-right: none; border-left: 1px solid var(--color-neutral-3); } /******** borderSize *******/ /******** borderStyle *******/ /******** radius *******/ /******** shadow distance *******/ /******** size *******/ /******** spacing *******/ /******** shadow *******/ /******** opacity *******/ /******** fontSize *******/ /******** fontWeight ********/ /******** Primary *******/ /******** success *******/ /******** warning *******/ /******** danger *******/ /******** link *******/ /******** radius *******/ /********* icon hover *********/ .arco-icon-hover.arco-tabs-icon-hover::before { width: 16px; height: 16px; } .arco-tabs .arco-tabs-icon-hover { font-size: 12px; color: var(--color-text-2); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arco-tabs-dropdown-icon { font-size: 12px; margin-left: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arco-tabs-close-icon { margin-left: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arco-tabs-close-icon:focus-visible .arco-icon-hover::before { box-shadow: 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-add-icon { font-size: 12px; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0 8px; } .arco-tabs-add-icon:focus-visible .arco-icon-hover::before { box-shadow: 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-add { position: relative; } .arco-tabs-left-icon { margin-left: 10px; margin-right: 6px; } .arco-tabs-right-icon { margin-right: 10px; margin-left: 6px; } .arco-tabs-up-icon { margin-bottom: 10px; } .arco-tabs-down-icon { margin-top: 10px; } .arco-tabs-nav-icon-disabled { cursor: not-allowed; color: var(--color-text-4); } .arco-tabs { position: relative; overflow: hidden; } .arco-tabs-header-nav { position: relative; } .arco-tabs-header-nav::before { content: ''; clear: both; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: var(--color-neutral-3); display: block; } .arco-tabs-header-nav-bottom::before { top: 0; } .arco-tabs-header-nav-bottom .arco-tabs-header-ink { top: 0; } .arco-tabs-header-wrapper { display: -webkit-flex; display: -moz-box; display: flex; overflow: hidden; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .arco-tabs-header { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -o-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); white-space: nowrap; } .arco-tabs-header-extra { width: auto; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; line-height: 32px; -webkit-flex-shrink: 0; flex-shrink: 0; } .arco-tabs-header-extra .arco-tabs-add-icon { padding-left: 0; } .arco-tabs-header-title { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; cursor: pointer; color: var(--color-text-2); -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: color 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1); transition: color 0.2s cubic-bezier(0, 0, 1, 1); display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; line-height: 1.5715; padding: 4px 0; } .arco-tabs-header-title-text { display: inline-block; } .arco-tabs-header-title:hover { color: var(--color-text-2); font-weight: 400; } .arco-tabs-header-title-disabled, .arco-tabs-header-title-disabled:hover { color: var(--color-text-4); cursor: not-allowed; } .arco-tabs-header-title-active, .arco-tabs-header-title-active:hover { color: rgb(var(--primary-6)); font-weight: 500; } .arco-tabs-header-title-active.arco-tabs-header-title-disabled, .arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled { color: var(--color-primary-light-3); } .arco-tabs-header-ink { position: absolute; bottom: 0; right: auto; right: initial; top: auto; top: initial; height: 2px; background-color: rgb(var(--primary-6)); -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .arco-tabs-header-ink.arco-tabs-header-ink-no-animation { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .arco-tabs-header-ink-disabled { background-color: var(--color-primary-light-3); } .arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 40px; } .arco-tabs-header-nav-line .arco-tabs-header-title { line-height: 1.5715; margin: 0 16px; padding: 8px 0; } .arco-tabs-header-nav-line .arco-tabs-header-title-text { display: inline-block; position: relative; padding: 1px 0; } .arco-tabs-header-nav-line .arco-tabs-header-title-text::before { content: ''; z-index: -1; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: all 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: all 0.2s cubic-bezier(0, 0, 1, 1); transition: all 0.2s cubic-bezier(0, 0, 1, 1); border-radius: var(--border-radius-small); position: absolute; top: 0; bottom: 0; left: -8px; right: -8px; background-color: transparent; } .arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text::before { background-color: var(--color-fill-2); } .arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-header-nav-line .arco-tabs-header-title-active .arco-tabs-header-title-text::before, .arco-tabs-header-nav-line .arco-tabs-header-title-active:hover .arco-tabs-header-title-text::before { background-color: transparent; } .arco-tabs-header-nav-line .arco-tabs-header-title-disabled .arco-tabs-header-title-text::before, .arco-tabs-header-nav-line .arco-tabs-header-title-disabled:hover .arco-tabs-header-title-text::before { opacity: 0; } .arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal > .arco-tabs-header-scroll .arco-tabs-header-title:first-of-type { margin-left: 16px; } .arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type, .arco-tabs-header-nav-text.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type { margin-left: 0; } .arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 14px; border: 1px solid var(--color-neutral-3); -webkit-transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1); transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1); padding: 4px 16px; } .arco-tabs-header-nav-card .arco-tabs-header-title:focus-visible, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-header-nav-card .arco-tabs-header-title-editable, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable { padding-right: 12px; } .arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover::before, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover::before { background-color: var(--color-fill-4); } .arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { color: var(--color-text-2); height: 32px; } .arco-tabs-header-nav-card .arco-tabs-header-title { border-right: none; background-color: transparent; } .arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-right: 1px solid var(--color-neutral-3); border-top-right-radius: var(--border-radius-small); } .arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: var(--border-radius-small); } .arco-tabs-header-nav-card .arco-tabs-header-title:hover { background-color: var(--color-fill-3); } .arco-tabs-header-nav-card .arco-tabs-header-title-disabled, .arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover { background-color: transparent; } .arco-tabs-header-nav-card .arco-tabs-header-title-active, .arco-tabs-header-nav-card .arco-tabs-header-title-active:hover { border-bottom-color: var(--color-bg-2); background-color: transparent; } .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-left: 4px; border-right: 1px solid var(--color-neutral-3); background-color: var(--color-fill-1); border-radius: var(--border-radius-small) var(--border-radius-small) 0 0; } .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover { background-color: var(--color-fill-3); } .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover { background-color: var(--color-fill-1); } .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover { border-bottom-color: var(--color-bg-2); background-color: transparent; } .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child { margin-left: 0; } .arco-tabs-header-nav-text::before { display: none; } .arco-tabs-header-nav-text .arco-tabs-header-title { position: relative; line-height: 1.5715; margin: 0 9px; font-size: 14px; padding: 5px 0; } .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before { height: 12px; position: absolute; width: 2px; background-color: var(--color-fill-3); content: ''; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -9px; } .arco-tabs-header-nav-text .arco-tabs-header-title-text { padding-left: 8px; padding-right: 8px; background-color: transparent; } .arco-tabs-header-nav-text .arco-tabs-header-title-text:hover { background-color: var(--color-fill-2); } .arco-tabs-header-nav-text .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text, .arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text:hover { background-color: transparent; } .arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text, .arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover { background-color: transparent; } .arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text, .arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover { background-color: var(--color-primary-light-3); } .arco-tabs-header-nav-rounded::before { display: none; } .arco-tabs-header-nav-rounded .arco-tabs-header-title { padding: 5px 0; padding-left: 16px; padding-right: 16px; margin: 0 6px; font-size: 14px; background-color: transparent; border-radius: 32px; } .arco-tabs-header-nav-rounded .arco-tabs-header-title:hover { background-color: var(--color-fill-2); } .arco-tabs-header-nav-rounded .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-header-nav-rounded .arco-tabs-header-title-disabled:hover { background-color: transparent; } .arco-tabs-header-nav-rounded .arco-tabs-header-title-active, .arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover { background-color: var(--color-fill-2); } .arco-tabs-header-nav-capsule::before { display: none; } .arco-tabs-header-nav-capsule .arco-tabs-header-wrapper { -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .arco-tabs-header-nav-capsule .arco-tabs-header { line-height: 1; background-color: var(--color-fill-2); border-radius: var(--border-radius-small); padding: 3px 3px; } .arco-tabs-header-nav-capsule .arco-tabs-header-title { line-height: 26px; padding: 0 12px; background-color: transparent; position: relative; font-size: 14px; border-radius: var(--border-radius-small); } .arco-tabs-header-nav-capsule .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); } .arco-tabs-header-nav-capsule .arco-tabs-header-title:hover { background-color: var(--color-bg-2); } .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover { background-color: unset; } .arco-tabs-header-nav-capsule .arco-tabs-header-title-active, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover { background-color: var(--color-bg-2); } .arco-tabs-header-nav-capsule .arco-tabs-header-title-active::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active + .arco-tabs-header-title::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover + .arco-tabs-header-title::before { opacity: 0; } .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) { margin-left: 3px; } .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before { position: absolute; top: 50%; left: -2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 14px; width: 1px; background-color: var(--color-fill-3); content: ''; -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1); -o-transition: all 0.2s cubic-bezier(0, 0, 1, 1); -moz-transition: all 0.2s cubic-bezier(0, 0, 1, 1); transition: all 0.2s cubic-bezier(0, 0, 1, 1); } .arco-tabs-header-scroll { overflow: hidden; position: relative; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .arco-tabs-content { width: 100%; overflow: hidden; padding-top: 16px; -moz-box-sizing: border-box; box-sizing: border-box; } .arco-tabs-content .arco-tabs-content-inner { display: -webkit-flex; display: -moz-box; display: flex; width: 100%; } .arco-tabs-content .arco-tabs-content-item { width: 100%; overflow: hidden; height: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active { height: auto; } .arco-tabs-card > .arco-tabs-content, .arco-tabs-card-gutter > .arco-tabs-content { border: 1px solid var(--color-neutral-3); border-top: none; } .arco-tabs-animation.arco-tabs-content-inner { -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .arco-tabs-horizontal.arco-tabs-justify { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; height: 100%; } .arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content, .arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-inner, .arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane { height: 100%; } .arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 32px; font-size: 12px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 12px; padding-top: 6px; padding-bottom: 6px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 32px; font-size: 12px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 12px; padding-top: 2px; padding-bottom: 2px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-extra, .arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra { line-height: 24px; font-size: 12px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { height: 24px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 12px; line-height: 18px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 24px; font-size: 12px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 12px; padding-top: 3px; padding-bottom: 3px; } .arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 24px; font-size: 12px; } .arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 36px; font-size: 14px; } .arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; padding-top: 6px; padding-bottom: 6px; } .arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 36px; font-size: 14px; } .arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 14px; padding-top: 2px; padding-bottom: 2px; } .arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra, .arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra { line-height: 28px; font-size: 14px; } .arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { height: 28px; } .arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 14px; line-height: 22px; } .arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 28px; font-size: 14px; } .arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 14px; padding-top: 3px; padding-bottom: 3px; } .arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 28px; font-size: 14px; } .arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 44px; font-size: 14px; } .arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; padding-top: 10px; padding-bottom: 10px; } .arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 44px; font-size: 14px; } .arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 14px; padding-top: 6px; padding-bottom: 6px; } .arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-extra, .arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra { line-height: 36px; font-size: 14px; } .arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { height: 36px; } .arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 14px; line-height: 30px; } .arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 36px; font-size: 14px; } .arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 14px; padding-top: 7px; padding-bottom: 7px; } .arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 36px; font-size: 14px; } /* Vertical */ .arco-tabs-header-nav-vertical { float: left; height: 100%; } .arco-tabs-header-nav-vertical::before { position: absolute; left: auto; left: initial; bottom: 0; right: 0; top: 0; width: 1px; height: 100%; clear: both; } .arco-tabs-header-nav-vertical .arco-tabs-add-icon { margin-left: 0; margin-top: 8px; padding: 0 16px; height: auto; } .arco-tabs-header-nav-right { float: right; } .arco-tabs-header-nav-vertical .arco-tabs-header { height: auto; } .arco-tabs-header-nav-vertical .arco-tabs-header-scroll { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll { padding: 6px 0; } .arco-tabs-header-nav-vertical .arco-tabs-header-wrapper { height: 100%; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .arco-tabs-header-nav-vertical .arco-tabs-header-ink { position: absolute; left: auto; left: initial; right: 0; bottom: auto; bottom: initial; width: 2px; -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -o-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); -moz-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); } .arco-tabs-header-nav-vertical .arco-tabs-header-title { display: block; white-space: nowrap; margin: 0; margin-top: 12px; } .arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type { margin-top: 0; } .arco-tabs-header-nav-right::before { right: unset; left: 0; } .arco-tabs-header-nav-right .arco-tabs-header-ink { left: 0; right: unset; } .arco-tabs-header-nav-vertical .arco-tabs-header-scroll { position: relative; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title { padding: 0 20px; } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title { margin: 0; position: relative; border: 1px solid var(--color-neutral-3); border-bottom-color: transparent; } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: var(--border-radius-small); } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover { border-bottom-color: transparent; border-right-color: var(--color-bg-2); } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-bottom: 1px solid var(--color-neutral-3); border-bottom-left-radius: var(--border-radius-small); } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-left: 0; border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); position: relative; } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:not(:first-of-type) { margin-top: 4px; } .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover { border-right-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); } .arco-tabs-content-vertical { width: auto; height: 100%; padding: 0; } .arco-tabs-right .arco-tabs-content-vertical { padding-right: 16px; } .arco-tabs-left .arco-tabs-content-vertical { padding-left: 16px; } .arco-tabs-card > .arco-tabs-content-vertical, .arco-tabs-card-gutter > .arco-tabs-content-vertical { border: 1px solid var(--color-neutral-3); border-left: none; } .arco-tabs-rtl { direction: rtl; } .arco-tabs-rtl .arco-tabs-close-icon { margin-left: 0; margin-right: 8px; } .arco-tabs-rtl .arco-tabs-left-icon, .arco-tabs-rtl .arco-tabs-right-icon { margin-left: 6px; margin-right: 10px; } .arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll > .arco-tabs-header-title:first-of-type { margin-right: 0; } .arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type, .arco-tabs-rtl .arco-tabs-header-nav-text > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type { margin-right: 0; } .arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title-editable, .arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable { padding-left: 12px; padding-right: 0; } .arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title { border-right: 1px solid var(--color-neutral-3); border-left: none; } .arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-left: 1px solid var(--color-neutral-3); border-top-left-radius: var(--border-radius-small); border-top-right-radius: 0; } .arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: 0; border-top-right-radius: var(--border-radius-small); } .arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-right: 4px; } .arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child { margin-right: 0; } .arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before { left: auto; left: initial; right: -9px; } .arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) { margin-left: 0; margin-right: 3px; } .arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before { right: -2px; left: auto; left: initial; } body[arco-theme='dark'] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active { background-color: var(--color-fill-3); } body[arco-theme='dark'] .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme='dark'] .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover { background-color: var(--color-fill-3); } .bpFastLogin_df8f7 { overflow: hidden; width: auto !important; border-radius: 12px !important; background-color: var(--color-bg-9); } .bpFastLogin_df8f7 .arco-modal-content { padding: 0; } .bgFastLoginBg_df8f7 { background: var(--color-bg-9); } .bpFastLoginModalContent_df8f7 { display: -webkit-flex; display: -moz-box; display: flex; } .bpFastLoginModalContent_df8f7 .bpFastLoginLeadingImage_df8f7 .arco-image { border-radius: 0; } .bpFastLoginModalContent_df8f7 .bpFastLoginContent_df8f7 { position: relative; padding-bottom: 24px; -moz-box-sizing: content-box; box-sizing: content-box; } .bpFastLoginModalContent_df8f7 .bpFastLoginContent_df8f7 .logo_df8f7 { margin-bottom: 8px; } .bpFastLoginModalContent_df8f7 .bpFastLoginContent_df8f7 .mainPage_df8f7 { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 100%; width: 100%; position: relative; z-index: 1; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--color-bg-9) inset !important; -webkit-text-fill-color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active { background-color: var(--color-bg-9) !important; color: var(--color-text-1) !important; caret-color: var(--color-text-1) !important; } .collectIdentity_991df { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; height: 100%; width: 100%; } .collectIdentity_991df .slotSignIn_991df { width: 100%; margin-top: 12px; } .collectIdentity_991df .collectIdentityTitle_991df { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; } .collectIdentity_991df .collectIdentityForm_991df { margin-top: 24px; } .collectIdentity_991df .collectIdentityForm_991df .arco-form-label-item { text-align: left; } .collectIdentity_991df .collectIdentityForm_991df .input_991df { height: 36px; } .collectIdentity_991df .collectIdentityForm_991df .btn_991df { height: 40px; font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; line-height: 22px; } .collectIdentity_991df .collectIdentityForm_991df .btn_991df .arco-image { margin-right: 8px; } .collectIdentity_991df .collectIdentityForm_991df .btn_991df .arco-image .arco-image-img { vertical-align: baseline; } .collectIdentity_991df .collectIdentityForm_991df .btn_991df { margin-top: 16px; } .collectIdentity_991df .divider_991df { height: 20px; margin: 24px 0 !important; } .collectIdentity_991df .divider_991df .arco-divider-text { color: var(--color-text-3); font-size: 14px; font-weight: 500; } .collectIdentity_991df .suffix_991df { margin-top: auto; } .collectIdentity_991df .suffix_991df .protocol_991df { color: var(--color-text-3); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; } .collectIdentity_991df .loginModeSwitch_991df { margin-top: 24px; margin-bottom: 0; text-align: center; } .collectIdentity_991df .switchLinks_991df { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .collectIdentity_991df .switchLink_991df { color: var(--color-text-2); font-size: 14px; cursor: pointer; text-decoration: none; } .collectIdentity_991df .switchLink_991df:hover { color: var(--color-primary); } .collectIdentity_991df .switchSeparator_991df { color: var(--color-text-2); font-size: 14px; margin: 0 8px; } .bpIdpLogin_66c91 { width: 100%; } .bpIdpLogin_66c91 .idpBtnList_66c91 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .bpIdpLogin_66c91 .idpBtnList_66c91 .googleBtn_66c91 { width: 100%; height: 40px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 14px; } .bpIdpLogin_66c91 .idpBtnList_66c91 .googleBtn_66c91 img { height: 20px; width: 20px; margin-right: 12px; } .password_d0fcb { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; } .password_d0fcb .passwordTitle_d0fcb { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; } .password_d0fcb .passwordAccount_d0fcb { display: -webkit-flex; display: -moz-box; display: flex; padding: 8px 12px; -webkit-align-items: center; -moz-box-align: center; align-items: center; border-radius: 24px; border: 1px solid var(--color-border-2); background: var(--color-bg-3); margin-top: 24px; font-size: 14px; font-weight: 500; } .password_d0fcb .passwordForm_d0fcb { width: 100%; margin-top: 24px; } .password_d0fcb .passwordForm_d0fcb .arco-form-label-item { text-align: left; } .password_d0fcb .passwordForm_d0fcb .input_d0fcb { height: 36px; } .password_d0fcb .passwordForm_d0fcb .btn_d0fcb { height: 40px; font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; line-height: 22px; } .password_d0fcb .passwordForm_d0fcb .btn_d0fcb .arco-image { margin-right: 8px; } .password_d0fcb .passwordForm_d0fcb .btn_d0fcb .arco-image .arco-image-img { vertical-align: baseline; } .password_d0fcb .passwordForm_d0fcb .btn_d0fcb { margin-top: 16px; } .password_d0fcb .suffix_d0fcb { margin-top: auto; color: var(--color-text-3); text-align: center; font-size: 14px; font-weight: 400; } .lockConfirm_d0fcb .arco-modal-title { font-size: 18px; line-height: 26px; font-weight: 500; text-align: left; color: var(--color-text-1); } .lockConfirm_d0fcb .arco-modal-title span { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .lockConfirm_d0fcb .arco-modal-title .arco-icon-exclamation-circle-fill { -webkit-flex-shrink: 0; flex-shrink: 0; font-size: 20px; color: rgb(var(--primary-6)); margin-right: 8px; } .passwordExpirationBox_a08bd .content_a08bd { font-size: 14px; } .bp-fast-login-wrap .accountSilentPeriod_986af p { margin: 0; } .bp-fast-login-wrap .accountSilentPeriod_986af .title_986af { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-weight: 500; } .bp-fast-login-wrap .accountSilentPeriod_986af .contentText_986af { margin: 4px 0; font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-1); } .bp-fast-login-wrap .accountSilentPeriod_986af .contentText_986af .time_986af { color: rgb(var(--danger-6)); padding: 0 2px; font-weight: 600; } .bindPhoneModal_93a36 .arco-modal-content { padding: 44px 32px 32px; } .bindPhoneModal_93a36 .title_93a36 { font-weight: 500; font-size: 18px; line-height: 25px; text-align: center; color: var(--color-text-1); } .bindPhoneModal_93a36 .bindPhone_93a36 { -webkit-align-items: center; -moz-box-align: center; align-items: center; } .bindPhoneModal_93a36 .bindPhone_93a36 .formItem_93a36 { margin: 40px 0; } .bindPhoneModal_93a36 .bindPhone_93a36 .formItem_93a36 .arco-input { height: 40px; } .bindPhoneModal_93a36 .bindPhone_93a36 .formItem_93a36 .arco-select-view-value { line-height: 40px; } .bindPhoneModal_93a36 .bindPhone_93a36 .nextStepBtn_93a36 { width: 100%; height: 40px; } .bp-fast-login-wrap .verifyCodeModal_fba54 .arco-modal-header { border-bottom: none; } .bp-fast-login-wrap .verifyCodeModal_fba54 .arco-modal-header .arco-modal-title { text-align: left; } .bp-fast-login-wrap .verifyCodeModal_fba54 .arco-modal-content { padding: 44px 32px 20px; } .bp-fast-login-wrap .verifyCodeModal_fba54 .arco-modal-content .loading { width: 100%; } .bp-fast-login-wrap .verifyCodeModal_fba54 .arco-modal-close-icon { font-size: 20px; } .bp-fast-login-wrap .verifyCodeModal_fba54 .arco-modal-footer { border-top: none; padding: 0; } .bp-fast-login-wrap .verifyCodeModal_fba54 .success_fba54 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .bp-fast-login-wrap .verifyCodeModal_fba54 .success_fba54 img { height: 60px; width: 60px; } .bp-fast-login-wrap .verifyCodeModal_fba54 .success_fba54 .title_fba54 { font-weight: 500; font-size: 16px; line-height: 22px; color: var(--color-text-1); margin: 20px 0 4px 0; } .bp-fast-login-wrap .verifyCodeModal_fba54 .success_fba54 .timerDesc_fba54 { margin-bottom: 28px; font-weight: normal; line-height: 20px; color: var(--color-text-2); } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 { max-width: 348px; margin: 0 auto; } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 .divider_fba54 { margin: 32px 0 16px 0; } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 .divider_fba54 .arco-divider-text { font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ letter-spacing: 0.036px; color: var(--color-text-3); } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 .other_fba54 { margin-top: 7px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 .other_fba54 .btn_fba54 { margin-bottom: 12px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; min-width: 144px; width: 144px; height: 32px; border: 1px solid var(--color-border-2); color: var(--color-text-1); background: var(--color-bg-4); font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ letter-spacing: 0.036px; } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 .other_fba54 .btn_fba54:hover { color: rgb(var(--primary-6)); border: 1px solid rgb(var(--primary-6)); box-shadow: none; background: rgb(var(--primary-1)); } .bp-fast-login-wrap .verifyCodeModal_fba54 .bottom_fba54 .other_fba54 .btn_fba54:nth-child(even) { margin-left: 12px; } .container_fba54 .arco-form { -webkit-align-items: center; -moz-box-align: center; align-items: center; } .container_fba54 .arco-form-item-control-children { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .container_fba54 .submitBtn_fba54, .container_fba54 .fidoSubmitBtn_fba54 { width: 300px; height: 36px; } .container_fba54 .fidoSubmitBtn_fba54 { margin-top: 32px; } .container_fba54 .verifyBtnWrap_fba54 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom: 32px; } .container_fba54 .verifyBtnWrap_fba54 .text_fba54 { line-height: 20px; color: var(--color-text-2); } .container_fba54 .verifyBtnWrap_fba54 .verifyBtn_fba54 { height: 20px; } .top_fba54 .title_fba54 { text-align: center; font-weight: 500; font-size: 18px; line-height: 26px; color: var(--color-text-1); } .top_fba54 .desc_fba54 { margin-top: 12px; color: var(--color-text-2); font-size: 12px; font-weight: 400; line-height: 20px; /* 166.667% */ letter-spacing: 0.036px; } .IPWhitelistWrap_072ae .arco-modal-header { border-bottom: none; } .IPWhitelistWrap_072ae .arco-modal-header .arco-modal-title { text-align: left; } .IPWhitelistWrap_072ae .arco-modal-content { padding: 36px; } .IPWhitelistWrap_072ae .arco-modal-content .loading { width: 100%; } .IPWhitelistWrap_072ae .arco-modal-close-icon { font-size: 12px; } .IPWhitelistWrap_072ae .arco-modal-footer { border-top: none; padding: 0; } .IPWhitelistWrap_072ae .IPWhitelist_072ae { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .IPWhitelistWrap_072ae .IPWhitelist_072ae .title_072ae { margin-top: 24px; font-weight: 500; font-size: 18px; line-height: 25px; color: var(--color-text-1); } .IPWhitelistWrap_072ae .IPWhitelist_072ae .desc_072ae { margin-top: 12px; font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-2); } .IPWhitelistWrap_072ae .IPWhitelist_072ae .userLoginDesc_072ae { font-weight: 400; font-size: 12px; line-height: 20px; color: rgb(var(--primary-6)); margin-top: 8px; cursor: pointer; } .IPWhitelistWrap_072ae .IPWhitelist_072ae .btnWrap_072ae { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-top: 20px; } .IPWhitelistWrap_072ae .IPWhitelist_072ae .btnWrap_072ae .cancelBtn_072ae { min-width: 56px; height: 32px; } .IPWhitelistWrap_072ae .IPWhitelist_072ae .btnWrap_072ae .submitBtn_072ae { width: 139px; height: 32px; margin-left: 12px; margin-right: 2px; } .bp-fast-login-wrap .bindMfaModal_72631 { width: 600px; } .bp-fast-login-wrap .bindMfaModal_72631 .arco-modal-title { text-align: left; } .bp-fast-login-wrap .bindMfaModal_72631 .arco-modal-content { padding: 20px; } .bp-fast-login-wrap .bindMfaModal_72631 .arco-modal-footer .arco-btn { min-width: 64px; height: 32px; } .bp-fast-login-wrap .bindMfaModal_72631 .step_72631 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .bp-fast-login-wrap .bindMfaModal_72631 .step_72631 .stepIcon_72631 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; background-color: rgba(var(--primary-6), 0.1); margin-right: 8px; border-radius: 50%; color: rgb(var(--primary-6)); width: 20px; height: 20px; } .bp-fast-login-wrap .bindMfaModal_72631 .label_72631 { font-weight: 500; line-height: 22px; color: var(--color-text-1); } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 { display: -webkit-flex; display: -moz-box; display: flex; margin: 4px 0 9px 0; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .divide_72631 { width: 0; border-left: 1px solid var(--color-border-2); margin: 0 18px 0 10px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .right_72631 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; margin-bottom: 8px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .desc_72631 { font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-2); margin-bottom: 12px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .appIconWrap_72631 { background: var(--color-bg-6); border: 0.5px solid var(--color-border-2); border-radius: 2px; width: 100%; padding: 12px 0; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .stepTwoWrap_72631 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .stepTwoWrap_72631 .innerDesc_72631 { font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-2); margin: 0 9px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcodeWrap_72631, .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .manualWrap_72631 { min-height: 174px; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 16px 0 20px 0; background: var(--color-bg-6); border: 0.5px solid var(--color-border-2); border-radius: 2px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 { margin-top: 16px; position: relative; padding: 8px; height: 120px; width: 120px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 .qrBorder_72631 { position: absolute; display: inline-block; width: 14px; height: 14px; border-radius: 2px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 .qrBorder_72631:nth-child(1) { left: 0; top: 0; border-left: 2px solid rgb(var(--primary-6)); border-top: 2px solid rgb(var(--primary-6)); } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 .qrBorder_72631:nth-child(2) { right: 0; top: 0; border-right: 2px solid rgb(var(--primary-6)); border-top: 2px solid rgb(var(--primary-6)); } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 .qrBorder_72631:nth-child(3) { left: 0; bottom: 0; border-left: 2px solid rgb(var(--primary-6)); border-bottom: 2px solid rgb(var(--primary-6)); } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 .qrBorder_72631:nth-child(4) { right: 0; bottom: 0; border-right: 2px solid rgb(var(--primary-6)); border-bottom: 2px solid rgb(var(--primary-6)); } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .qrcode_72631 .qrLoading_72631 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 100%; width: 100%; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .manual_72631 { margin-top: 12px; max-width: 200px; width: 100%; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .manual_72631 .manualLabel_72631 { display: inline-block; margin-top: 16px; font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-4); } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .manual_72631 .manualContent_72631 { font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-1); word-break: break-all; } .bp-fast-login-wrap .bindMfaModal_72631 .stepItem_72631 .manual_72631 .copyIcon_72631 { margin-left: 10px; } .bp-fast-login-wrap .bindMfaModal_72631 .stepThree_72631 { margin: 0 0 0 30px; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .bp-fast-login-wrap .bindMfaModal_72631 .stepThree_72631 .content { margin: 0; } .bp-fast-login-wrap .logoutFailed_35769 p { margin: 0; } .bp-fast-login-wrap .logoutFailed_35769 .title_35769 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-weight: 500; } .bp-fast-login-wrap .logoutFailed_35769 .contentText_35769 { margin: 4px 0; font-weight: 400; font-size: 12px; line-height: 20px; color: var(--color-text-1); } .bp-fast-login-wrap .logoutFailed_35769 .contentText_35769 span { font-weight: 600; } .bp-fast-login-wrap .fido2Modal_dc114 { width: 600px; } .bp-fast-login-wrap .fido2Modal_dc114 .modalTitle_dc114 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: 0.003em; color: var(--color-text-1); } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 { margin-top: 32px; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .arco-radio { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .arco-radio .arco-radio-text { margin-left: 20px; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .arco-radio + .arco-radio { margin-top: 16px; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .radioItem_dc114 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .radioItem_dc114 > svg { min-height: 120px; min-width: 120px; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .radioItem_dc114 .radioItemRight_dc114 { margin-left: 20px; } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .radioItem_dc114 .radioItemRight_dc114 .label_dc114 { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.003em; font-weight: 500; font-size: 16px; line-height: 24px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; color: var(--color-text-1); } .bp-fast-login-wrap .fido2Modal_dc114 .content_dc114 .radioGroup_dc114 .radioItem_dc114 .radioItemRight_dc114 .desc_dc114 { margin-top: 11px; font-size: 14px; letter-spacing: 0.003em; color: var(--color-text-1); font-weight: 400; font-size: 13px; line-height: 22px; color: var(--color-text-2); } .iamLoginForm_d83a9 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; } .iamLoginForm_d83a9 .iamLoginTitle_d83a9 { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 { width: 100%; margin-top: 24px; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .arco-form-label-item { text-align: left; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .input_d83a9 { height: 36px; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .btn_d83a9 { height: 40px; font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; line-height: 22px; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .btn_d83a9 .arco-image { margin-right: 8px; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .btn_d83a9 .arco-image .arco-image-img { vertical-align: baseline; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .input_d83a9 .arco-input-inner-wrapper .arco-input, .iamLoginForm_d83a9 .iamLoginForm_d83a9 .input_d83a9 .arco-input-inner-wrapper.arco-input-error .arco-input, .iamLoginForm_d83a9 .iamLoginForm_d83a9 .input_d83a9 .arco-input-inner-wrapper.arco-input-warning .arco-input, .iamLoginForm_d83a9 .iamLoginForm_d83a9 .input_d83a9 .arco-input-inner-wrapper.arco-input-disabled .arco-input { color: var(--color-text-1) !important; } .iamLoginForm_d83a9 .iamLoginForm_d83a9 .btn_d83a9 { margin-top: 24px; } .iamLoginForm_d83a9 .rememberMe_d83a9 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; margin-top: 8px; } .iamLoginForm_d83a9 .switchLinks_d83a9 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 8px; margin-top: 16px; } .iamLoginForm_d83a9 .suffix_d83a9 { margin-top: 24px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 12px; } .iamLoginForm_d83a9 .forgotPassword_d83a9 { color: var(--color-text-2); font-size: 14px; font-weight: 400; text-decoration: none; } .iamLoginForm_d83a9 .forgotPassword_d83a9:hover { color: var(--color-primary); } .iamLoginForm_d83a9 .switchLink_d83a9 { color: var(--color-text-2); font-size: 14px; font-weight: 400; cursor: pointer; text-decoration: none; } .iamLoginForm_d83a9 .switchLink_d83a9:hover { color: var(--color-primary); } .iamLoginForm_d83a9 .switchSeparator_d83a9 { color: var(--color-text-2); font-size: 14px; } .iamLoginForm_d83a9 .protocol_d83a9 { color: var(--color-text-3); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; } .arco-select-dropdown .arco-select-dropdown-list_64c5c { padding: 4px 0; } .arco-select-dropdown .arco-select-option_64c5c { padding: 8px 12px; margin: 0 4px; border-radius: 4px; } #bpFastLogin .bp-fast-login-idp-tag { margin-right: 16px !important; border-radius: 2px !important; color: var(--color-text-1) !important; height: 22px !important; } #bpFastLogin .bp-fast-login-role-tag { background-color: rgb(var(--primary-2)) !important; } #bpFastLogin .bp-fast-login-user-tag { background-color: rgb(var(--success-2)) !important; } .federationLoginForm_64c5c { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; } .federationLoginForm_64c5c .federationLoginTitle_64c5c { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; } .federationLoginForm_64c5c .federationLoginForm_64c5c { width: 100%; margin-top: 24px; } .federationLoginForm_64c5c .federationLoginForm_64c5c .arco-form-label-item { text-align: left; } .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c { height: 36px; } .federationLoginForm_64c5c .federationLoginForm_64c5c .btn_64c5c { height: 40px; font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; line-height: 22px; } .federationLoginForm_64c5c .federationLoginForm_64c5c .btn_64c5c .arco-image { margin-right: 8px; } .federationLoginForm_64c5c .federationLoginForm_64c5c .btn_64c5c .arco-image .arco-image-img { vertical-align: baseline; } .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c, .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c { height: 40px !important; } .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c .arco-input-inner-wrapper .arco-input, .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c .arco-input-inner-wrapper .arco-input, .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c .arco-select-view, .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c .arco-select-view { height: 40px; line-height: 40px; } .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c .arco-input-inner-wrapper .arco-input, .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c .arco-input-inner-wrapper.arco-input-error .arco-input, .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c .arco-input-inner-wrapper.arco-input-warning .arco-input, .federationLoginForm_64c5c .federationLoginForm_64c5c .input_64c5c .arco-input-inner-wrapper.arco-input-disabled .arco-input { color: var(--color-text-1) !important; } .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c .arco-select-view, .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c .arco-select-view.arco-select-view-error, .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c .arco-select-view.arco-select-view-warning, .federationLoginForm_64c5c .federationLoginForm_64c5c .select_64c5c .arco-select-view.arco-select-view-disabled { background-color: transparent !important; color: var(--color-text-1) !important; } .federationLoginForm_64c5c .federationLoginForm_64c5c .btn_64c5c { margin-top: 24px; } .federationLoginForm_64c5c .switchLinks_64c5c { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 8px; margin-top: 16px; } .federationLoginForm_64c5c .switchLink_64c5c { color: var(--color-text-2); font-size: 14px; font-weight: 400; cursor: pointer; text-decoration: none; } .federationLoginForm_64c5c .switchLink_64c5c:hover { color: var(--color-primary); } .federationLoginForm_64c5c .switchSeparator_64c5c { color: var(--color-text-2); font-size: 14px; } .federationLoginForm_64c5c .federationLogin_64c5c { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; } .federationLoginForm_64c5c .suffix_64c5c { margin-top: auto; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 12px; } .federationLoginForm_64c5c .protocol_64c5c { color: var(--color-text-3); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; } .noIdpList_64c5c { padding: 5px 15px; background: var(--color-bg-2); font-size: 12px; color: var(--color-text-3); border-radius: 4px; margin: 4px 8px; } .collectInputs_ef6d1 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .collectInputs_ef6d1 .collectInputsTitle_ef6d1 { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 { margin-top: 24px; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .arco-form-label-item { text-align: left; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .input_ef6d1 { height: 36px; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .btn_ef6d1 { height: 40px; font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; line-height: 22px; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .btn_ef6d1 .arco-image { margin-right: 8px; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .btn_ef6d1 .arco-image .arco-image-img { vertical-align: baseline; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .btn_ef6d1 { margin-top: 16px; width: 100%; } .collectInputs_ef6d1 .collectInputsForm_ef6d1 .checkbox_ef6d1 .checkboxText_ef6d1 { color: var(--color-text-2); font-size: 14px; font-weight: 400; } .passwordCheckPopup_caee9 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; min-width: 308px; gap: 8px; } .passwordCheckPopup_caee9 .dot_caee9 { font-size: 18px; margin-right: 4px; float: left; margin-top: -1px; } .passwordCheckPopup_caee9 .checkIcon_caee9 { font-size: 12px; margin-right: 4px; } .passwordCheckPopup_caee9 .checkIconPass_caee9 { color: rgb(var(--success-6)); } .passwordCheckPopup_caee9 .checkIconFail_caee9 { color: var(--color-text-4); } .wrap_639d4 { width: 100%; margin: 0 auto; color: var(--color-text-1); font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; } .wrap_639d4 .title_639d4 { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; margin-bottom: 24px; font-size: 28px; line-height: 36px; color: #020814; } .wrap_639d4 .infoBox_639d4 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; gap: 12px; margin-bottom: 40px; padding: 16px 20px; background: #eef4ff; border-radius: 6px; } .wrap_639d4 .infoIcon_639d4 { width: 20px; height: 20px; -webkit-flex-shrink: 0; flex-shrink: 0; margin-top: 1px; } .wrap_639d4 .infoText_639d4 { color: #0c0d0e; font-size: 14px; font-weight: 400; line-height: 20px; } .wrap_639d4 .field_639d4 { margin-bottom: 24px; } .wrap_639d4 .label_639d4 { margin-bottom: 8px; color: var(--color-text-1); font-size: 18px; line-height: 28px; } .wrap_639d4 .phoneInputGroupWrap_639d4 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 6px; width: 100%; } .wrap_639d4 .phoneInputGroup_639d4 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; } .wrap_639d4 .phoneSelect_639d4 .arco-select-view { background-color: #fff; background-color: var(--color-bg-1, #fff); } .wrap_639d4 .codeInput_639d4 { width: 100%; } .wrap_639d4 .errorTip_639d4 { margin: -8px 0 16px 0; color: #f53f3f; font-size: 12px; line-height: 20px; word-break: break-word; } .wrap_639d4 .primaryBtn_639d4 { width: 100%; margin-top: 8px; border-color: #1e6feb; border-radius: 6px; background: #1e6feb; font-size: 16px; font-weight: 500; } .wrap_639d4 .primaryBtn_639d4:hover { border-color: #1963d4; background: #1963d4; } .wrap_639d4 .skipBtn_639d4 { width: 100%; margin-top: 16px; border: 1px solid #d9dde2; border-radius: 6px; background: #fff; color: var(--color-text-1); font-size: 16px; font-weight: 500; } .wrap_639d4 .skipBtn_639d4:hover { border-color: #1e6feb; background: #fff; color: #1e6feb; } .verifyEmail_97c83 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: 100%; } .verifyEmail_97c83 .verifyEmailTitle_97c83 { color: var(--color-text-1); text-align: center; font-size: 24px; font-weight: 600; line-height: normal; font-family: Roboto !important; } .verifyEmail_97c83 .codeInputContainer_97c83 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainer_97c83 { display: inline-block; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainer_97c83 .content { margin: 24px 0 16px; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainer_97c83 .content .line { line-height: 64px !important; font-size: 24px; width: 53px !important; height: 64px !important; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainer_97c83 .content .line:first-child { margin-left: 0; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainer_97c83 .content .animated::before { top: 32% !important; height: 24px !important; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainerMobile_97c83 { display: inline-block; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainerMobile_97c83 .content { margin: 24px 0 16px; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainerMobile_97c83 .content .line { line-height: 64px !important; font-size: 24px; width: 51px !important; height: 64px !important; margin-left: 12px; } .verifyEmail_97c83 .codeInputContainer_97c83 .codeInputInnerContainerMobile_97c83 .content .line:first-child { margin-left: 0; } .verifyEmail_97c83 .verifyBtn_97c83 { width: 100%; height: 40px; margin-top: 40px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .verifyEmail_97c83 .backBtn_97c83 { width: 100%; height: 40px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-top: 12px; } .verifyEmail_97c83 .backBtn_97c83 .arco-image { margin-right: 8px; } .verifyEmail_97c83 .backBtn_97c83 .arco-image .arco-image-img { vertical-align: baseline; } .verifyEmail_97c83 .suffix_97c83 { margin-top: auto; color: var(--color-text-3); text-align: center; font-size: 12px; font-weight: 400; } .retentionPage_6ad13 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; height: 100%; } .retentionPage_6ad13 .retentionPageTitle_6ad13 { color: var(--color-text-1); font-size: 24px; font-weight: 600; text-align: center; line-height: normal; font-family: Roboto !important; } .retentionPage_6ad13 .retentionPageContent_6ad13 { color: var(--color-text-2); font-size: 14px; font-weight: 400; margin-top: 24px; } .retentionPage_6ad13 .retentionButtons_6ad13 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; margin-top: 32px; width: 100%; } .retentionPage_6ad13 .retentionButtons_6ad13 .retentionButton_6ad13 { height: 40px; font-size: 14px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; line-height: 22px; margin-top: 12px; } .error-msg_0d244 { font-size: 12px; font-weight: 400; height: 15.4px; line-height: 15.4px; color: rgb(215, 50, 41); margin-bottom: -16px; margin-top: 2px; } .referral-code-input-title_0d244 { margin-bottom: 8px; font-family: Roboto; font-weight: 400; font-size: 14px; line-height: 20px; color: #42464E; } .bp-fast-login-wrap .arco-input-inner-wrapper.referral-code-input_0d244 { line-height: 36px; height: 36px; border-radius: 4px !important; } .alert_0d244 { border-radius: 4px; padding: 8px 16px; background: #FEF8EB; margin-bottom: 24px; display: -webkit-flex; display: -moz-box; display: flex; font-family: Roboto; font-weight: 400; font-size: 14px; line-height: 20px; } .alert-icon_0d244 { margin-right: 8px; -webkit-flex-shrink: 0; flex-shrink: 0; width: 20px; } .protocol_0d244 { font-family: Roboto; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0; text-align: center; color: #42464E; } .intent-title-highlight_0d244 { background: -webkit-linear-gradient(12deg, #5ca3ff -3.23%, #508aff 51.11%, #cf8dff 98.65%); background: -moz-linear-gradient(12deg, #5ca3ff -3.23%, #508aff 51.11%, #cf8dff 98.65%); background: linear-gradient(78deg, #5ca3ff -3.23%, #508aff 51.11%, #cf8dff 98.65%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } body { --login-modal-close-svg-color: #000; --login-modal-left-svg-color: #0c0d0e; --login-modal-bg-color-white: #fff; } body[arco-theme="dark"] { --login-modal-close-svg-color: #9da3af; --login-modal-left-svg-color: #c7ccd6; --login-modal-bg-color-white: var(--fill-color-bg-white, rgba(255, 255, 255, 0)); } .content-panel_49d4b { display: -webkit-flex; display: -moz-box; display: flex; position: relative; height: 100%; overflow: hidden; border-radius: 12px; min-height: 520px; } .content-panel_49d4b .left-panel_49d4b { width: 320px; height: 100%; } .content-panel_49d4b .left-panel_49d4b img { position: absolute; width: 320px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media screen and (max-width: 1023.9px) { .content-panel_49d4b .left-panel_49d4b { display: none; } } .content-panel_49d4b .right-panel_49d4b { position: relative; -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; padding: 71px 27px 40px 27px; } .content-panel_49d4b .right-panel_49d4b .back-button_49d4b { width: 14px; height: 14px; position: absolute; top: 20px; left: 20px; cursor: pointer; z-index: 100; } .content-panel_49d4b .right-panel_49d4b .close-button_49d4b { width: 14px; height: 14px; position: absolute; top: 20px; right: 20px; z-index: 99; cursor: pointer; } .content-panel_49d4b .right-panel_49d4b .mobile-logo_49d4b { position: absolute; top: 16px; left: 27px; } @media screen and (min-width: 1024px) { .content-panel_49d4b .right-panel_49d4b .mobile-logo_49d4b { display: none; } } .content-panel_49d4b .right-panel_49d4b .hidden-by-double-check_49d4b { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } @media screen and (max-width: 1023.9px) { .content-panel_49d4b .right-panel_49d4b { width: 356px; } } @media screen and (min-width: 1024px) { .content-panel_49d4b .right-panel_49d4b { padding: 48px; } } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b { margin-bottom: -29px; } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b.invite-block-no-input_49d4b { margin-bottom: 0; } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b .arco-input-group > :first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 13px; } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b .arco-input-group > :last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b .arco-input-group-addbefore { background: #fff; background: #fff; background: var(--login-modal-bg-color-white, #fff); border: 1px solid #dde2e9; border: 1px solid #dde2e9; border: 1px solid var(--color-border-3, #dde2e9); } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b .arco-input-inner-wrapper { background: #fff; background: #fff; background: var(--login-modal-bg-color-white, #fff); border: 1px solid #dde2e9; border: 1px solid #dde2e9; border: 1px solid var(--color-border-3, #dde2e9); border-left: none; } .content-panel_49d4b .right-panel_49d4b .invite-block_49d4b .arco-input-inner-wrapper .arco-input { font-size: 13px; } .content-panel_49d4b .right-panel_49d4b .invite-title_49d4b { font-size: 24px; color: #0c0d0e; color: #0c0d0e; color: var(--color-text-1, #0c0d0e); font-family: "PingFang SC"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 1023.9px) { .content-panel_49d4b .right-panel_49d4b .invite-title_49d4b { font-size: 20px; } } .content-panel_49d4b .right-panel_49d4b .invite-title-first_49d4b { margin-bottom: 0px; } .content-panel_49d4b .right-panel_49d4b .registered-block_49d4b { text-align: center; font-size: 13px; margin-top: 10px; color: #42464e; cursor: pointer; } @media screen and (max-width: 1023.9px) { .content-panel_49d4b .right-panel_49d4b .registered-block_49d4b { margin-top: 6px; } } .content-panel_49d4b .right-panel_49d4b .registered-block_49d4b span { color: #1664ff; } .content-panel_49d4b .right-panel_49d4b .registered-block_49d4b span:hover { color: #387bff; } .content-panel_49d4b div[class*=loginFrameContent] { min-height: unset; } .content-panel_49d4b div[class*=loginFrameContent] > div[class*=loginCard] > div[class*=login] > div[class*=wrap] > button.arco-btn { display: none; } .content-panel_49d4b div[class*=loginFrameContent] > div[class*=loginCard] > div[class*=login] > div[class*=wrap] > svg { margin-top: 30px !important; } .content-panel_49d4b div[class*=loginFrameContent] > div[class*=loginCard] > div[class*=login] > form[class*=onlyTelIdpForm] > div[class*=protocol] { margin-bottom: 16px; } .content-panel_49d4b div[class*=loginFrameContent] > div[class*=loginCard] > div[class*=login] > form[class*=onlyTelIdpForm] > div > button[type=submit] { height: 40px; margin-top: 0px; } .content-panel_49d4b div[class*=loginFrameContent] > div[class*=form] > div[class*=titles] > button.arco-btn { display: none; } .arco-message-wrapper { z-index: 10000; } .error-msg_49d4b { font-size: 12px; font-weight: 400; height: 15.4px; line-height: 15.4px; color: rgb(var(--danger-6)); margin-bottom: -16px; margin-top: 2px; } .remove-space_49d4b { opacity: 0; margin: -15px; } .invite-space_49d4b { margin-top: 16px; } .invite-space_49d4b .arco-input-group-addbefore { width: 73px; } .arco-modal-wrap_49d4b { overflow: hidden !important; } .arco-modal-outer_49d4b { border-radius: 12px !important; width: auto !important; padding: 0px !important; background-color: #fff !important; background-color: #fff !important; background-color: var(--color-bg-9, #fff) !important; } @media screen and (min-width: 1024px) { .arco-modal-outer_49d4b { width: 830px !important; } } .arco-modal-outer_49d4b .arco-modal-close-icon { top: 24px !important; right: 24px !important; } .arco-modal-outer_49d4b .arco-modal-close-icon::before { width: 24px !important; height: 24px !important; } .arco-modal-outer_49d4b .arco-modal-close-icon .arco-icon-close { width: 20px !important; height: 20px !important; } .arco-modal-outer_49d4b .arco-modal-content { padding: 0 !important; } .buttons_49d4b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 36px; } .buttons_49d4b :not(:first-child) { margin-left: 12px; } .buttons_49d4b .button_49d4b { height: 40px; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; cursor: pointer; } .buttons_49d4b .back_49d4b { cursor: pointer; } .buttons_49d4b .primary_49d4b { background-color: #1664ff; box-shadow: 0px 0px 0px 1px #1759dd, 0px 2px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; font-family: "PingFang SC"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.04em; color: #ffffff; color: #fff; color: #fff; color: var(--text-color-white, var(--color-white, #fff)); } .buttons_49d4b .primary_49d4b:hover { background-color: #387bff; box-shadow: 0px 0px 0px 1px #1664ff, 0px 3px 4px rgba(0, 0, 0, 0.2); } .buttons_49d4b .primary_49d4b:active { background: #1759dd; box-shadow: 0px 0px 0px 1px #114ab9; } .buttons_49d4b .secondary_49d4b { background: #fff; box-shadow: 0px 0px 0px 1px #dde2e9, 0px 2px 1px rgba(0, 0, 0, 0.08); border-radius: 4px; font-family: "PingFang SC"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.003em; color: #0c0d0e; } .buttons_49d4b .secondary_49d4b:hover { background-color: #f6f8fa; box-shadow: 0px 0px 0px 1px rgba(22, 100, 255, 0.8), 0px 2px 3px rgba(0, 0, 0, 0.15); } .buttons_49d4b .secondary_49d4b:active { background-color: #f6f8fa; box-shadow: 0px 0px 0px 1px #0055ff; } .right-panel-double-check_49d4b { height: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } @media screen and (max-width: 1023.9px) { .right-panel-double-check_49d4b .double-check-content_49d4b { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; } } @media screen and (min-width: 1024px) { .right-panel-double-check_49d4b .double-check-info-logo_49d4b { display: none; } } .double-check-title_49d4b { color: #c7ccd6; color: #c7ccd6; color: var(--text-color-text-1, var(--color-text-1, #c7ccd6)); font-family: "PingFang SC"; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } .double-check-desc_49d4b { margin-top: 14px; color: #9da3af; color: #9da3af; color: var(--color-text-2, #9da3af); font-family: "PingFang SC"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; /* 169.231% */ letter-spacing: 0.039px; } .double-check-desc_49d4b a { margin-left: 4px; margin-right: 4px; text-decoration: none; color: rgb(22, 100, 225); color: rgb(22, 100, 225); color: rgb(var(--primary-6, 22, 100, 225)); } body[arco-theme="dark"] .secondary_49d4b { box-shadow: none; } body[arco-theme="dark"] .secondary_49d4b:hover { box-shadow: none; } body[arco-theme="dark"] .secondary_49d4b:active { box-shadow: none; } @charset "UTF-8"; .bindSuccessModal_4a41c { border-radius: 16px !important; /* 外层圆角，避免遮罩边缘影响 banner 视觉 */ overflow: visible !important; background: transparent !important; } .bindSuccessModal_4a41c .arco-modal-close-icon { top: 16px !important; right: 16px !important; z-index: 10 !important; } .bindSuccessModal_4a41c .arco-modal-content { padding: 0 !important; background: transparent !important; overflow: visible !important; } .bindSuccessModal_4a41c .container_4a41c { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; position: relative; width: 390px; height: 380px; background: #fff; background: #fff; background: var(--color-bg-1, #fff); border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); overflow: visible; z-index: 1; } .topSection_4a41c { position: absolute; top: 0; left: 0; right: 0; height: 150px; /* 与 content 顶部和 banner 底部衔接 */ border-radius: 16px 16px 0 0; z-index: 1; } .banner_4a41c { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(-30px); -moz-transform: translateX(-50%) translateY(-30px); -o-transform: translateX(-50%) translateY(-30px); transform: translateX(-50%) translateY(-30px); width: 290px; height: 180px; padding: 16px 18px; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; color: #fff; color: var(--color-white, #fff); border-radius: 16px 16px 0 0; background: none; background-size: 100% 100%; background-repeat: no-repeat; z-index: 2; } .content_4a41c { position: absolute; top: 148px; bottom: 0; width: 290px; padding: 16px 0 90px 0; /* 为底部绝对定位按钮预留空间 */ text-align: center; } .contentTitle_4a41c { font: FZLanTingHeiS-DB1-GB; font-size: 22px; font-weight: 600; color: #0c0d0e; color: #0c0d0e; color: var(--color-text-1, #0c0d0e); margin: 10px 0 8px; text-align: center; } .contentDesc_4a41c { font: PingFang SC; font-weight: 400; font-size: 14px; line-height: 22px; color: #42464e; color: #42464e; color: var(--color-text-2, #42464e); margin-bottom: 20px; text-align: center; } .confirmBtn_4a41c { position: absolute !important; bottom: 24px; left: 50%; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; width: 136px; height: 40px !important; border-radius: 4px !important; margin: 0; } .confirmBtn_4a41c:focus, .confirmBtn_4a41c:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(255, 44, 70, 0.25); } .confirmBtn_4a41c span { font: PingFang SC; font-weight: 500; font-size: 14px; line-height: 22px; } /* 移动端适配（整体缩小：宽度 350，banner 高度 160，内容起始 180） */ @media screen and (max-width: 1024px) { .bindSuccessModal_4a41c { width: 350px !important; } .bindSuccessModal_4a41c .arco-modal-close-icon { top: 12px !important; right: 12px !important; } .bindSuccessModal_4a41c .container_4a41c { width: 350px; } .bindSuccessModal_4a41c .banner_4a41c { height: 180px; } .bindSuccessModal_4a41c .content_4a41c { top: 150px; width: 290px; /* 保持内容区宽度不变，居中 */ } .bindSuccessModal_4a41c .confirmBtn_4a41c { position: absolute; bottom: 24px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 40px; border-radius: 4px; } } @charset "UTF-8"; /* 共享语义桥接层说明 * 1. 宿主应用全局只负责注入官方主题 token（如 --color-*）。 * 2. 本文件不向 :root/body 输出任何自定义变量，只提供可复用的局部 mixin。 * 3. 组件在自己的根节点上 include 这些 mixin，避免跨组件库全局污染。 */ /** * 注入 blocks 组件共享的默认语义 token。 */ /** * 注入 blocks 组件共享的暗色语义 token。 * 仅在暗色下语义映射发生变化时覆盖。 */ .modal-wrap_52985 { --ve-sem-yellow-warning-1: var(--yellow-warning-1, #fef8eb); --ve-sem-bg-page: var(--color-bg-1, #fff); --ve-sem-bg-surface: var(--color-bg-5, #f1f3f5); --ve-sem-bg-card-active: var(--color-bg-1, #fff); --ve-sem-text-primary: var(--color-text-1, #0c0d0e); --ve-sem-text-secondary: var(--color-text-2, #42464e); --ve-sem-text-secondary-mobile: var(--color-text-1, #0c0d0e); --ve-sem-text-tertiary: var(--color-text-3, #737a87); --ve-sem-border-default: var(--color-border-3, #dde2e9); --ve-sem-border-card-active: var(--color-border-2, #dde2e9); --ve-sem-link-text: var(--color-text-1, #0c0d0e); --ve-sem-link-hover-text: rgb(var(--primary-6, 22 100 255)); /* 以下按钮、阴影等为当前 blocks 场景下复用度较高的共享业务语义。 */ --ve-sem-button-primary-bg: var(--color-text-1, #0c0d0e); --ve-sem-button-primary-text: #fff; --ve-sem-button-primary-border: var(--color-text-1, #0c0d0e); --ve-sem-button-primary-hover-bg: var(--color-text-2, #42464e); --ve-sem-button-primary-hover-border: var(--color-text-2, #42464e); --ve-sem-button-secondary-bg: var(--color-bg-1, #fff); --ve-sem-button-secondary-text: var(--color-text-1, #000); --ve-sem-button-secondary-border: var(--color-border-3, #dde2e9); --ve-sem-button-secondary-hover-bg: #F6F8FA; --ve-sem-button-secondary-hover-border: var(--color-border-3, #dde2e9); --ve-sem-fill-hover-subtle: rgba(255, 255, 255, 0.5); --ve-sem-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.05); --ve-sem-shadow-card-active: 0 5px 60px 0 rgba(51, 65, 101, 0.1); --share-modal-close-svg-color: #000; } body[arco-theme="dark"] .modal-wrap_52985 { --ve-sem-yellow-warning-1: var(--yellow-warning-1, rgba(83, 57, 0, 0.5)); --ve-sem-bg-page: var(--color-bg-1, #131416); --ve-sem-bg-surface: var(--color-bg-5, #353535); --ve-sem-bg-card-active: var(--color-fill-1, #10131b); --ve-sem-text-primary: var(--color-text-1, #fff); --ve-sem-text-secondary: var(--color-text-2, #d0d5df); --ve-sem-text-secondary-mobile: var(--color-text-2, #d0d5df); --ve-sem-text-tertiary: var(--color-text-3, #97a0b0); --ve-sem-border-default: var(--color-border-3, #575757); --ve-sem-border-card-active: rgba(98, 126, 255, 0.34); --ve-sem-link-text: var(--color-text-1, #fff); --ve-sem-link-hover-text: rgba(var(--primary-6, 22 100 255), 0.72); --ve-sem-button-primary-bg: var(--color-bg-1, #e8e8e8); --ve-sem-button-primary-text: var(--color-bg-1, #1f1f1f); --ve-sem-button-primary-border: var(--color-fill-4, #e8e8e8); --ve-sem-button-primary-hover-bg: var(--color-fill-3, #bbbbbb); --ve-sem-button-primary-hover-border: var(--color-fill-3, #bbbbbb); --ve-sem-button-secondary-bg: var(--color-bg-1, #131416); --ve-sem-button-secondary-text: var(--color-text-1, #c7ccd6); --ve-sem-button-secondary-border: rgba(221, 226, 233, 0.15); --ve-sem-button-secondary-hover-bg: rgba(246, 248, 250, 0.06); --ve-sem-button-secondary-hover-border: rgba(146, 162, 203, 0.36); --ve-sem-fill-hover-subtle: rgba(17, 23, 35, 0.78); --ve-sem-shadow-card: 0 10px 28px rgba(0, 0, 0, 0.3); --ve-sem-shadow-card-active: 0 0 0 1px rgba(83, 112, 255, 0.18), 0 0 28px rgba(60, 96, 255, 0.42), 0 10px 30px rgba(0, 0, 0, 0.48); --share-modal-close-svg-color: #9da3af; } .pc-modal_52985 { position: fixed; left: 0; top: 0; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; height: 100%; } .mobile-drawer_52985 { border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: auto; } .mobile-drawer_52985 .arco-drawer-content { padding: 0 !important; } .arco-drawer_52985 { height: auto !important; } .modal-wrap_52985 { width: 480px; background: #fff; background: var(--color-bg-1, #fff); color: #0c0d0e; color: var(--color-text-1, #0c0d0e); position: relative; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; overflow: hidden; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .modal-wrap_52985 * { -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .modal-wrap_52985 { width: 100%; height: 100%; overflow: auto; scrollbar-width: none; } .modal-wrap_52985::-webkit-scrollbar { display: none; } } .embedded_52985 { width: 100%; border-radius: 12px; margin-top: 32px; } .transparent-wrap_52985 { background: transparent; } .transparent-wrap_52985.embedded_52985 { margin-top: 0; border-radius: 0; } .embedded_52985 .modal-content_52985 { padding: 0rem 1rem 0rem 1rem; } @media (min-width: 768px) and (max-width: 1099px) { .embedded_52985 .modal-content_52985 { padding: 0 16px 14px 16px; } } @media (max-width: 767px) { .embedded_52985 .modal-content_52985 { padding: 16px 16px 14px 16px; } } .embedded_52985 .poster_52985 { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: auto; } @media (min-width: 768px) and (max-width: 1099px) { .embedded_52985 .poster_52985 { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .embedded_52985 .poster-card_52985 { width: 170px; max-width: 100%; margin-bottom: 0; } @media (min-width: 1100px) { .embedded_52985 .poster-card_52985 { width: 17.75rem; height: 24.375rem; } } @media (min-width: 768px) and (max-width: 1099px) { .embedded_52985 .poster-card_52985 { width: 134px; height: 184px; } } @media (max-width: 767px) { .embedded_52985 .poster-card_52985 { width: 284px; height: 390px; } } .embedded_52985 .divider-wrap_52985 { margin-bottom: 16px; } .embedded_52985 .bottom-tip_52985 { margin-top: 16px; } @media screen and (max-width: 767px) { .embedded_52985 .bottom-tip_52985 { margin-top: 16px; } } .bg_52985 { height: 352px; width: 100%; position: absolute; left: 0; right: 0; top: 0; } .modal-content_52985 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; width: 100%; padding: 48px 24px 16px 24px; position: relative; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; } @media (max-width: 767px) { .modal-content_52985 { background: transparent; padding: 40px 24px 35px 24px; } } .qr-code-wrap_52985 { width: 100px; height: 100px; margin-bottom: 8px; } .qr-code-desc_52985 { color: #737a87; font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; /* 169.231% */ letter-spacing: 0.039px; margin-bottom: 24px; } .modal-title_52985 { color: #0c0d0e; color: var(--color-text-1, #0c0d0e); font-size: 28px; font-style: normal; font-weight: 700; line-height: 28px; letter-spacing: 0.072px; margin-bottom: 24px; } @media (max-width: 767px) { .modal-title_52985 { line-height: 32px; margin-bottom: 22px; } } .modal-desc_52985 { color: #737a87; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; /* 169.231% */ letter-spacing: 0.039px; margin-bottom: 30px; } @media (max-width: 767px) { .modal-desc_52985 { font-size: 13px; } } .divider-wrap_52985 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom: 24px; width: 100%; max-width: 266px; } .divider-line_52985 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; height: 1px; background: #dde2e9; background: var(--color-border-3, #dde2e9); } .divider-text_52985 { color: #42464e; color: var(--color-text-2, #42464e); font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; /* 166.667% */ letter-spacing: 0.036px; margin: 0 4px; } .check-icon_52985 { width: 80px; height: 80px; -webkit-user-drag: none; } .close-icon-wrap_52985 { position: absolute; top: 24px; right: 24px; width: 20px; height: 20px; z-index: 10; cursor: pointer; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } @media (max-width: 767px) { .close-icon-wrap_52985 { width: 30px; height: 30px; top: 25px; right: 10px; } } .close-icon_52985 { width: 20px; height: 20px; background-image: url("https://portal.volccdn.com/obj/volcfe/bee_prod/biz_950/tos_aca22560dfe1e9aa2540da9bc00bf830.svg"); } .poster-card_52985 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; background: #fff; background: var(--color-bg-1, #fff); border-radius: 12px; overflow: hidden; margin-bottom: 32px; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .poster-card_52985 { margin-bottom: 16px; } } .transparent-wrap_52985 .poster-card_52985 { background: transparent; } .poster-card-loading_52985 { background: transparent; box-shadow: none; } .poster_52985 { display: block; height: 320px; width: auto; border-radius: 12px; } .poster-standalone_52985 { margin-bottom: 32px; } .poster-placeholder_52985 { background: transparent; width: 284px; height: 390px; } @media (min-width: 1100px) { .poster-placeholder_52985 { width: 17.75rem; height: 24.375rem; } } @media (min-width: 768px) and (max-width: 1099px) { .poster-placeholder_52985 { width: 134px; height: 184px; } } .loading-title_52985 { width: 100%; margin-bottom: 16px; } .loading-poster_52985 { width: 100%; border-radius: 12px; overflow: hidden; margin-bottom: 16px; } .loading-poster_52985> .arco-skeleton-header { width: 100%; } .loading-poster_52985> .arco-skeleton-header > .arco-skeleton-image-left { margin-right: 0px; width: 100%; height: 320px; border-radius: 12px; } .loading-poster-embedded_52985> .arco-skeleton-header > .arco-skeleton-image-left { height: 240px; } @media (min-width: 1100px) { .loading-poster-embedded_52985> .arco-skeleton-header > .arco-skeleton-image-left { height: 22.3125rem; } } .poster-desc-wrap_52985 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-bottom: 21px; } .poster-desc-icon_52985 { width: 8px; height: 8px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("https://lf3-beecdn.bytetos.com/obj/ies-fe-bee-upload/bee_prod/biz_950/tos_eb5fc68e55a5fd4b7f048172ea489a5e.svg"); } .poster-desc_52985 { color: #42464e; color: var(--color-text-2, #42464e); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.042px; margin: 0 5px; } .share-methods_52985 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 12px; } .primary-action-wrap_52985 { width: 100%; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-top: 16px; } @media (min-width: 1100px) { .primary-action-wrap_52985 { margin-top: 1rem; } } @media (min-width: 768px) and (max-width: 1099px) { .embedded_52985 .primary-action-wrap_52985 { margin-top: 0; } } .copy-link-primary-btn_52985 { display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 8px; width: 100%; max-width: 360px; height: 44px; padding: 0 20px; border: 0; border-radius: 999px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff4e5; font-size: 14px; font-weight: 600; background: -webkit-gradient(linear, left top, right top, color-stop(-52.88%, #ff659c), color-stop(24.33%, #ff3452), color-stop(42.32%, #ff2c46), color-stop(115.95%, #ff8c68)); background: -webkit-linear-gradient(left, #ff659c -52.88%, #ff3452 24.33%, #ff2c46 42.32%, #ff8c68 115.95%); background: -moz-linear-gradient(left, #ff659c -52.88%, #ff3452 24.33%, #ff2c46 42.32%, #ff8c68 115.95%); background: linear-gradient(90deg, #ff659c -52.88%, #ff3452 24.33%, #ff2c46 42.32%, #ff8c68 115.95%); box-shadow: 0 9px 20px 0 rgba(255, 90, 86, 0.69); position: relative; overflow: hidden; } .copy-link-primary-btn_52985:hover::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.1); border-radius: inherit; } @media (min-width: 1100px) { .copy-link-primary-btn_52985 { gap: 0.375rem; max-width: 17.5rem; height: 3.375rem; padding: 0.5rem 1.125rem 0.5rem 1.125rem; font-family: "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1.375rem; font-style: normal; line-height: 2rem; border-radius: 5.625rem; box-shadow: 0 0.5625rem 1.25rem 0 rgba(255, 90, 86, 0.69); } } @media (min-width: 768px) and (max-width: 1099px) { .copy-link-primary-btn_52985 { gap: 6px; width: 160px; max-width: 160px; height: 33px; padding: 6px 28px; font-size: 12px; line-height: 21px; border-radius: 90px; } } @media (max-width: 767px) { .copy-link-primary-btn_52985 { gap: 6px; width: 240px; max-width: 240px; height: 48px; padding: 8px 24px; font-size: 16px; line-height: 16px; border-radius: 90px; } } .copy-link-primary-icon_52985 { width: 16px; height: 16px; display: block; } @media (min-width: 1100px) { .copy-link-primary-icon_52985 { width: 1.5rem; height: 1.5rem; } } @media (min-width: 768px) and (max-width: 1099px) { .copy-link-primary-icon_52985 { width: 12px; height: 12px; } } @media (max-width: 767px) { .copy-link-primary-icon_52985 { width: 12px; height: 12px; } } .stars-skew-text_52985 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .stars-text_52985 { font-style: italic; font-weight: 600; padding: 0 0.5rem; background: -webkit-gradient(linear, left top, right top, from(#893333), to(#863232)); background: -webkit-linear-gradient(left, #893333 0%, #863232 100%); background: -moz-linear-gradient(left, #893333 0%, #863232 100%); background: linear-gradient(90deg, #893333 0%, #863232 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; white-space: nowrap; } @media (min-width: 1100px) { .stars-text_52985 { font-size: 1.125rem; } } @media (min-width: 768px) and (max-width: 1099px) { .stars-text_52985 { font-size: 11px; } } @media (max-width: 767px) { .stars-text_52985 { font-size: 14px; } } .stars-icon_52985 { -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } @media (min-width: 1100px) { .stars-icon_52985 { width: 3rem; margin: 0 0.5rem; } } @media (min-width: 768px) and (max-width: 1099px) { .stars-icon_52985 { width: 38px; margin: 0 8px; } } @media (max-width: 767px) { .stars-icon_52985 { width: 47px; margin: 0 8px; } } .stars-icon-right_52985 { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .more-share-title_52985 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 6px; margin-top: 2.25rem; margin-bottom: 0.75rem; text-align: center; color: #737a87; font-size: 0.75rem; line-height: 1.6rem; } @media (min-width: 768px) and (max-width: 1099px) { .embedded_52985 .more-share-title_52985 { margin-top: 14px; margin-bottom: 14px; } } .more-share-icon_52985 { width: 8px; height: 8px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("https://lf3-beecdn.bytetos.com/obj/ies-fe-bee-upload/bee_prod/biz_950/tos_eb5fc68e55a5fd4b7f048172ea489a5e.svg"); } .share-methods-secondary_52985 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-top: 8px; margin-bottom: 16px; } @media (min-width: 1100px) { .share-methods-secondary_52985 { margin-top: 0.5rem; margin-bottom: 1rem; --share-action-text-color: #863232; --share-action-text-font-family: "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --share-action-text-size: 1rem; --share-action-text-weight: 500; --share-action-text-line-height: 1.5rem; --share-action-text-letter-spacing: 0.003rem; } } @media (min-width: 768px) and (max-width: 1099px) { .share-methods-secondary_52985 { --share-action-text-color: #863232; --share-action-text-font-family: "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --share-action-text-size: 11px; --share-action-text-weight: 500; --share-action-text-line-height: normal; --share-action-text-letter-spacing: 0.033px; } } @media (min-width: 768px) and (max-width: 1099px) { .embedded_52985 .share-methods-secondary_52985 { margin-top: 0; margin-bottom: 0; } } .bottom-btn-wrap_52985 { margin-top: 23px; display: -webkit-flex; display: -moz-box; display: flex; gap: 12px; width: 100%; } @media (max-width: 767px) { .bottom-btn-wrap_52985 { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } } .prompt-bar_52985 { display: -webkit-flex; display: -moz-box; display: flex; background-color: #fef8eb; background-color: var(--ve-sem-yellow-warning-1, #fef8eb); padding: 8px 16px 8px 16px; margin-top: -4px; margin-bottom: 20px; border-radius: 4px; } .bottom-btn_52985 { -webkit-flex: 1 1; -moz-box-flex: 1; flex: 1 1; height: 36px; line-height: 34px; text-align: center; border-radius: 4px; border: 1px solid #eaedf1; border: 1px solid var(--color-border-2, #eaedf1); box-shadow: 0 3px 8px 0 rgba(46, 70, 146, 0.05); font-size: 14px; font-weight: 600; color: #42464e; color: var(--color-text-2, #42464e); text-decoration: none; } .icon-size_52985 { width: 16.67px; height: 16.67px; margin-right: 6px; margin-top: 3px; } .tips_52985 { width: 100%; text-align: left; white-space: normal; } .tips-link_52985 { text-decoration: none; color: #1664ff; } .bottom-tip_52985 { font-size: 11px; font-weight: 400; line-height: 16px; color: #737a87; color: var(--color-text-3, #737a87); margin-top: 28px; } @media screen and (max-width: 767px) { .bottom-tip_52985 { margin-top: 90px; } } @media screen and (max-width: 767px) { .has-btn-bottom-tip_52985 { margin-top: 19px; } } .bottom-tip-link_52985 { text-decoration: none; color: #0066fc; } .wrap_a7f00 { display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .wrap_a7f00:not(:first-child) { margin-left: 24px; } @media (min-width: 1100px) { .wrap_a7f00:not(:first-child) { margin-left: 1.5rem; } } .wrap_a7f00:hover .icon-wrap_a7f00 { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 254, 253, 0.6)), to(rgba(255, 254, 253, 0.6))); background: -webkit-linear-gradient(bottom, rgba(255, 254, 253, 0.6) 0%, rgba(255, 254, 253, 0.6) 100%); background: -moz-linear-gradient(bottom, rgba(255, 254, 253, 0.6) 0%, rgba(255, 254, 253, 0.6) 100%); background: linear-gradient(0deg, rgba(255, 254, 253, 0.6) 0%, rgba(255, 254, 253, 0.6) 100%); } .tooltip_a7f00 { z-index: 3100 !important; } @media (max-width: 767px) { .tooltip_a7f00 { display: none !important; } } .tooltip_a7f00 .arco-tooltip-content { border-radius: 4px !important; border: 1px solid #dde2e9 !important; border: 1px solid var(--color-border-3, #dde2e9) !important; } .tooltip_a7f00 .arco-tooltip-content-inner { word-break: break-all; } .tooltip_a7f00 .arco-tooltip-arrow { z-index: 1; border-bottom: 1px solid #dde2e9 !important; border-bottom: 1px solid var(--color-border-3, #dde2e9) !important; border-right: 1px solid #dde2e9 !important; border-right: 1px solid var(--color-border-3, #dde2e9) !important; } .tooltip_a7f00 .arco-tooltip-content { color: #42464e !important; color: var(--color-text-2, #42464e) !important; } .tooltip_a7f00.small-padding_a7f00 .arco-tooltip-content { padding: 4px !important; } .icon-wrap_a7f00 { width: 40px; height: 40px; border-radius: 106.95px; background: #f6f8fa; background: var(--color-bg-4, #f6f8fa); margin-bottom: 4px; display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .icon-wrap_a7f00 img { width: 22px; height: 22px; } @media (min-width: 1100px) { .icon-wrap_a7f00 { width: 3.5rem; height: 3.5rem; border-radius: 9.125rem; margin-bottom: 0.5rem; } .icon-wrap_a7f00 img { width: 1.9rem; height: 1.9rem; } } @media (min-width: 768px) and (max-width: 1099px) { .icon-wrap_a7f00 { width: 36px; height: 36px; border-radius: 90px; } .icon-wrap_a7f00 img { width: 20px; height: 20px; } } .text_a7f00 { color: #737a87; color: var(--share-action-text-color, var(--color-text-3, #737a87)); text-align: center; font-size: 11px; font-size: var(--share-action-text-size, 11px); font-style: normal; font-weight: 400; font-weight: var(--share-action-text-weight, 400); line-height: 20px; line-height: var(--share-action-text-line-height, 20px); letter-spacing: 0.036px; letter-spacing: var(--share-action-text-letter-spacing, 0.036px); font-family: inherit; font-family: var(--share-action-text-font-family, inherit); } @media (min-width: 1100px) { .text_a7f00 { font-size: 0.75rem; line-height: 1.25rem; letter-spacing: 0.00225rem; } } .preview_a7f00 { display: block; width: 100px; height: auto; } .qr-code-preview_a7f00 { display: block; width: 158px; height: auto; } /*# sourceMappingURL=9265.80405ea7.css.map*/