@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] .aos-animate[data-aos] {
  transition-delay: 50ms;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] .aos-animate[data-aos] {
  transition-delay: .1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] .aos-animate[data-aos] {
  transition-delay: .15s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] .aos-animate[data-aos] {
  transition-delay: .2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] .aos-animate[data-aos] {
  transition-delay: .25s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] .aos-animate[data-aos] {
  transition-delay: .3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] .aos-animate[data-aos] {
  transition-delay: .35s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] .aos-animate[data-aos] {
  transition-delay: .4s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] .aos-animate[data-aos] {
  transition-delay: .45s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] .aos-animate[data-aos] {
  transition-delay: .5s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] .aos-animate[data-aos] {
  transition-delay: .55s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] .aos-animate[data-aos] {
  transition-delay: .6s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] .aos-animate[data-aos] {
  transition-delay: .65s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] .aos-animate[data-aos] {
  transition-delay: .7s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] .aos-animate[data-aos] {
  transition-delay: .75s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] .aos-animate[data-aos] {
  transition-delay: .8s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] .aos-animate[data-aos] {
  transition-delay: .85s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] .aos-animate[data-aos] {
  transition-delay: .9s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] .aos-animate[data-aos] {
  transition-delay: .95s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] .aos-animate[data-aos] {
  transition-delay: 1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] .aos-animate[data-aos] {
  transition-delay: 1.05s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] .aos-animate[data-aos] {
  transition-delay: 1.1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] .aos-animate[data-aos] {
  transition-delay: 1.15s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] .aos-animate[data-aos] {
  transition-delay: 1.2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] .aos-animate[data-aos] {
  transition-delay: 1.25s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] .aos-animate[data-aos] {
  transition-delay: 1.3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] .aos-animate[data-aos] {
  transition-delay: 1.35s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] .aos-animate[data-aos] {
  transition-delay: 1.4s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] .aos-animate[data-aos] {
  transition-delay: 1.45s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] .aos-animate[data-aos] {
  transition-delay: 1.5s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] .aos-animate[data-aos] {
  transition-delay: 1.55s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] .aos-animate[data-aos] {
  transition-delay: 1.6s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] .aos-animate[data-aos] {
  transition-delay: 1.65s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] .aos-animate[data-aos] {
  transition-delay: 1.7s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] .aos-animate[data-aos] {
  transition-delay: 1.75s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] .aos-animate[data-aos] {
  transition-delay: 1.8s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] .aos-animate[data-aos] {
  transition-delay: 1.85s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] .aos-animate[data-aos] {
  transition-delay: 1.9s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] .aos-animate[data-aos] {
  transition-delay: 1.95s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] .aos-animate[data-aos] {
  transition-delay: 2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] .aos-animate[data-aos] {
  transition-delay: 2.05s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] .aos-animate[data-aos] {
  transition-delay: 2.1s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] .aos-animate[data-aos] {
  transition-delay: 2.15s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] .aos-animate[data-aos] {
  transition-delay: 2.2s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] .aos-animate[data-aos] {
  transition-delay: 2.25s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] .aos-animate[data-aos] {
  transition-delay: 2.3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] .aos-animate[data-aos] {
  transition-delay: 2.35s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] .aos-animate[data-aos] {
  transition-delay: 2.4s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] .aos-animate[data-aos] {
  transition-delay: 2.45s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] .aos-animate[data-aos] {
  transition-delay: 2.5s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] .aos-animate[data-aos] {
  transition-delay: 2.55s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] .aos-animate[data-aos] {
  transition-delay: 2.6s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] .aos-animate[data-aos] {
  transition-delay: 2.65s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] .aos-animate[data-aos] {
  transition-delay: 2.7s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] .aos-animate[data-aos] {
  transition-delay: 2.75s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] .aos-animate[data-aos] {
  transition-delay: 2.8s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] .aos-animate[data-aos] {
  transition-delay: 2.85s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] .aos-animate[data-aos] {
  transition-delay: 2.9s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] .aos-animate[data-aos] {
  transition-delay: 2.95s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] .aos-animate[data-aos] {
  transition-delay: 3s;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos^=fade][data-aos^=fade] {
  opacity: 1;
  transform: translateZ(0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos^=zoom][data-aos^=zoom] {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-in] {
  transform: scale(0.6);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-out] {
  transform: scale(1.2);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos^=slide][data-aos^=slide] {
  transform: translateZ(0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(0);
}

/* line 1, node_modules/aos/dist/aos.css */

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

/* line 1, node_modules/aos/dist/aos.css */

.aos-animate[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(0);
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: .01;
  transition: opacity .4s ease;
  z-index: 1000;
  will-change: opacity;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox--visible {
  opacity: 1;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox__placeholder {
  max-width: 100%;
  transform: scale(0.9);
  transition: transform .4s ease;
  z-index: 1;
  will-change: transform;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 95%;
  max-height: 95%;
  background: #fff;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
  pointer-events: auto;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child {
  width: auto;
  height: auto;
  pointer-events: auto;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* line 1, node_modules/basiclightbox/dist/basicLightbox.min.css */

.basicLightbox--visible .basicLightbox__placeholder {
  transform: scale(1);
}

/* line 3, app/assets/stylesheets/overrides/basiclightbox.scss */

.basicLightbox {
  z-index: 1050;
}

.uppy-Dashboard-AddFiles-info a.uppy-Dashboard-poweredBy {
  display: none;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}

.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}

.animate__animated.animate__infinite{animation-iteration-count:infinite}

.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}

.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}

.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}

.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}

.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}

.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}

.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}

.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}

.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}

.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}

.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}

.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}

@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}

@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}

.animate__bounce{animation-name:bounce;transform-origin:center bottom}

@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}

.animate__flash{animation-name:flash}

@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}

.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}

@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}

.animate__rubberBand{animation-name:rubberBand}

@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}

.animate__shakeX{animation-name:shakeX}

@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}

.animate__shakeY{animation-name:shakeY}

@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}

.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}

@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}

.animate__swing{transform-origin:top center;animation-name:swing}

@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}

.animate__tada{animation-name:tada}

@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}

.animate__wobble{animation-name:wobble}

@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}

.animate__jello{animation-name:jello;transform-origin:center}

@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}

.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}

@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}

.animate__backInDown{animation-name:backInDown}

@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}

.animate__backInLeft{animation-name:backInLeft}

@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}

.animate__backInRight{animation-name:backInRight}

@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}

.animate__backInUp{animation-name:backInUp}

@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}

.animate__backOutDown{animation-name:backOutDown}

@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}

.animate__backOutLeft{animation-name:backOutLeft}

@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}

.animate__backOutRight{animation-name:backOutRight}

@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}

.animate__backOutUp{animation-name:backOutUp}

@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}

.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}

@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}

.animate__bounceInDown{animation-name:bounceInDown}

@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}

.animate__bounceInLeft{animation-name:bounceInLeft}

@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}

.animate__bounceInRight{animation-name:bounceInRight}

@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}

.animate__bounceInUp{animation-name:bounceInUp}

@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}

.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}

@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}

.animate__bounceOutDown{animation-name:bounceOutDown}

@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}

.animate__bounceOutLeft{animation-name:bounceOutLeft}

@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}

.animate__bounceOutRight{animation-name:bounceOutRight}

@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}

.animate__bounceOutUp{animation-name:bounceOutUp}

@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

.animate__fadeIn{animation-name:fadeIn}

@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInDown{animation-name:fadeInDown}

@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInDownBig{animation-name:fadeInDownBig}

@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInLeft{animation-name:fadeInLeft}

@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInLeftBig{animation-name:fadeInLeftBig}

@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInRight{animation-name:fadeInRight}

@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInRightBig{animation-name:fadeInRightBig}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInUp{animation-name:fadeInUp}

@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInUpBig{animation-name:fadeInUpBig}

@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInTopLeft{animation-name:fadeInTopLeft}

@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInTopRight{animation-name:fadeInTopRight}

@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}

@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}

.animate__fadeInBottomRight{animation-name:fadeInBottomRight}

@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

.animate__fadeOut{animation-name:fadeOut}

@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}

.animate__fadeOutDown{animation-name:fadeOutDown}

@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}

.animate__fadeOutDownBig{animation-name:fadeOutDownBig}

@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}

.animate__fadeOutLeft{animation-name:fadeOutLeft}

@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}

.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}

@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}

.animate__fadeOutRight{animation-name:fadeOutRight}

@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}

.animate__fadeOutRightBig{animation-name:fadeOutRightBig}

@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}

.animate__fadeOutUp{animation-name:fadeOutUp}

@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}

.animate__fadeOutUpBig{animation-name:fadeOutUpBig}

@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}

.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}

@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}

.animate__fadeOutTopRight{animation-name:fadeOutTopRight}

@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}

.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}

@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}

.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}

@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}

.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}

@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}

.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}

@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}

.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}

@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}

.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;backface-visibility:visible!important}

@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}

.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);backface-visibility:visible!important;animation-name:flipOutY}

@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}

.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}

@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}

.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}

@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}

.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}

@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}

.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}

@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}

.animate__rotateIn{animation-name:rotateIn;transform-origin:center}

@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}

.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}

@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}

.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}

@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}

.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}

@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}

.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}

@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}

.animate__rotateOut{animation-name:rotateOut;transform-origin:center}

@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}

.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}

@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}

.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}

@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}

.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}

@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}

.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}

@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}

.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}

@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}

.animate__jackInTheBox{animation-name:jackInTheBox}

@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}

.animate__rollIn{animation-name:rollIn}

@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}

.animate__rollOut{animation-name:rollOut}

@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}

.animate__zoomIn{animation-name:zoomIn}

@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

.animate__zoomInDown{animation-name:zoomInDown}

@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

.animate__zoomInLeft{animation-name:zoomInLeft}

@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

.animate__zoomInRight{animation-name:zoomInRight}

@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

.animate__zoomInUp{animation-name:zoomInUp}

@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}

.animate__zoomOut{animation-name:zoomOut}

@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}

@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}

.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}

@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}

.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}

@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}

@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}

.animate__slideInDown{animation-name:slideInDown}

@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}

.animate__slideInLeft{animation-name:slideInLeft}

@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}

.animate__slideInRight{animation-name:slideInRight}

@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}

.animate__slideInUp{animation-name:slideInUp}

@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}

.animate__slideOutDown{animation-name:slideOutDown}

@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}

.animate__slideOutLeft{animation-name:slideOutLeft}

@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}

.animate__slideOutRight{animation-name:slideOutRight}

@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}

.animate__slideOutUp{animation-name:slideOutUp}

/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */

.pickr{position:relative;overflow:visible;transform:translateY(0)}

.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}

.pickr .pcr-button{position:relative;height:2em;width:2em;padding:0.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all 0.3s}

.pickr .pcr-button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}

.pickr .pcr-button::before{z-index:initial}

.pickr .pcr-button::after{position:absolute;content:'';top:0;left:0;height:100%;width:100%;transition:background 0.3s;background:var(--pcr-color);border-radius:.15em}

.pickr .pcr-button.clear{background-size:70%}

.pickr .pcr-button.clear::before{opacity:0}

.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}

.pickr .pcr-button.disabled{cursor:not-allowed}

.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}

.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}

.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow 0.3s}

.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(0,0,0,0.25)}

.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:0.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);left:0;top:0}

.pcr-app.visible{transition:opacity 0.3s;visibility:visible;opacity:1}

.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:0.75em}

.pcr-app .pcr-swatches.pcr-last{margin:0}

@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}

.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:0.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all 0.15s;overflow:hidden;background:transparent;z-index:1}

.pcr-app .pcr-swatches>button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}

.pcr-app .pcr-swatches>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,0.05);border-radius:0.15em;box-sizing:border-box}

.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}

.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}

.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}

.pcr-app .pcr-interaction>*{margin:0 0.2em}

.pcr-app .pcr-interaction input{letter-spacing:0.07em;font-size:0.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all 0.15s;padding:0.45em 0.5em;margin-top:0.75em}

.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}

.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(66,133,244,0.75)}

.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all 0.2s;border-radius:.15em;background:#f1f3f4;cursor:text}

.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}

.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}

.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}

.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}

.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}

.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}

.pcr-app .pcr-interaction .pcr-save{background:#4285f4}

.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}

.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(244,66,80,0.75)}

.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}

.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}

.pcr-app[data-theme='nano']{width:14.25em;max-width:95vw}

.pcr-app[data-theme='nano'] .pcr-swatches{margin-top:.6em;padding:0 .6em}

.pcr-app[data-theme='nano'] .pcr-interaction{padding:0 .6em .6em .6em}

.pcr-app[data-theme='nano'] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview{grid-area:2 / 1 / 4 / 1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette{grid-area:1 / 1 / 2 / 3;width:100%;height:100%;z-index:1}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser{grid-area:2 / 2 / 2 / 2}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{grid-area:3 / 2 / 3 / 2}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{height:0.5em;margin:0 .6em}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red)}

.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%, 0.25em}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */

.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.cropper-container img{image-orientation:0deg;display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}

.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}

.cropper-canvas,.cropper-wrap-box{overflow:hidden}

.cropper-drag-box{background-color:#fff;opacity:0}

.cropper-modal{background-color:#000;opacity:.5}

.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}

.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}

.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}

.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}

.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}

.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}

.cropper-center:before{height:1px;left:-3px;top:0;width:7px}

.cropper-center:after{height:7px;left:0;top:-3px;width:1px}

.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}

.cropper-face{background-color:#fff;left:0;top:0}

.cropper-line{background-color:#39f}

.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}

.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}

.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}

.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}

.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}

.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}

.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}

.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}

.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}

.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}

.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}

.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}

.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}

@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}

@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}

@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}

.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}

.cropper-invisible{opacity:0}

.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}

.cropper-hide{display:block;height:0;position:absolute;width:0}

.cropper-hidden{display:none!important}

.cropper-move{cursor:move}

.cropper-crop{cursor:crosshair}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}

@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}

.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-play-circle:before{content:"\f102"}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}

.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}

.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-square:before{content:"\f10a"}

.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-spinner:before{content:"\f10b"}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}

.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}

.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}

.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-share:before{content:"\f10f"}

.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-cog:before{content:"\f110"}

.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}

.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-circle-outline:before{content:"\f112"}

.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-circle-inner-circle:before{content:"\f113"}

.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-hd:before{content:"\f114"}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}

.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-facebook:before{content:"\f117"}

.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-gplus:before{content:"\f118"}

.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-linkedin:before{content:"\f119"}

.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-twitter:before{content:"\f11a"}

.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-tumblr:before{content:"\f11b"}

.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-pinterest:before{content:"\f11c"}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}

.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}

.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-next-item:before{content:"\f11f"}

.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}

.vjs-icon-previous-item:before{content:"\f120"}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}

.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}

.video-js:-moz-full-screen{position:absolute}

.video-js:-webkit-full-screen{width:100%!important;height:100%!important}

.video-js[tabindex="-1"]{outline:0}

.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}

.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}

.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}

.video-js.vjs-16-9{padding-top:56.25%}

.video-js.vjs-4-3{padding-top:75%}

.video-js.vjs-9-16{padding-top:177.7777777778%}

.video-js.vjs-1-1{padding-top:100%}

.video-js.vjs-fill{width:100%;height:100%}

.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}

body.vjs-full-window{padding:0;margin:0;height:100%}

.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}

.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}

.vjs-hidden{display:none!important}

.vjs-disabled{opacity:.5;cursor:default}

.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}

.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}

.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}

.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}

.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}

.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}

.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.vjs-control .vjs-button{width:100%;height:100%}

.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}

.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}

.video-js .vjs-modal-dialog>*{box-sizing:border-box}

.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}

.vjs-menu-button{cursor:pointer}

.vjs-menu-button.vjs-disabled{cursor:default}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}

.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}

.vjs-menu .vjs-menu-content>*{box-sizing:border-box}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}

.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}

.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}

.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}

.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}

.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}

.video-js .vjs-menu-button-inline:before{width:2.222222222em}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}

.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}

.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}

.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}

.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}

.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}

.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}

.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}

.vjs-button>.vjs-icon-placeholder{display:block}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}

.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}

.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}

.video-js .vjs-custom-control-spacer{display:none}

.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}

.video-js .vjs-progress-control.disabled{cursor:default}

.vjs-live .vjs-progress-control{display:none}

.vjs-liveui .vjs-progress-control{display:flex;align-items:center}

.vjs-no-flex .vjs-progress-control{width:auto}

.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}

.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}

.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}

.video-js .vjs-play-progress{background-color:#fff}

.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}

.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}

.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}

.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}

.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}

.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}

.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}

.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}

.video-js .vjs-slider.disabled{cursor:default}

.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}

.video-js .vjs-mute-control{cursor:pointer;flex:none}

.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}

.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}

.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}

.video-js .vjs-volume-panel{transition:width 1s}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}

.video-js .vjs-volume-panel{display:flex}

.video-js .vjs-volume-bar{margin:1.35em .45em}

.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}

.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}

.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}

.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}

.vjs-slider-vertical .vjs-volume-level{width:.3em}

.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}

.vjs-slider-horizontal .vjs-volume-level{height:.3em}

.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}

.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}

.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}

.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}

.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}

.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display{z-index:0}

.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display{display:none}

.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}

.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}

.vjs-has-started .vjs-poster{display:none}

.vjs-audio.vjs-has-started .vjs-poster{display:block}

.vjs-using-native-controls .vjs-poster{display:none}

.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}

.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}

.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}

.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}

.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}

.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}

.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}

.vjs-live .vjs-time-control{display:none}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}

.vjs-time-divider{display:none;line-height:3em}

.vjs-live .vjs-time-divider{display:none}

.video-js .vjs-play-control{cursor:pointer}

.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}

.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}

.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}

.vjs-subtitles{color:#fff}

.vjs-captions{color:#fc6}

.vjs-tt-cue{display:block}

video::-webkit-media-text-track-display{transform:translateY(-3em)}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}

.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}

.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}

.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}

.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}

.vjs-playback-rate .vjs-menu{width:4em;left:0}

.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}

.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}

.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:vjs-spinner-show 0s linear .3s forwards}

.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}

@keyframes vjs-spinner-show{to{visibility:visible}}

@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}

@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}

.vjs-chapters-button .vjs-menu ul{width:24em}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}

.video-js.vjs-layout-small .vjs-audio-button,.video-js.vjs-layout-small .vjs-captions-button,.video-js.vjs-layout-small .vjs-chapters-button,.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-descriptions-button,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-subtitles-button,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-audio-button,.video-js.vjs-layout-tiny .vjs-captions-button,.video-js.vjs-layout-tiny .vjs-chapters-button,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-descriptions-button,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-subtitles-button,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-audio-button,.video-js.vjs-layout-x-small .vjs-captions-button,.video-js.vjs-layout-x-small .vjs-chapters-button,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-descriptions-button,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-subtitles-button,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}

.video-js.vjs-layout-tiny .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}

.video-js.vjs-layout-tiny .vjs-custom-control-spacer,.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}

.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}

.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}

.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}

.vjs-text-track-settings .vjs-modal-dialog-content{display:table}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}

.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}

@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}

.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}

.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}

.vjs-text-track-settings fieldset span{display:inline-block}

.vjs-text-track-settings fieldset span>select{max-width:7.3em}

.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}

.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}

.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}

.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}

.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}

.vjs-track-settings-controls .vjs-default-button{margin-right:1em}

@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}

.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}

.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}

.video-js :focus:not(:focus-visible){outline:0}

.uppy-Root{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;position:relative;color:#333}

.uppy-Root[dir=rtl],[dir=rtl] .uppy-Root{text-align:right}

.uppy-Root *,.uppy-Root :after,.uppy-Root :before{box-sizing:inherit}

.uppy-Root [hidden]{display:none}

.uppy-u-reset{-webkit-appearance:none;line-height:1;padding:0;color:inherit;backface-visibility:visible;background:none;border:none;border-collapse:separate;-o-border-image:none;border-image:none;border-radius:0;border-spacing:0;box-shadow:none;clear:none;cursor:auto;display:inline;empty-cells:show;float:none;font-family:inherit;font-size:inherit;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;list-style:none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;z-index:auto}

[dir=rtl] .uppy-u-reset{text-align:right}

.uppy-c-textInput{border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1.5;padding:6px 8px;background-color:#fff}

.uppy-size--md .uppy-c-textInput{padding:8px 10px}

.uppy-c-textInput:focus{border-color:rgba(34,117,215,.6);outline:none;box-shadow:0 0 0 3px rgba(34,117,215,.15)}

[data-uppy-theme=dark] .uppy-c-textInput{background-color:#333;border-color:#333;color:#eaeaea}

[data-uppy-theme=dark] .uppy-c-textInput:focus{border-color:#525252;box-shadow:none}

.uppy-c-icon{max-width:100%;max-height:100%;fill:currentColor;display:inline-block;overflow:hidden}

.uppy-c-btn{display:inline-block;white-space:nowrap;font-family:inherit;font-size:18px;line-height:1;font-weight:500;transition-property:background-color,color;transition-duration:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.uppy-c-btn,[dir=rtl] .uppy-c-btn{text-align:center}

.uppy-c-btn:not(:disabled):not(.disabled){cursor:pointer}

.uppy-c-btn::-moz-focus-inner{border:0}

.uppy-c-btn-primary{font-size:14px;padding:10px 18px;border-radius:4px;background-color:#2275d7;color:#fff}

.uppy-c-btn-primary:hover{background-color:#1b5dab}

.uppy-c-btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(34,117,215,.4)}

.uppy-size--md .uppy-c-btn-primary{padding:13px 22px}

[data-uppy-theme=dark] .uppy-c-btn-primary{color:#eaeaea}

[data-uppy-theme=dark] .uppy-c-btn-primary:focus{outline:none}

[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner{border:0}

[data-uppy-theme=dark] .uppy-c-btn-primary:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}

.uppy-c-btn-link{font-size:14px;line-height:1;padding:10px 15px;border-radius:4px;background-color:transparent;color:#525252}

.uppy-c-btn-link:hover{color:#333}

.uppy-c-btn-link:focus{outline:none;box-shadow:0 0 0 3px rgba(34,117,215,.25)}

.uppy-size--md .uppy-c-btn-link{padding:13px 18px}

[data-uppy-theme=dark] .uppy-c-btn-link{color:#eaeaea}

[data-uppy-theme=dark] .uppy-c-btn-link:focus{outline:none}

[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner{border:0}

[data-uppy-theme=dark] .uppy-c-btn-link:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}

[data-uppy-theme=dark] .uppy-c-btn-link:hover{color:#939393}

.uppy-c-btn--small{font-size:.9em;padding:7px 16px;border-radius:2px}

.uppy-size--md .uppy-c-btn--small{padding:8px 10px;border-radius:2px}

.uppy-Informer{position:absolute;bottom:60px;left:0;right:0;text-align:center;opacity:1;transform:none;transition:all .25s ease-in;z-index:1005}

.uppy-Informer[aria-hidden=true]{opacity:0;transform:translateY(350%);transition:all .3s ease-in;z-index:-1000}

.uppy-Informer p{display:inline-block;margin:0;font-size:12px;line-height:1.4;font-weight:400;padding:6px 15px;background-color:#757575;color:#fff;border-radius:18px;max-width:90%}

.uppy-size--md .uppy-Informer p{font-size:14px;line-height:1.3;max-width:500px;padding:10px 20px}

[data-uppy-theme=dark] .uppy-Informer p{background-color:#333}

[dir=ltr] .uppy-Informer span{left:3px}

[dir=rtl] .uppy-Informer span{right:3px}

[dir=ltr] .uppy-Informer span{margin-left:-1px}

[dir=rtl] .uppy-Informer span{margin-right:-1px}

.uppy-Informer span{line-height:12px;width:13px;height:13px;display:inline-block;vertical-align:middle;color:#525252;background-color:#fff;border-radius:50%;position:relative;top:-1px;font-size:10px;-webkit-margin-start:-1px}

.uppy-Informer span:hover{cursor:help}

.uppy-Informer span:after{line-height:1.3;word-wrap:break-word}

.uppy-Root [aria-label][role~=tooltip]{position:relative}

.uppy-Root [aria-label][role~=tooltip]:after,.uppy-Root [aria-label][role~=tooltip]:before{transform:translateZ(0);backface-visibility:hidden;will-change:transform;opacity:0;pointer-events:none;transition:all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}

.uppy-Root [aria-label][role~=tooltip]:before{background-size:100% auto!important;content:""}

.uppy-Root [aria-label][role~=tooltip]:after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size,13px);font-weight:var(--microtip-font-weight,normal);text-transform:var(--microtip-text-transform,none);padding:.5em 1em;white-space:nowrap;box-sizing:content-box}

.uppy-Root [aria-label][role~=tooltip]:focus:after,.uppy-Root [aria-label][role~=tooltip]:focus:before,.uppy-Root [aria-label][role~=tooltip]:hover:after,.uppy-Root [aria-label][role~=tooltip]:hover:before{opacity:1;pointer-events:auto}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;height:6px;width:18px;margin-bottom:5px}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:after{margin-bottom:11px}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:before{transform:translate3d(-50%,0,0);bottom:100%;left:50%}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover:before{transform:translate3d(-50%,-5px,0)}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:after{transform:translate3d(-50%,0,0);bottom:100%;left:50%}

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover:after{transform:translate3d(-50%,-5px,0)}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover:after{transform:translate3d(calc(-100% + 16px),-5px,0)}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:after{transform:translate3d(-16px,0,0);bottom:100%}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover:after{transform:translate3d(-16px,-5px,0)}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after{margin-top:11px}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover:before{transform:translate3d(-50%,0,0)}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover:after{transform:translate3d(-50%,0,0)}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover:after{transform:translate3d(calc(-100% + 16px),0,0)}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:after{transform:translate3d(-16px,-10px,0);top:100%}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover:after{transform:translate3d(-16px,0,0)}

.uppy-Root [role~=tooltip][data-microtip-position=left]:after,.uppy-Root [role~=tooltip][data-microtip-position=left]:before{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}

.uppy-Root [role~=tooltip][data-microtip-position=left]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}

.uppy-Root [role~=tooltip][data-microtip-position=left]:after{margin-right:11px}

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:after,.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:before{transform:translate3d(0,-50%,0)}

.uppy-Root [role~=tooltip][data-microtip-position=right]:after,.uppy-Root [role~=tooltip][data-microtip-position=right]:before{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}

.uppy-Root [role~=tooltip][data-microtip-position=right]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}

.uppy-Root [role~=tooltip][data-microtip-position=right]:after{margin-left:11px}

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:after,.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:before{transform:translate3d(0,-50%,0)}

.uppy-Root [role~=tooltip][data-microtip-size=small]:after{white-space:normal;width:80px}

.uppy-Root [role~=tooltip][data-microtip-size=medium]:after{white-space:normal;width:150px}

.uppy-Root [role~=tooltip][data-microtip-size=large]:after{white-space:normal;width:260px}

.uppy-StatusBar{display:flex;position:relative;height:40px;line-height:40px;font-size:12px;font-weight:400;color:#fff;background-color:#fff;z-index:1001;transition:height .2s}

.uppy-size--md .uppy-StatusBar{height:46px}

[data-uppy-theme=dark] .uppy-StatusBar{background-color:#1f1f1f}

.uppy-StatusBar:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:2px;background-color:#eaeaea}

[data-uppy-theme=dark] .uppy-StatusBar:before{background-color:#757575}

.uppy-StatusBar[aria-hidden=true]{overflow-y:hidden;height:0}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress{background-color:#1bb240}

.uppy-StatusBar.is-error .uppy-StatusBar-progress{background-color:#e32437}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator{color:#1bb240}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator{color:#e32437}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting{background-color:#fff;height:65px;border-top:1px solid #eaeaea}

[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting{background-color:#1f1f1f;border-top:1px solid #333}

.uppy-StatusBar-progress{background-color:#2275d7;height:2px;position:absolute;z-index:1001;transition:background-color,width .3s ease-out}

.uppy-StatusBar-progress.is-indeterminate{background-size:64px 64px;background-image:linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 0,transparent 50%,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 75%,transparent 0,transparent);animation:uppy-StatusBar-ProgressStripes 1s linear infinite}

@keyframes uppy-StatusBar-ProgressStripes{0%{background-position:0 0}to{background-position:64px 0}}

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress,.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress{background-color:#f6a623}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress{display:none}

[dir=ltr] .uppy-StatusBar-content{padding-left:10px}

[dir=rtl] .uppy-StatusBar-content{padding-right:10px}

.uppy-StatusBar-content{display:flex;align-items:center;position:relative;z-index:1002;-webkit-padding-start:10px;white-space:nowrap;text-overflow:ellipsis;color:#333;height:100%}

[dir=ltr] .uppy-size--md .uppy-StatusBar-content{padding-left:15px}

[dir=rtl] .uppy-size--md .uppy-StatusBar-content{padding-right:15px}

.uppy-size--md .uppy-StatusBar-content{-webkit-padding-start:15px}

[data-uppy-theme=dark] .uppy-StatusBar-content{color:#eaeaea}

[dir=ltr] .uppy-StatusBar-status{padding-right:.3em}

[dir=rtl] .uppy-StatusBar-status{padding-left:.3em}

.uppy-StatusBar-status{line-height:1.4;font-weight:400;display:flex;flex-direction:column;justify-content:center;-webkit-padding-end:.3em}

.uppy-StatusBar-statusPrimary{font-weight:500;line-height:1}

[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary{color:#eaeaea}

.uppy-StatusBar-statusSecondary{margin-top:1px;font-size:11px;line-height:1.2;display:inline-block;color:#757575;white-space:nowrap}

[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary{color:#bbb}

[dir=ltr] .uppy-StatusBar-statusSecondaryHint{margin-right:5px}

[dir=rtl] .uppy-StatusBar-statusSecondaryHint{margin-left:5px}

.uppy-StatusBar-statusSecondaryHint{display:inline-block;vertical-align:middle;-webkit-margin-end:5px;line-height:1}

[dir=ltr] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{margin-right:8px}

[dir=rtl] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{margin-left:8px}

.uppy-size--md .uppy-StatusBar-statusSecondaryHint{-webkit-margin-end:8px}

[dir=ltr] .uppy-StatusBar-statusIndicator{margin-right:7px}

[dir=rtl] .uppy-StatusBar-statusIndicator{margin-left:7px}

.uppy-StatusBar-statusIndicator{position:relative;top:1px;color:#525252;-webkit-margin-end:7px}

.uppy-StatusBar-statusIndicator svg{vertical-align:text-bottom}

[dir=ltr] .uppy-StatusBar-actions{right:10px}

[dir=rtl] .uppy-StatusBar-actions{left:10px}

.uppy-StatusBar-actions{display:flex;align-items:center;position:absolute;top:0;bottom:0;z-index:1004}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions{width:100%;height:100%;position:static;padding:0 15px;background-color:#fafafa}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions{background-color:#1f1f1f}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts{height:90px;flex-direction:column}

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts{height:65px;flex-direction:row}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions{flex-direction:column;justify-content:center}

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions{flex-direction:row;justify-content:normal}

.uppy-StatusBar-actionCircleBtn{line-height:1;cursor:pointer;margin:3px;opacity:.9}

.uppy-StatusBar-actionCircleBtn:focus{outline:none}

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner{border:0}

.uppy-StatusBar-actionCircleBtn:focus{box-shadow:0 0 0 3px rgba(34,117,215,.5)}

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus{outline:none}

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner{border:0}

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}

.uppy-StatusBar-actionCircleBtn:hover{opacity:1}

.uppy-StatusBar-actionCircleBtn:focus{border-radius:50%}

.uppy-StatusBar-actionCircleBtn svg{vertical-align:bottom}

.uppy-StatusBar-actionBtn{display:inline-block;vertical-align:middle;font-size:10px;line-height:inherit;color:#2275d7}

.uppy-size--md .uppy-StatusBar-actionBtn{font-size:11px}

.uppy-StatusBar-actionBtn--disabled{opacity:.4}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled{opacity:.7}

[dir=ltr] .uppy-StatusBar-actionBtn--retry{margin-right:6px}

[dir=rtl] .uppy-StatusBar-actionBtn--retry{margin-left:6px}

.uppy-StatusBar-actionBtn--retry{height:16px;border-radius:8px;-webkit-margin-end:6px;background-color:#ff4b23;line-height:1;color:#fff;padding:1px 6px 3px 18px;position:relative}

.uppy-StatusBar-actionBtn--retry:focus{outline:none}

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner{border:0}

.uppy-StatusBar-actionBtn--retry:focus{box-shadow:0 0 0 3px rgba(34,117,215,.5)}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus{outline:none}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner{border:0}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}

.uppy-StatusBar-actionBtn--retry:hover{background-color:#f92d00}

[dir=ltr] .uppy-StatusBar-actionBtn--retry svg{left:6px}

[dir=rtl] .uppy-StatusBar-actionBtn--retry svg{right:6px}

.uppy-StatusBar-actionBtn--retry svg{position:absolute;top:3px}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload{font-size:14px;width:100%;padding:15px 10px;color:#fff;background-color:#1bb240;line-height:1}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover{background-color:#189c38}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload{background-color:#1c8b37}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover{background-color:#18762f}

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload{padding:13px 22px;width:auto}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover{cursor:not-allowed;background-color:#1bb240}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover{background-color:#1c8b37}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload{background-color:transparent;color:#2275d7}

[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded{padding-right:3px}

[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded,[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded{padding-left:3px}

[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded{padding-right:3px}

.uppy-StatusBar-actionBtn--uploadNewlyAdded{-webkit-padding-end:3px;-webkit-padding-start:3px;padding-bottom:1px;border-radius:3px}

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{outline:none}

.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner{border:0}

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{box-shadow:0 0 0 3px rgba(34,117,215,.5)}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{outline:none}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner{border:0}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}

.uppy-StatusBar-actionBtn--done{line-height:1;border-radius:3px;padding:7px 8px}

.uppy-StatusBar-actionBtn--done:focus{outline:none}

.uppy-StatusBar-actionBtn--done::-moz-focus-inner{border:0}

.uppy-StatusBar-actionBtn--done:hover{color:#1b5dab}

.uppy-StatusBar-actionBtn--done:focus{background-color:#eceef2}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus{background-color:#333}

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done{color:#02baf2}

.uppy-size--md .uppy-StatusBar-actionBtn--done{font-size:14px}

.uppy-StatusBar-serviceMsg{font-size:11px;line-height:1.1;color:#000;padding-left:10px}

.uppy-size--md .uppy-StatusBar-serviceMsg{font-size:14px;padding-left:15px}

[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg{color:#eaeaea}

.uppy-StatusBar-serviceMsg-ghostsIcon{opacity:.5;vertical-align:text-bottom;position:relative;top:2px;left:6px;width:10px}

.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon{width:15px;left:10px;top:1px}

[dir=ltr] .uppy-StatusBar-details{left:2px}

[dir=rtl] .uppy-StatusBar-details{right:2px}

.uppy-StatusBar-details{line-height:12px;width:13px;height:13px;display:inline-block;vertical-align:middle;color:#fff;background-color:#939393;border-radius:50%;position:relative;top:0;font-size:10px;font-weight:600;text-align:center;cursor:help}

.uppy-StatusBar-details:after{line-height:1.3;word-wrap:break-word}

[dir=ltr] .uppy-StatusBar-spinner{margin-right:10px}

[dir=rtl] .uppy-StatusBar-spinner{margin-left:10px}

.uppy-StatusBar-spinner{animation-name:uppy-StatusBar-spinnerAnimation;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-margin-end:10px;fill:#2275d7}

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner,.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner{fill:#f6a623}

@keyframes uppy-StatusBar-spinnerAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:6px}

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list:after{content:"";flex:auto}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem{width:50%;position:relative;margin:0}

.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem{width:33.3333%}

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem{width:25%}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem:before{content:"";padding-top:100%;display:block}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg{opacity:.85}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled{opacity:.5}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner{background-color:hsla(0,0%,57.6%,.2)}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner{background-color:hsla(0,0%,91.8%,.2)}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg{fill:rgba(0,0,0,.7);width:30%;height:30%}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg{fill:hsla(0,0%,100%,.8)}

.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner{border-radius:4px;overflow:hidden;position:absolute;top:7px;left:7px;right:7px;bottom:7px;text-align:center;width:calc(100% - 14px);height:calc(100% - 14px)}

.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner:focus{outline:none;box-shadow:0 0 0 3px rgba(34,117,215,.9)}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner{box-shadow:0 0 0 3px rgba(170,225,255,.7)}

.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox{position:absolute;top:16px;right:16px;width:26px;height:26px;background-color:#2275d7;border-radius:50%;z-index:1002;opacity:0}

[dir=ltr] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{left:7px}

[dir=rtl] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{right:7px}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{width:12px;height:7px;top:8px}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox--is-checked{opacity:1}

.uppy-ProviderBrowser-viewType--list{background-color:#fff}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list{background-color:#1f1f1f}

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem{display:flex;align-items:center;padding:7px 15px;margin:0}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem{color:#eaeaea}

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled{opacity:.6}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{margin-right:15px}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{margin-left:15px}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{-webkit-margin-end:15px;height:17px;width:17px;border-radius:3px;background-color:#fff;border:1px solid #cfcfcf}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus{border:1px solid #2275d7;box-shadow:0 0 0 3px rgba(34,117,215,.25);outline:none}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:after{left:3px}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:after{right:3px}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:after{opacity:0;height:5px;width:9px;top:4px}

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus{border-color:rgba(2,186,242,.7);box-shadow:0 0 0 3px rgba(2,186,242,.2)}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked{background-color:#2275d7;border-color:#2275d7}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked:after{opacity:1}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:2px}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus{outline:none;text-decoration:underline}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{margin-right:8px}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{margin-left:8px}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{-webkit-margin-end:8px;max-width:20px;max-height:20px}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.2}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner{cursor:default}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{margin-right:7px}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{margin-left:7px}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{width:20px;-webkit-margin-end:7px}

.uppy-ProviderBrowserItem-fakeCheckbox{position:relative;cursor:pointer;flex-shrink:0}

.uppy-ProviderBrowserItem-fakeCheckbox:disabled{cursor:default}

.uppy-ProviderBrowserItem-fakeCheckbox:after{content:"";position:absolute;cursor:pointer;border-left:2px solid #eaeaea;border-bottom:2px solid #eaeaea;transform:rotate(-45deg)}

.uppy-ProviderBrowserItem-fakeCheckbox:disabled:after{cursor:default}

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox{background-color:#1f1f1f;border-color:#939393}

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox--is-checked{background-color:#333}

.uppy-SearchProvider{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}

[data-uppy-theme=dark] .uppy-SearchProvider{background-color:#1f1f1f}

.uppy-SearchProvider-input{width:90%;max-width:650px;margin-bottom:15px}

.uppy-size--md .uppy-SearchProvider-input{margin-bottom:20px}

.uppy-SearchProvider-searchButton{padding:13px 25px}

.uppy-size--md .uppy-SearchProvider-searchButton{padding:13px 30px}

.uppy-DashboardContent-panelBody{display:flex;align-items:center;justify-content:center;flex:1}

[data-uppy-theme=dark] .uppy-DashboardContent-panelBody{background-color:#1f1f1f}

.uppy-Provider-auth,.uppy-Provider-empty,.uppy-Provider-error,.uppy-Provider-loading{display:flex;align-items:center;justify-content:center;flex-flow:column wrap;flex:1;color:#939393}

.uppy-Provider-empty{color:#939393}

.uppy-Provider-authIcon svg{width:100px;height:75px;margin-bottom:15px}

.uppy-Provider-authTitle{font-size:17px;line-height:1.4;font-weight:400;margin-bottom:30px;padding:0 15px;max-width:500px;text-align:center;color:#757575}

.uppy-size--md .uppy-Provider-authTitle{font-size:20px}

[data-uppy-theme=dark] .uppy-Provider-authTitle{color:#cfcfcf}

[dir=ltr] .uppy-Provider-breadcrumbs{text-align:left}

[dir=rtl] .uppy-Provider-breadcrumbs{text-align:right}

.uppy-Provider-breadcrumbs{flex:1;color:#525252;font-size:12px;margin-bottom:10px}

.uppy-size--md .uppy-Provider-breadcrumbs{margin-bottom:0}

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs{color:#eaeaea}

[dir=ltr] .uppy-Provider-breadcrumbsIcon{margin-right:4px}

[dir=rtl] .uppy-Provider-breadcrumbsIcon{margin-left:4px}

.uppy-Provider-breadcrumbsIcon{display:inline-block;color:#525252;vertical-align:middle;-webkit-margin-end:4px;line-height:1}

.uppy-Provider-breadcrumbsIcon svg{width:13px;height:13px;fill:#525252}

.uppy-Provider-breadcrumbs button{display:inline-block;line-height:inherit;padding:4px;border-radius:3px}

.uppy-Provider-breadcrumbs button:focus{outline:none}

.uppy-Provider-breadcrumbs button::-moz-focus-inner{border:0}

.uppy-Provider-breadcrumbs button:hover{color:#1b5dab}

.uppy-Provider-breadcrumbs button:focus{background-color:#eceef2}

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus{background-color:#333}

.uppy-Provider-breadcrumbs button:hover{text-decoration:underline;cursor:pointer}

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button{color:#eaeaea}

.uppy-ProviderBrowser{display:flex;flex-direction:column;flex:1;font-size:14px;font-weight:400;height:100%}

.uppy-ProviderBrowser-user{margin:0 8px 0 0;font-weight:500;color:#333}

[data-uppy-theme=dark] .uppy-ProviderBrowser-user{color:#eaeaea}

[dir=ltr] .uppy-ProviderBrowser-user:after{left:4px}

[dir=rtl] .uppy-ProviderBrowser-user:after{right:4px}

.uppy-ProviderBrowser-user:after{content:"·";position:relative;color:#939393;font-weight:400}

.uppy-ProviderBrowser-header{z-index:1001;border-bottom:1px solid #eaeaea;position:relative}

[data-uppy-theme=dark] .uppy-ProviderBrowser-header{border-bottom:1px solid #333}

.uppy-ProviderBrowser-headerBar{padding:7px 15px;background-color:#fafafa;z-index:1001;color:#757575;line-height:1.4;font-size:12px}

.uppy-size--md .uppy-ProviderBrowser-headerBar{display:flex;align-items:center}

[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar{background-color:#1f1f1f}

.uppy-ProviderBrowser-headerBar--simple{text-align:center;display:block;justify-content:center}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap{flex:none;display:inline-block;vertical-align:middle}

.uppy-ProviderBrowser-search{width:100%;background-color:#fff;position:relative;height:30px;margin-top:10px;margin-bottom:5px;display:flex;align-items:center}

[data-uppy-theme=dark] .uppy-ProviderBrowser-search{background-color:#1f1f1f}

[dir=ltr] .uppy-ProviderBrowser-searchIcon{left:16px}

[dir=rtl] .uppy-ProviderBrowser-searchIcon{right:16px}

.uppy-ProviderBrowser-searchIcon{position:absolute;width:12px;height:12px;z-index:1002;color:#bbb}

[dir=ltr] .uppy-ProviderBrowser-searchInput{padding-left:27px}

[dir=rtl] .uppy-ProviderBrowser-searchInput{padding-right:27px}

.uppy-ProviderBrowser-searchInput{width:100%;height:30px;background-color:transparent;outline:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:12px;line-height:1.4;border:0;margin:0 8px;-webkit-padding-start:27px;z-index:1001;border-radius:4px}

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput{background-color:#1f1f1f;color:#eaeaea}

.uppy-ProviderBrowser-searchInput:focus{outline:0;background-color:#f4f4f4}

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus{background-color:#333}

[dir=ltr] .uppy-ProviderBrowser-searchClose{right:12px}

[dir=rtl] .uppy-ProviderBrowser-searchClose{left:12px}

.uppy-ProviderBrowser-searchClose{position:absolute;width:22px;height:22px;padding:6px;top:4px;z-index:1002;color:#939393;cursor:pointer}

.uppy-ProviderBrowser-searchClose:hover{color:#757575}

.uppy-ProviderBrowser-searchClose svg{vertical-align:text-top}

.uppy-ProviderBrowser-searchInput::-moz-placeholder{color:#939393;opacity:1}

.uppy-ProviderBrowser-searchInput::placeholder{color:#939393;opacity:1}

.uppy-ProviderBrowser-userLogout{cursor:pointer;line-height:inherit;color:#2275d7;padding:4px;border-radius:3px}

.uppy-ProviderBrowser-userLogout:focus{outline:none}

.uppy-ProviderBrowser-userLogout::-moz-focus-inner{border:0}

.uppy-ProviderBrowser-userLogout:hover{color:#1b5dab}

.uppy-ProviderBrowser-userLogout:focus{background-color:#eceef2}

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus{background-color:#333}

.uppy-ProviderBrowser-userLogout:hover{text-decoration:underline}

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout{color:#eaeaea}

.uppy-ProviderBrowser-body{flex:1;position:relative}

.uppy-ProviderBrowser-list{flex:1;position:relative;display:block;width:100%;height:100%;background-color:#fff;border-spacing:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:absolute;top:0;bottom:0;left:0;right:0;list-style:none;margin:0;padding:0}

[data-uppy-theme=dark] .uppy-ProviderBrowser-list{background-color:#1f1f1f}

.uppy-ProviderBrowser-list:focus{outline:none}

.uppy-ProviderBrowserItem-inner{cursor:pointer;font-weight:500;font-size:13px}

.uppy-ProviderBrowser-footer{display:flex;align-items:center;background-color:#fff;height:65px;border-top:1px solid #eaeaea;padding:0 15px}

[dir=ltr] .uppy-ProviderBrowser-footer button{margin-right:8px}

[dir=rtl] .uppy-ProviderBrowser-footer button{margin-left:8px}

.uppy-ProviderBrowser-footer button{-webkit-margin-end:8px}

[data-uppy-theme=dark] .uppy-ProviderBrowser-footer{background-color:#1f1f1f;border-top:1px solid #333}

.uppy-Dashboard-Item-previewInnerWrap{width:100%;height:100%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 0 2px 0 rgba(0,0,0,.4);border-radius:3px}

.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap{box-shadow:0 1px 2px rgba(0,0,0,.15)}

.uppy-Dashboard-Item-previewInnerWrap:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.65);display:none;z-index:1001}

.uppy-Dashboard-Item-previewLink{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1002}

.uppy-Dashboard-Item-previewLink:focus{box-shadow:inset 0 0 0 3px #76abe9}

[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus{box-shadow:inset 0 0 0 3px #016c8d}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateZ(0);border-radius:3px}

.uppy-Dashboard-Item-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;color:#fff;text-align:center;width:120px;transition:all .35 ease}

.uppy-Dashboard-Item-progressIndicator{display:inline-block;width:38px;height:38px;opacity:.9}

.uppy-size--md .uppy-Dashboard-Item-progressIndicator{width:55px;height:55px}

button.uppy-Dashboard-Item-progressIndicator{cursor:pointer}

button.uppy-Dashboard-Item-progressIndicator:focus{outline:none}

button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner{border:0}

button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry{fill:#76abe9}

.uppy-Dashboard-Item-progressIcon--circle{width:100%;height:100%}

.uppy-Dashboard-Item-progressIcon--bg{stroke:hsla(0,0%,100%,.4)}

.uppy-Dashboard-Item-progressIcon--progress{stroke:#fff;transition:stroke-dashoffset .5s ease-out}

.uppy-Dashboard-Item-progressIcon--play{stroke:#fff;fill:#fff;transition:all .2s}

.uppy-Dashboard-Item-progressIcon--cancel{fill:#fff;transition:all .2s}

.uppy-Dashboard-Item-progressIcon--pause{stroke:#fff;fill:#fff;transition:all .2s}

.uppy-Dashboard-Item-progressIcon--check{fill:#fff;transition:all .2s}

.uppy-Dashboard-Item-progressIcon--retry{fill:#fff}

[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{right:-8px}

[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{left:-8px}

[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{left:auto}

[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{right:auto}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{transform:none;top:-9px;width:auto}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator{width:18px;height:18px}

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator{width:28px;height:28px}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator{width:18px;height:18px;opacity:1}

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator{width:22px;height:22px}

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress{opacity:0}

[dir=ltr] .uppy-Dashboard-Item-fileInfo{padding-right:5px}

[dir=rtl] .uppy-Dashboard-Item-fileInfo{padding-left:5px}

.uppy-Dashboard-Item-fileInfo{-webkit-padding-end:5px}

.uppy-Dashboard-Item-name{font-size:12px;line-height:1.3;font-weight:500;margin-bottom:5px;word-break:break-all;word-wrap:anywhere}

[data-uppy-theme=dark] .uppy-Dashboard-Item-name{color:#eaeaea}

.uppy-Dashboard-Item-status{font-size:11px;line-height:1;font-weight:400;color:#757575}

[data-uppy-theme=dark] .uppy-Dashboard-Item-status{color:#bbb}

.uppy-Dashboard-Item-statusSize{display:inline-block;vertical-align:bottom;text-transform:uppercase}

.uppy-Dashboard-Item-reSelect{font-family:inherit;font-size:inherit;font-weight:600;color:#2275d7}

.uppy-Dashboard-Item-action{cursor:pointer;color:#939393}

.uppy-Dashboard-Item-action:focus{outline:none}

.uppy-Dashboard-Item-action::-moz-focus-inner{border:0}

.uppy-Dashboard-Item-action:focus{box-shadow:0 0 0 3px rgba(34,117,215,.5)}

.uppy-Dashboard-Item-action:hover{opacity:1;color:#1f1f1f}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action{color:#cfcfcf}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus{outline:none}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner{border:0}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus{box-shadow:0 0 0 2px rgba(170,225,255,.85)}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover{color:#eaeaea}

.uppy-Dashboard-Item-action--remove{color:#1f1f1f;opacity:.95}

.uppy-Dashboard-Item-action--remove:hover{opacity:1;color:#000}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove{color:#525252}

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover{color:#333}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper{display:flex;align-items:center}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action{width:22px;height:22px;padding:3px;margin-left:3px}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus{border-radius:3px}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink,.uppy-size--md .uppy-Dashboard-Item-action--edit{width:16px;height:16px;padding:0}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,.uppy-size--md .uppy-Dashboard-Item-action--edit:focus{border-radius:3px}

[dir=ltr] .uppy-size--md .uppy-Dashboard-Item-action--remove{right:-8px}

[dir=rtl] .uppy-size--md .uppy-Dashboard-Item-action--remove{left:-8px}

.uppy-size--md .uppy-Dashboard-Item-action--remove{z-index:1002;position:absolute;top:-8px;width:18px;height:18px;padding:0}

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus{border-radius:50%}

[dir=ltr] .uppy-Dashboard-Item{padding-right:0}

[dir=rtl] .uppy-Dashboard-Item{padding-left:0}

.uppy-Dashboard-Item{display:flex;align-items:center;border-bottom:1px solid #eaeaea;padding:10px;-webkit-padding-end:0}

[data-uppy-theme=dark] .uppy-Dashboard-Item{border-bottom:1px solid #333}

[dir=ltr] .uppy-size--md .uppy-Dashboard-Item{float:left}

[dir=rtl] .uppy-size--md .uppy-Dashboard-Item{float:right}

.uppy-size--md .uppy-Dashboard-Item{position:relative;display:block;margin:5px 15px;padding:0;width:calc(33.333% - 30px);height:215px;border-bottom:0}

.uppy-size--lg .uppy-Dashboard-Item{margin:5px 15px;width:calc(25% - 30px);height:190px}

.uppy-size--xl .uppy-Dashboard-Item{width:calc(20% - 30px);height:210px}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap{opacity:.2}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name{opacity:.7}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 10px;background-size:25px;z-index:1005;opacity:.5}

.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before{background-size:40px;background-position:50% 50%}

.uppy-Dashboard-Item-preview{position:relative}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview{flex-shrink:0;flex-grow:0;width:50px;height:50px}

.uppy-size--md .uppy-Dashboard-Item-preview{width:100%;height:140px}

.uppy-size--lg .uppy-Dashboard-Item-preview{height:120px}

.uppy-size--xl .uppy-Dashboard-Item-preview{height:140px}

[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons{padding-right:8px}

[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons{padding-left:8px}

[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons{padding-left:12px}

[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons{padding-right:12px}

.uppy-Dashboard-Item-fileInfoAndButtons{flex-grow:1;-webkit-padding-end:8px;-webkit-padding-start:12px;display:flex;align-items:center;justify-content:space-between}

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons{align-items:flex-start;width:100%;padding:9px 0 0}

.uppy-Dashboard-Item-fileInfo{flex-grow:1;flex-shrink:1}

.uppy-Dashboard-Item-actionWrapper{flex-grow:0;flex-shrink:0}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after,.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after{display:block}

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove{display:none}

[dir=ltr] .uppy-Dashboard-Item-errorDetails{left:6px}

[dir=rtl] .uppy-Dashboard-Item-errorDetails{right:6px}

.uppy-Dashboard-Item-errorDetails{line-height:12px;width:12px;height:12px;display:inline-block;vertical-align:middle;color:#fff;background-color:#939393;border-radius:50%;position:relative;top:-1px;font-size:8px;font-weight:600;text-align:center;cursor:help}

.uppy-Dashboard-Item-errorDetails:after{line-height:1.3;word-wrap:break-word}

.uppy-Dashboard-FileCard{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1005;box-shadow:0 0 10px 4px rgba(0,0,0,.1);background-color:#fff;border-radius:5px;display:flex;flex-direction:column}

.uppy-Dashboard-FileCard .uppy-DashboardContent-bar{border-top-left-radius:5px;border-top-right-radius:5px}

.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions{border-bottom-left-radius:5px;border-bottom-right-radius:5px}

.uppy-Dashboard-FileCard-inner{height:100%;flex-grow:1;flex-direction:column}

.uppy-Dashboard-FileCard-inner,.uppy-Dashboard-FileCard-preview{flex-shrink:1;min-height:0;display:flex}

.uppy-Dashboard-FileCard-preview{height:60%;flex-grow:0;border-bottom:1px solid #eaeaea;align-items:center;justify-content:center;position:relative}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview{background-color:#333;border-bottom:0}

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg{max-width:90%;max-height:90%;-o-object-fit:cover;object-fit:cover;flex:0 0 auto;border-radius:3px;box-shadow:0 3px 20px rgba(0,0,0,.15)}

[dir=ltr] .uppy-Dashboard-FileCard-edit{right:10px}

[dir=rtl] .uppy-Dashboard-FileCard-edit{left:10px}

.uppy-Dashboard-FileCard-edit{position:absolute;top:10px;font-size:13px;background-color:rgba(0,0,0,.5);color:#fff;padding:7px 15px;border-radius:50px}

.uppy-Dashboard-FileCard-edit:focus{outline:none}

.uppy-Dashboard-FileCard-edit::-moz-focus-inner{border:0}

.uppy-Dashboard-FileCard-edit:focus{box-shadow:0 0 0 3px rgba(34,117,215,.5)}

.uppy-Dashboard-FileCard-edit:hover{background-color:rgba(0,0,0,.8)}

.uppy-Dashboard-FileCard-info{height:40%;flex-grow:0;flex-shrink:0;padding:30px 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info{background-color:#1f1f1f}

.uppy-Dashboard-FileCard-fieldset{font-size:0;border:0;padding:0;max-width:640px;margin:auto auto 12px}

.uppy-Dashboard-FileCard-label{display:inline-block;vertical-align:middle;width:22%;font-size:12px;color:#525252}

.uppy-size--md .uppy-Dashboard-FileCard-label{font-size:14px}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label{color:#eaeaea}

.uppy-Dashboard-FileCard-input{display:inline-block;vertical-align:middle;width:78%}

.uppy-Dashboard-FileCard-actions{height:55px;flex-shrink:0;flex-grow:0;border-top:1px solid #eaeaea;padding:0 15px;background-color:#fafafa;display:flex;align-items:center}

.uppy-size--md .uppy-Dashboard-FileCard-actions{height:65px}

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions{border-top:1px solid #333;background-color:#1f1f1f}

[dir=ltr] .uppy-Dashboard-FileCard-actionsBtn{margin-right:10px}

[dir=rtl] .uppy-Dashboard-FileCard-actionsBtn{margin-left:10px}

.uppy-Dashboard-FileCard-actionsBtn{-webkit-margin-end:10px}

.uppy-transition-slideDownUp-enter{opacity:.01;transform:translate3d(0,-105%,0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active{opacity:1;transform:translateZ(0)}

.uppy-transition-slideDownUp-leave{opacity:1;transform:translateZ(0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active{opacity:.01;transform:translate3d(0,-105%,0)}

@keyframes uppy-Dashboard-fadeIn{0%{opacity:0}to{opacity:1}}

@keyframes uppy-Dashboard-fadeOut{0%{opacity:1}to{opacity:0}}

@keyframes uppy-Dashboard-slideDownAndFadeIn{0%{transform:translate3d(-50%,-70%,0);opacity:0}to{transform:translate3d(-50%,-50%,0);opacity:1}}

@keyframes uppy-Dashboard-slideDownAndFadeIn--small{0%{transform:translate3d(0,-20%,0);opacity:0}to{transform:translateZ(0);opacity:1}}

@keyframes uppy-Dashboard-slideUpFadeOut{0%{transform:translate3d(-50%,-50%,0);opacity:1}to{transform:translate3d(-50%,-70%,0);opacity:0}}

@keyframes uppy-Dashboard-slideUpFadeOut--small{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20%,0);opacity:0}}

.uppy-Dashboard--modal{z-index:1001}

.uppy-Dashboard--modal[aria-hidden=true]{display:none}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideDownAndFadeIn--small .3s cubic-bezier(0,0,.2,1)}

@media only screen and (min-width:820px){.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideDownAndFadeIn .3s cubic-bezier(0,0,.2,1)}}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-overlay{animation:uppy-Dashboard-fadeIn .3s cubic-bezier(0,0,.2,1)}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideUpFadeOut--small .3s cubic-bezier(0,0,.2,1)}

@media only screen and (min-width:820px){.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideUpFadeOut .3s cubic-bezier(0,0,.2,1)}}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing>.uppy-Dashboard-overlay{animation:uppy-Dashboard-fadeOut .3s cubic-bezier(0,0,.2,1)}

.uppy-Dashboard-isFixed{overflow:hidden;height:100vh}

.uppy-Dashboard--modal .uppy-Dashboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1001}

.uppy-Dashboard-inner{position:relative;background-color:#fafafa;max-width:100%;max-height:100%;outline:none;border:1px solid #eaeaea;border-radius:5px}

.uppy-size--md .uppy-Dashboard-inner{min-height:auto}

@media only screen and (min-width:820px){.uppy-Dashboard-inner{width:750px;height:550px}}

.uppy-Dashboard--modal .uppy-Dashboard-inner{z-index:1002}

[data-uppy-theme=dark] .uppy-Dashboard-inner{background-color:#1f1f1f}

.uppy-Dashboard--isDisabled .uppy-Dashboard-inner{cursor:not-allowed}

.uppy-Dashboard-innerWrap{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;border-radius:5px;opacity:0}

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap{opacity:1}

.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap{pointer-events:none;opacity:.6;filter:grayscale(100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg{fill:#9f9f9f}

.uppy-Dashboard--modal .uppy-Dashboard-inner{position:fixed;top:35px;left:15px;right:15px;bottom:15px;border:none}

@media only screen and (min-width:820px){.uppy-Dashboard--modal .uppy-Dashboard-inner{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 5px 15px 4px rgba(0,0,0,.15)}}

[dir=ltr] .uppy-Dashboard-close{right:-2px}

[dir=rtl] .uppy-Dashboard-close{left:-2px}

.uppy-Dashboard-close{display:block;position:absolute;top:-33px;cursor:pointer;color:hsla(0,0%,100%,.9);font-size:27px;z-index:1005}

.uppy-Dashboard-close:focus{outline:none}

.uppy-Dashboard-close::-moz-focus-inner{border:0}

.uppy-Dashboard-close:focus{color:#8cb8ed}

@media only screen and (min-width:820px){[dir=ltr] .uppy-Dashboard-close{right:-35px}[dir=rtl] .uppy-Dashboard-close{left:-35px}.uppy-Dashboard-close{font-size:35px;top:-10px}}

.uppy-Dashboard-serviceMsg{background-color:#fffbf7;border-top:1px solid #edd4b9;border-bottom:1px solid #edd4b9;font-size:12px;line-height:1.3;font-weight:500;padding:12px 0;position:relative;top:-1px;z-index:1004}

.uppy-size--md .uppy-Dashboard-serviceMsg{font-size:14px;line-height:1.4}

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg{background-color:#1f1f1f;color:#eaeaea;border-top:1px solid #333;border-bottom:1px solid #333}

.uppy-Dashboard-serviceMsg-title{display:block;margin-bottom:4px;padding-left:42px;line-height:1}

.uppy-Dashboard-serviceMsg-text{padding:0 15px}

.uppy-Dashboard-serviceMsg-actionBtn{font-size:inherit;font-weight:inherit;vertical-align:initial;color:#2275d7}

[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn{color:rgba(2,186,242,.9)}

.uppy-Dashboard-serviceMsg-icon{position:absolute;top:10px;left:15px}

.uppy-Dashboard-AddFiles{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;position:relative;text-align:center}

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles{margin:7px;height:calc(100% - 14px);border-radius:3px;border:1px dashed #dfdfdf}

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles{border:none;height:calc(100% - 54px)}

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles{border-color:#cfcfcf}

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles{border-color:#757575}

.uppy-Dashboard-AddFiles-info{padding-top:15px;padding-bottom:15px;margin-top:auto;display:none}

.uppy-size--height-md .uppy-Dashboard-AddFiles-info{display:block}

.uppy-size--md .uppy-Dashboard-AddFiles-info{position:absolute;bottom:25px;left:0;right:0;padding-top:30px;padding-bottom:0}

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info{margin-top:0}

.uppy-Dashboard-browse{cursor:pointer;color:rgba(34,117,215,.9)}

.uppy-Dashboard-browse:focus{outline:none}

.uppy-Dashboard-browse::-moz-focus-inner{border:0}

.uppy-Dashboard-browse:focus,.uppy-Dashboard-browse:hover{border-bottom:1px solid #2275d7}

[data-uppy-theme=dark] .uppy-Dashboard-browse{color:rgba(2,186,242,.9)}

[data-uppy-theme=dark] .uppy-Dashboard-browse:focus,[data-uppy-theme=dark] .uppy-Dashboard-browse:hover{border-bottom:1px solid #02baf2}

.uppy-Dashboard-browseBtn{display:block;font-size:14px;font-weight:500;margin-top:8px;margin-bottom:5px;width:100%}

.uppy-size--md .uppy-Dashboard-browseBtn{font-size:15px;width:auto;margin:15px auto;padding:13px 44px}

.uppy-Dashboard-AddFiles-list{display:flex;flex-direction:column;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:2px;padding:2px 0;width:100%}

.uppy-size--md .uppy-Dashboard-AddFiles-list{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:600px;overflow-y:visible;margin-top:15px;padding-top:0;flex:none}

.uppy-DashboardTab{width:100%;text-align:center;border-bottom:1px solid #eaeaea}

[data-uppy-theme=dark] .uppy-DashboardTab{border-bottom:1px solid #333}

.uppy-size--md .uppy-DashboardTab{display:inline-block;width:auto;margin-bottom:10px;border-bottom:none}

.uppy-DashboardTab-btn{width:100%;height:100%;cursor:pointer;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#525252;display:flex;flex-direction:row;align-items:center;padding:12px 15px}

.uppy-DashboardTab-btn:focus{outline:none}

[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn{margin-right:1px}

[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn{margin-left:1px}

.uppy-size--md .uppy-DashboardTab-btn{width:86px;-webkit-margin-end:1px;flex-direction:column;padding:10px 3px;border-radius:5px}

[data-uppy-theme=dark] .uppy-DashboardTab-btn{color:#eaeaea}

.uppy-DashboardTab-btn::-moz-focus-inner{border:0}

.uppy-DashboardTab-btn:hover{background-color:#f1f3f6}

[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover{background-color:#333}

.uppy-DashboardTab-btn:active,.uppy-DashboardTab-btn:focus{background-color:#eceef2}

[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus{background-color:#525252}

[dir=ltr] .uppy-DashboardTab-btn svg{margin-right:10px}

[dir=rtl] .uppy-DashboardTab-btn svg{margin-left:10px}

.uppy-DashboardTab-btn svg{max-width:100%;max-height:100%;display:inline-block;vertical-align:text-top;overflow:hidden;transition:transform .15s ease-in-out;-webkit-margin-end:10px}

[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn svg{margin-right:0}

[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn svg{margin-left:0}

.uppy-size--md .uppy-DashboardTab-btn svg{-webkit-margin-end:0}

.uppy-DashboardTab-name{font-size:14px;font-weight:500}

.uppy-size--md .uppy-DashboardTab-name{font-size:11px;line-height:15px;margin-top:8px;margin-bottom:0}

.uppy-DashboardTab svg{width:23px;height:23px;vertical-align:middle}

.uppy-size--md .uppy-DashboardTab svg{width:30px;height:30px}

.uppy-Dashboard-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}

.uppy-DashboardContent-bar{flex-shrink:0;height:40px;width:100%;padding:0 10px;z-index:1004;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #eaeaea;background-color:#fafafa}

.uppy-size--md .uppy-DashboardContent-bar{height:50px;padding:0 15px}

[data-uppy-theme=dark] .uppy-DashboardContent-bar{background-color:#1f1f1f;border-bottom:1px solid #333}

.uppy-DashboardContent-title{position:absolute;top:0;left:0;right:0;text-align:center;font-size:12px;line-height:40px;font-weight:500;width:100%;max-width:170px;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;margin:auto}

.uppy-size--md .uppy-DashboardContent-title{font-size:14px;line-height:50px;max-width:300px}

[data-uppy-theme=dark] .uppy-DashboardContent-title{color:#eaeaea}

[dir=ltr] .uppy-DashboardContent-back,[dir=ltr] .uppy-DashboardContent-save{margin-left:-6px}

[dir=rtl] .uppy-DashboardContent-back,[dir=rtl] .uppy-DashboardContent-save{margin-right:-6px}

.uppy-DashboardContent-back,.uppy-DashboardContent-save{background:none;-webkit-appearance:none;font-family:inherit;font-size:inherit;line-height:1;margin:0;border:0;color:inherit;border-radius:3px;font-size:12px;font-weight:400;cursor:pointer;color:#2275d7;padding:7px 6px;-webkit-margin-start:-6px}

.uppy-DashboardContent-back:focus,.uppy-DashboardContent-save:focus{outline:none}

.uppy-DashboardContent-back::-moz-focus-inner,.uppy-DashboardContent-save::-moz-focus-inner{border:0}

.uppy-DashboardContent-back:hover,.uppy-DashboardContent-save:hover{color:#1b5dab}

.uppy-DashboardContent-back:focus,.uppy-DashboardContent-save:focus{background-color:#eceef2}

[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,[data-uppy-theme=dark] .uppy-DashboardContent-save:focus{background-color:#333}

.uppy-size--md .uppy-DashboardContent-back,.uppy-size--md .uppy-DashboardContent-save{font-size:14px}

[data-uppy-theme=dark] .uppy-DashboardContent-back,[data-uppy-theme=dark] .uppy-DashboardContent-save{color:#02baf2}

[dir=ltr] .uppy-DashboardContent-addMore{margin-right:-5px}

[dir=rtl] .uppy-DashboardContent-addMore{margin-left:-5px}

.uppy-DashboardContent-addMore{background:none;-webkit-appearance:none;font-family:inherit;font-size:inherit;line-height:1;margin:0;border:0;color:inherit;border-radius:3px;font-weight:500;cursor:pointer;color:#2275d7;width:29px;height:29px;padding:7px 8px;-webkit-margin-end:-5px}

.uppy-DashboardContent-addMore:focus{outline:none}

.uppy-DashboardContent-addMore::-moz-focus-inner{border:0}

.uppy-DashboardContent-addMore:hover{color:#1b5dab}

.uppy-DashboardContent-addMore:focus{background-color:#eceef2}

[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus{background-color:#333}

[dir=ltr] .uppy-size--md .uppy-DashboardContent-addMore{margin-right:-8px}

[dir=rtl] .uppy-size--md .uppy-DashboardContent-addMore{margin-left:-8px}

.uppy-size--md .uppy-DashboardContent-addMore{font-size:14px;width:auto;height:auto;-webkit-margin-end:-8px}

[data-uppy-theme=dark] .uppy-DashboardContent-addMore{color:#02baf2}

[dir=ltr] .uppy-DashboardContent-addMore svg{margin-right:4px}

[dir=rtl] .uppy-DashboardContent-addMore svg{margin-left:4px}

.uppy-DashboardContent-addMore svg{vertical-align:baseline;-webkit-margin-end:4px}

.uppy-size--md .uppy-DashboardContent-addMore svg{width:11px;height:11px}

.uppy-DashboardContent-addMoreCaption{display:none}

.uppy-size--md .uppy-DashboardContent-addMoreCaption{display:inline}

.uppy-DashboardContent-panel{background-color:#f5f5f5;flex-direction:column;flex:1}

.uppy-Dashboard-AddFilesPanel,.uppy-DashboardContent-panel{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;z-index:1005;border-radius:5px;display:flex}

.uppy-Dashboard-AddFilesPanel{background:#fafafa;background:linear-gradient(0deg,#fafafa 35%,hsla(0,0%,98%,.85));box-shadow:0 0 10px 5px rgba(0,0,0,.15);flex-direction:column}

[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel{background-color:#333;background:linear-gradient(0deg,#1f1f1f 35%,rgba(31,31,31,.85))}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files{filter:blur(2px)}

.uppy-Dashboard-progress{position:absolute;bottom:0;left:0;width:100%;height:12%}

.uppy-Dashboard-progressBarContainer.is-active{z-index:1004;position:absolute;top:0;left:0;width:100%;height:100%}

.uppy-Dashboard:not(.uppy-size--md) .uppy-StatusBar-additionalInfo{display:none}

.uppy-Dashboard-filesContainer{position:relative;overflow-y:hidden;margin:0;flex:1}

.uppy-Dashboard-filesContainer:after{content:"";display:table;clear:both}

.uppy-Dashboard-files{margin:0;padding:0 0 10px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}

.uppy-size--md .uppy-Dashboard-files{padding-top:10px}

.uppy-Dashboard-dropFilesHereHint{display:flex;align-items:center;justify-content:center;visibility:hidden;position:absolute;top:7px;right:7px;bottom:7px;left:7px;padding-top:90px;border:1px dashed #2275d7;border-radius:3px;z-index:2000;text-align:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 11-1.414 1.414L25 16.414V34a1 1 0 11-2 0V16.414l-5.293 5.293a.999.999 0 11-1.414-1.414l7-7a.999.999 0 011.414 0l7 7z' fill='%232275D7'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;color:#757575;font-size:16px}

[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint{color:#bbb;border-color:#02baf2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 11-1.414 1.414L25 16.414V34a1 1 0 11-2 0V16.414l-5.293 5.293a.999.999 0 11-1.414-1.414l7-7a.999.999 0 011.414 0l7 7z' fill='%2302BAF2'/%3E%3C/svg%3E")}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint{visibility:visible}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg,.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar{opacity:.15}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles{opacity:.03}

.uppy-Dashboard-AddFiles-title{font-size:17px;line-height:1.35;font-weight:500;color:#000;margin-top:15px;margin-bottom:5px;text-align:inline-start;padding:0 15px;width:100%}

.uppy-size--md .uppy-Dashboard-AddFiles-title{font-size:18px;margin-top:5px;display:flex;justify-content:center;gap:0.4rem;font-weight:400;text-align:center;max-width:480px}

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title{text-align:center}

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title{color:#eaeaea}

.uppy-Dashboard-AddFiles-title button{font-weight:500}

.uppy-size--md .uppy-Dashboard-AddFiles-title button{font-weight:400}

.uppy-Dashboard-note{font-size:14px;line-height:1.25;text-align:center;color:#757575;max-width:350px;margin:auto;padding:0 15px}

.uppy-size--md .uppy-Dashboard-note{font-size:15px;line-height:1.35;max-width:600px}

[data-uppy-theme=dark] .uppy-Dashboard-note{color:#cfcfcf}

a.uppy-Dashboard-poweredBy{display:inline-block;text-align:center;font-size:11px;color:#939393;text-decoration:none;margin-top:8px}

.uppy-Dashboard-poweredByIcon{stroke:#939393;fill:none;margin-left:1px;margin-right:1px;position:relative;top:1px;opacity:.9;vertical-align:text-top}

.uppy-Dashboard-Item-previewIcon{width:25px;height:25px;z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.uppy-size--md .uppy-Dashboard-Item-previewIcon{width:38px;height:38px}

.uppy-Dashboard-Item-previewIcon svg{width:100%;height:100%}

.uppy-Dashboard-Item-previewIconWrap{height:76px;max-height:75%;position:relative}

.uppy-Dashboard-Item-previewIconBg{width:100%;height:100%;filter:drop-shadow(rgba(0,0,0,.1) 0 1px 1px)}

.uppy-Dashboard-upload{position:relative;width:50px;height:50px}

.uppy-size--md .uppy-Dashboard-upload{width:60px;height:60px}

.uppy-Dashboard-upload .uppy-c-icon{position:relative;top:1px;width:50%}

[dir=ltr] .uppy-Dashboard-uploadCount{right:-12px}

[dir=rtl] .uppy-Dashboard-uploadCount{left:-12px}

.uppy-Dashboard-uploadCount{position:absolute;top:-12px;background-color:#1bb240;color:#fff;border-radius:50%;width:16px;height:16px;line-height:16px;font-size:8px}

.uppy-size--md .uppy-Dashboard-uploadCount{width:18px;height:18px;line-height:18px;font-size:9px}

.tippy-box[data-animation="fade"][data-state="hidden"] {
  opacity: 0;
}

/* Origin animation — scales from the side closest to the trigger */

.tippy-box[data-animation="origin"] {
  transition: opacity 150ms cubic-bezier(0.35, 0.75, 0, 1),
    transform 150ms cubic-bezier(0.35, 0.75, 0, 1);
}

.tippy-box[data-animation="origin"][data-state="hidden"] {
  opacity: 0;
  transform: scale(0.95);
}

.tippy-box[data-animation="origin"][data-state="visible"] {
  opacity: 1;
  transform: scale(1);
}

.tippy-box[data-animation="origin"][data-placement^="top"] {
  transform-origin: bottom center;
}

.tippy-box[data-animation="origin"][data-placement^="bottom"] {
  transform-origin: top center;
}

.tippy-box[data-animation="origin"][data-placement^="left"] {
  transform-origin: right center;
}

.tippy-box[data-animation="origin"][data-placement^="right"] {
  transform-origin: left center;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #191919;
  color: #fff;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^="top"] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before {
  bottom: -5.5px;
  left: 0;
  border-width: 6px 6px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  top: -5.5px;
  left: 0;
  border-width: 0 6px 6px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^="left"] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before {
  border-width: 6px 0 6px 6px;
  border-left-color: initial;
  right: -5.5px;
  transform-origin: center left;
}

.tippy-box[data-placement^="right"] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before {
  left: -5.5px;
  border-width: 6px 6px 6px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state="visible"] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 12px;
  height: 12px;
  color: #191919;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
  text-align: center;
}

:root {
  /* Colors */
  --lexxy-color-ink: oklch(20% 0 0);
  --lexxy-color-ink-medium: oklch(40% 0 0);
  --lexxy-color-ink-light: oklch(60% 0 0);
  --lexxy-color-ink-lighter: oklch(85% 0 0);
  --lexxy-color-ink-lightest: oklch(96% 0 0);
  --lexxy-color-ink-inverted: white;

  --lexxy-color-accent-dark: oklch(57% 0.19 260);
  --lexxy-color-accent-medium: oklch(75% 0.196 258);
  --lexxy-color-accent-light: oklch(88% 0.026 254);
  --lexxy-color-accent-lightest: oklch(92% 0.026 254);

  --lexxy-color-red: oklch(60% 0.15 27);
  --lexxy-color-green: oklch(60% 0.15 145);
  --lexxy-color-blue: oklch(66% 0.196 258);
  --lexxy-color-purple: oklch(60% 0.15 305);

  --lexxy-color-code-token-att: #d73a49;
  --lexxy-color-code-token-comment: #6a737d;
  --lexxy-color-code-token-function: #6f42c1;
  --lexxy-color-code-token-operator: #d73a49;
  --lexxy-color-code-token-property: #005cc5;
  --lexxy-color-code-token-punctuation: #24292e;
  --lexxy-color-code-token-selector: #22863a;
  --lexxy-color-code-token-variable: #e36209;

  --lexxy-color-canvas: var(--lexxy-color-ink-inverted);
  --lexxy-color-text: var(--lexxy-color-ink);
  --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
  --lexxy-color-link: var(--color-primary-600, var(--lexxy-color-accent-dark));
  --lexxy-color-selected: oklch(97% 0 0); /* neutral-100 */
  --lexxy-color-selected-hover: oklch(92.2% 0 0); /* neutral-200 */
  --lexxy-color-selected-dark: var(--lexxy-color-blue);
  --lexxy-color-selected-50: color-mix(in oklch, var(--lexxy-color-selected-dark) 50%, transparent);
  --lexxy-color-code-bg: var(--lexxy-color-ink-lightest);
  --lexxy-color-border: rgb(0 0 0 / 10%);

  /* Text colors: 600 (light) · Background highlights: 300 (light) */
  --highlight-1: oklch(43.8% 0.032 50);   /* taupe-600 */
  --highlight-2: oklch(64.6% 0.222 41.116);   /* orange-600 */
  --highlight-3: oklch(58.6% 0.253 17.585);   /* red-600 */
  --highlight-4: oklch(59.1% 0.293 322.896);  /* fuchsia-600 */
  --highlight-5: oklch(55.8% 0.288 302.321);  /* purple-600 */
  --highlight-6: oklch(54.6% 0.245 262.881);  /* blue-600 */
  --highlight-7: oklch(62.7% 0.194 149.214);  /* green-600 */
  --highlight-8: oklch(66.6% 0.179 58.318);   /* amber-600 */
  --highlight-9: oklch(43.9% 0 0);            /* neutral-600 */

  --highlight-bg-1: oklch(86.8% 0.016 50 / 0.45);     /* taupe-300 */
  --highlight-bg-2: oklch(83.7% 0.128 66.29 / 0.45);   /* orange-300 */
  --highlight-bg-3: oklch(81% 0.117 11.638 / 0.45);    /* red-300 */
  --highlight-bg-4: oklch(83.3% 0.145 321.434 / 0.45); /* fuchsia-300 */
  --highlight-bg-5: oklch(82.7% 0.119 306.383 / 0.45); /* purple-300 */
  --highlight-bg-6: oklch(80.9% 0.105 251.813 / 0.45); /* blue-300 */
  --highlight-bg-7: oklch(87.1% 0.15 154.449 / 0.45);  /* green-300 */
  --highlight-bg-8: oklch(87.9% 0.169 91.605 / 0.45);  /* amber-300 */
  --highlight-bg-9: oklch(87% 0 0 / 0.45);             /* neutral-300 */

  /* Callout borders: 500 (light) */
  --callout-border-1: oklch(54.7% 0.038 50);    /* taupe-500 */
  --callout-border-2: oklch(70.5% 0.213 47.6);   /* orange-500 */
  --callout-border-3: oklch(63.7% 0.237 25.3);  /* red-500 */
  --callout-border-4: oklch(66.7% 0.259 322.1); /* fuchsia-500 */
  --callout-border-5: oklch(62.7% 0.265 304);  /* purple-500 */
  --callout-border-6: oklch(62.3% 0.214 260);   /* blue-500 */
  --callout-border-7: oklch(69.6% 0.17 162.5);   /* green-500 */
  --callout-border-8: oklch(76.9% 0.188 70.1);  /* amber-500 */
  --callout-border-9: oklch(55.6% 0 0);          /* neutral-500 */

  /* Callout backgrounds: 500 hue, more transparent than text highlights */
  --callout-bg-1: oklch(54.7% 0.038 50 / 0.12);
  --callout-bg-2: oklch(70.5% 0.213 47.6 / 0.12);
  --callout-bg-3: oklch(63.7% 0.237 25.3 / 0.12);
  --callout-bg-4: oklch(66.7% 0.259 322.1 / 0.12);
  --callout-bg-5: oklch(62.7% 0.265 304 / 0.12);
  --callout-bg-6: oklch(62.3% 0.214 260 / 0.12);
  --callout-bg-7: oklch(69.6% 0.17 162.5 / 0.12);
  --callout-bg-8: oklch(76.9% 0.188 70.1 / 0.12);
  --callout-bg-9: oklch(55.6% 0 0 / 0.12);

  /* Tables */
  --lexxy-color-table-header-bg: var(--lexxy-color-ink-lightest);
  --lexxy-color-table-cell-border: var(--lexxy-color-ink-lighter);
  --lexxy-color-table-cell-selected: var(--lexxy-color-selected);
  --lexxy-color-table-cell-selected-border: var(--lexxy-color-selected-dark);
  --lexxy-color-table-cell-selected-bg: var(--lexxy-color-accent-lightest);
  --lexxy-color-table-cell-add: var(--lexxy-color-selected-50);
  --lexxy-color-table-cell-toggle: var(--lexxy-color-accent-lightest);
  --lexxy-color-table-cell-remove: oklch(60% 0.15 27 / 0.1);
  --lexxy-table-cell-add-size: 4px;

  /* Typography */
  --lexxy-font-base: system-ui, sans-serif;
  --lexxy-font-mono: ui-monospace, "Menlo", "Monaco", Consolas, monospace;
  --lexxy-text-small: 0.875rem;
  --lexxy-content-margin: 1rem;

  /* Focus ring */
  --lexxy-focus-ring-color: var(--lexxy-color-accent-dark);
  --lexxy-focus-ring-offset: -2px;
  --lexxy-focus-ring-size: 2px;

  /* Misc */
  --lexxy-toolbar-button-size: 2lh;
  --lexxy-radius: 0.5ch;
  --lexxy-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  --lexxy-z-popup: 1000;
}

:root.dark,
.dark {
  --lexxy-color-border: rgb(255 255 255 / 15%);

  /* Text colors: 400 (dark) · Background highlights: 700 (dark) */
  --highlight-1: oklch(71.4% 0.028 50);    /* taupe-400 */
  --highlight-2: oklch(75% 0.183 55.934);     /* orange-400 */
  --highlight-3: oklch(71.2% 0.194 13.428);  /* red-400 */
  --highlight-4: oklch(74% 0.238 322.16);    /* fuchsia-400 */
  --highlight-5: oklch(71.4% 0.203 305.504);   /* purple-400 */
  --highlight-6: oklch(70.7% 0.165 254.624);  /* blue-400 */
  --highlight-7: oklch(79.2% 0.209 151.711);  /* green-400 */
  --highlight-8: oklch(82.8% 0.189 84.429);   /* amber-400 */
  --highlight-9: oklch(70.8% 0 0);            /* neutral-400 */

  --highlight-bg-1: oklch(36.7% 0.028 48 / 0.5);   /* taupe-700 */
  --highlight-bg-2: oklch(55.3% 0.195 38.402 / 0.5); /* orange-700 */
  --highlight-bg-3: oklch(50.5% 0.213 27.518 / 0.5); /* red-700 */
  --highlight-bg-4: oklch(51.8% 0.253 323.949 / 0.5); /* fuchsia-700 */
  --highlight-bg-5: oklch(49.6% 0.265 301.924 / 0.5); /* purple-700 */
  --highlight-bg-6: oklch(48.8% 0.243 264.376 / 0.5); /* blue-700 */
  --highlight-bg-7: oklch(52.7% 0.154 150.069 / 0.5); /* green-700 */
  --highlight-bg-8: oklch(55.5% 0.163 48.998 / 0.5); /* amber-700 */
  --highlight-bg-9: oklch(37.1% 0 0 / 0.5);          /* neutral-700 */

  /* Callout borders: 500 (dark) */
  --callout-border-1: oklch(71.4% 0.028 50);    /* taupe-400 */
  --callout-border-2: oklch(75.8% 0.176 56);   /* orange-500 */
  --callout-border-3: oklch(70.4% 0.191 22.2); /* red-500 */
  --callout-border-4: oklch(72.5% 0.219 322.5); /* fuchsia-500 */
  --callout-border-5: oklch(71.4% 0.203 305.5); /* purple-500 */
  --callout-border-6: oklch(70.7% 0.165 254.6); /* blue-500 */
  --callout-border-7: oklch(76.5% 0.177 163.2); /* green-500 */
  --callout-border-8: oklch(79.5% 0.164 73.7);  /* amber-500 */
  --callout-border-9: oklch(70.8% 0 0);         /* neutral-500 */

  /* Callout backgrounds: more transparent in dark mode */
  --callout-bg-1: oklch(71.4% 0.028 50 / 0.18);
  --callout-bg-2: oklch(75.8% 0.176 56 / 0.18);
  --callout-bg-3: oklch(70.4% 0.191 22.2 / 0.18);
  --callout-bg-4: oklch(72.5% 0.219 322.5 / 0.18);
  --callout-bg-5: oklch(71.4% 0.203 305.5 / 0.18);
  --callout-bg-6: oklch(70.7% 0.165 254.6 / 0.18);
  --callout-bg-7: oklch(76.5% 0.177 163.2 / 0.18);
  --callout-bg-8: oklch(79.5% 0.164 73.7 / 0.18);
  --callout-bg-9: oklch(70.8% 0 0 / 0.18);
}

/* Text styles
/* -------------------------------------------------------------------------- */

.lexxy-content {
  color: var(--lexxy-color-ink);
}

.lexxy-content h1,
  .lexxy-content h2,
  .lexxy-content h3,
  .lexxy-content h4,
  .lexxy-content h5,
  .lexxy-content h6 {
    display: block;
    -webkit-hyphens: auto;
            hyphens: auto;
    margin-block: 0 var(--lexxy-content-margin);
    overflow-wrap: break-word;
  }

lexxy-editor .lexxy-content h1,
  lexxy-editor .lexxy-content h2,
  lexxy-editor .lexxy-content h3,
  lexxy-editor .lexxy-content h4,
  lexxy-editor .lexxy-content h5,
  lexxy-editor .lexxy-content h6 {
    text-wrap: wrap;
  }

.lexxy-content h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.5rem;
  }

.lexxy-content h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
  }

.lexxy-content h3 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2rem;
  }

.lexxy-content h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
  }

lexxy-editor .lexxy-content h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

lexxy-editor .lexxy-content h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

lexxy-editor .lexxy-content h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

lexxy-editor .lexxy-content h4 {
    font-size: 1rem;
    line-height: 1.25rem;
  }

.lexxy-content h5 {
    font-size: 0.875rem;
    font-weight: bold;
  }

.lexxy-content h6 {
    font-size: 0.75rem;
    font-weight: bold;
  }

.lexxy-content p,
  .lexxy-content ul,
  .lexxy-content ol,
  .lexxy-content dl,
  .lexxy-content blockquote,
  .lexxy-content figure,
  .lexxy-content .attachment,
  .lexxy-content .attachment-gallery {
    margin-block: 0 var(--lexxy-content-margin);
    position: relative;
  }

.lexxy-content p:not(lexxy-editor .lexxy-content p), .lexxy-content ul:not(lexxy-editor .lexxy-content ul), .lexxy-content ol:not(lexxy-editor .lexxy-content ol), .lexxy-content dl:not(lexxy-editor .lexxy-content dl), .lexxy-content blockquote:not(lexxy-editor .lexxy-content blockquote), .lexxy-content figure:not(lexxy-editor .lexxy-content figure), .lexxy-content .attachment:not(lexxy-editor .lexxy-content .attachment), .lexxy-content .attachment-gallery:not(lexxy-editor .lexxy-content .attachment-gallery) {
      overflow-wrap: break-word;
    }

@supports (text-wrap: pretty) {

.lexxy-content p:not(lexxy-editor .lexxy-content p), .lexxy-content ul:not(lexxy-editor .lexxy-content ul), .lexxy-content ol:not(lexxy-editor .lexxy-content ol), .lexxy-content dl:not(lexxy-editor .lexxy-content dl), .lexxy-content blockquote:not(lexxy-editor .lexxy-content blockquote), .lexxy-content figure:not(lexxy-editor .lexxy-content figure), .lexxy-content .attachment:not(lexxy-editor .lexxy-content .attachment), .lexxy-content .attachment-gallery:not(lexxy-editor .lexxy-content .attachment-gallery) {
        text-wrap: pretty
    }
      }

.lexxy-content:not(lexxy-editor) a :where(strong, b), .lexxy-content:not(lexxy-editor) a:where(:has(strong), :has(b)) {
      font-weight: 600;
    }

.lexxy-content .lexxy-content__italic {
    font-style: italic;
  }

.lexxy-content .lexxy-content__bold {
    font-weight: bold;
  }

.lexxy-content .lexxy-content__strikethrough {
    text-decoration: line-through;
  }

.lexxy-content .lexxy-content__underline {
    text-decoration: underline;
  }

.lexxy-content .lexxy-content__strikethrough.lexxy-content__underline {
    text-decoration: line-through underline;
  }

.lexxy-content mark,
  .lexxy-content .lexxy-content__highlight {
    background-color: transparent;
    color: inherit;
  }

.lexxy-content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(
      .fb-xfbml-parse-ignore
    ) {
    border-inline-start: 0.25em solid var(--lexxy-color-ink-lighter);
    font-style: italic;
    margin: var(--lexxy-content-margin) 0;
    padding: 0.5lh 2ch;
  }

.lexxy-content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(
      .fb-xfbml-parse-ignore
    ) p:last-child {
      margin-block-end: 0;
    }

.lexxy-content p:empty {
    display: none;
  }

.lexxy-content a {
    color: var(--lexxy-color-link);
    text-decoration: underline;
  }

.lexxy-content img,
  .lexxy-content video,
  .lexxy-content embed,
  .lexxy-content object {
    inline-size: auto;
    margin-inline: auto;
    max-block-size: 32rem;
    -o-object-fit: contain;
       object-fit: contain;
  }

a:has(.lexxy-content img), a:has(.lexxy-content video), a:has(.lexxy-content embed), a:has(.lexxy-content object) {
      display: inline-block;
    }

.lexxy-content audio {
    display: block;
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: 100%;
    min-block-size: 2.75rem;
  }

.lexxy-content code,
  .lexxy-content pre {
    background-color: var(--lexxy-color-ink-lightest);
    border-radius: var(--lexxy-radius);
    color: var(--lexxy-color-ink);
    font-family: var(--lexxy-font-mono);
    font-size: 0.9em;
    padding: 0.25ch 0.5ch;
  }

.lexxy-content code:is(pre),
    .lexxy-content code[data-language],
    .lexxy-content pre:is(pre),
    .lexxy-content pre[data-language] {
      border-radius: var(--lexxy-radius);
      border: 1px solid var(--lexxy-color-border);
      display: block;
      -webkit-hyphens: none;
              hyphens: none;
      margin-block: 0 var(--lexxy-content-margin);
      overflow-x: auto;
      overflow-wrap: break-word;
      padding: 1ch;
      -moz-tab-size: 2;
        -o-tab-size: 2;
           tab-size: 2;
      white-space: pre;
    }

@supports (text-wrap: nowrap) {

.lexxy-content code:is(pre),
    .lexxy-content code[data-language],
    .lexxy-content pre:is(pre),
    .lexxy-content pre[data-language] {
        text-wrap: nowrap
    }
      }

.lexxy-content ol,
  .lexxy-content ul:not(.lexxy-prompt-menu) {
    margin-inline-start: calc(var(--lexxy-content-margin) * 1.5);
    padding: 0;
  }

.lexxy-content ul {
    list-style-type: disc;
  }

.lexxy-content ol {
    list-style-type: decimal;
  }

.lexxy-content ul:not(.lexxy-prompt-menu)
    > li:not([role="checkbox"])
    + li:not([role="checkbox"]),
  .lexxy-content ol > li + li {
    margin-block-start: 0.6em;
  }

.lexxy-content li.lexxy-nested-listitem {
    list-style-type: none;
  }

.lexxy-content li.lexxy-nested-listitem ol,
    .lexxy-content li.lexxy-nested-listitem ul {
      margin-block-end: 0;
    }

.lexxy-content hr {
    border: 0;
    border-block-end: 1px solid currentColor;
    inline-size: 20%;
    margin: calc(0.5em + var(--lexxy-content-margin)) 0;
  }

.lexxy-content .horizontal-divider {
    margin: 0;
    padding: calc(0.5em + var(--lexxy-content-margin)) 0;
  }

.lexxy-content .horizontal-divider hr {
      margin: 0;
    }

.lexxy-content *:has(+ .horizontal-divider) {
    margin-block-end: 0;
  }

.lexxy-content > :last-child {
    margin-block-end: 0;
  }

/* Tables */

.lexxy-content :where(.lexxy-content__table-wrapper) {
    margin: 0;
    margin-block: 1ch;
    overflow-x: auto;
  }

.lexxy-content table {
    border-collapse: collapse;
    border-spacing: 0;
    inline-size: calc(100% - 0.5ch);
    margin: 0.25ch;
  }

.lexxy-content table th,
    .lexxy-content table td {
      border: 1px solid var(--lexxy-color-ink-lighter);
      min-width: 5ch;
      max-width: 50ch;
      padding: 1ch;
      text-align: start;
      word-break: normal;
    }

.lexxy-content table th *:last-child, .lexxy-content table td *:last-child {
        margin-block-end: 0;
      }

.lexxy-content table th.lexxy-content__table-cell--header, .lexxy-content table td.lexxy-content__table-cell--header {
        background-color: var(--lexxy-color-table-header-bg);
        font-weight: bold;
      }

.lexxy-content table th *:is(code, pre), .lexxy-content table td *:is(code, pre) {
        -webkit-hyphens: auto;
                hyphens: auto;
        white-space: pre-wrap;
      }

@supports (text-wrap: wrap) {

.lexxy-content table th *:is(code, pre), .lexxy-content table td *:is(code, pre) {
          text-wrap: wrap
      }
        }

/* Attachments
  /* ------------------------------------------------------------------------ */

.lexxy-content .attachment {
    --lexxy-attachment-gap: 0;

    block-size: auto;
    box-sizing: border-box;
    border-radius: var(--lexxy-radius);
    display: block;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: auto;
    max-inline-size: 100%;
    min-inline-size: 10ch;
    padding: var(--lexxy-attachment-gap);
    position: relative;
    text-align: center;
  }

.lexxy-content .attachment:has(
        > audio,
        > .attachment__container > audio,
        > .attachment__container.attachment__pdf-frame
      ) {
      inline-size: 100%;
      max-inline-size: 100%;
    }

.lexxy-content .attachment__container:has(audio),
  .lexxy-content .attachment__container.attachment__pdf-frame {
    inline-size: 100%;
  }

.lexxy-content .attachment__pdf-frame iframe {
    border: 0;
    border-radius: var(--lexxy-radius);
    display: block;
    inline-size: 100%;
  }

.lexxy-content .attachment__caption {
    color: var(--lexxy-color-text-subtle);
    display: block;
    font-size: var(--lexxy-text-small);
    padding: 1ch;
  }

.lexxy-content .attachment__icon {
    aspect-ratio: 4/5;
    background-color: color-mix(
      var(--lexxy-attachment-icon-color),
      transparent 90%
    );
    block-size: 3lh;
    border: 1px solid var(--lexxy-attachment-icon-color);
    border-block-start-width: 1.5ch;
    border-radius: var(--lexxy-radius);
    box-sizing: border-box;
    color: var(--lexxy-attachment-icon-color);
    display: grid;
    font-size: var(--lexxy-text-small);
    font-weight: bold;
    inline-size: auto;
    overflow: hidden;
    place-content: center;
    text-transform: uppercase;
    white-space: nowrap;
  }

.lexxy-content .attachment--preview img,
    .lexxy-content .attachment--preview video,
    .lexxy-content .attachment--preview audio {
      border-radius: var(--lexxy-radius);
      block-size: auto;
      display: block;
      margin-inline: auto;
      max-inline-size: 100%;
      -webkit-user-select: none;
    }

@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {

.lexxy-content .attachment--preview img,
    .lexxy-content .attachment--preview video,
    .lexxy-content .attachment--preview audio {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none
    }
      }

.lexxy-content .attachment--preview audio {
      inline-size: 100%;
      min-block-size: 2.75rem;
    }

.lexxy-content .attachment--preview video {
      aspect-ratio: 16 / 9;
      inline-size: 100%;
    }

.lexxy-content .attachment--preview > a {
      display: block;
    }

.lexxy-content .attachment--preview .attachment__caption {
      padding-block-end: 0.5ch;
    }

.lexxy-content .attachment--image-small {
    inline-size: min(16rem, 100%);
  }

.lexxy-content .attachment--image-medium {
    inline-size: min(32rem, 100%);
  }

.lexxy-content .attachment--image-full {
    inline-size: 100%;
  }

.lexxy-content .attachment--image-full .attachment__container,
    .lexxy-content .attachment--image-full .attachment__image-frame,
    .lexxy-content .attachment--image-full img {
      inline-size: 100%;
    }

.lexxy-content .attachment--image-full img {
      block-size: auto;
      max-block-size: none;
      -o-object-fit: unset;
         object-fit: unset;
    }

.lexxy-content .attachment--align-left {
    margin-inline-start: 0;
    margin-inline-end: auto;
  }

.lexxy-content .attachment--align-center {
    margin-inline: auto;
  }

.lexxy-content .attachment--align-right {
    margin-inline-start: auto;
    margin-inline-end: 0;
  }

.lexxy-content .attachment--file {
    --lexxy-attachment-icon-color: var(--lexxy-color-text-subtle);

    align-items: center;
    display: flex;
    flex-wrap: wrap;
    inline-size: auto;
  }

.lexxy-content .attachment--file:has(> audio, > .attachment__container > audio) {
      display: block;
      inline-size: 100%;
      max-inline-size: 100%;
    }

.lexxy-content .attachment--file:has(> video) {
      display: block;
      inline-size: 100%;
      max-inline-size: 32rem;
    }

.lexxy-content .attachment--file .attachment__caption {
      display: grid;
      flex: 1;
      text-align: start;
    }

.lexxy-content .attachment--file .attachment__name {
      color: var(--lexxy-color-ink);
      font-weight: bold;
    }

.lexxy-content .attachment--psd,
  .lexxy-content .attachment--key,
  .lexxy-content .attachment--sketch,
  .lexxy-content .attachment--ai,
  .lexxy-content .attachment--eps,
  .lexxy-content .attachment--indd,
  .lexxy-content .attachment--svg,
  .lexxy-content .attachment--ppt,
  .lexxy-content .attachment--pptx {
    --lexxy-attachment-icon-color: var(--lexxy-color-red);
  }

.lexxy-content .attachment--css,
  .lexxy-content .attachment--php,
  .lexxy-content .attachment--json,
  .lexxy-content .attachment--htm,
  .lexxy-content .attachment--html,
  .lexxy-content .attachment--rb,
  .lexxy-content .attachment--erb,
  .lexxy-content .attachment--ts,
  .lexxy-content .attachment--js {
    --lexxy-attachment-icon-color: var(--lexxy-color-purple);
  }

.lexxy-content .attachment--txt,
  .lexxy-content .attachment--pages,
  .lexxy-content .attachment--rtf,
  .lexxy-content .attachment--md,
  .lexxy-content .attachment--doc,
  .lexxy-content .attachment--docx {
    --lexxy-attachment-icon-color: var(--lexxy-color-blue);
  }

.lexxy-content .attachment--csv,
  .lexxy-content .attachment--numbers,
  .lexxy-content .attachment--xls,
  .lexxy-content .attachment--xlsx {
    --lexxy-attachment-icon-color: var(--lexxy-color-green);
  }

.lexxy-content .attachment--error {
    padding-block: 2ch;
  }

/* Image galleries */

/* ------------------------------------------------------------------------ */

.lexxy-content .attachment-gallery {
    display: block;
    text-align: center;
  }

.lexxy-content .attachment-gallery .attachment {
      display: inline-flex;
      flex-direction: column;
      gap: 0;
      inline-size: calc(33.333% - 0.8ch);
      vertical-align: top;
    }

.lexxy-content .attachment-gallery .attachment .attachment__caption {
        padding-block-end: 1ch;
      }

.lexxy-content .attachment-gallery.attachment-gallery--2 .attachment, .lexxy-content .attachment-gallery.attachment-gallery--4 .attachment {
        inline-size: calc(50% - 0.8ch);
      }

/* Custom attachments such as mentions, etc. */

/* ------------------------------------------------------------------------ */

.lexxy-content action-text-attachment[content-type^="application/vnd.actiontext"]:not(
      [content-type="application/vnd.actiontext.embed"]
    ) {
    --lexxy-attachment-bg-color: transparent;
    --lexxy-attachment-image-size: 1em;
    --lexxy-attachment-text-color: currentColor;

    align-items: center;
    background: var(--lexxy-attachment-bg-color);
    border-radius: var(--lexxy-radius);
    color: var(--lexxy-attachment-text-color);
    display: inline-flex;
    gap: 0.25ch;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: normal;
  }

.lexxy-content action-text-attachment[content-type^="application/vnd.actiontext"]:not(
      [content-type="application/vnd.actiontext.embed"]
    ) img {
      block-size: var(--lexxy-attachment-image-size);
      border-radius: 50%;
      inline-size: var(--lexxy-attachment-image-size);
    }

/* Horizontal divider */

/* ------------------------------------------------------------------------ */

.lexxy-content .horizontal-divider {
    margin: 0;
    margin-block-end: 0.5em;
    padding: 1.5em 0 0.5em;
  }

.lexxy-content .horizontal-divider hr {
      border: 0;
      border-block-end: 1px solid currentColor;
      inline-size: 20%;
      margin: 0;
    }

/* Code block copy control (read-only) — also under trix-content for mixed markup */

:is(.trix-content, .lexxy-content) .lexxy-code-block {
    margin-block: 0 var(--lexxy-content-margin);
    position: relative;
  }

:is(.trix-content, .lexxy-content) .lexxy-code-block pre {
      margin-block: 0;
    }

:is(.trix-content, .lexxy-content) .lexxy-code-block__copy {
    align-items: center;
    background: var(--lexxy-color-code-bg, var(--lexxy-color-ink-lightest));
    border: 1px solid var(--lexxy-color-border);
    border-radius: calc(var(--lexxy-radius) * 0.75);
    color: var(--lexxy-color-ink);
    cursor: pointer;
    display: inline-flex;
    height: 1.75rem;
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
    justify-content: center;
    opacity: 0;
    padding: 0;
    position: absolute;
    transition: background-color 0.15s ease, color 0.15s ease,
      opacity 0.15s ease;
    width: 1.75rem;
    z-index: 1;
  }

:is(.trix-content, .lexxy-content) .lexxy-code-block__copy svg {
      block-size: 1rem;
      inline-size: 1rem;
    }

:is(.trix-content, .lexxy-content) .lexxy-code-block__copy .sr-only {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }

:is(.trix-content, .lexxy-content) .lexxy-code-block__copy [data-clipboard-target="copiedContent"] {
      color: oklch(52% 0.24 145);
    }

:is(.trix-content, .lexxy-content) .lexxy-code-block__copy:hover {
      background: white;
    }

:root.dark :is(.trix-content, .lexxy-content) .lexxy-code-block__copy [data-clipboard-target="copiedContent"], .dark :is(.trix-content, .lexxy-content) .lexxy-code-block__copy [data-clipboard-target="copiedContent"] {
        color: oklch(72% 0.24 145);
      }

:root.dark :is(.trix-content, .lexxy-content) .lexxy-code-block__copy:hover, .dark :is(.trix-content, .lexxy-content) .lexxy-code-block__copy:hover {
        background: color-mix(
          in oklch,
          white 8%,
          var(--lexxy-color-code-bg, var(--lexxy-color-ink-lightest))
        );
      }

:is(.trix-content, .lexxy-content) .lexxy-code-block__copy:focus-visible {
      opacity: 1;
      outline: 2px solid
        var(--lexxy-focus-ring-color, var(--lexxy-color-accent-dark));
      outline-offset: 2px;
    }

:is(.trix-content, .lexxy-content) .lexxy-code-block:hover .lexxy-code-block__copy,
  :is(.trix-content, .lexxy-content) .lexxy-code-block:focus-within .lexxy-code-block__copy {
    opacity: 1;
  }

@media (hover: none) {
    :is(.trix-content, .lexxy-content) .lexxy-code-block__copy {
      opacity: 1;
    }
  }

:where(lexxy-editor) {
  --lexxy-editor-padding: 1ch;
  --lexxy-editor-rows: 8lh;
}

/* eslint-disable-next-line css/no-invalid-properties */

@supports (min-block-size: attr(rows lh)) {

:where(lexxy-editor) {
    --lexxy-editor-rows: attr(rows lh, 8lh)
}
  }

:where(lexxy-editor){
  --lexxy-toolbar-gap: 2px;
  --lexxy-toolbar-spacing: 0.5ch;

  border: 1px solid var(--lexxy-color-border);
  border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
  background-color: var(--lexxy-color-canvas);
  container-type: inline-size;
  display: block;
  overflow: visible;
  position: relative;
  transition: opacity 150ms;
}

:where(lexxy-editor) p.provisional-paragraph {
    display: block;
  }

:where(lexxy-editor) p.provisional-paragraph.hidden {
      block-size: 0.5ch;
      margin: 0;
    }

:where(lexxy-editor) input:focus-visible, :where(lexxy-editor) button:focus-visible, :where(lexxy-editor) summary:focus-visible {
      outline: var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);
      outline-offset: var(--lexxy-focus-ring-offset);
    }

:where(lexxy-editor) summary {
    list-style: none;
  }

:where(lexxy-editor) summary::-webkit-details-marker {
      display: none;
    }

:where(lexxy-editor) button,
  :where(lexxy-editor) summary {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background: var(--lexxy-color-canvas);
    border: none;
    border-radius: var(--lexxy-radius);
    cursor: pointer;
    line-height: normal;
    font-size: inherit;
    inline-size: auto;
    padding: 0;
  }

@media (any-hover: hover) {
      :where(lexxy-editor) button:hover:not([aria-disabled="true"]), :where(lexxy-editor) summary:hover:not([aria-disabled="true"]) {
        background: var(--lexxy-color-ink-lightest);
      }
    }

:where(lexxy-editor) .node--selected {
    outline: var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);
    outline-offset: var(--lexxy-focus-ring-offset);
  }

:where(lexxy-editor)[data-links-openable] a {
    cursor: pointer;
  }

/* Tables */

/* ------------------------------------------------------------------------ */

:where(lexxy-editor) table th,
    :where(lexxy-editor) table td {
      position: relative;
      transition: all 0.1s ease-in-out;
    }

/* Used for column and row adding visualizations */

:where(lexxy-editor) table th:after, :where(lexxy-editor) table td:after {
        box-shadow:
          0 0 0 0 transparent,
          0 0 0 0 transparent inset;
        content: "";
        display: block;
        inset-block-start: -1px;
        inset-block-end: -1px;
        inset-inline-start: -1px;
        inset-inline-end: -1px;
        pointer-events: none;
        position: absolute;
        transition: box-shadow 0.1s ease-in-out;
        z-index: 2;
      }

:where(lexxy-editor) table th.lexxy-content__table-cell--selected, :where(lexxy-editor) table td.lexxy-content__table-cell--selected {
        background-color: var(--lexxy-color-table-cell-selected-bg);
      }

:where(lexxy-editor) table th.lexxy-content__table-cell--focus:after, :where(lexxy-editor) table td.lexxy-content__table-cell--focus:after {
          box-shadow:
            0 0 0 0 transparent,
            0 0 0 2px var(--lexxy-color-table-cell-selected-border) inset;
        }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="row"][data-direction="after"]:after, :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="row"][data-direction="after"]:after {
                box-shadow:
                  0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add),
                  0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add) inset;
              }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="row"][data-direction="before"]:after, :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="row"][data-direction="before"]:after {
                box-shadow:
                  0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add),
                  0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add) inset;
              }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="column"][data-direction="after"]:after, :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="column"][data-direction="after"]:after {
                box-shadow:
                  var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add),
                  calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add) inset;
              }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="column"][data-direction="before"]:after, :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="insert"][data-child-type="column"][data-direction="before"]:after {
                box-shadow:
                  calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add),
                  var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add) inset;
              }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="delete"], :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="delete"] {
          background-color: var(--lexxy-color-table-cell-remove);
          color: var(--lexxy-color-red);
        }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="delete"]:after, :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="delete"]:after {
            box-shadow: 0 0 0 0 transparent;
          }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="toggle"], :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="toggle"] {
          background-color: var(--lexxy-color-table-cell-toggle);
        }

:where(lexxy-editor) table th.lexxy-content__table-cell--highlight[data-action="toggle"]:after, :where(lexxy-editor) table td.lexxy-content__table-cell--highlight[data-action="toggle"]:after {
            box-shadow: 0 0 0 0 transparent;
          }

:where(lexxy-editor) table tr.lexxy-content__table-cell--highlight[data-action="delete"] th,
      :where(lexxy-editor) table tr.lexxy-content__table-cell--highlight[data-action="delete"] td {
        background-color: var(--lexxy-color-table-cell-remove);
        color: var(--lexxy-color-red);
      }

:where(lexxy-editor) table tr.lexxy-content__table-cell--highlight[data-action="delete"] th:after, :where(lexxy-editor) table tr.lexxy-content__table-cell--highlight[data-action="delete"] td:after {
          box-shadow: 0 0 0 0 transparent;
        }

/* eslint-disable-next-line css/use-baseline */

:where(lexxy-editor) table.lexxy-content__table--selection ::-moz-selection {
        background: transparent;
      }

:where(lexxy-editor) table.lexxy-content__table--selection ::selection {
        background: transparent;
      }

:where(lexxy-editor):has(.lexxy-content__table-cell--selected) lexxy-table-tools {
      visibility: hidden;
    }

:where(lexxy-editor) [data-lexical-linebreak] {
    block-size: 0;
    display: contents;
    inline-size: 0;
  }

/* Attachments */

/* ------------------------------------------------------------------------ */

:where(lexxy-editor) action-text-attachment {
    cursor: pointer;
  }

:where(lexxy-editor) .attachment {
    background-color: var(--lexxy-color-canvas);
  }

:where(lexxy-editor) .attachment:has(.attachment__container > audio, > audio) {
      inline-size: 100%;
      max-inline-size: 100%;
      width: 100%;
    }

:where(lexxy-editor) .attachment:has(.attachment__container.attachment__pdf-frame) {
      inline-size: 100%;
      max-inline-size: 100%;
      width: 100%;
    }

:where(lexxy-editor) .attachment.attachment--image-small {
      inline-size: min(16rem, 100%);
      max-inline-size: 100%;
    }

:where(lexxy-editor) .attachment.attachment--image-medium {
      inline-size: min(32rem, 100%);
      max-inline-size: 100%;
    }

:where(lexxy-editor) .attachment.attachment--image-full {
      inline-size: 100%;
    }

:where(lexxy-editor) .attachment.attachment--image-full img,
      :where(lexxy-editor) .attachment.attachment--image-full .attachment__container {
        inline-size: 100%;
      }

:where(lexxy-editor) .attachment.attachment--image-full img {
        block-size: auto;
        max-block-size: none;
        -o-object-fit: unset;
           object-fit: unset;
      }

:where(lexxy-editor) .attachment.attachment--align-left {
      margin-inline-start: 0;
      margin-inline-end: auto;
    }

:where(lexxy-editor) .attachment.attachment--align-center {
      margin-inline: auto;
    }

:where(lexxy-editor) .attachment.attachment--align-right {
      margin-inline-start: auto;
      margin-inline-end: 0;
    }

:where(lexxy-editor) .attachment progress {
      max-inline-size: 10ch;
      margin: auto;
    }

:where(lexxy-editor) .attachment.attachment--preview progress {
        inset-block-start: 2ch;
        inset-inline-start: 0;
        inset-inline-end: 0;
        position: absolute;
      }

:where(lexxy-editor) .attachment.attachment--preview .attachment__container audio {
        border-radius: var(--lexxy-radius);
        display: block;
        inline-size: 100%;
        max-inline-size: 100%;
        min-block-size: 2.75rem;
      }

:where(lexxy-editor) .attachment.attachment--preview .attachment__container:has(audio) {
        inline-size: 100%;
      }

:where(lexxy-editor) .attachment.attachment--preview .attachment__pdf-frame iframe {
        border: 0;
        border-radius: var(--lexxy-radius);
        display: block;
        inline-size: 100%;
        min-block-size: 24rem;
      }

:where(lexxy-editor) .attachment.attachment--preview lexxy-node-delete-button,
      :where(lexxy-editor) .attachment.attachment--preview lexxy-image-alt-button {
        inset-block-start: 1.5ch;
        inset-inline-start: unset;
      }

:where(lexxy-editor) .attachment.attachment--preview lexxy-node-delete-button {
        inset-inline-end: 1.5ch;
      }

:where(lexxy-editor) .attachment.attachment--preview lexxy-image-alt-button {
        inset-inline-end: calc(1.5ch + var(--button-size) + 0.75ch);
      }

:where(lexxy-editor) .attachment.attachment--error {
      background: color-mix(var(--lexxy-color-red) 10%, transparent);
      padding: 2ch;
    }

:where(lexxy-editor) .attachment.attachment--error:before {
        align-items: center;
        aspect-ratio: 1;
        background: var(--lexxy-color-red);
        block-size: 1.5lh;
        border-radius: 50%;
        color: white;
        content: "!";
        display: flex;
        justify-content: center;
        margin: auto;
      }

:where(lexxy-editor) .attachment.attachment--error > div {
        flex: 1;
        font-size: 0.85em;
        padding: 1ch;
        text-align: start;
      }

:where(lexxy-editor) .attachment[draggable] {
    cursor: grab;
  }

:where(lexxy-editor) .attachment.lexxy-dragging {
    opacity: 0.4;
  }

:where(lexxy-editor) [data-lexxy-decorator][draggable] {
    cursor: grab;
  }

:where(lexxy-editor) [data-lexxy-decorator].lexxy-dragging {
    opacity: 0.4;
  }

:where(lexxy-editor) .lexxy-drop-caret {
    background-color: var(--lexxy-focus-ring-color);
    border-radius: 1px;
    inline-size: 2px;
    pointer-events: none;
    position: fixed;
  }

:where(lexxy-editor) [class*="lexxy-drop-target--"] {
    position: relative;
  }

/* Horizontal line indicator for block and list drops */

:where(lexxy-editor) .lexxy-drop-target--block-before::before,
  :where(lexxy-editor) .lexxy-drop-target--block-after::after,
  :where(lexxy-editor) .lexxy-drop-target--list-before::before,
  :where(lexxy-editor) .lexxy-drop-target--list-after::after {
    background-color: var(--lexxy-focus-ring-color);
    block-size: 3px;
    border-radius: 1px;
    content: "";
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 0.5ch);
  }

:where(lexxy-editor) .lexxy-drop-target--block-before::before,
  :where(lexxy-editor) .lexxy-drop-target--list-before::before {
    transform: translate(0, -0.5ch);
  }

:where(lexxy-editor) .lexxy-drop-target--block-before::before,
  :where(lexxy-editor) .lexxy-drop-target--list-before::before {
    inset-block-start: -2px;
  }

:where(lexxy-editor) .lexxy-drop-target--block-after::after,
  :where(lexxy-editor) .lexxy-drop-target--list-after::after {
    inset-block-end: -2px;
  }

/* Vertical line indicator for gallery merge and reorder */

:where(lexxy-editor) .lexxy-drop-target--gallery-before::before,
  :where(lexxy-editor) .lexxy-drop-target--gallery-after::after {
    background-color: var(--lexxy-focus-ring-color);
    border-radius: 1px;
    content: "";
    inset-block: 0;
    inline-size: 3px;
    pointer-events: none;
    position: absolute;
  }

:where(lexxy-editor) .lexxy-drop-target--gallery-before::before {
    inset-inline-start: -4px;
  }

:where(lexxy-editor) .lexxy-drop-target--gallery-after::after {
    inset-inline-end: -4px;
  }

:where(lexxy-editor) .attachment:hover:not(.node--selected) {
    outline: var(--lexxy-focus-ring-size) solid color-mix(in oklch, var(--lexxy-focus-ring-color) 30%, transparent);
    outline-offset: var(--lexxy-focus-ring-offset);
  }

:where(lexxy-editor) .attachment--file lexxy-node-delete-button {
      inset-block-start: 50%;
      inset-inline-end: 1ch;
      inset-inline-start: unset;
      transform: translate(0, -50%);
    }

/* Image galleries */

/* ------------------------------------------------------------------------ */

:where(lexxy-editor) .attachment-gallery {
    --lexxy-attachment-gallery-columns: 3;
    --lexxy-attachment-gallery-gap: 0.4ch;
    --lexxy-focus-ring-offset: -6px;

    padding: 0;
  }

:where(lexxy-editor) .attachment-gallery .attachment {
      background: transparent;
      box-sizing: border-box;
      margin: var(--lexxy-attachment-gallery-gap);
      padding: 0;
      padding-block-end: var(--lexxy-attachment-gap);
      vertical-align: top;
    }

:where(lexxy-editor) .attachment-gallery .attachment img {
        box-sizing: border-box;
        padding: 1ch;
        padding-block-end: 0;
      }

:where(lexxy-editor) .attachment-gallery .attachment.attachment--error {
        background: color-mix(var(--lexxy-color-red) 10%, transparent);
        padding: 2ch;
      }

:where(lexxy-editor) .attachment-gallery .attachment.attachment--error > div {
          text-align: center;
        }

:where(lexxy-editor) .attachment__caption {
    position: relative;
  }

:where(lexxy-editor) .attachment__caption .lexxy-caption-tools {
      display: none;
    }

:where(lexxy-editor) .attachment__caption:focus-within .lexxy-caption-tools {
      display: block;
    }

:where(lexxy-editor) .attachment__caption .attachment__caption-editor {
      background: transparent;
      block-size: -moz-fit-content;
      block-size: fit-content;
      border: 0;
      border-radius: var(--lexxy-radius);
      box-sizing: border-box;
      color: inherit;
      cursor: text;
      display: block;
      font-size: inherit;
      font-family: inherit;
      inline-size: 100%;
      max-inline-size: 100%;
      min-block-size: 1lh;
      padding: 0;
      position: relative;
      text-align: center;
      white-space: pre-wrap;
      word-break: break-word;
    }

:where(lexxy-editor) .attachment__caption .attachment__caption-editor:focus,
      :where(lexxy-editor) .attachment__caption .attachment__caption-editor:focus-visible {
        background: var(--lexxy-color-canvas);
        outline: 0;
      }

:where(lexxy-editor) .attachment__caption .attachment__caption-editor[data-caption-empty]::before {
        align-items: center;
        content: attr(data-placeholder);
        color: inherit;
        display: flex;
        inset: 0;
        justify-content: center;
        opacity: 0.62;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

/* Placeholder */

:where(.lexxy-editor--empty) .lexxy-editor__content:not(:has(h1, h2, h3, h4, h5, h6, table, ul, ol, figure, .attachment-gallery))::before {
    content: attr(placeholder);
    color: currentColor;
    cursor: text;
    opacity: 0.66;
    pointer-events: none;
    position: absolute;
    white-space: pre-line;
  }

:where(lexxy-editor)[data-lexxy-rich-placeholder].lexxy-editor--empty .lexxy-editor__content:not(:has(h1, h2, h3, h4, h5, h6, table, ul, ol, figure, .attachment-gallery))::before {
    content: none;
  }

:where(lexxy-editor) > .lexxy-editor__placeholder {
  color: currentColor;
  cursor: text;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  pointer-events: none;
  position: absolute;
  white-space: normal;
  z-index: 1;
}

:where(lexxy-editor.lexxy-editor--empty) > .lexxy-editor__placeholder {
  display: block;
}

:where(.lexxy-editor__placeholder-context) {
  opacity: 0.66;
}

:where(.lexxy-editor__placeholder-tip) {
  opacity: 0.45;
}

:where(.lexxy-editor__placeholder-tip--solo) {
  opacity: 0.66;
}

:where(.lexxy-editor__placeholder-key) {
  align-items: center;
  background: rgb(0 0 0 / 0.04);
  border: 1px solid rgb(0 0 0 / 0.12);
  border-radius: 0.25rem;
  color: inherit;
  display: inline-flex;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75em;
  font-weight: 600;
  justify-content: center;
  line-height: 1;
  margin-inline: 0.1em;
  min-inline-size: 1.25rem;
  padding: 0.15em 0.35em;
  vertical-align: baseline;
  white-space: nowrap;
}

:where(.lexxy-editor__content) {
  /* eslint-disable-next-line css/no-invalid-properties */
  min-block-size: var(--lexxy-editor-rows);
  outline: 0;
  padding: var(--lexxy-editor-padding);

  /* Isolate the contenteditable root's layout and style. Lexical's reconciler
     commits mutations inside this element (nodes appended, text inserted,
     class flipped) on every update; containment keeps those mutations from
     invalidating ancestor-dependent selectors and sibling layout elsewhere
     in the editor. */
  contain: layout style;
}

:where(.lexxy-editor--drag-over) {
  background-color: var(--lexxy-color-selected);
  border-radius: var(--lexxy-radius);
  outline: 2px dashed var(--lexxy-color-selected-dark);
}

:where([data-lexical-cursor]) {
  animation: blink 1s infinite;
  block-size: 1lh;
  border-inline-start: 1.5px solid currentColor;
  line-height: inherit;
  margin-block: 0 var(--lexxy-content-margin);
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* --------------------------------------------------------------------------
/* Toolbar */

:where(lexxy-toolbar) {
  --lexxy-toolbar-icon-size: 1.125em;

  border-block-end: 1px solid var(--lexxy-color-border);
  color: currentColor;
  display: flex;
  font-size: inherit;
  gap: var(--lexxy-toolbar-gap);
  max-inline-size: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding: 2px;
  position: relative;
  scrollbar-width: thin;
}

@container (width < 300px) {

:where(lexxy-toolbar) {
    font-size: 0.8em
}
  }

:where(lexxy-toolbar)[data-attachments="false"] button[name="image"],
  :where(lexxy-toolbar)[data-attachments="false"] button[name="file"] {
    display: none;
  }

:where(lexxy-toolbar)[data-upload="file"] button[name="image"] {
    display: none;
  }

:where(lexxy-toolbar)[data-upload="image"] button[name="file"] {
    display: none;
  }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button {
    aspect-ratio: 1;
    block-size: var(--lexxy-toolbar-button-size);
    border: 0;
    border-radius: var(--lexxy-radius);
    color: currentColor;
    display: grid;
    line-height: inherit;
    place-items: center;
  }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button:is(:active):not([aria-disabled="true"]),
    :where(lexxy-toolbar) .lexxy-editor__toolbar-button[aria-pressed="true"] {
      background-color: var(--lexxy-color-selected);
    }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button:is(:active):not([aria-disabled="true"]):hover, :where(lexxy-toolbar) .lexxy-editor__toolbar-button[aria-pressed="true"]:hover {
        background-color: var(--lexxy-color-selected-hover);
      }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button[aria-disabled="true"] {
      cursor: default;
      opacity: 0.3;
    }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button svg {
      -webkit-touch-callout: none;
      block-size: var(--lexxy-toolbar-icon-size);
      fill: currentColor;
      grid-area: 1/1;
      inline-size: var(--lexxy-toolbar-icon-size);
      -webkit-user-select: none;
    }

@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {

:where(lexxy-toolbar) .lexxy-editor__toolbar-button svg {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none
    }
      }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button[data-lexxy-icon="italic"] svg {
      block-size: calc(var(--lexxy-toolbar-icon-size) * 1.17);
      inline-size: calc(var(--lexxy-toolbar-icon-size) * 1.17);
    }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button.lexxy-editor__toolbar-group-end {
      position: relative;
      margin-inline-end: calc(var(--lexxy-toolbar-spacing) + 1px);
    }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button.lexxy-editor__toolbar-group-end:after {
        background-color: var(--lexxy-color-ink-lighter);
        block-size: var(--lexxy-toolbar-icon-size);
        content: "";
        display: block;
        inline-size: 1px;
        inset-inline-end: calc(-1 * var(--lexxy-toolbar-spacing));
        inset-block: 0;
        margin: auto;
        pointer-events: none;
        position: absolute;
      }

:where(lexxy-toolbar) .lexxy-editor__toolbar-button--push-right {
    margin-inline-start: auto;
  }

:where(lexxy-toolbar) > * {
    flex: 0 0 auto;
  }

/* --------------------------------------------------------------------------
/* Dropdowns */

:where(.lexxy-editor__toolbar-dropdown) {
  -webkit-user-select: none;
}

@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {

:where(.lexxy-editor__toolbar-dropdown) {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
  }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-button {
    color: currentColor;
  }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-button:hover {
      opacity: 0.8;
    }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-button.lexxy-editor__toolbar-button--chevron {
      aspect-ratio: unset;
      gap: 0.25ch;
      grid-template-columns: 2fr 1fr;
      min-inline-size: calc(var(--lexxy-toolbar-button-size) + 1.2ch);
      padding-inline: 0.75ch;
    }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-button.lexxy-editor__toolbar-button--chevron:after {
        background-color: currentColor;
        block-size: 0.45rem;
        content: "";
        display: inline-block;
        inline-size: 0.75rem;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='currentColor'%3E%3Cpath d='m9.099,2.5H2.901c-.554,0-1.061.303-1.322.792-.262.488-.233,1.079.074,1.54l3.099,4.648c.279.418.745.668,1.248.668s.969-.25,1.248-.668l3.099-4.648c.308-.461.336-1.051.074-1.54-.262-.489-.769-.792-1.322-.792Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
          center / contain no-repeat;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='currentColor'%3E%3Cpath d='m9.099,2.5H2.901c-.554,0-1.061.303-1.322.792-.262.488-.233,1.079.074,1.54l3.099,4.648c.279.418.745.668,1.248.668s.969-.25,1.248-.668l3.099-4.648c.308-.461.336-1.051.074-1.54-.262-.489-.769-.792-1.322-.792Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
          center / contain no-repeat;
      }

:where(.lexxy-editor__toolbar-dropdown) > .lexxy-editor__toolbar-button[aria-expanded="true"] {
    background-color: var(--lexxy-color-selected-hover);
  }

:where(.lexxy-editor__toolbar-dropdown) > .lexxy-editor__toolbar-button[aria-expanded="true"]:hover {
      background-color: var(--lexxy-color-selected-hover);
    }

:where(.lexxy-editor__toolbar-dropdown) [data-dropdown-panel] {
    background-color: var(--lexxy-color-canvas);
    border: 2px solid var(--lexxy-color-selected-hover);
    border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
    box-sizing: border-box;
    box-shadow: var(--lexxy-shadow);
    color: var(--lexxy-color-text);
    display: flex;
    gap: var(--lexxy-toolbar-gap);
    margin: 0;
    padding: var(--lexxy-toolbar-spacing);
    position: absolute;
    z-index: 3;
  }

:where(.lexxy-editor__toolbar-dropdown) [data-dropdown-panel][hidden],
    [overflowing] :where(.lexxy-editor__toolbar-dropdown) [data-dropdown-panel][hidden] {
      display: none;
    }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list {
    flex-direction: column;
    padding: 0.1ch;
  }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list button {
      align-items: center;
      color: var(--lexxy-color-text);
      display: flex;
      flex-direction: row;
      gap: 1ch;
      padding: 1ch;
      position: relative;
    }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list button[aria-pressed="true"] {
        background-color: var(--lexxy-color-selected);
      }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list button[aria-pressed="true"]:hover {
          background-color: var(--lexxy-color-selected-hover);
        }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list button span {
        font-size: var(--lexxy-text-small);
      }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list button svg {
        block-size: 1lh;
        fill: currentColor;
        inline-size: 1lh;
      }

:where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list .lexxy-editor__toolbar-separator {
      background: var(--lexxy-color-ink-lighter);
      block-size: 1px;
      inline-size: 100%;
    }

[overflowing] :where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }

[overflowing] :where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list button span {
        display: none;
      }

[overflowing] :where(.lexxy-editor__toolbar-dropdown) .lexxy-editor__toolbar-dropdown-list .lexxy-editor__toolbar-separator {
        grid-column: 1 / -1;
      }

/* --------------------------------------------------------------------------
  /* Overflow menu */

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-overflow {
    display: none;
    justify-self: flex-end;
    z-index: 1;
  }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-overflow [data-dropdown-panel] {
      border-start-end-radius: 0;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      inset-inline-end: var(--lexxy-toolbar-gap);
    }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-overflow [data-dropdown-panel] .lexxy-editor__toolbar-button {
        aspect-ratio: 1;
        block-size: var(--lexxy-toolbar-button-size);
        inline-size: var(--lexxy-toolbar-button-size);
        margin-inline-end: 0;
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-overflow [data-dropdown-panel] .lexxy-editor__toolbar-button::after {
        display: none;
      }

/* --------------------------------------------------------------------------
  /* Link dropdown */

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] {
      font-size: var(--lexxy-text-small);
      gap: var(--lexxy-toolbar-spacing);
      inset-inline-start: var(--lexxy-toolbar-spacing);
      inset-inline-end: var(--lexxy-toolbar-spacing);
    }

[overflowing] :where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] {
        flex-wrap: wrap;
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] .lexxy-editor__toolbar-dropdown-actions {
        display: flex;
        flex: 1;
        gap: var(--lexxy-toolbar-spacing);
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"] {
        background-color: var(--lexxy-color-canvas);
        border: 1px solid var(--lexxy-color-border);
        border-radius: var(--lexxy-radius);
        color: var(--lexxy-color-text);
        block-size: var(--lexxy-toolbar-button-size);
        box-sizing: border-box;
        font-size: var(--lexxy-text-small);
        flex: 2;
        inline-size: 100%;
        line-height: inherit;
        padding-block: 0;
        padding-inline: 1ch;
      }

[overflowing] :where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"] {
          min-inline-size: 100%;
        }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button {
        background-color: var(--lexxy-color-ink-lightest);
        inline-size: 100%;
        padding-inline: 2ch;
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="link"] {
        background-color: var(--lexxy-color-accent-dark);
        color: var(--lexxy-color-ink-inverted);
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="link"]:hover {
          background-color: var(--lexxy-color-accent-medium);
        }

/* --------------------------------------------------------------------------
  /* Color dropdown */

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight {
    position: relative;
  }

[overflowing] :where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight {
      position: static;
    }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] {
      --max-inline-size: calc(
        var(--max-colors) * var(--lexxy-toolbar-button-size) + (var(--max-colors) - 1) * var(--lexxy-toolbar-gap) + 2 *
          var(--lexxy-toolbar-spacing)
      );
      gap: var(--lexxy-toolbar-spacing);
      flex-direction: column;
      font-size: var(--lexxy-text-small);
      inset-inline-start: 0;
      max-inline-size: var(--max-inline-size);
      min-inline-size: var(--max-inline-size);
    }

[overflowing] :where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] {
        inset-inline-end: var(--lexxy-toolbar-spacing);
        inset-inline-start: var(--lexxy-toolbar-spacing);
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] button {
        position: relative;
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors {
        display: grid;
        gap: var(--lexxy-toolbar-gap);
        grid-template-columns: repeat(var(--max-colors), var(--lexxy-toolbar-button-size));
        inline-size: -moz-max-content;
        inline-size: max-content;
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors button {
          block-size: unset;
          inline-size: 100%;
        }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors button:after {
            align-items: center;
            content: "Aa";
            display: flex;
            font-family:
              system-ui,
              -apple-system,
              BlinkMacSystemFont,
              "Segoe UI",
              Roboto,
              sans-serif;
            inset: 0;
            justify-content: center;
            position: absolute;
          }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors button[aria-pressed="true"] {
            background-color: transparent;
            box-shadow: 0 0 0 2px currentColor inset;
          }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors button[aria-pressed="true"]:after {
              content: "✓";
            }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-editor__toolbar-dropdown-reset {
        background-color: var(--lexxy-color-ink-lightest);
      }

:where(.lexxy-editor__toolbar-dropdown).lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-editor__toolbar-dropdown-reset:is([disabled]) {
          display: none;
        }

/* --------------------------------------------------------------------------
/* Floating controls */

:where(.lexxy-floating-controls) {
  --button-size: 2.3lh;
  --floating-tools-radius: calc(var(--lexxy-radius) * 1.5);

  color: var(--lexxy-color-ink-inverted);
  font-size: var(--lexxy-text-small);
  line-height: 1;
  position: absolute;
  z-index: 2;
}

:where(.lexxy-floating-controls) button,
  :where(.lexxy-floating-controls) summary {
    align-items: center;
    background: transparent;
    block-size: var(--button-size);
    color: var(--lexxy-color-ink-inverted);
    display: flex;
    justify-content: center;
    line-height: inherit;
    min-block-size: var(--button-size);
    min-inline-size: var(--button-size);
    -webkit-user-select: none;
  }

@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {

:where(.lexxy-floating-controls) button,
  :where(.lexxy-floating-controls) summary {
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none
  }
    }

@media (any-hover: hover) {
      :where(.lexxy-floating-controls) button:hover:not([aria-disabled="true"]),
      [open] :where(.lexxy-floating-controls) button:is(summary),
      :where(.lexxy-floating-controls) summary:hover:not([aria-disabled="true"]),
      [open] :where(.lexxy-floating-controls) summary:is(summary) {
        background: var(--lexxy-color-ink-medium);
      }

        :where(.lexxy-floating-controls) button:hover:not([aria-disabled="true"]) svg, [open] :where(.lexxy-floating-controls) button:is(summary) svg, :where(.lexxy-floating-controls) summary:hover:not([aria-disabled="true"]) svg, [open] :where(.lexxy-floating-controls) summary:is(summary) svg {
          opacity: 1;
        }

      :where(.lexxy-floating-controls) button:focus-visible, :where(.lexxy-floating-controls) summary:focus-visible {
        outline-color: var(--lexxy-focus-ring-color);
      }
    }

:where(.lexxy-floating-controls) button {
    aspect-ratio: 1 / 1;
    font-weight: bold;
  }

:where(.lexxy-floating-controls) button svg {
      block-size: 1.125em;
      inline-size: 1.125em;
      fill: currentColor;
      opacity: 0.8;
      padding: 1px; /* Fixes weird Safari SVG clipping issue */
    }

:where(.lexxy-floating-controls) button span {
      display: none;
    }

:where(.lexxy-floating-controls) summary {
    box-shadow: 0 0 0 1px inset rgba(128, 128, 128, 0.3);
    padding: 0 1.25ch;
  }

:where(.lexxy-floating-controls) .lexxy-floating-controls__group {
    background-color: var(--lexxy-color-ink);
    border-radius: var(--floating-tools-radius);
    padding: 0.25ch;
  }

/* --------------------------------------------------------------------------
  /* Table Tools */

:where(.lexxy-floating-controls):is(lexxy-table-tools) {
    flex-direction: row;
    gap: 0.25ch;
    inset-inline-start: var(--lexxy-editor-padding);
    transform: translate(-50%, -120%);
  }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control {
      align-items: stretch;
      display: flex;
      flex-direction: row;
      gap: 0.25ch;
      white-space: nowrap;
    }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__more-menu {
        gap: 0;
        position: relative;
      }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__more-menu .lexxy-table-control__more-menu-details {
          background: var(--lexxy-color-ink);
          border-radius: var(--floating-tools-radius);
          display: flex;
          flex-direction: column;
          gap: 0.25ch;
          inset-block-start: 110%;
          inset-inline-start: 50%;
          padding: 0.25ch;
          position: absolute;
          transform: translateX(-50%);
        }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__more-menu .lexxy-table-control__more-menu-details button {
            aspect-ratio: unset;
            flex-direction: row;
            font-weight: normal;
            gap: 1ch;
            justify-content: flex-start;
            padding: 0.75ch;
            padding-inline-end: 1.5ch;
            white-space: nowrap;
          }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__more-menu .lexxy-table-control__more-menu-details button span {
              display: inline-block;
            }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__more-menu .lexxy-table-control__more-menu-details button svg {
              block-size: 1.3lh;
              inline-size: 1.3lh;
              fill: currentColor;
            }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__button--delete-table {
        align-items: center;
        block-size: auto;
        font-weight: normal;
        justify-content: center;
      }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__button--delete-table svg {
          block-size: 1.125em;
          inline-size: 1.125em;
          min-block-size: 1.125em;
          min-inline-size: 1.125em;
        }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__button--delete-table span {
          align-items: center;
          background: var(--lexxy-color-ink);
          border-radius: var(--floating-tools-radius);
          color: color-mix(in srgb, var(--lexxy-color-ink-inverted) 80%, transparent);
          display: flex;
          inset-inline-end: calc(var(--button-size) + 1ch);
          inset-block-start: 0;
          inset-block-end: 0;
          inset-inline-start: 0;
          justify-content: center;
          padding: 0.5ch 1ch;
          position: absolute;
          transition: all 0.2s ease-out;
          opacity: 0;
          pointer-events: none;
          white-space: nowrap;
        }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__button--delete-table:hover {
          background-color: var(--lexxy-color-red);
        }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__button--delete-table:hover svg {
            color: var(--lexxy-color-ink-inverted);
          }

:where(.lexxy-floating-controls):is(lexxy-table-tools) .lexxy-table-control .lexxy-table-control__button--delete-table:hover span {
            opacity: 1;
          }

:where(.lexxy-floating-controls):is(lexxy-image-tools) {
    transform: translate(-50%, calc(-100% - 0.5ch));
  }

:where(.lexxy-floating-controls):is(lexxy-image-tools) .lexxy-image-tools__bar {
      align-items: center;
      display: flex;
      gap: 0.25ch;
    }

:where(.lexxy-floating-controls):is(lexxy-image-tools) .lexxy-image-tools__section {
      display: flex;
      gap: 0.25ch;
    }

:where(.lexxy-floating-controls):is(lexxy-image-tools) .lexxy-image-tools__section + .lexxy-image-tools__section {
        box-shadow: -1px 0 0 0 color-mix(in srgb, var(--lexxy-color-ink-inverted) 18%, transparent);
        margin-inline-start: 0.25ch;
        padding-inline-start: 0.5ch;
      }

:where(.lexxy-floating-controls):is(lexxy-image-tools) button svg {
        fill: none;
        stroke: currentColor;
        opacity: 1;
        padding: 0;
      }

@media (any-hover: hover) {
        :where(.lexxy-floating-controls):is(lexxy-image-tools) button:hover:not([aria-disabled="true"]) {
          background: #353535;
        }
      }

:where(.lexxy-floating-controls):is(lexxy-image-tools) button[aria-selected] {
      background: #404040;
      border: 0;
      box-shadow: none;
      color: #ffffff;
      outline: 0;
    }

:where(.lexxy-floating-controls):is(.lexxy-caption-tools) {
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-100% - 0.5ch));
  }

:where(.lexxy-floating-controls):is(.lexxy-caption-tools) .lexxy-caption-tools__bar {
      align-items: center;
      display: flex;
      gap: 0.25ch;
    }

:where(.lexxy-floating-controls):is(.lexxy-caption-tools) button svg {
        fill: none;
        stroke: currentColor;
        opacity: 1;
        padding: 0;
      }

:where(.lexxy-floating-controls):is(.lexxy-caption-tools) button[data-caption-command="link"] svg {
        fill: currentColor;
        stroke: none;
      }

@media (any-hover: hover) {
        :where(.lexxy-floating-controls):is(.lexxy-caption-tools) button:hover:not([aria-disabled="true"]) {
          background: #353535;
        }
      }

:where(.lexxy-floating-controls):is(.lexxy-caption-tools) button:is([aria-selected="true"], [aria-pressed="true"]) {
      background: #404040;
      border: 0;
      box-shadow: none;
      color: #ffffff;
      outline: 0;
    }

:where(.lexxy-floating-controls):is(.lexxy-caption-tools) button[data-caption-command="italic"] svg,
    :where(.lexxy-floating-controls):is(.lexxy-caption-tools) button[data-lexxy-icon="italic"] svg {
      block-size: calc(1.125em * 1.17);
      inline-size: calc(1.125em * 1.17);
    }

/* --------------------------------------------------------------------------
  /* Image alt button and attachment delete button */

:where(.lexxy-floating-controls):is(lexxy-node-delete-button) {
    inset-block-start: 0;
    inset-inline-start: 100%;
    opacity: 0;
    pointer-events: none;
  }

.node--selected :where(.lexxy-floating-controls):is(lexxy-node-delete-button) {
      opacity: 1;
      pointer-events: auto;
    }

:where(.lexxy-floating-controls):is(lexxy-node-delete-button) .lexxy-node-delete:hover {
      background-color: var(--lexxy-color-red);
    }

:where(.lexxy-floating-controls):is(lexxy-image-alt-button) {
    inset-block-start: 0;
    inset-inline-end: calc(var(--button-size) + 0.75ch);
    opacity: 0;
    pointer-events: none;
  }

.node--selected :where(.lexxy-floating-controls):is(lexxy-image-alt-button) {
      opacity: 1;
      pointer-events: auto;
    }

:where(.lexxy-floating-controls):is(lexxy-image-alt-button) .lexxy-image-alt svg {
        fill: none;
        stroke: currentColor;
        opacity: 1;
        padding: 0;
      }

@media (any-hover: hover) {
        :where(.lexxy-floating-controls):is(lexxy-image-alt-button) .lexxy-image-alt:hover:not([aria-disabled="true"]) {
          background: #353535;
        }
      }

/* --------------------------------------------------------------------------
  /* Language picker */

:where(.lexxy-floating-controls):is(lexxy-code-language-picker) {
    inset-inline-end: var(--lexxy-editor-padding);
  }

:where(.lexxy-floating-controls):is(lexxy-code-language-picker) select {
      -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
      background-color: var(--lexxy-color-canvas);
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23000'/%3E%3C/svg%3E");
      background-position: center right 1ch;
      background-repeat: no-repeat;
      background-size: 1ch;
      block-size: 1.5lh;
      border: 1px solid var(--lexxy-color-border);
      border-radius: var(--lexxy-radius);
      color: var(--lexxy-color-ink);
      font-family: var(--lexxy-font-base);
      font-size: var(--lexxy-text-small);
      font-weight: normal;
      margin: 0.5ch 0.5ch 0 -0.5ch;
      padding: 0 2ch 0 1ch;
      text-align: start;
    }

/* Use class-based dark mode (not prefers-color-scheme) so the chevron
         stays visible when the OS is dark but the app stays light. */

:root.dark :where(.lexxy-floating-controls):is(lexxy-code-language-picker) select,
      .dark :where(.lexxy-floating-controls):is(lexxy-code-language-picker) select {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23fff'/%3E%3C/svg%3E");
      }

/* --------------------------------------------------------------------------
/* Custom attachments */

action-text-attachment[content-type^="application/vnd.actiontext"].node--selected {
    --lexxy-attachment-bg-color: var(--lexxy-color-accent-dark);
    --lexxy-attachment-text-color: var(--lexxy-color-ink-inverted);

    outline: none;
  }

action-text-attachment[content-type^="application/vnd.actiontext"] lexxy-node-delete-button {
    inset-inline-start: 0;
    line-height: 1lh;
  }

action-text-attachment[content-type^="application/vnd.actiontext"] lexxy-node-delete-button .lexxy-floating-controls__group {
      --button-size: 1lh;

      background-color: var(--lexxy-color-accent-dark);
      padding: 0;
    }

action-text-attachment[content-type^="application/vnd.actiontext"] lexxy-node-delete-button .lexxy-floating-controls__group button {
        border-radius: 50%;
      }

/*
 * Action Text content can be rendered from old Trix-authored records or new
 * Lexxy-authored records. Keep both selectors so existing posts retain styling.
*/

/* Lexxy stores text colors in <mark> tags. Reset the browser default yellow. */

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) mark {
  background-color: transparent;
}

/* Background-only highlights in read-only content (see lexxy.css for selector rationale) */

.dark
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  mark[style*="background-color"]:not([style^="color:"]):not(
    [style*="; color:"]
  ) {
  color: #ffffff;
}

.link_to_embed {
  white-space: normal;
  margin-top: 1rem;
  margin-left: 1rem;
}

.link_to_embed [data-behavior="embed_url"] {
    display: inline-block;
  }

lexxy-editor:empty:not(:focus)::before {
  color: #9ca3af;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--image-small {
  width: min(16rem, 100%);
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--image-medium {
  width: min(32rem, 100%);
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--image-full {
  width: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--image-full
  :where(.attachment__container, .attachment__image-frame, img) {
  width: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--image-full
  img {
  height: auto;
  max-height: none;
  -o-object-fit: unset;
     object-fit: unset;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--preview
  img {
  border-radius: 1rem;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment__image-frame {
  border-radius: 1rem;
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--image-full
  .attachment__image-frame {
  display: block;
  width: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment__image-frame::after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.dark
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment__image-frame::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  :is(
    .attachment--align-left,
    .attachment--align-center,
    .attachment--align-right
  ) {
  display: block;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--align-left {
  margin-left: 0;
  margin-right: auto;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--align-center {
  margin-left: auto;
  margin-right: auto;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--align-right {
  margin-left: auto;
  margin-right: 0;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) a {
  color: var(--color-primary-600, var(--lexxy-color-link));
  text-decoration: underline;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) a:hover {
  color: var(--color-primary-500, var(--lexxy-color-link));
}

trix-editor a {
  color: var(--color-primary-600, var(--lexxy-color-link));
  text-decoration: underline;
}

trix-editor a:hover,
.lexxy-content a:hover {
  color: var(--color-primary-500, var(--lexxy-color-link));
}

/* Inline code in read-only prose wrappers (e.g. blog posts) */

.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  :where(code):not(pre code)::before,
.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  :where(code):not(pre code)::after {
  content: none;
}

.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  code,
.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  pre {
  background-color: var(--lexxy-color-code-bg, var(--lexxy-color-ink-lightest));
  border-radius: var(--lexxy-radius);
  color: var(--lexxy-color-ink);
  font-family: var(--lexxy-font-mono);
  font-size: 0.9em;
  font-weight: 400;
  padding: 0.25ch 0.5ch;
}

.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  pre,
.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  code[data-language] {
  border-radius: 0.5rem;
  display: block;
  -webkit-hyphens: none;
          hyphens: none;
  margin-block: 0 var(--lexxy-content-margin);
  overflow-x: auto;
  overflow-wrap: break-word;
  padding: 1rem;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  white-space: pre;
}

.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  pre
  code,
.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  code[data-language]
  code {
  background: transparent;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .lexxy-content__table-wrapper {
  margin: 1ch 0;
  overflow-x: auto;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .lexxy-content__table-wrapper
  table {
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: calc(100% - 0.5ch);
  margin: 0.25ch;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .lexxy-content__table-wrapper
  :where(th, td) {
  border: 1px solid var(--lexxy-color-ink-lighter);
  max-width: 50ch;
  min-width: 5ch;
  padding: 1ch;
  text-align: start;
  word-break: normal;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .lexxy-content__table-wrapper
  :where(th, td)
  > :last-child {
  margin-block-end: 0;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .lexxy-content__table-wrapper
  .lexxy-content__table-cell--header {
  background-color: var(--lexxy-color-table-header-bg);
  font-weight: bold;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .lexxy-content__table-wrapper
  :where(th, td)
  :is(code, pre) {
  -webkit-hyphens: auto;
          hyphens: auto;
  white-space: pre-wrap;
}

@supports (text-wrap: wrap) {
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
    .lexxy-content__table-wrapper
    :where(th, td)
    :is(code, pre) {
    text-wrap: wrap;
  }
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment-gallery > action-text-attachment,
    :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment-gallery > .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%;
    }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment-gallery.attachment-gallery--2 > action-text-attachment,
      :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment-gallery.attachment-gallery--2 > .attachment,
      :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment-gallery.attachment-gallery--4 > action-text-attachment,
      :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment-gallery.attachment-gallery--4 > .attachment {
        flex-basis: 50%;
        max-width: 50%;
      }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"] {
    display: block;
    margin: 1rem 0;
    position: relative;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed {
    display: block;
    line-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed
    > *:not(script):not(.embed__badge):not(.custom-code-edit-button) {
    display: block;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed
    script {
    display: none !important;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed {
    display: inline-block;
    line-height: 0;
    margin: 1em 0 !important;
    padding: 0 !important;
    width: 100%;
    @apply flex justify-center;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed img {
    margin-bottom: 0;
    margin-top: 0;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--thumbnail {
    border-radius: 0.75rem;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--thumbnail img {
    border-radius: 0;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed__badge {
    align-items: center;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    background: rgba(15, 15, 15, 0.72);
    border-radius: 6px;
    bottom: 0.65rem;
    color: #fff;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.35rem;
    left: 0.65rem;
    line-height: 1;
    padding-block: 0.35rem;
    padding-inline: 0.55rem;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed__badge-icon {
    block-size: 0.85rem;
    flex-shrink: 0;
    inline-size: 0.85rem;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed__badge .embed-provider-icon--theme-adaptive {
    color: #fff;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed__badge .embed-provider-icon--theme-adaptive path[fill="currentColor"] {
    fill: currentColor;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed__badge-label {
    white-space: nowrap;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) twitter-widget {
    display: inline-block !important;
    width: 100% !important;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) iframe {
    border-radius: 0.75rem;
    overflow: hidden;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    twitter-widget {
    display: block !important;
    width: 100% !important;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    iframe {
    aspect-ratio: 16 / 9;
    border-radius: 0.75rem;
    height: auto;
    overflow: hidden;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed-code-container iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed-code-container
    iframe {
    aspect-ratio: auto;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--twitter iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .twitter-tweet-rendered iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--twitter
    iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .twitter-tweet-rendered
    iframe {
    aspect-ratio: unset;
    border-radius: 0.75rem;
    height: auto;
    max-width: 550px;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--twitter,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .twitter-tweet-rendered,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--twitter,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .twitter-tweet-rendered {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1.5rem 0;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--twitter
    twitter-widget,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .twitter-tweet-rendered
    twitter-widget {
    display: block !important;
    margin-inline: auto;
    max-width: 550px;
    width: 100% !important;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--instagram,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--instagram {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1.5rem 0;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--instagram iframe.instagram-media,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--instagram iframe.instagram-media-rendered,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--instagram
    iframe.instagram-media,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--instagram
    iframe.instagram-media-rendered {
    aspect-ratio: unset;
    border-radius: 3px;
    display: block;
    height: unset;
    margin-inline: auto;
    max-width: 658px;
    min-height: 326px;
    min-width: 326px;
    overflow: visible;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--instagram blockquote.instagram-media,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--instagram
    blockquote.instagram-media {
    margin: 0;
    max-width: 658px;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--tiktok,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--tiktok {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1.5rem 0;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--tiktok blockquote.tiktok-embed,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--tiktok
    blockquote.tiktok-embed,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) blockquote.tiktok-embed,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    blockquote.tiktok-embed {
    border: 0;
    border-inline-start: 0;
    font-style: normal;
    margin: 0 auto;
    max-width: 605px;
    min-width: 325px;
    padding: 0;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--tiktok blockquote.tiktok-embed iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--tiktok
    blockquote.tiktok-embed
    iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) blockquote.tiktok-embed iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    blockquote.tiktok-embed
    iframe {
    aspect-ratio: unset;
    border: 0;
    border-radius: 0;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    position: static;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook {
    margin: 1.5rem 0;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook .fb-video,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook .fb-video span,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook .fb-post,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook .fb-post span,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    .fb-video,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    .fb-video
    span,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    .fb-post,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    .fb-post
    span {
    display: block;
    max-width: 100%;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook .fb-post span,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook .fb-post iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    .fb-post
    span,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    .fb-post
    iframe {
    background: #fff;
    margin-inline: auto;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--facebook blockquote.fb-xfbml-parse-ignore,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--facebook
    blockquote.fb-xfbml-parse-ignore,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) blockquote.fb-xfbml-parse-ignore {
    border: 0;
    border-inline-start: 0;
    font-style: normal;
    margin: 0;
    padding: 0;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--airtable,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--airtable {
    margin: 1.5rem 0;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .embed--airtable iframe,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"]
    .embed--airtable
    iframe {
    aspect-ratio: unset;
    border: 0;
    display: block;
    height: 533px;
    max-width: 100%;
    width: 100%;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) figure.horizontal-divider {
    inline-size: 100%;
    margin: 0;
    padding: 1.25rem 0;
  }

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) figure.horizontal-divider hr,
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) hr {
    border: 0;
    border-block-end: 1px solid #d4d4d4;
    border-top-width: 0;
    inline-size: 100%;
    margin: 1.25rem 0;
    opacity: 1;
  }

.dark
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  figure.horizontal-divider
  hr,
.dark
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  hr {
  border-block-end-color: #737373;
}

/* Override Tailwind Typography hr styles inside blog posts and other prose wrappers */

.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  figure.horizontal-divider
  hr,
.prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  hr {
  border: 0;
  border-block-end: 1px solid #d4d4d4;
  border-top-width: 0;
}

.dark
  .prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  figure.horizontal-divider
  hr,
.dark
  .prose
  :where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  hr {
  border-block-end-color: #737373;
}

/* Attachment formatting */

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) figure.attachment:has(.attachment__pdf-frame, > .attachment__container.attachment__pdf-frame) {
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
  width: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment__pdf-frame {
  aspect-ratio: 1 / 1;
  inline-size: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) .attachment__pdf-frame iframe {
  border: 0;
  border-radius: 1rem;
  block-size: 100%;
  display: block;
  inline-size: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) figure.attachment:has(> audio, > .attachment__container > audio) {
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
  width: 100%;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content) figure.attachment audio {
  display: block;
  inline-size: 100%;
  min-block-size: 2.75rem;
}

:where(.trix-content, .lexxy-content):not(lexxy-editor .lexxy-content)
  .attachment--preview:not(.attachment--image-small):not(
    .attachment--image-medium
  ):not(.attachment--image-full) {
  margin: 0.6em 0;
  text-align: center;
  width: 100%;
}

/* Tweet embeds */

blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px;
  width: 468px;
}

blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}

blockquote.twitter-tweet {
  position: relative;
  background: white;
  padding: 72px 20px 28px !important;
  box-shadow: none;
  border: 1px solid #e1e8ed;
  border-radius: 4px;
  margin: 0;
  font-style: normal;
  text-align: left;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 369px) {
  blockquote.twitter-tweet {
    padding: 60px 17.5px 21.5px !important;
  }
}

blockquote.twitter-tweet:before {
  content: "Follow";
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5.5px 12px 6.5px 33px;
  background: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.89 7.012c.808-.496 1.343-1.173 1.605-2.034-.786.417-1.569.703-2.351.861-.703-.756-1.593-1.14-2.66-1.14-1.043 0-1.924.366-2.643 1.078-.715.717-1.076 1.588-1.076 2.605 0 .309.039.585.117.819-3.076-.105-5.622-1.381-7.628-3.837-.34.601-.51 1.213-.51 1.846 0 1.301.549 2.332 1.645 3.089-.625-.053-1.176-.211-1.645-.47 0 .929.273 1.705.82 2.388.549.676 1.254 1.107 2.115 1.291-.312.08-.641.118-.979.118-.312 0-.533-.026-.664-.083.23.757.664 1.371 1.291 1.841.625.472 1.344.721 2.152.743-1.332 1.045-2.855 1.562-4.578 1.562-.422 0-.721-.006-.902-.038 1.697 1.102 3.586 1.649 5.676 1.649 2.139 0 4.029-.542 5.674-1.626 1.645-1.078 2.859-2.408 3.639-3.974.784-1.564 1.172-3.192 1.172-4.892v-.468c.758-.57 1.371-1.212 1.84-1.921-.68.293-1.383.492-2.11.593z' fill='%23ccc'/%3E%3C/svg%3E")
    9px center no-repeat;
  background-size: 21px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #ccc;
  font-size: 14px;
}

@media (max-width: 369px) {
  blockquote.twitter-tweet:before {
    display: none;
  }
}

blockquote.twitter-tweet:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 36px;
  height: 36px;
  background: #eee
    url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 12c2.21 0 4-1.795 4-4 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 2.205 1.79 4 4 4zm0 2c-2.665 0-8 1.335-8 4v2h16v-2c0-2.665-5.335-4-8-4z' fill='%23444'/%3E%3C/svg%3E")
    center center no-repeat;
  border-radius: 4px;
}

@media (max-width: 369px) {
  blockquote.twitter-tweet:after {
    top: 17.5px;
    left: 17.5px;
  }
}

blockquote.twitter-tweet p {
  white-space: pre-wrap;
  margin: 0 0 28px;
}

@media (max-width: 369px) {
  blockquote.twitter-tweet p {
    font-size: 14px;
    margin-bottom: 16px;
  }
}

blockquote.twitter-tweet a {
  border: 0;
  box-shadow: none;
  color: #2b7bb9;
}

blockquote.twitter-tweet > a {
  color: #888;
}

:root.dark,
.dark {
  --lexxy-color-canvas: #404040;
  --lexxy-color-ink: #fafafa;
  --lexxy-color-ink-medium: #d4d4d4;
  --lexxy-color-ink-light: #a3a3a3;
  --lexxy-color-ink-lighter: #525252;
  --lexxy-color-ink-lightest: #222222;
  --lexxy-color-ink-inverted: #ffffff;
  --lexxy-color-accent-dark: #2563eb;
  --lexxy-color-accent-medium: #3b82f6;
  --lexxy-color-accent-light: #1e3a8a;
  --lexxy-color-accent-lightest: #1e293b;
  --lexxy-color-text: var(--lexxy-color-ink);
  --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
  --lexxy-color-link: #60a5fa;
  --lexxy-color-selected: #525252;
  --lexxy-color-selected-hover: #737373;
  --lexxy-color-selected-dark: #3b82f6;
  --lexxy-color-selected-50: rgba(59, 130, 246, 0.45);
  --lexxy-color-code-bg: #262626;
  --lexxy-color-table-header-bg: #525252;
  --lexxy-color-table-cell-border: #737373;
  --lexxy-color-table-cell-selected: rgba(59, 130, 246, 0.2);
  --lexxy-color-table-cell-selected-border: #3b82f6;
  --lexxy-color-table-cell-selected-bg: rgba(59, 130, 246, 0.18);
  --lexxy-color-table-cell-add: rgba(59, 130, 246, 0.55);
  --lexxy-color-table-cell-toggle: rgba(59, 130, 246, 0.16);
  --lexxy-color-table-cell-remove: rgba(239, 68, 68, 0.18);
  --lexxy-color-code-token-att: #93c5fd;
  --lexxy-color-code-token-comment: #a3a3a3;
  --lexxy-color-code-token-function: #c4b5fd;
  --lexxy-color-code-token-operator: #fca5a5;
  --lexxy-color-code-token-property: #7dd3fc;
  --lexxy-color-code-token-punctuation: #d4d4d4;
  --lexxy-color-code-token-selector: #86efac;
  --lexxy-color-code-token-variable: #fcd34d;
  --lexxy-focus-ring-color: #3b82f6;
  --lexxy-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);
}

lexxy-editor {
  /* --lexxy-editor-padding: 0.2em 1em 1.25rem; */
  --lexxy-editor-rows: 10rem;
  --lexxy-toolbar-button-size: 1.75rem;
  --lexxy-toolbar-icon-size: 0.95rem;
  --lexxy-toolbar-spacing: 0.35ch;

  background: #ffffff;
  border-radius: 0.5rem;
  color: #262626;
  display: block;
  font-size: 0.9rem;
  line-height: 1.25rem;
  outline: none;
}

.dark lexxy-editor {
  background: #404040;
  color: #fafafa;
}

lexxy-editor .lexxy-editor__content {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  min-height: 10rem;
}

lexxy-editor.community-comment-editor .lexxy-editor__content {
  min-height: 1lh;
}

:where(.trix-content, .lexxy-content) code,
:where(.trix-content, .lexxy-content) pre {
  background-color: var(--lexxy-color-code-bg, var(--lexxy-color-ink-lightest));
  border-radius: var(--lexxy-radius);
  color: var(--lexxy-color-ink);
  font-family: var(--lexxy-font-mono);
  font-size: 0.9em;
  padding: 0.25ch 0.5ch;
}

:where(.trix-content, .lexxy-content) pre,
:where(.trix-content, .lexxy-content) code[data-language] {
  border-radius: 0.5rem;
  display: block;
  -webkit-hyphens: none;
          hyphens: none;
  margin-block: 0 var(--lexxy-content-margin);
  overflow-x: auto;
  overflow-wrap: break-word;
  padding: 1rem;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  white-space: pre;
}

:where(.trix-content, .lexxy-content) pre code,
:where(.trix-content, .lexxy-content) code[data-language] code {
  background: transparent;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

:where(.trix-content, .lexxy-content) .code-token__attr,
:where(.trix-content, .lexxy-content) .token.attr-name,
:where(.trix-content, .lexxy-content) .token.atrule,
:where(.trix-content, .lexxy-content) .token.attr,
:where(.trix-content, .lexxy-content) .token.keyword {
  color: var(--lexxy-color-code-token-att);
}

:where(.trix-content, .lexxy-content) .code-token__property,
:where(.trix-content, .lexxy-content) .token.boolean,
:where(.trix-content, .lexxy-content) .token.constant,
:where(.trix-content, .lexxy-content) .token.number,
:where(.trix-content, .lexxy-content) .token.property,
:where(.trix-content, .lexxy-content) .token.symbol,
:where(.trix-content, .lexxy-content) .token.tag {
  color: var(--lexxy-color-code-token-property);
}

:where(.trix-content, .lexxy-content) .code-token__selector,
:where(.trix-content, .lexxy-content) .token.attr-value,
:where(.trix-content, .lexxy-content) .token.builtin,
:where(.trix-content, .lexxy-content) .token.char,
:where(.trix-content, .lexxy-content) .token.inserted,
:where(.trix-content, .lexxy-content) .token.line,
:where(.trix-content, .lexxy-content) .token.selector,
:where(.trix-content, .lexxy-content) .token.string {
  color: var(--lexxy-color-code-token-selector);
}

:where(.trix-content, .lexxy-content) .code-token__comment,
:where(.trix-content, .lexxy-content) .token.cdata,
:where(.trix-content, .lexxy-content) .token.comment,
:where(.trix-content, .lexxy-content) .token.doctype,
:where(.trix-content, .lexxy-content) .token.prolog {
  color: var(--lexxy-color-code-token-comment);
  font-style: italic;
}

:where(.trix-content, .lexxy-content) .code-token__operator,
:where(.trix-content, .lexxy-content) .token.deleted,
:where(.trix-content, .lexxy-content) .token.entity,
:where(.trix-content, .lexxy-content) .token.operator,
:where(.trix-content, .lexxy-content) .token.url,
:where(.trix-content, .lexxy-content) code[data-language="diff"] .code-token__operator + .code-token__selector {
  color: var(--lexxy-color-code-token-operator);
}

:where(.trix-content, .lexxy-content) .code-token__function,
:where(.trix-content, .lexxy-content) .token.class,
:where(.trix-content, .lexxy-content) .token.class-name,
:where(.trix-content, .lexxy-content) .token.function {
  color: var(--lexxy-color-code-token-function);
}

:where(.trix-content, .lexxy-content) .code-token__variable,
:where(.trix-content, .lexxy-content) .token.important,
:where(.trix-content, .lexxy-content) .token.namespace,
:where(.trix-content, .lexxy-content) .token.regex,
:where(.trix-content, .lexxy-content) .token.variable {
  color: var(--lexxy-color-code-token-variable);
}

:where(.trix-content, .lexxy-content) .code-token__punctuation,
:where(.trix-content, .lexxy-content) .token.punctuation {
  color: var(--lexxy-color-code-token-punctuation);
}

/* lexxy-editor:focus-within {
  box-shadow: inset 0 0 0 1px #737373;
} */

lexxy-toolbar {
  background-color: #ffffff;
  border-bottom: 1px solid #d4d4d4;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 0.25rem;
  position: sticky;
  top: 0;
  z-index: 10;
}

lexxy-toolbar[data-lexxy-dropdown-open] {
  z-index: 30;
}

/* A transformed slide-over becomes the containing block for fixed descendants,
 * which traps Lexxy dropdowns inside its scrolling content. At translate-x-0,
 * dropping the transform is visually neutral and lets the open panel use the
 * viewport as its containing block. */

[data-slide-over-on].translate-x-0:has(lexxy-toolbar[data-lexxy-dropdown-open]) {
  transform: none !important;
}

lexxy-toolbar .lexxy-editor__toolbar-button {
  min-height: 0;
  min-width: 0;
}

lexxy-toolbar [data-dropdown-panel] {
  box-shadow: var(--lexxy-shadow);
}

lexxy-toolbar .lexxy-editor__toolbar-dropdown [data-lexxy-floating-dropdown] {
  inset: auto !important;
  inset-block-start: var(--lexxy-dropdown-block-start) !important;
  inset-inline-start: var(--lexxy-dropdown-inline-start) !important;
  max-block-size: var(--lexxy-dropdown-max-block-size) !important;
  max-inline-size: calc(100vw - 1rem);
  position: fixed !important;
  z-index: 1000;
}

lexxy-toolbar
  .lexxy-editor__toolbar-dropdown:not(.lexxy-giphy-dropdown)
  [data-lexxy-floating-dropdown] {
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

lexxy-toolbar .lexxy-giphy-dropdown [data-lexxy-floating-dropdown] {
  overflow: hidden !important;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-lexxy-floating-dropdown] {
  inline-size: var(--lexxy-dropdown-inline-size);
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] {
  --link-dropdown-control-bg: #fff;
  --link-dropdown-control-border: var(--lexxy-color-border);
  --link-dropdown-control-border-focus: #404040;
  --link-dropdown-control-text: #2f3437;
  --link-dropdown-control-muted: #9b9a97;
  --link-dropdown-control-subtle: #6f6b64;
  --link-dropdown-primary-bg: #3f3f3f;
  --link-dropdown-primary-bg-hover: #2f2f2f;
  --link-dropdown-primary-text: #fff;
  --link-dropdown-secondary-bg: #f1f1ef;
  --link-dropdown-secondary-bg-hover: #e9e9e6;
  --link-dropdown-chip-bg-hover: #f1f1ef;
  --link-dropdown-divider: var(--lexxy-color-border);
  --link-dropdown-surface: #f7f7f5;

  background-color: #fff;
  border: 1px solid var(--link-dropdown-divider);
  border-radius: 8px;
  box-shadow:
    0 8px 20px rgba(15, 15, 15, 0.1),
    0 1px 3px rgba(15, 15, 15, 0.06);
  box-sizing: border-box;
  color: var(--link-dropdown-control-text);
  flex-wrap: wrap;
  font-size: var(--lexxy-text-small);
  gap: 0.75rem;
  inset-inline-end: var(--lexxy-toolbar-spacing);
  inset-inline-start: var(--lexxy-toolbar-spacing);
  padding: 0.65rem 0.75rem;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel][hidden] {
  display: none !important;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"] {
  background: var(--link-dropdown-control-bg);
  block-size: auto;
  border: 1px solid var(--link-dropdown-control-border);
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--link-dropdown-control-text);
  flex: 2;
  font: inherit;
  font-size: 0.95rem;
  inline-size: 100%;
  line-height: inherit;
  min-block-size: 2.35rem;
  min-inline-size: 0;
  padding-block: 0;
  padding-inline: 0.65rem;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"]:focus {
  border-color: var(--link-dropdown-control-border-focus);
  box-shadow: none;
  outline: 0;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"]::-moz-placeholder {
  color: var(--link-dropdown-control-muted);
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"]::placeholder {
  color: var(--link-dropdown-control-muted);
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] .lexxy-editor__toolbar-dropdown-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link
  [data-dropdown-panel]
  .lexxy-editor__toolbar-dropdown-actions
  button {
  aspect-ratio: unset;
  block-size: auto;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  inline-size: auto;
  line-height: 1;
  min-block-size: 2.35rem;
  min-inline-size: 0;
  padding: 0.65rem 1rem;
  white-space: nowrap;
}

@media (max-width: 640px) {
  lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] input[type="url"] {
    flex: 1 1 100%;
    min-inline-size: 100%;
  }

  lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link
    [data-dropdown-panel]
    .lexxy-editor__toolbar-dropdown-actions {
    flex: 1 1 100%;
    inline-size: 100%;
  }

  lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link
    [data-dropdown-panel]
    .lexxy-editor__toolbar-dropdown-actions
    button {
    flex: 1;
    inline-size: 0;
  }
}

lexxy-toolbar[overflowing]
  lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link
  [data-dropdown-panel]
  input[type="url"] {
  flex: 1 1 100%;
  min-inline-size: 100%;
}

lexxy-toolbar[overflowing]
  lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link
  [data-dropdown-panel]
  .lexxy-editor__toolbar-dropdown-actions {
  flex: 1 1 100%;
  inline-size: 100%;
}

lexxy-toolbar[overflowing]
  lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link
  [data-dropdown-panel]
  .lexxy-editor__toolbar-dropdown-actions
  button {
  flex: 1;
  inline-size: 0;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="link"] {
  background: var(--link-dropdown-primary-bg);
  border: 0;
  color: var(--link-dropdown-primary-text);
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="link"]:hover {
  background: var(--link-dropdown-primary-bg-hover);
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="unlink"] {
  background: transparent;
  border: 1px solid var(--link-dropdown-control-border);
  color: var(--link-dropdown-control-subtle);
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="unlink"]:hover {
  background: var(--link-dropdown-secondary-bg);
  color: var(--link-dropdown-control-text);
}

/* Format & highlight toolbar menus */

lexxy-toolbar-dropdown [data-dropdown-panel],
lexxy-highlight-dropdown [data-dropdown-panel] {
  --menu-dropdown-bg: #fff;
  --menu-dropdown-border: var(--lexxy-color-border);
  --menu-dropdown-text: #2f3437;
  --menu-dropdown-text-muted: #6f6b64;
  --menu-dropdown-hover: #f1f1ef;
  --menu-dropdown-selected: #e9e9e6;
  --menu-dropdown-divider: var(--lexxy-color-border);
  --menu-dropdown-reset-bg: #f1f1ef;
  --menu-dropdown-reset-hover: #e9e9e6;
  --menu-dropdown-swatch-size: 1.5rem;

  background-color: var(--menu-dropdown-bg);
  border: 1px solid var(--menu-dropdown-border);
  border-radius: 8px;
  box-shadow:
    0 8px 20px rgba(15, 15, 15, 0.09),
    0 1px 3px rgba(15, 15, 15, 0.05);
  box-sizing: border-box;
  color: var(--menu-dropdown-text);
  gap: 0.15rem;
  min-inline-size: 0;
  padding: 0.3rem;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list {
  flex-direction: column;
  font-size: 0.85rem;
  inline-size: -moz-max-content;
  inline-size: max-content;
  min-inline-size: 10rem;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list button {
  align-items: center;
  background-color: transparent;
  border-radius: 6px;
  color: var(--menu-dropdown-text);
  display: flex;
  font: inherit;
  font-size: inherit;
  gap: 0.45rem;
  inline-size: 100%;
  line-height: 1.2;
  padding: 0.35rem 0.5rem;
  white-space: nowrap;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list button:hover {
  background-color: var(--menu-dropdown-hover);
  opacity: 1;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list button[aria-pressed="true"] {
  background-color: var(--menu-dropdown-selected);
  font-weight: 600;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list button[aria-pressed="true"]:hover {
  background-color: var(--menu-dropdown-hover);
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list button svg {
  block-size: 0.95rem;
  flex-shrink: 0;
  inline-size: 0.95rem;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list button span {
  font-size: inherit;
}

lexxy-toolbar-dropdown [data-dropdown-panel].lexxy-editor__toolbar-dropdown-list .lexxy-editor__toolbar-separator {
  background: var(--menu-dropdown-divider);
  margin-block: 0.15rem;
}

lexxy-editor .lexxy-editor__toolbar-dropdown.lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] {
  --menu-dropdown-swatch-gap: 0.25rem;
  --max-inline-size: calc(
    var(--max-colors) * var(--menu-dropdown-swatch-size) + (var(--max-colors) - 1) * var(--menu-dropdown-swatch-gap) +
      0.8rem
  );
  min-inline-size: var(--max-inline-size);
}

lexxy-editor
  .lexxy-editor__toolbar-dropdown.lexxy-editor__toolbar-dropdown--highlight
  [data-dropdown-panel]
  .lexxy-highlight-colors {
  gap: var(--menu-dropdown-swatch-gap);
  grid-template-columns: repeat(var(--max-colors), var(--menu-dropdown-swatch-size));
  inline-size: -moz-max-content;
  inline-size: max-content;
}

lexxy-highlight-dropdown [data-dropdown-panel] {
  --menu-dropdown-swatch-gap: 0.25rem;
  --max-inline-size: calc(
    var(--max-colors) * var(--menu-dropdown-swatch-size) + (var(--max-colors) - 1) * var(--menu-dropdown-swatch-gap) +
      0.8rem
  );
  border-start-start-radius: 8px;
  flex-direction: column;
  font-size: 0.85rem;
  gap: 0.35rem;
  max-inline-size: var(--max-inline-size);
  min-inline-size: var(--max-inline-size);
  padding: 0.4rem;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-highlight-colors {
  gap: var(--menu-dropdown-swatch-gap);
  grid-template-columns: repeat(var(--max-colors), var(--menu-dropdown-swatch-size));
  inline-size: -moz-max-content;
  inline-size: max-content;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-highlight-colors button {
  aspect-ratio: 1;
  block-size: var(--menu-dropdown-swatch-size);
  border-radius: 6px;
  inline-size: 100%;
  min-block-size: var(--menu-dropdown-swatch-size);
  min-inline-size: var(--menu-dropdown-swatch-size);
  overflow: hidden;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-highlight-colors button:hover {
  opacity: 0.85;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-highlight-colors button[aria-pressed="true"] {
  box-shadow: 0 0 0 2px var(--menu-dropdown-text) inset;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-highlight-colors button:after {
  font-size: 0.7rem;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-editor__toolbar-dropdown-reset {
  aspect-ratio: unset;
  background-color: var(--menu-dropdown-reset-bg);
  block-size: auto;
  border: 0;
  border-radius: 6px;
  color: var(--menu-dropdown-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: inherit;
  font-weight: 500;
  inline-size: 100%;
  line-height: 1.2;
  min-block-size: 0;
  margin-top: 0.3rem;
  padding: 0.35rem 0.5rem;
  text-align: center;
}

lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-editor__toolbar-dropdown-reset:hover:not([disabled]) {
  background-color: var(--menu-dropdown-reset-hover);
  color: var(--menu-dropdown-text);
  opacity: 1;
}

.dark lexxy-toolbar [data-dropdown-panel] {
  background-color: #2f2f2f;
  border-color: var(--lexxy-color-border);
  color: #fafafa;
}

.dark lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] {
  --link-dropdown-control-bg: #303030;
  --link-dropdown-control-border: var(--lexxy-color-border);
  --link-dropdown-control-border-focus: #dedede;
  --link-dropdown-control-text: #e5e5e5;
  --link-dropdown-control-muted: #9b9a97;
  --link-dropdown-control-subtle: #b4b4b0;
  --link-dropdown-primary-bg: #e5e5e5;
  --link-dropdown-primary-bg-hover: #fafafa;
  --link-dropdown-primary-text: #171717;
  --link-dropdown-secondary-bg: rgba(255, 255, 255, 0.05);
  --link-dropdown-secondary-bg-hover: rgba(255, 255, 255, 0.08);
  --link-dropdown-chip-bg-hover: #353535;
  --link-dropdown-divider: var(--lexxy-color-border);
  --link-dropdown-surface: #303030;

  background-color: #262626;
  border-color: var(--lexxy-color-border);
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.28),
    0 1px 3px rgba(0, 0, 0, 0.18);
  color: #e5e5e5;
}

.dark lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] button[value="unlink"]:hover {
  background: #4a4a4a;
  border-color: #6a6a6a;
  color: #f5f5f5;
}

.dark lexxy-toolbar-dropdown [data-dropdown-panel],
.dark lexxy-highlight-dropdown [data-dropdown-panel] {
  --menu-dropdown-bg: #262626;
  --menu-dropdown-border: var(--lexxy-color-border);
  --menu-dropdown-text: #e5e5e5;
  --menu-dropdown-text-muted: #b4b4b0;
  --menu-dropdown-hover: rgba(255, 255, 255, 0.06);
  --menu-dropdown-selected: rgba(255, 255, 255, 0.1);
  --menu-dropdown-divider: var(--lexxy-color-border);
  --menu-dropdown-reset-bg: rgba(255, 255, 255, 0.06);
  --menu-dropdown-reset-hover: rgba(255, 255, 255, 0.1);

  background-color: var(--menu-dropdown-bg);
  border-color: var(--menu-dropdown-border);
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.26),
    0 1px 3px rgba(0, 0, 0, 0.16);
  color: var(--menu-dropdown-text);
}

.dark lexxy-highlight-dropdown [data-dropdown-panel] .lexxy-highlight-colors button[aria-pressed="true"] {
  box-shadow: 0 0 0 2px #dedede inset;
}

.dark
  lexxy-highlight-dropdown
  [data-dropdown-panel]
  .lexxy-highlight-colors
  button[data-style="background-color"]:after {
  color: #fafafa;
}

lexxy-editor figure.horizontal-divider {
  position: relative;
}

lexxy-editor figure.horizontal-divider {
  inline-size: 100%;
}

lexxy-editor figure.horizontal-divider hr {
  border: 0;
  border-block-end: 1px solid var(--lexxy-color-border);
  inline-size: 100%;
  margin: 0;
}

lexxy-editor figure.horizontal-divider lexxy-node-delete-button {
  inset-block-start: 50%;
  inset-inline-end: 0;
  inset-inline-start: auto;
  transform: translateY(-50%);
}

lexxy-editor figure.horizontal-divider lexxy-node-delete-button,
lexxy-editor figure.horizontal-divider lexxy-node-delete-button .lexxy-node-delete {
  color: #525252;
}

lexxy-editor figure.horizontal-divider lexxy-node-delete-button .lexxy-floating-controls__group {
  --button-size: 1.75rem;

  background-color: #f5f5f5;
}

lexxy-editor figure.horizontal-divider lexxy-node-delete-button .lexxy-node-delete:hover {
  background-color: #e5e5e5;
  color: #525252;
}

.dark lexxy-editor figure.horizontal-divider hr {
  border-block-end-color: var(--lexxy-color-border);
}

.dark lexxy-editor figure.horizontal-divider lexxy-node-delete-button,
.dark lexxy-editor figure.horizontal-divider lexxy-node-delete-button .lexxy-node-delete {
  color: #d4d4d4;
}

.dark lexxy-editor figure.horizontal-divider lexxy-node-delete-button .lexxy-floating-controls__group {
  background-color: #262626;
}

.dark lexxy-editor figure.horizontal-divider lexxy-node-delete-button .lexxy-node-delete:hover {
  background-color: #404040;
  color: #fafafa;
}

lexxy-editor figure.attachment:has(.attachment__container > audio, > audio) {
  inline-size: 100%;
  max-inline-size: 100%;
  width: 100%;
}

lexxy-editor figure.attachment:has(.attachment__container.attachment__pdf-frame) {
  inline-size: 100%;
  max-inline-size: 100%;
  width: 100%;
}

lexxy-editor figure.attachment {
  position: relative;
}

lexxy-editor figure.attachment.attachment--image-small {
  width: min(16rem, 100%);
}

lexxy-editor figure.attachment.attachment--image-medium {
  width: min(32rem, 100%);
}

lexxy-editor figure.attachment.attachment--image-full {
  width: 100%;
}

lexxy-editor figure.attachment.attachment--image-full img,
lexxy-editor figure.attachment.attachment--image-full .attachment__container {
  width: 100%;
}

lexxy-editor figure.attachment.attachment--image-full img {
  height: auto;
  max-height: none;
  -o-object-fit: unset;
     object-fit: unset;
}

lexxy-editor figure.attachment.attachment--align-left {
  margin-left: 0;
  margin-right: auto;
}

lexxy-editor figure.attachment.attachment--align-center {
  margin-left: auto;
  margin-right: auto;
}

lexxy-editor figure.attachment.attachment--align-right {
  margin-left: auto;
  margin-right: 0;
}

lexxy-editor figure.attachment lexxy-node-delete-button,
lexxy-editor figure.attachment lexxy-image-alt-button {
  inset-block-start: 1.5ch;
  inset-inline-start: auto;
}

lexxy-editor figure.attachment lexxy-node-delete-button {
  inset-inline-end: 1.5ch;
}

lexxy-editor figure.attachment lexxy-image-alt-button {
  inset-inline-end: calc(1.5ch + var(--button-size) + 0.75ch);
}

lexxy-editor .lexxy-content__table-wrapper {
  border-radius: 0.5rem;
}

lexxy-editor table th,
lexxy-editor table td {
  border-color: var(--lexxy-color-table-cell-border);
}

.dark lexxy-editor table {
  color: #fafafa;
}

.dark lexxy-editor table th,
.dark lexxy-editor table td {
  background-color: #373737;
}

.dark lexxy-editor table th.lexxy-content__table-cell--header,
.dark lexxy-editor table td.lexxy-content__table-cell--header {
  background-color: #525252;
}

/* Table floating controls — always dark chrome; beat vendored selector specificity */

lexxy-editor lexxy-table-tools.lexxy-floating-controls,
lexxy-editor lexxy-table-tools.lexxy-floating-controls button,
lexxy-editor lexxy-table-tools.lexxy-floating-controls summary {
  color: #fafafa;
}

lexxy-editor lexxy-table-tools.lexxy-floating-controls .lexxy-floating-controls__group,
lexxy-editor
  lexxy-table-tools.lexxy-floating-controls
  .lexxy-table-control
  .lexxy-table-control__more-menu
  .lexxy-table-control__more-menu-details,
lexxy-editor lexxy-table-tools.lexxy-floating-controls .lexxy-table-control__button--delete-table span {
  background-color: #171717;
  box-shadow: var(--lexxy-shadow);
}

lexxy-editor
  lexxy-table-tools.lexxy-floating-controls
  .lexxy-table-control
  .lexxy-table-control__more-menu
  .lexxy-table-control__more-menu-details {
  border: 1px solid rgb(255 255 255 / 15%);
  color: #fafafa;
  z-index: calc(var(--lexxy-z-popup) + 1);
}

lexxy-editor
  lexxy-table-tools.lexxy-floating-controls
  .lexxy-table-control
  .lexxy-table-control__more-menu
  .lexxy-table-control__more-menu-details
  .lexxy-table-control__button {
  aspect-ratio: unset;
  background: transparent;
  border-radius: 0.375rem;
  color: inherit;
}

lexxy-editor
  lexxy-table-tools.lexxy-floating-controls
  .lexxy-table-control
  .lexxy-table-control__more-menu
  .lexxy-table-control__more-menu-details
  .lexxy-table-control__button
  svg {
  fill: currentColor;
  opacity: 0.9;
}

lexxy-editor lexxy-table-tools.lexxy-floating-controls summary {
  align-items: center;
  box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.18);
  display: flex;
  justify-content: center;
}

@media (any-hover: hover) {
  lexxy-editor lexxy-table-tools.lexxy-floating-controls button:hover:not([aria-disabled="true"]),
  lexxy-editor lexxy-table-tools.lexxy-floating-controls summary:hover:not([aria-disabled="true"]),
  lexxy-editor lexxy-table-tools.lexxy-floating-controls details[open] > summary {
    background-color: #404040;
    color: #fafafa;
  }

  lexxy-editor
    lexxy-table-tools.lexxy-floating-controls
    .lexxy-table-control
    .lexxy-table-control__more-menu
    .lexxy-table-control__more-menu-details
    .lexxy-table-control__button:hover:not([aria-disabled="true"]) {
    background-color: #525252;
  }
}

.dark lexxy-editor .lexxy-floating-controls:not(lexxy-table-tools):not(lexxy-callout-tools) {
  color: #fafafa;
}

.dark
  lexxy-editor
  .lexxy-floating-controls:not(lexxy-table-tools):not(lexxy-callout-tools)
  .lexxy-floating-controls__group {
  background-color: #171717;
}

.dark lexxy-toolbar {
  background-color: #404040;
  border-color: #525252;
}

lexxy-toolbar .lexxy-editor__toolbar-button:hover,
lexxy-toolbar .lexxy-editor__toolbar-button:active,
lexxy-toolbar .lexxy-editor__toolbar-button[aria-pressed="true"],
lexxy-toolbar .lexxy-editor__toolbar-button[aria-expanded="true"] {
  background: #f5f5f5;
}

lexxy-toolbar .lexxy-editor__toolbar-button[aria-pressed="true"]:hover,
lexxy-toolbar .lexxy-editor__toolbar-button[aria-expanded="true"]:hover {
  background: #e5e5e5;
}

.dark lexxy-toolbar .lexxy-editor__toolbar-button:hover,
.dark lexxy-toolbar .lexxy-editor__toolbar-button:active,
.dark lexxy-toolbar .lexxy-editor__toolbar-button[aria-pressed="true"],
.dark lexxy-toolbar .lexxy-editor__toolbar-button[aria-expanded="true"] {
  background: #525252;
}

.dark lexxy-toolbar .lexxy-editor__toolbar-button[aria-pressed="true"]:hover,
.dark lexxy-toolbar .lexxy-editor__toolbar-button[aria-expanded="true"]:hover {
  background: #737373;
}

lexxy-highlight-dropdown button,
.lexxy-highlight-button,
.lexxy-code-language-picker {
  line-height: normal;
}

.lexxy-code-language-picker {
  width: auto;
}

.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0 !important;
}

.lexxy-content__italic {
  font-style: italic;
}

.lexxy-content__bold {
  font-weight: bold;
}

.lexxy-content__strikethrough {
  text-decoration: line-through;
}

.lexxy-content__underline {
  text-decoration: underline;
}

.lexxy-content__strikethrough.lexxy-content__underline {
  text-decoration: line-through underline;
}

/* Lexxy uses <mark> for text color/background. Reset the browser default yellow
   highlight when a custom class replaces the default lexxy-content class. */

lexxy-editor mark,
:where(.trix-content, .lexxy-content) mark,
:where(.lexxy-content) .lexxy-content__highlight {
  background-color: transparent;
}

/* Background-only highlights: no text color property → white on dark washes.
   Note: [style*="color: var"] falsely matches "background-color: var(...)" so we
   check for a dedicated color: declaration instead. */

.dark lexxy-editor mark[style*="background-color"]:not([style^="color:"]):not([style*="; color:"]),
.dark
  :where(.trix-content, .lexxy-content)
  mark[style*="background-color"]:not([style^="color:"]):not([style*="; color:"]) {
  color: #ffffff;
}

/* --------------------------------------------------------------------------
/* Prompt */

lexxy-mention-prompt {
  display: none;
}

:where(.lexxy-prompt-menu) {
  --lexxy-prompt-avatar-size: 24px;
  --lexxy-prompt-padding: 0.5ch;

  --lexxy-prompt-offset-x: 0;
  --lexxy-prompt-offset-y: 0;

  background-color: var(--lexxy-color-canvas);
  border-radius: calc(var(--lexxy-prompt-padding) * 2);
  box-shadow: var(--lexxy-shadow);
  color: var(--lexxy-color-ink);
  font-family: var(--lexxy-font-base);
  font-size: var(--lexxy-text-small);
  list-style: none;
  inset-block-start: var(--lexxy-prompt-offset-y);
  inset-inline-start: var(--lexxy-prompt-offset-x);
  margin: 0;
  max-block-size: 200px;
  max-inline-size: min(20ch, calc(100% - var(--lexxy-prompt-offset-x)));
  min-inline-size: 20ch;
  overflow: auto;
  padding: var(--lexxy-prompt-padding);
  position: absolute;
  visibility: hidden;
  z-index: var(--lexxy-z-popup);
}

:where(.lexxy-prompt-menu)[data-clipped-at-right] {
    inset-inline-start: unset;
    inset-inline-end: 1ch;
    max-inline-size: calc(100% - 1ch);
  }

:where(.lexxy-prompt-menu)[data-clipped-at-bottom] {
    inset-block-start: unset;
    inset-block-end: var(--lexxy-prompt-offset-y);
  }

:where(.lexxy-prompt-menu--portaled) {
  --lexxy-prompt-padding: 0.375rem;
  background-color: #fff;
  border: 1px solid var(--lexxy-color-border);
  border-radius: 8px;
  box-shadow:
    0 8px 20px rgba(15, 15, 15, 0.1),
    0 1px 3px rgba(15, 15, 15, 0.06);
  color: #2f3437;
  font-family: Inter, InterVariable, ui-sans-serif, system-ui, sans-serif;
  inline-size: min(22rem, calc(100vw - 1rem));
  inset-block-start: var(--lexxy-prompt-offset-y);
  inset-inline-start: var(--lexxy-prompt-offset-x);
  max-block-size: min(22rem, calc(100vh - 1rem));
  max-inline-size: min(22rem, calc(100vw - 1rem));
  min-inline-size: min(16rem, calc(100vw - 1rem));
  overflow: auto;
  padding: 0.375rem;
  position: fixed;
  z-index: calc(var(--lexxy-z-popup) + 1);
}

/* Beat Tailwind Preflight's zero-specificity border reset */

.lexxy-prompt-menu--portaled {
  border: 1px solid var(--lexxy-color-border);
  border-radius: 8px;
}

:where(.lexxy-prompt-menu--portaled)::-webkit-scrollbar {
  inline-size: 12px;
}

:where(.lexxy-prompt-menu--portaled)::-webkit-scrollbar-thumb {
  background-color: rgba(55, 53, 47, 0.24);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

:where(.lexxy-prompt-menu--portaled[hidden]) {
  display: none;
}

:where(.lexxy-prompt-menu--visible[data-anchored]) {
  visibility: initial;
}

:where(.lexxy-prompt-menu__item) {
  align-items: center;
  border-radius: var(--lexxy-radius);
  cursor: pointer;
  display: flex;
  gap: var(--lexxy-prompt-padding);
  padding: var(--lexxy-prompt-padding);
}

:where(.lexxy-prompt-menu__item):hover {
    background-color: var(--lexxy-color-ink-lightest);
  }

:where(.lexxy-prompt-menu__item)[aria-selected] {
    background-color: var(--lexxy-color-selected);
  }

:where(.lexxy-prompt-menu__item) img {
    block-size: var(--lexxy-prompt-avatar-size);
    border-radius: 50%;
    flex-shrink: 0;
    inline-size: var(--lexxy-prompt-avatar-size);
    margin: 0;
  }

+ :where(.lexxy-prompt-menu__item) {
    margin-top: 2px;
  }

:where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item) {
  border-radius: 6px;
  color: inherit;
  min-block-size: 2.25rem;
  padding: 0.45rem 0.55rem;
}

:where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item:hover),
:where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item[aria-selected]) {
  background-color: #f1f1ef;
}

:where(.lexxy-prompt-menu__item--empty) {
  color: var(--lexxy-color-ink-medium);
  padding: var(--lexxy-prompt-padding);
}

.lexxy-mention-prompt-item {
  align-items: center;
  display: flex;
  gap: 0.375rem;
  min-inline-size: 0;
  inline-size: 100%;
}

.lexxy-mention-prompt-avatar {
  block-size: 1rem;
  border-radius: 9999px;
  flex-shrink: 0;
  inline-size: 1rem;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.lexxy-mention-prompt-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lexxy-slash-menu__content.lexxy-mention-menu__content {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  grid-column: 2 / -1;
  inline-size: 100%;
  justify-content: space-between;
}

.lexxy-mention-prompt-badge {
  flex-shrink: 0;
}

.lexxy-slash-menu__icon.lexxy-mention-menu__avatar .lexxy-mention-prompt-avatar {
  block-size: 1rem;
  inline-size: 1rem;
}

.lexxy-mention-menu__loading {
  pointer-events: none;
}

.lexxy-mention-menu__spinner {
  animation: lexxy-mention-spinner 0.75s linear infinite;
  color: #9ca3af;
}

.lexxy-mention-menu__spinner-track {
  opacity: 0.25;
}

.lexxy-mention-menu__spinner-head {
  opacity: 0.75;
}

@keyframes lexxy-mention-spinner {
  to {
    transform: rotate(360deg);
  }
}

:where(.trix-content, .lexxy-content) img.lexxy-mention-avatar {
  block-size: 1rem;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  inline-size: 1rem;
  margin: 0;
  max-block-size: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

:where(.trix-content, .lexxy-content) .lexxy-mention {
  vertical-align: middle;
}

:where(.trix-content, .lexxy-content)
  action-text-attachment[content-type="application/vnd.actiontext.mention"] {
  vertical-align: middle;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.mention"]
  lexxy-node-delete-button {
  inset-block-start: 0;
  inset-inline-start: 100%;
  transform: translate(0, 0);
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.mention"]
  lexxy-node-delete-button
  .lexxy-floating-controls__group {
  background-color: var(--lexxy-color-ink);
}

.dark
  lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.mention"]
  lexxy-node-delete-button
  .lexxy-floating-controls__group {
  background-color: #171717;
}

:where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item--empty) {
  color: #9b9a97;
  padding: 0.2rem 0.65rem;
  min-block-size: 1.75rem;
}

.dark :where(.lexxy-prompt-menu--portaled) {
  background-color: #262626;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.28),
    0 1px 3px rgba(0, 0, 0, 0.18);
  color: #e5e5e5;
}

.dark :where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item:hover),
.dark :where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item[aria-selected]) {
  background-color: #353535;
}

.dark :where(.lexxy-prompt-menu--portaled .lexxy-prompt-menu__item--empty) {
  color: #9b9a97;
}

/* Slash command menu */

:where(.lexxy-slash-menu--portaled) {
  --lexxy-slash-fade-size: 1.75rem;
  --lexxy-slash-footer-size: calc(1.75rem + 0.7rem + 1px);
  --lexxy-slash-menu-background: #fff;

  display: flex;
  flex-direction: column;
  inline-size: min(17.5rem, calc(100vw - 1rem));
  max-block-size: min(17.5rem, calc(100vh - 1rem));
  max-inline-size: min(17.5rem, calc(100vw - 1rem));
  min-inline-size: min(14rem, calc(100vw - 1rem));
  overflow: hidden;
  padding: 0;
}

:where(.lexxy-slash-menu--portaled)::before,
:where(.lexxy-slash-menu--portaled)::after {
  block-size: var(--lexxy-slash-fade-size);
  content: "";
  inline-size: calc(100% - 12px);
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 120ms ease-out;
  z-index: 1;
}

:where(.lexxy-slash-menu--portaled)::before {
  background: linear-gradient(to bottom, var(--lexxy-slash-menu-background), transparent);
  inset-block-start: 0;
}

:where(.lexxy-slash-menu--portaled)::after {
  background: linear-gradient(to top, var(--lexxy-slash-menu-background), transparent);
  inset-block-end: var(--lexxy-slash-footer-size);
}

:where(.lexxy-slash-menu--portaled[data-overflow-y-start])::before,
:where(.lexxy-slash-menu--portaled[data-overflow-y-end])::after {
  opacity: 1;
}

.lexxy-slash-menu--portaled {
  border: 1px solid var(--lexxy-color-border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}

:where(.lexxy-slash-menu__options) {
  flex: 1 1 auto;
  list-style: none;
  margin: 0;
  min-block-size: 0;
  overflow: auto;
  padding: 0.35rem;
}

:where(.lexxy-slash-menu__options[hidden]) {
  display: none;
}

:where(.lexxy-slash-menu__options)::-webkit-scrollbar {
  inline-size: 12px;
}

:where(.lexxy-slash-menu__options)::-webkit-scrollbar-thumb {
  background-color: rgba(55, 53, 47, 0.24);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

.dark :where(.lexxy-slash-menu--portaled)::-webkit-scrollbar-thumb,
.dark :where(.lexxy-slash-menu__options)::-webkit-scrollbar-thumb {
  background-color: rgba(229, 229, 229, 0.32);
}

.dark :where(.lexxy-slash-menu--portaled) {
  --lexxy-slash-menu-background: #262626;
}

.lexxy-slash-menu__footer {
  background-color: var(--lexxy-slash-menu-background);
  border-block-start: 1px solid var(--lexxy-color-border);
  flex-shrink: 0;
  padding: 0.35rem;
  position: relative;
  z-index: 2;
}

.lexxy-slash-menu--portaled[data-matches="0"] .lexxy-slash-menu__footer {
  border-block-start: 0;
}

.lexxy-slash-menu__close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 0.5rem;
  inline-size: 100%;
  justify-content: space-between;
  min-block-size: 1.75rem;
  padding: 0.2rem 0.65rem;
  text-align: start;
}

.lexxy-slash-menu__close:hover,
.lexxy-slash-menu__close[aria-selected="true"] {
  background-color: #f1f1ef;
}

.dark .lexxy-slash-menu__close:hover,
.dark .lexxy-slash-menu__close[aria-selected="true"] {
  background-color: #404040;
}

.lexxy-slash-menu--portaled[data-keyboard-nav] .lexxy-slash-menu__close:not([aria-selected="true"]):hover {
  background-color: transparent;
}

.dark .lexxy-slash-menu--portaled[data-keyboard-nav] .lexxy-slash-menu__close:not([aria-selected="true"]):hover {
  background-color: transparent;
}

.lexxy-slash-menu__close-label {
  color: var(--lexxy-color-text-subtle);
  font-size: 0.82rem;
  font-weight: 500;
}

.lexxy-slash-menu__close .lexxy-slash-menu__shortcut {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.02em;
  opacity: 0.7;
  text-transform: lowercase;
}

:where(.lexxy-slash-menu--portaled.lexxy-prompt-menu--portaled) {
  overflow: hidden;
  padding: 0;
}

.lexxy-slash-menu--portaled .lexxy-prompt-menu__item:hover,
.lexxy-slash-menu--portaled .lexxy-prompt-menu__item[aria-selected] {
  background-color: #f1f1ef;
}

.lexxy-slash-menu--portaled .lexxy-prompt-menu__item.lexxy-slash-menu__item {
  min-block-size: 1.75rem;
  padding: 0.2rem 0.65rem;
}

:where(.lexxy-prompt-menu--portaled) .lexxy-slash-menu--portaled .lexxy-prompt-menu__item {
  min-block-size: 1.75rem;
  padding: 0.2rem 0.65rem;
}

.dark .lexxy-slash-menu--portaled .lexxy-prompt-menu__item:hover,
.dark .lexxy-slash-menu--portaled .lexxy-prompt-menu__item[aria-selected] {
  background-color: #404040;
}

.lexxy-slash-menu--portaled[data-keyboard-nav] .lexxy-prompt-menu__item:not([aria-selected]):hover {
  background-color: transparent;
}

.dark .lexxy-slash-menu--portaled[data-keyboard-nav] .lexxy-prompt-menu__item:not([aria-selected]):hover {
  background-color: transparent;
}

:where(.lexxy-slash-menu__item) {
  align-items: center;
  display: grid;
  gap: 0.35rem;
}

.lexxy-slash-menu__item {
  align-items: center;
  display: grid;
  gap: 0.4rem;
  grid-template-columns: 1rem minmax(0, 1fr) auto;
  min-block-size: 1.75rem;
  padding: 0.2rem 0.65rem;
}

.lexxy-slash-menu__item.lexxy-mention-menu__item {
  grid-template-columns: 1rem minmax(0, 1fr);
}

:where(.lexxy-slash-menu__icon) {
  align-items: center;
  color: inherit;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  inline-size: 1rem;
  justify-content: center;
  line-height: 1;
}

.lexxy-slash-menu__icon {
  align-items: center;
  color: inherit;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  block-size: 1rem;
  inline-size: 1rem;
  justify-content: center;
  line-height: 1;
}

.lexxy-slash-menu__icon svg {
  block-size: 0.875rem;
  inline-size: 0.875rem;
}

:where(.lexxy-slash-menu__content) {
  display: grid;
  min-inline-size: 0;
}

.lexxy-slash-menu__content {
  display: grid;
  min-inline-size: 0;
}

:where(.lexxy-slash-menu__label) {
  color: inherit;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.25;
}

.lexxy-slash-menu__label {
  color: inherit;
  font-weight: 500;
  line-height: 1.25;
}

:where(.lexxy-slash-menu__description) {
  color: #6f6b64;
  display: none;
  font-size: 0.86rem;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lexxy-slash-menu__description {
  color: var(--lexxy-color-text-subtle);
  display: none;
  font-size: var(--lexxy-text-small);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(.lexxy-slash-menu__shortcut) {
  color: #9b9a97;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1;
  min-inline-size: 1.25rem;
  text-align: end;
}

.lexxy-slash-menu__shortcut {
  color: var(--lexxy-color-text-subtle);
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1;
  min-inline-size: 1.25rem;
  opacity: 0.7;
  text-align: end;
}

.dark :where(.lexxy-slash-menu__description) {
  color: #9b9a97;
}

.dark :where(.lexxy-slash-menu__shortcut) {
  color: #858585;
}

:where(lexxy-editor) {

  /* --------------------------------------------------------------------------
  /* Callout tools */
}

:where(lexxy-editor) .lexxy-callout > .lexxy-callout__icon-trigger {
    background: transparent;
    display: inline-flex;
    inline-size: auto;
    line-height: 1;
    min-block-size: 0;
    min-inline-size: 0;
    padding: 0;
    margin-top: 0;
  }

@media (any-hover: hover) {
      :where(lexxy-editor) .lexxy-callout > .lexxy-callout__icon-trigger:hover:not([aria-disabled="true"]) {
        background: rgba(0, 0, 0, 0.06);
      }
    }

@media (any-hover: hover) {
      .dark :where(lexxy-editor) .lexxy-callout > .lexxy-callout__icon-trigger:hover:not([aria-disabled="true"]) {
        background: rgba(255, 255, 255, 0.1);
      }
    }

:where(lexxy-editor) lexxy-callout-tools {
  flex-direction: row;
  gap: 0.25ch;
  inset-inline-start: var(--lexxy-editor-padding);
  min-inline-size: 162px;
  transform: translate(-50%, -120%);
}

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__bar {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: min(92cqi, 29rem);
    min-inline-size: 162px;
    padding-inline: 0.35ch;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__tool-row {
    align-items: center;
    display: grid;
    gap: 0.5ch;
    grid-template-columns: 1.35rem max-content;
    max-inline-size: 100%;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__delete-section {
    align-items: center;
    display: flex;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__secondary-row {
    align-items: center;
    gap: 0.5ch;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__delete-button,
  :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-trigger {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--lexxy-radius);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    height: -moz-fit-content;
    height: fit-content;
    flex: 0 0 auto;
    font-size: 0.875rem;
    justify-content: center;
    min-block-size: 1.35rem;
    min-inline-size: 1.35rem;
    padding: 0.125rem;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__delete-button svg {
      block-size: 0.875rem;
      fill: currentColor;
      flex: 0 0 auto;
      inline-size: 0.875rem;
    }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-section {
    position: relative;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-trigger [data-callout-icon-preview] {
      align-items: center;
      block-size: 1rem;
      display: inline-flex;
      inline-size: 1rem;
      justify-content: center;
      line-height: 1;
    }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-trigger svg {
      block-size: 0.875rem;
      fill: none;
      inline-size: 0.875rem;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-trigger:hover {
      background: var(--lexxy-color-ink-lightest);
    }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-none {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    opacity: 0.7;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-empty {
    align-items: center;
    border: 1px dashed rgba(250, 250, 250, 0.5);
    border-radius: 5px;
    color: rgba(250, 250, 250, 0.75);
    display: inline-flex;
    font-size: 0;
    inline-size: 1rem;
    justify-content: center;
    height: 100%;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-empty::before {
      background: currentColor;
      block-size: 1px;
      content: "";
      inline-size: 0.55rem;
      transform: rotate(-45deg);
    }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__icon-image {
    block-size: 1rem;
    border-radius: 0.2rem !important;
    inline-size: 1rem;
    -o-object-fit: cover;
       object-fit: cover;
    border: none !important;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__separator {
    align-self: stretch;
    background: var(--lexxy-color-ink-lighter);
    inline-size: 1px;
    margin-block: 0.35ch;
    opacity: 0.45;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.5ch;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: 100%;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-label {
    color: var(--lexxy-color-ink-light);
    font-size: var(--lexxy-text-small);
    font-weight: 600;
    white-space: nowrap;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch {
    aspect-ratio: 1;
    block-size: 1.35rem;
    border: 2px solid transparent;
    border-radius: 6px;
    color: var(--swatch-solid, var(--lexxy-color-ink));
    cursor: pointer;
    flex: 0 0 1.35rem;
    inline-size: 1.35rem;
    min-block-size: 1.35rem;
    min-inline-size: 1.35rem;
    padding: 0 !important;
    position: relative;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch-check,
  :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch-none-icon {
    block-size: 0.75rem;
    inline-size: 0.75rem;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%);
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch-check {
    display: none;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch-none-icon {
    display: block;
    opacity: 0.75;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch[aria-selected="true"]
    .lexxy-callout-tools__swatch-check {
    display: block;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch--none[aria-selected="true"]
    .lexxy-callout-tools__swatch-none-icon {
    display: none;
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-section--background
    .lexxy-callout-tools__swatch:not(.lexxy-callout-tools__swatch--none) {
    background: var(--swatch-color);
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-section--border
    .lexxy-callout-tools__swatch:not(.lexxy-callout-tools__swatch--none) {
    background: transparent;
    border-color: var(--swatch-color);
  }

@media (any-hover: hover) {
    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-section--background
      .lexxy-callout-tools__swatch:not(.lexxy-callout-tools__swatch--none):hover {
      background: color-mix(in oklch, var(--swatch-solid) 30%, transparent);
    }

    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-section--border
      .lexxy-callout-tools__swatch:not(.lexxy-callout-tools__swatch--none):hover {
      background: color-mix(in oklch, var(--swatch-solid) 20%, transparent);
      border-color: var(--swatch-color);
    }

    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch--none:hover {
      background: color-mix(in oklch, var(--lexxy-color-ink) 10%, transparent);
    }
  }

:where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch--none {
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.45);
    border: transparent;
  }

@container (max-width: 42rem) {
    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__bar {
      align-items: stretch;
      gap: 0.4rem;
      inline-size: -moz-fit-content;
      inline-size: fit-content;
      max-inline-size: min(92cqi, 29rem);
      padding: 0.35rem;
    }

    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__tool-row {
      grid-template-columns: 1.35rem minmax(0, max-content);
    }

    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__color-section {
      min-inline-size: 0;
    }

    :where(lexxy-editor) lexxy-callout-tools .lexxy-callout-tools__swatch-row {
      flex-wrap: wrap;
    }
  }

/* Portaled outside the editor so the picker escapes editor/form stacking contexts. */

.lexxy-callout-tools__icon-popover {
  --callout-tools-tab-control-height: 2.25rem;
  --callout-tools-panel-height: 25rem;
  --callout-tools-control-bg: #fff;
  --callout-tools-control-bg-hover: #f7f7f5;
  --callout-tools-control-border: var(--lexxy-color-border);
  --callout-tools-control-border-focus: #404040;
  --callout-tools-control-focus-ring: rgba(15, 15, 15, 0.08);
  --callout-tools-control-text: #2f3437;
  --callout-tools-control-muted: #9b9a97;
  --callout-tools-control-subtle: #6f6b64;
  --callout-tools-primary-bg: #3f3f3f;
  --callout-tools-primary-bg-hover: #2f2f2f;
  --callout-tools-primary-bg-disabled: #d6d6d2;
  --callout-tools-primary-text: #fff;
  --callout-tools-icon-color: #5f5e59;
  background-color: #fff;
  border: 1px solid var(--lexxy-color-border);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(15, 15, 15, 0.1), 0 1px 3px rgba(15, 15, 15, 0.06);
  color: #2f3437;
  display: grid;
  font-family: Inter, InterVariable, ui-sans-serif, system-ui, sans-serif;
  gap: 0;
  inline-size: min(27rem, 90vw);
  overflow: hidden;
  position: fixed;
  z-index: var(--lexxy-z-popup);
}

.lexxy-callout-tools__icon-popover[hidden],
  .lexxy-callout-tools__icon-popover.hidden,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-panel.hidden,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-empty.hidden,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-preview.hidden {
    display: none;
  }

.lexxy-callout-tools__icon-popover :is(.lexxy-callout-tools__tabs
      button, .lexxy-callout-tools__remove-button, .lexxy-callout-tools__upload-inline-action, .lexxy-callout-tools__upload-cancel, .lexxy-callout-tools__upload-save, .lexxy-callout-tools__upload-dropzone) {
    aspect-ratio: unset;
    block-size: auto;
    inline-size: auto;
    min-block-size: unset;
    min-inline-size: unset;
  }

.lexxy-callout-tools__icon-popover :is(.lexxy-callout-tools__tabs
      button, .lexxy-callout-tools__remove-button, .lexxy-callout-tools__upload-inline-action, .lexxy-callout-tools__upload-cancel, .lexxy-callout-tools__upload-save, .lexxy-callout-tools__upload-dropzone) > span:not(.lexxy-callout-tools__upload-empty):not(.lexxy-callout-tools__upload-preview):not(.lexxy-callout-tools__remove-label):not(.lexxy-callout-tools__remove-icon) {
      display: revert;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-bar {
    align-items: stretch;
    border-block-end: 1px solid var(--lexxy-color-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs {
    align-items: stretch;
    display: flex;
    flex: 1;
    gap: 0.35rem;
    min-inline-size: 0;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button {
    align-items: center;
    align-self: stretch;
    background: transparent;
    block-size: var(--callout-tools-tab-control-height);
    border: 0;
    box-sizing: border-box;
    color: #7b776f;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.94rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    min-block-size: var(--callout-tools-tab-control-height);
    min-inline-size: -moz-max-content;
    min-inline-size: max-content;
    border-radius: 6px;
    padding-block: 0;
    padding-inline: 0.75rem;
    position: relative;
    white-space: nowrap;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button[aria-selected="true"], .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button[aria-selected="true"] {
      background: transparent;
      color: #2f3437;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button[aria-selected="true"]::after, .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button[aria-selected="true"]::after {
        background: currentColor;
        block-size: 3px;
        border-radius: 999px;
        content: "";
        inline-size: calc(100% - 0.5rem);
        inset-block-end: 0;
        inset-inline-start: 0.25rem;
        position: absolute;
        margin-bottom: -0.55rem;
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button:hover, .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button:hover {
      background: rgba(15, 15, 15, 0.05);
      color: #2f3437;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-icon {
    display: none;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-icon svg {
      block-size: 1.125rem;
      flex: 0 0 auto;
      inline-size: 1.125rem;
    }

@media (max-width: 30rem) {
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-bar {
      padding: 0.5rem 0.5rem 0.4rem;
    }

    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button {
      min-inline-size: var(--callout-tools-tab-control-height);
      padding-inline: 0.5rem;
    }

    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-label {
      display: none;
    }

    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-icon {
      display: inline-flex;
    }
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-panel {
    block-size: var(--callout-tools-panel-height);
    min-block-size: var(--callout-tools-panel-height);
    overflow: hidden;
    padding: 0.75rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-panel[data-icon-tab-panel="icons"]:not(.hidden),
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-panel[data-icon-tab-panel="upload"]:not(.hidden) {
    display: flex;
    flex-direction: column;
    overflow: auto;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icons-panel {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-block-size: 100%;
    padding: 0.5rem 0.75rem 0.75rem;
    position: relative;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__emoji-picker {
    overflow: auto;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__emoji-picker em-emoji-picker {
      --color-border-over: rgba(0, 0, 0, 0.1);
      --color-border: rgba(0, 0, 0, 0.05);
      --em-rgb-background: 255, 255, 255;
      --font-family: Inter, InterVariable, ui-sans-serif, system-ui, sans-serif;
      --rgb-background: 255, 255, 255;
      --rgb-accent: 64, 64, 64;
      border: 0;
      block-size: calc(var(--callout-tools-panel-height) - 1.5rem);
      inline-size: 100%;
      max-inline-size: 100%;
      min-block-size: calc(var(--callout-tools-panel-height) - 1.5rem);
      position: static;
    }

.lexxy-callout-tools__icon-popover.lexxy-emoji-menu--portaled {
    --callout-tools-panel-height: 25rem;
    grid-template-columns: none;
    inline-size: min(27rem, 90vw);
    inset-block-start: var(--lexxy-prompt-offset-y);
    inset-inline-start: var(--lexxy-prompt-offset-x);
    max-block-size: min(25rem, calc(100vh - 1rem));
    max-inline-size: min(27rem, calc(100vw - 1rem));
    min-inline-size: min(18rem, calc(100vw - 1rem));
    padding: 0;
    z-index: calc(var(--lexxy-z-popup) + 1);
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search-row {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin-block-end: 0.75rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search {
    align-items: center;
    background: var(--callout-tools-control-bg);
    border: 1px solid var(--callout-tools-control-border);
    border-radius: 8px;
    color: var(--callout-tools-control-muted);
    display: flex;
    flex: 1;
    gap: 0.5rem;
    min-block-size: 2.35rem;
    padding-inline: 0.65rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search:focus-within {
      border-color: var(--callout-tools-control-border-focus);
      box-shadow: none;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search svg {
      block-size: 1.05rem;
      fill: currentColor;
      inline-size: 1.05rem;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search input {
      background: transparent;
      border: 0;
      box-shadow: none;
      color: var(--callout-tools-control-text);
      flex: 1;
      font: inherit;
      font-size: 0.95rem;
      font-weight: 400;
      min-inline-size: 0;
      outline: 0;
      padding: 0;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search input:focus {
        border: 0;
        box-shadow: none;
        outline: 0;
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search input::-moz-placeholder {
        color: var(--callout-tools-control-muted);
        font-weight: 400;
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__search input::placeholder {
        color: var(--callout-tools-control-muted);
        font-weight: 400;
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-random {
    align-items: center;
    background: transparent;
    border: 1px solid var(--callout-tools-control-border);
    border-radius: 8px;
    color: var(--callout-tools-control-subtle);
    display: inline-flex;
    justify-content: center;
    min-block-size: 2.35rem;
    min-inline-size: 2.35rem;
    padding: 0;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-random svg {
      block-size: 1.05rem;
      fill: none;
      inline-size: 1.05rem;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
    }

@media (max-width: 30rem) {
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-panel {
      padding: 0.65rem 0.5rem 0.5rem;
    }

    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-random {
      display: none;
    }
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-status {
    align-items: center;
    color: #9b9a97;
    display: flex;
    block-size: calc(
      var(--callout-tools-panel-height) - 1.5rem - 1.25rem - 2.35rem - 0.75rem
    );
    font-size: 0.85rem;
    inset-block-start: calc(0.5rem + 2.35rem + 0.75rem);
    inset-inline: 0.75rem;
    justify-content: center;
    min-block-size: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-status[hidden],
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-status:empty {
      display: none;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-grid {
    align-content: start;
    block-size: calc(
      var(--callout-tools-panel-height) - 1.5rem - 1.25rem - 2.35rem - 0.75rem
    );
    display: grid;
    gap: 0.25rem;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    max-block-size: none;
    overflow: auto;
    padding: 0.25rem 0.1rem 0.5rem;
    scrollbar-color: #a2a2a270 transparent;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-grid::-webkit-scrollbar-track {
      background: transparent;
    }

@media (max-width: 30rem) {
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-grid {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

@media (max-width: 24rem) {
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-grid {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }

@media (max-width: 21rem) {
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button {
    align-items: center;
    aspect-ratio: 1;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #5f5e59;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    min-inline-size: 0;
    padding: 0.35rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button svg {
      block-size: 1.25rem;
      fill: none;
      inline-size: 1.25rem;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[aria-selected="true"],
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[data-highlighted],
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button:hover {
      background: #f1f1ef;
    }

.lexxy-callout-tools__icon-grid[data-keyboard-nav]
      .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button:not([data-highlighted]):hover {
      background: transparent;
      box-shadow: none;
      color: var(--callout-tools-icon-color, #5f5e59);
    }

.lexxy-callout-tools__icon-grid[data-keyboard-nav]
      .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button:not([data-highlighted]):hover svg {
        opacity: 1;
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[data-highlighted]:not([aria-selected="true"]) {
      box-shadow: none;
      color: #2f3437;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[aria-selected="true"] {
      box-shadow: inset 0 0 0 1px rgba(47, 52, 55, 0.72),
        0 0 0 0px rgba(47, 52, 55, 0.08);
      color: #2f3437;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-panel {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.95rem;
    min-block-size: 100%;
    padding: 0.5rem 0.75rem 0.75rem;
    text-align: center;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-panel p {
      color: #9b9a97;
      font-size: 0.95rem;
      margin: 0;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone {
    align-items: center;
    aspect-ratio: unset;
    background: var(--callout-tools-control-bg-hover);
    block-size: auto;
    border: 0;
    border-radius: 8px;
    color: var(--callout-tools-control-subtle);
    cursor: pointer;
    display: flex;
    inline-size: 100%;
    justify-content: center;
    min-block-size: 6rem;
    padding: 1.5rem;
    width: 100%;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone:hover,
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone.is-dragging {
      background: #efefed;
      color: var(--callout-tools-control-text);
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-empty,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-preview {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    justify-content: center;
    min-inline-size: 0;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-empty-icon {
    display: inline-flex;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-empty-icon svg {
      block-size: 1.35rem;
      fill: none;
      inline-size: 1.35rem;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-preview {
    flex-direction: column;
    font-size: 0.86rem;
    overflow: hidden;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-preview img {
      block-size: 4rem;
      border-radius: 8px;
      inline-size: 4rem;
      -o-object-fit: cover;
         object-fit: cover;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-preview span {
      max-inline-size: 18rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url {
    display: grid;
    gap: 0.35rem;
    text-align: start;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url span {
      color: var(--callout-tools-control-subtle);
      font-size: 0.82rem;
      font-weight: 600;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input {
      background: var(--callout-tools-control-bg);
      border: 1px solid var(--callout-tools-control-border);
      border-radius: 8px;
      color: var(--callout-tools-control-text);
      font: inherit;
      font-size: 0.95rem;
      min-block-size: 2.35rem;
      outline: 0;
      padding: 0 0.65rem;
      width: 100%;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input:focus {
        border-color: var(--callout-tools-control-border-focus);
        box-shadow: none;
        outline: 0;
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input::-moz-placeholder {
        color: var(--callout-tools-control-muted);
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input::placeholder {
        color: var(--callout-tools-control-muted);
      }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-hint {
    align-items: baseline;
    color: #9b9a97;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
    min-block-size: 1rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-inline-action {
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    display: inline;
    font: inherit;
    padding: 0;
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-inline-action:hover {
      background: transparent;
      color: #5f5e59;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-status {
    color: #9b9a97;
    min-block-size: 1rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-status[hidden],
    .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-status:empty {
      display: none;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-block-start: auto;
    padding-block-start: 0.25rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save {
    aspect-ratio: unset;
    block-size: auto;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    inline-size: auto;
    line-height: 1;
    font-size: 0.95rem;
    font-weight: 600;
    min-block-size: 2.35rem;
    min-inline-size: 5rem;
    padding: 0.65rem 1rem;
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel {
    background: #f1f1ef;
    color: var(--callout-tools-control-subtle);
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel:hover {
      background: #e9e9e6;
      color: var(--callout-tools-control-text);
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save {
    background: var(--callout-tools-primary-bg);
    color: var(--callout-tools-primary-text);
  }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save:disabled {
      background: var(--callout-tools-primary-bg-disabled);
      cursor: default;
    }

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save:hover:not(:disabled) {
      background: var(--callout-tools-primary-bg-hover);
    }

.dark .lexxy-callout-tools__icon-popover {
  --callout-tools-control-bg: #303030;
  --callout-tools-control-bg-hover: #353535;
  --callout-tools-control-border: var(--lexxy-color-border);
  --callout-tools-control-border-focus: #dedede;
  --callout-tools-control-focus-ring: rgba(255, 255, 255, 0.32);
  --callout-tools-control-text: #e5e5e5;
  --callout-tools-control-muted: #9b9a97;
  --callout-tools-control-subtle: #b4b4b0;
  --callout-tools-primary-bg: #e5e5e5;
  --callout-tools-primary-bg-hover: #fafafa;
  --callout-tools-primary-bg-disabled: #525252;
  --callout-tools-primary-text: #171717;
  --callout-tools-icon-color: #b4b4b0;
  background-color: #262626;
  border-color: var(--lexxy-color-border);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), 0 1px 3px rgba(0, 0, 0, 0.18);
  color: #e5e5e5;
}

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-bar {
    border-block-end-color: var(--lexxy-color-border);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button,
  .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button {
    color: #9b9a97;
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button[aria-selected="true"],
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button:hover,
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button[aria-selected="true"],
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button:hover {
      color: #e5e5e5;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button:hover,
  .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button:hover {
    background: rgba(255, 255, 255, 0.05);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__emoji-picker em-emoji-picker {
    --color-border: hsl(0deg 0% 25% / 80%);
    --color-border-over: hsl(0deg 0% 25% / 80%);
    --em-rgb-background: 38, 38, 38;
    --rgb-background: 38, 38, 38;
    --rgb-accent: 222, 222, 222;
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__search,
  .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input {
    background: var(--callout-tools-control-bg);
    border-color: var(--callout-tools-control-border);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__search:focus,
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__search:focus-within,
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input:focus,
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input:focus-within {
      border-color: var(--callout-tools-control-border-focus);
      box-shadow: none;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-random {
    border-color: var(--callout-tools-control-border);
    color: var(--callout-tools-control-subtle);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-random:hover {
      background: #4a4a4a;
      border-color: #6a6a6a;
      color: #f5f5f5;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button {
    color: #b4b4b0;
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[aria-selected="true"],
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[data-highlighted],
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button:hover {
      background: #3a3a3a;
    }

.lexxy-callout-tools__icon-grid[data-keyboard-nav]
      .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button:not([data-highlighted]):hover {
      background: transparent;
      box-shadow: none;
      color: var(--callout-tools-icon-color, #b4b4b0);
    }

.lexxy-callout-tools__icon-grid[data-keyboard-nav]
      .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button:not([data-highlighted]):hover svg {
        opacity: 1;
      }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[data-highlighted]:not([aria-selected="true"]) {
      box-shadow: none;
      color: #fafafa;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button[aria-selected="true"] {
      box-shadow: inset 0 0 0 1px rgba(250, 250, 250, 0.74),
        0 0 0 0px rgba(250, 250, 250, 0.12);
      color: #fafafa;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone {
    background: var(--callout-tools-control-bg);
    color: var(--callout-tools-control-subtle);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone:hover,
    .dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone.is-dragging {
      background: #4a4a4a;
      color: #f5f5f5;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-inline-action:hover {
    color: #e5e5e5;
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-url input {
    color: var(--callout-tools-control-text);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel {
    background: #353535;
    color: var(--callout-tools-control-subtle);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel:hover {
      background: #4a4a4a;
      color: #f5f5f5;
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save {
    background: var(--callout-tools-primary-bg);
    color: var(--callout-tools-primary-text);
  }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save:hover:not(:disabled) {
      background: var(--callout-tools-primary-bg-hover);
      color: var(--callout-tools-primary-text);
    }

.dark .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save:disabled {
      background: var(--callout-tools-primary-bg-disabled);
      color: var(--callout-tools-control-muted);
    }

/* Callout floating controls — always dark chrome; beat vendored selector specificity */

lexxy-editor lexxy-callout-tools.lexxy-floating-controls,
lexxy-editor lexxy-callout-tools.lexxy-floating-controls button,
lexxy-editor lexxy-callout-tools.lexxy-floating-controls summary {
  color: #fafafa;
}

lexxy-editor
  lexxy-callout-tools.lexxy-floating-controls
  .lexxy-floating-controls__group {
  background-color: #171717;
  box-shadow: var(--lexxy-shadow);
}

.lexxy-callout-tools__icon-popover {
  background-color: #171717;
  border: 1px solid var(--lexxy-color-border);
  color: #fafafa;
  --callout-tools-icon-color: #b4b4b0;
  z-index: calc(var(--lexxy-z-popup) + 1);
}

lexxy-editor lexxy-callout-tools.lexxy-floating-controls summary {
  box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.18);
}

@media (any-hover: hover) {
  lexxy-editor
    lexxy-callout-tools.lexxy-floating-controls
    .lexxy-callout-tools__bar
    button:hover:not([aria-disabled="true"]):not(.lexxy-callout-tools__swatch),
  lexxy-editor
    lexxy-callout-tools.lexxy-floating-controls
    .lexxy-callout-tools__bar
    summary:hover:not([aria-disabled="true"]),
  lexxy-editor
    lexxy-callout-tools.lexxy-floating-controls
    .lexxy-callout-tools__bar
    details[open]
    > summary {
    background-color: #404040;
    color: #fafafa;
  }

  lexxy-editor
    lexxy-callout-tools.lexxy-floating-controls
    .lexxy-callout-tools__delete-button:hover,
  lexxy-editor
    lexxy-callout-tools.lexxy-floating-controls
    .lexxy-callout-tools__icon-trigger:hover,
  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__upload-dropzone:hover {
    background-color: #525252;
  }

  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-button:hover {
    background-color: #3a3a3a;
  }

  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-grid[data-keyboard-nav]
    .lexxy-callout-tools__icon-button:not([data-highlighted]):hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--callout-tools-icon-color, #b4b4b0);
  }

    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-grid[data-keyboard-nav]
    .lexxy-callout-tools__icon-button:not([data-highlighted]):hover svg {
      opacity: 1;
    }
}

.lexxy-callout-tools__icon-popover,
.lexxy-callout-tools__icon-popover button,
.lexxy-callout-tools__icon-popover input {
  color: #2f3437;
}

.lexxy-callout-tools__icon-popover {
  background-color: #fff;
  border: 1px solid var(--lexxy-color-border);
  --callout-tools-icon-color: #5f5e59;
}

.lexxy-callout-tools__icon-popover[hidden],
.lexxy-callout-tools__icon-popover.hidden {
  display: none;
}

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button,
.lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button,
.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-inline-action,
.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-random,
.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel {
  background-color: transparent;
}

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__tab-bar button {
  font-family: inherit;
  font-weight: 500;
}

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__icon-button,
.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-dropzone {
  color: #5f5e59;
}

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel {
  background-color: var(--callout-tools-control-bg-hover, #f1f1ef);
  color: var(--callout-tools-control-subtle, #6f6b64);
}

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save {
  background-color: var(--callout-tools-primary-bg, #3f3f3f);
  color: var(--callout-tools-primary-text, #fff);
}

.lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-save:disabled {
  background-color: var(--callout-tools-primary-bg-disabled, #d6d6d2);
  color: var(--callout-tools-control-muted, #9b9a97);
}

@media (any-hover: hover) {
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__tabs button:hover,
  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__remove-button:hover {
    background-color: rgba(15, 15, 15, 0.05);
  }

  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-button:hover:not([aria-disabled="true"]),
  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-random:hover:not([aria-disabled="true"]),
  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__upload-dropzone:hover:not([aria-disabled="true"]) {
    background-color: #efefed;
    color: var(--callout-tools-control-text, #2f3437);
  }

  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-grid[data-keyboard-nav]
    .lexxy-callout-tools__icon-button:not([data-highlighted]):hover:not([aria-disabled="true"]) {
    background-color: transparent;
    box-shadow: none;
    color: var(--callout-tools-icon-color, #5f5e59);
  }

    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-grid[data-keyboard-nav]
    .lexxy-callout-tools__icon-button:not([data-highlighted]):hover:not([aria-disabled="true"]) svg {
      opacity: 1;
    }

  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__upload-save:hover:not(:disabled) {
    background-color: var(--callout-tools-primary-bg-hover, #2f2f2f);
    color: var(--callout-tools-primary-text, #fff);
  }

  .lexxy-callout-tools__icon-popover .lexxy-callout-tools__upload-cancel:hover {
    background-color: var(--callout-tools-control-bg-hover, #e9e9e6);
    color: var(--callout-tools-control-text, #2f3437);
  }

  .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__upload-save:hover:disabled {
    background-color: var(--callout-tools-primary-bg-disabled, #d6d6d2);
    color: var(--callout-tools-control-muted, #9b9a97);
  }
}

.dark
  .lexxy-callout-tools__icon-popover
  .lexxy-callout-tools__search:focus-within,
.dark
  .lexxy-callout-tools__icon-popover
  .lexxy-callout-tools__upload-url
  input:focus {
  border-color: var(--callout-tools-control-border-focus, #dedede);
  box-shadow: none;
}

@media (any-hover: hover) {
  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__tabs
    button:hover,
  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__remove-button:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }

  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-button:hover:not([aria-disabled="true"]) {
    background-color: #3a3a3a;
    color: var(--callout-tools-control-text, #e5e5e5);
  }

  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__icon-random:hover:not([aria-disabled="true"]),
  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__upload-dropzone:hover:not([aria-disabled="true"]),
  .dark
    .lexxy-callout-tools__icon-popover
    .lexxy-callout-tools__upload-cancel:hover {
    background-color: #4a4a4a;
    border-color: #6a6a6a;
    color: #f5f5f5;
  }
}

.dark
  .lexxy-callout-tools__icon-popover
  .lexxy-callout-tools__icon-button[aria-selected="true"],
.dark
  .lexxy-callout-tools__icon-popover
  .lexxy-callout-tools__icon-button[data-highlighted] {
  background-color: #3a3a3a;
  color: var(--callout-tools-control-text, #e5e5e5);
}

/* Callout / tip blocks */

:is(.trix-content, .lexxy-content) .lexxy-callout,
lexxy-editor .lexxy-callout {
  --callout-border: var(--callout-border-6);
  --callout-bg: transparent;
  --callout-icon-size: 1.125rem;
  --callout-first-line-height: 1.5em;
  --callout-icon-nudge: 0.1em;
  --callout-icon-offset: calc(
    (var(--callout-first-line-height) - var(--callout-icon-size)) / 2 +
      var(--callout-icon-nudge)
  );
  background-color: var(--callout-bg);
  border: 2px solid var(--callout-border);
  border-radius: 12px;
  box-shadow: none;
  color: inherit;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  display: grid;
  grid-template-columns: auto 1fr;
  margin-block: 1.5rem 1.8rem;
  padding: 1rem 1.25rem 1.1rem;
}

lexxy-editor .lexxy-callout {
  white-space: pre-wrap;
}

:where(.trix-content, .lexxy-content) .lexxy-callout > *,
lexxy-editor .lexxy-callout > * {
  grid-column: 2;
}

.lexxy-callout > action-text-attachment[presentation="callout-icon"] {
  display: none !important;
}

:where(.trix-content, .lexxy-content) .lexxy-callout > :last-child,
lexxy-editor .lexxy-callout > :last-child {
  margin-block-end: 0;
}

:where(.trix-content, .lexxy-content) .lexxy-callout > .lexxy-callout__icon {
  align-items: center;
  align-self: start;
  block-size: var(--callout-icon-size);
  display: inline-flex;
  grid-column: 1;
  grid-row: 1;
  inline-size: var(--callout-icon-size);
  justify-content: center;
  line-height: 1;
  margin-block-start: var(--callout-icon-offset);
  pointer-events: none;
}

:where(.trix-content, .lexxy-content) .lexxy-callout::before,
lexxy-editor .lexxy-callout::before {
  align-self: start;
  block-size: var(--callout-icon-size);
  font-size: var(--callout-icon-size);
  grid-column: 1;
  grid-row: 1;
  inline-size: var(--callout-icon-size);
  line-height: 1.2;
  margin-block-start: var(--callout-icon-offset);
  pointer-events: none;
}

lexxy-editor .lexxy-callout:not([data-icon-type="none"])::before {
  display: none;
  content: none;
}

lexxy-editor .lexxy-callout__icon-trigger::-moz-selection, lexxy-editor .lexxy-callout__icon-trigger *::-moz-selection {
  background: transparent;
}

lexxy-editor .lexxy-callout__icon-trigger::selection,
lexxy-editor .lexxy-callout__icon-trigger *::selection {
  background: transparent;
}

lexxy-editor
  .lexxy-callout:not([data-icon-type="none"])
  > .lexxy-callout__icon-trigger {
  align-items: center;
  align-self: start;
  background: transparent;
  border: 0;
  border-radius: var(--lexxy-radius);
  cursor: pointer;
  display: inline-flex;
  grid-column: 1;
  grid-row: 1;
  block-size: var(--callout-icon-size);
  inline-size: var(--callout-icon-size);
  justify-content: center;
  line-height: 1;
  margin-block-start: var(--callout-icon-offset);
  min-block-size: 0;
  min-inline-size: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

lexxy-editor .lexxy-callout__icon-trigger .lexxy-callout__icon-emoji {
  align-items: center;
  block-size: 100%;
  display: flex;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
    sans-serif;
  font-size: var(--callout-icon-size);
  inline-size: 100%;
  justify-content: center;
  line-height: 1;
  transform: translateY(0.07em);
}

lexxy-editor .lexxy-callout__icon-trigger svg {
  block-size: 100%;
  fill: none;
  inline-size: 100%;
  stroke: currentColor;
}

:where(.trix-content, .lexxy-content)
  .lexxy-callout
  > .lexxy-callout__icon
  svg {
  block-size: 100%;
  fill: none;
  inline-size: 100%;
  stroke: currentColor;
}

lexxy-editor .lexxy-callout__icon-trigger .lexxy-callout__icon-image {
  block-size: 100%;
  border-radius: 0.2rem;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}

:where(.trix-content, .lexxy-content)
  .lexxy-callout
  > .lexxy-callout__icon
  .lexxy-callout__icon-image {
  block-size: 100%;
  border: none;
  border-radius: 0.2rem;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (any-hover: hover) {
  lexxy-editor
    .lexxy-callout:not([data-icon-type="none"])
    > .lexxy-callout__icon-trigger:hover {
    background-color: rgba(0, 0, 0, 0.06);
  }

  .dark
    lexxy-editor
    .lexxy-callout:not([data-icon-type="none"])
    > .lexxy-callout__icon-trigger:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> :is(h1, h2, h3, h4, h5, h6):first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child
    + :is(h1, h2, h3, h4, h5, h6)),
lexxy-editor .lexxy-callout:has(> :is(h1, h2, h3, h4, h5, h6):first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child
    + :is(h1, h2, h3, h4, h5, h6)) {
  --callout-icon-size: 1.25rem;
  --callout-icon-nudge: 0.09em;
}

:where(.trix-content, .lexxy-content) .lexxy-callout:has(> h1:first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child + h1) {
  --callout-first-line-height: 2.5rem;
  --callout-icon-nudge: 0.06em;
}

:where(.trix-content, .lexxy-content) .lexxy-callout:has(> h2:first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child + h2) {
  --callout-first-line-height: 2rem;
  --callout-icon-nudge: 0.04em;
}

:where(.trix-content, .lexxy-content) .lexxy-callout:has(> h3:first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child + h3) {
  --callout-first-line-height: 2rem;
  --callout-icon-nudge: 0.04em;
}

:where(.trix-content, .lexxy-content) .lexxy-callout:has(> h4:first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child + h4) {
  --callout-first-line-height: 1.5rem;
  --callout-icon-nudge: 0.01em;
}

lexxy-editor .lexxy-callout:has(> h1:first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child + h1) {
  --callout-first-line-height: 2rem;
  --callout-icon-nudge: 0.15em;
}

lexxy-editor .lexxy-callout:has(> h2:first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child + h2) {
  --callout-first-line-height: 1.75rem;
  --callout-icon-nudge: 0.14em;
}

lexxy-editor .lexxy-callout:has(> h3:first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child + h3) {
  --callout-first-line-height: 1.75rem;
  --callout-icon-nudge: 0.14em;
}

lexxy-editor .lexxy-callout:has(> h4:first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child + h4) {
  --callout-first-line-height: 1.25rem;
  --callout-icon-nudge: 0.14em;
}

:where(.trix-content, .lexxy-content) .lexxy-callout:has(> h5:first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child + h5),
lexxy-editor .lexxy-callout:has(> h5:first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child + h5) {
  --callout-first-line-height: 1.6875rem;
}

:where(.trix-content, .lexxy-content) .lexxy-callout:has(> p:first-child),
:where(.trix-content, .lexxy-content)
  .lexxy-callout:has(> .lexxy-callout__icon:first-child + p) {
  --callout-first-line-height: 1.5em;
  --callout-icon-nudge: -0.06em;
}

:where(.trix-content, .lexxy-content) .lexxy-callout > p:first-child,
:where(.trix-content, .lexxy-content)
  .lexxy-callout
  > .lexxy-callout__icon:first-child
  + p,
lexxy-editor .lexxy-callout > p:first-child,
lexxy-editor .lexxy-callout > .lexxy-callout__icon-trigger:first-child + p {
  line-height: var(--callout-first-line-height);
}

lexxy-editor .lexxy-callout:has(> p:first-child),
lexxy-editor
  .lexxy-callout:has(> .lexxy-callout__icon-trigger:first-child + p) {
  --callout-first-line-height: 1.2em;
  --callout-icon-nudge: -0.06em;
}

:where(.trix-content, .lexxy-content)
  .lexxy-callout[data-icon-type="emoji"]::before {
  align-items: center;
  content: attr(data-icon);
  display: flex;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
    sans-serif;
  justify-content: center;
  line-height: 1;
  transform: translateY(0.07em);
}

/* Read-only callouts: spinner while JS hydrates symbol/image icons */

:where(.trix-content, .lexxy-content)
  .lexxy-callout:not(:is(lexxy-editor
      *)):is([data-icon-type="symbol"], [data-icon-type="image"]):not([data-callout-hydrated])::before {
  animation: lexxy-callout-icon-spin 0.65s linear infinite;
  background-color: transparent;
  background-image: none;
  border: 2px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 50%;
  border-top-color: currentColor;
  box-sizing: border-box;
  content: "";
  mask-image: none;
  -webkit-mask-image: none;
}

:where(.trix-content, .lexxy-content)
  .lexxy-callout:not(:is(lexxy-editor
      *))[data-icon-type="image"]:not([data-callout-hydrated])
  > .lexxy-callout__icon {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  :where(.trix-content, .lexxy-content)
    .lexxy-callout:not(:is(lexxy-editor
        *)):is([data-icon-type="symbol"], [data-icon-type="image"]):not([data-callout-hydrated])::before {
    animation: none;
    border-top-color: color-mix(in srgb, currentColor 22%, transparent);
  }
}

@keyframes lexxy-callout-icon-spin {
  to {
    transform: rotate(360deg);
  }
}

:where(.trix-content, .lexxy-content)
  .lexxy-callout:is([data-icon-type="image"], [data-icon-type="symbol"])[data-callout-hydrated]::before {
  animation: none;
  content: none;
  display: none;
}

.lexxy-callout[data-border-variant="1"] {
  --callout-border: var(--callout-border-1);
}

.lexxy-callout[data-border-variant="2"] {
  --callout-border: var(--callout-border-2);
}

.lexxy-callout[data-border-variant="3"] {
  --callout-border: var(--callout-border-3);
}

.lexxy-callout[data-border-variant="4"] {
  --callout-border: var(--callout-border-4);
}

.lexxy-callout[data-border-variant="5"] {
  --callout-border: var(--callout-border-5);
}

.lexxy-callout[data-border-variant="6"] {
  --callout-border: var(--callout-border-6);
}

.lexxy-callout[data-border-variant="7"] {
  --callout-border: var(--callout-border-7);
}

.lexxy-callout[data-border-variant="8"] {
  --callout-border: var(--callout-border-8);
}

.lexxy-callout[data-border-variant="9"] {
  --callout-border: var(--callout-border-9);
}

.lexxy-callout[data-bg-variant="1"] {
  --callout-bg: var(--callout-bg-1);
}

.lexxy-callout[data-bg-variant="2"] {
  --callout-bg: var(--callout-bg-2);
}

.lexxy-callout[data-bg-variant="3"] {
  --callout-bg: var(--callout-bg-3);
}

.lexxy-callout[data-bg-variant="4"] {
  --callout-bg: var(--callout-bg-4);
}

.lexxy-callout[data-bg-variant="5"] {
  --callout-bg: var(--callout-bg-5);
}

.lexxy-callout[data-bg-variant="6"] {
  --callout-bg: var(--callout-bg-6);
}

.lexxy-callout[data-bg-variant="7"] {
  --callout-bg: var(--callout-bg-7);
}

.lexxy-callout[data-bg-variant="8"] {
  --callout-bg: var(--callout-bg-8);
}

.lexxy-callout[data-bg-variant="9"] {
  --callout-bg: var(--callout-bg-9);
}

.lexxy-callout[data-border-variant="0"] {
  border-color: transparent;
}

.lexxy-callout[data-bg-variant]:not([data-bg-variant="0"]).lexxy-callout[data-border-variant="0"] {
  border: 2px solid var(--lexxy-color-border);
}

.dark
  .lexxy-callout[data-bg-variant]:not([data-bg-variant="0"]).lexxy-callout[data-border-variant="0"] {
  border: 2px solid var(--lexxy-color-border);
}

.lexxy-callout[data-bg-variant="0"] {
  --callout-bg: transparent;
  background-color: transparent;
}

.lexxy-callout[data-icon-type="none"] {
  grid-template-columns: 1fr;
}

.lexxy-callout[data-icon-type="none"]::before {
  display: none;
}

.lexxy-callout[data-icon-type="none"] > * {
  grid-column: 1;
}

/* Emoji prompt menu */

.lexxy-callout-tools__icon-popover.lexxy-emoji-menu--portaled {
  --callout-tools-panel-height: 22rem;

  inline-size: min(20rem, calc(100vw - 1rem));
  max-inline-size: min(20rem, calc(100vw - 1rem));
  min-inline-size: min(18rem, calc(100vw - 1rem));
}

.lexxy-callout-tools__icon-popover.lexxy-emoji-prompt-menu {
  padding-block-start: 10px;
}

.lexxy-emoji-menu--portaled .lexxy-callout-tools__emoji-picker {
  block-size: calc(var(--callout-tools-panel-height) - 1.5rem);
  min-block-size: 0;
  overflow: hidden;
}

.lexxy-emoji-menu--portaled .lexxy-callout-tools__emoji-picker em-emoji-picker {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
  width: 100%;
}

.lexxy-emoji-prompt__menu-item {
  align-items: center;
  display: flex;
  gap: 0.5ch;
}

.lexxy-emoji-prompt__emoji {
  font-size: 1.1rem;
  inline-size: 1.5rem;
  text-align: center;
}

.lexxy-emoji-prompt__name {
  color: var(--lexxy-color-text-subtle);
  font-size: var(--lexxy-text-small);
}

/* Checklist */

:where(.trix-content, .lexxy-content) ul:has(> li[role="checkbox"]),
lexxy-editor ul:has(> li[role="checkbox"]) {
  --lexxy-checklist-indent: calc(var(--lexxy-content-margin) * 1.5);
  --lexxy-checklist-marker-size: 1rem;
  --lexxy-checklist-marker-nudge: 0.15rem;
  --lexxy-checklist-check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='currentColor' stroke='currentColor' stroke-width='0.55' stroke-linejoin='round'%3E%3Cpath d='M6.75009 15H6.74808C6.52058 14.9995 6.30668 14.896 6.16408 14.7188L2.16408 9.7188C1.90528 9.3951 1.95798 8.92339 2.28128 8.66459C2.60548 8.40679 3.07618 8.4576 3.33598 8.7813L6.75398 13.0538L14.6671 3.27839C14.9278 2.95559 15.4015 2.9073 15.7218 3.1671C16.0441 3.4278 16.0939 3.9 15.8331 4.2218L7.33308 14.7218C7.19048 14.8981 6.97669 15 6.75009 15Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

  list-style: none;
  margin-inline-start: calc(var(--lexxy-content-margin) * 1.5);
  padding: 0;
}

lexxy-editor li.lexxy-nested-listitem > ul,
:where(.trix-content, .lexxy-content) li.lexxy-nested-listitem > ul {
  margin-inline-start: calc(var(--lexxy-content-margin) * 1.5);
}

lexxy-editor ul:has(> li[role="checkbox"]) > li[role="checkbox"],
:where(.trix-content, .lexxy-content)
  ul:has(> li[role="checkbox"])
  > li[role="checkbox"] {
  cursor: text;
  list-style: none;
  margin-inline-start: calc(var(--lexxy-checklist-marker-nudge) - var(--lexxy-checklist-indent));
  min-block-size: calc(var(--lexxy-checklist-marker-size) + 0.3em);
  padding-inline-start: calc(var(--lexxy-checklist-indent) - var(--lexxy-checklist-marker-nudge));
  position: relative;
  outline: none;
}

.trix-content:not(.lexxy-content) li[role="checkbox"] {
  margin-inline: 0;
}

lexxy-editor ul:has(> li[role="checkbox"]) > li + li,
:where(.trix-content, .lexxy-content) ul:has(> li[role="checkbox"]) > li + li {
  margin-block-start: 0.6em;
}

lexxy-editor li[role="checkbox"]::before,
:where(.trix-content, .lexxy-content) li[role="checkbox"]::before {
  background-color: transparent;
  border: 1px solid rgb(0 0 0 / 15%);
  border-radius: 0.15rem;
  block-size: var(--lexxy-checklist-marker-size);
  box-sizing: border-box;
  content: "";
  inline-size: var(--lexxy-checklist-marker-size);
  inset-inline-start: 0;
  position: absolute;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    box-shadow 120ms ease;
}

lexxy-editor li[role="checkbox"]::before {
  cursor: pointer;
  inset-block-start: 0.15em;
}

:where(.trix-content, .lexxy-content) li[role="checkbox"]::before {
  cursor: default;
  inset-block-start: 0.3em;
}

lexxy-editor li[role="checkbox"]::after,
:where(.trix-content, .lexxy-content) li[role="checkbox"]::after {
  background-color: #ffffff;
  block-size: var(--lexxy-checklist-marker-size);
  clip-path: inset(0 100% 0 0);
  content: "";
  inline-size: var(--lexxy-checklist-marker-size);
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

lexxy-editor li[role="checkbox"]::after {
  inset-block-start: 0.2em;
  mask: var(--lexxy-checklist-check-icon) 49% 44% / 0.75rem 0.75rem no-repeat;
  -webkit-mask: var(--lexxy-checklist-check-icon) 49% 44% / 0.75rem 0.75rem no-repeat;
}

:where(.trix-content, .lexxy-content) li[role="checkbox"]::after {
  inset-block-start: 0.3em;
  mask: var(--lexxy-checklist-check-icon) 47% 51% / 0.75rem 0.75rem no-repeat;
  -webkit-mask: var(--lexxy-checklist-check-icon) 47% 51% / 0.75rem 0.75rem no-repeat;
}

.dark lexxy-editor li[role="checkbox"]::before,
.dark :where(.trix-content, .lexxy-content) li[role="checkbox"]::before {
  background-color: rgb(255 255 255 / 5%);
  border-color: rgb(255 255 255 / 15%);
}

lexxy-editor li[role="checkbox"]:hover::before {
  background-color: rgb(0 0 0 / 3%);
  border-color: rgb(0 0 0 / 25%);
}

.dark lexxy-editor li[role="checkbox"]:hover::before {
  background-color: rgb(255 255 255 / 9%);
  border-color: rgb(255 255 255 / 25%);
}

lexxy-editor li[role="checkbox"]:focus::before {
  box-shadow: none;
}

lexxy-editor li[role="checkbox"]:focus-visible::before {
  box-shadow: 0 0 0 3px rgb(156 163 175 / 45%);
}

lexxy-editor li[role="checkbox"][aria-checked="true"]::before,
:where(.trix-content, .lexxy-content) li[role="checkbox"][aria-checked="true"]::before {
  background-color: #262626;
  border-color: rgb(255 255 255 / 30%);
}

lexxy-editor li[role="checkbox"][aria-checked="true"]:hover::before {
  background-color: #333333;
}

lexxy-editor li[role="checkbox"][aria-checked="true"]::after,
:where(.trix-content, .lexxy-content) li[role="checkbox"][aria-checked="true"]::after {
  clip-path: inset(0);
  opacity: 1;
}

.dark lexxy-editor li[role="checkbox"][aria-checked="true"]::before,
.dark :where(.trix-content, .lexxy-content) li[role="checkbox"][aria-checked="true"]::before {
  background-color: #e5e5e5;
  border-color: rgb(255 255 255 / 25%);
}

.dark lexxy-editor li[role="checkbox"][aria-checked="true"]:hover::before {
  background-color: #f2f2f2;
}

.dark lexxy-editor li[role="checkbox"]::after,
.dark :where(.trix-content, .lexxy-content) li[role="checkbox"]::after {
  background-color: #171717;
}

lexxy-editor li[role="checkbox"][aria-checked="true"],
:where(.trix-content, .lexxy-content) li[role="checkbox"][aria-checked="true"] {
  color: var(--lexxy-color-text-subtle);
  text-decoration: line-through;
}

lexxy-editor li[role="checkbox"][aria-checked="true"] > :is(ul, ol),
:where(.trix-content, .lexxy-content) li[role="checkbox"][aria-checked="true"] > :is(ul, ol) {
  text-decoration: none;
}

lexxy-editor li[role="checkbox"][aria-checked="true"] > :is(ul, ol) li[role="checkbox"][aria-checked="false"],
:where(.trix-content, .lexxy-content)
  li[role="checkbox"][aria-checked="true"]
  > :is(ul, ol)
  li[role="checkbox"][aria-checked="false"] {
  text-decoration: none;
}

lexxy-editor li[role="checkbox"][aria-checked="true"] > :is(ul, ol) li[role="checkbox"][aria-checked="true"],
:where(.trix-content, .lexxy-content)
  li[role="checkbox"][aria-checked="true"]
  > :is(ul, ol)
  li[role="checkbox"][aria-checked="true"] {
  text-decoration: line-through;
}

lexxy-editor li[role="checkbox"][aria-checked="true"] code,
:where(.trix-content, .lexxy-content) li[role="checkbox"][aria-checked="true"] code {
  text-decoration: inherit;
}

/* Toggle lists — bullet-column marker, list-text column for all blocks (not callout-style) */

:is(.trix-content, .lexxy-content) .lexxy-toggle-list,
lexxy-editor .lexxy-toggle-list {
  --lexxy-toggle-indent: calc(var(--lexxy-content-margin) * 1.5);
  --lexxy-toggle-marker-size: 1.125rem;
  --lexxy-toggle-icon-size: 0.5rem;
  --lexxy-toggle-marker-gap: 0.25rem;
  --lexxy-toggle-first-line-height: 1.5em;
  --lexxy-toggle-marker-nudge: 0.1em;
  --lexxy-toggle-marker-offset: calc(
    (var(--lexxy-toggle-first-line-height) - var(--lexxy-toggle-marker-size)) / 2 + var(--lexxy-toggle-marker-nudge)
  );
  --lexxy-toggle-placeholder-font-size: 0.9rem;
  --lexxy-toggle-placeholder-line-height: 1.25rem;
  --lexxy-toggle-placeholder-font-weight: 400;

  margin-block: 1rem 1.15rem;
  margin-inline-start: var(--lexxy-toggle-indent);
  position: relative;
}

.lexxy-toggle-list .lexxy-toggle-list {
  margin-inline-start: calc(var(--lexxy-content-margin) * 1.5);
}

.trix-content.lexxy-content
  .lexxy-callout
  > .lexxy-toggle-list
  + .lexxy-toggle-list {
  margin-block-start: 0;
}

/* Title only — compact first line centered with the arrow (callout-style) */

lexxy-editor .lexxy-toggle-list > :not(.lexxy-toggle-list__button):nth-child(2),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list > .lexxy-toggle-list__button + *,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button)) > :first-child {
  line-height: var(--lexxy-toggle-first-line-height);
  margin-block-end: var(--lexxy-content-margin);
  margin-block-start: 0;
}

/* Body shadow content — normal lexxy content rhythm */

lexxy-editor .lexxy-toggle-list > :not(.lexxy-toggle-list__button):nth-child(n + 3),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list > .lexxy-toggle-list__button + * ~ *,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button)) > :not(:first-child) {
  margin-block: 0 var(--lexxy-content-margin);
}

lexxy-editor .lexxy-toggle-list > :not(.lexxy-toggle-list__button):last-child,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list > .lexxy-toggle-list__button + * ~ *:last-child,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button)) > :last-child {
  margin-block-end: 0;
}

/* Heading-aware marker alignment (mirrors callout icon offsets) */

:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> h1:first-child),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h1),
lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h1) {
  --lexxy-toggle-marker-size: 1.25rem;
  --lexxy-toggle-first-line-height: 2.5rem;
  --lexxy-toggle-marker-nudge: 0.06em;
}

:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> h2:first-child),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> h3:first-child),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h2),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h3),
lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h2),
lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h3) {
  --lexxy-toggle-marker-size: 1.25rem;
  --lexxy-toggle-first-line-height: 2rem;
  --lexxy-toggle-marker-nudge: 0.04em;
}

:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> h4:first-child),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h4),
lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h4) {
  --lexxy-toggle-marker-size: 1.25rem;
  --lexxy-toggle-first-line-height: 1.5rem;
  --lexxy-toggle-marker-nudge: 0.01em;
}

lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h1) {
  --lexxy-toggle-first-line-height: 2rem;
  --lexxy-toggle-marker-nudge: 0.15em;
}

lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h2),
lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h3) {
  --lexxy-toggle-first-line-height: 1.75rem;
  --lexxy-toggle-marker-nudge: 0.14em;
}

lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + h4) {
  --lexxy-toggle-first-line-height: 1.25rem;
  --lexxy-toggle-marker-nudge: 0.14em;
}

:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> p:first-child),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list:has(> .lexxy-toggle-list__button + p),
lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + p) {
  --lexxy-toggle-first-line-height: 1.5em;
  --lexxy-toggle-marker-nudge: 0.03em;
}

lexxy-editor .lexxy-toggle-list:has(> .lexxy-toggle-list__button + p) {
  --lexxy-toggle-first-line-height: 1.2em;
}

/* Shadow body: nested containers keep their own spacing */

lexxy-editor .lexxy-toggle-list > .lexxy-content__table-wrapper,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list > .lexxy-content__table-wrapper {
  margin-block: 0 var(--lexxy-content-margin);
}

lexxy-editor .lexxy-toggle-list__button,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list__button {
  align-items: center;
  background: transparent;
  block-size: var(--lexxy-toggle-marker-size);
  border: 0;
  border-radius: var(--lexxy-radius);
  color: var(--lexxy-color-text-subtle);
  cursor: pointer;
  display: inline-flex;
  inline-size: var(--lexxy-toggle-marker-size);
  inset-block-start: var(--lexxy-toggle-marker-offset);
  inset-inline-start: calc(-1 * (var(--lexxy-toggle-marker-size) + var(--lexxy-toggle-marker-gap)));
  justify-content: center;
  line-height: 1;
  margin-block: 0;
  margin-inline: 0;
  min-block-size: 0;
  min-inline-size: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  transition:
    background-color 80ms ease,
    color 80ms ease,
    transform 80ms ease;
}

lexxy-editor .lexxy-toggle-list__button svg,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list__button svg {
  block-size: var(--lexxy-toggle-icon-size);
  fill: currentColor;
  inline-size: var(--lexxy-toggle-icon-size);
  transform: rotate(90deg);
  transition: transform 80ms ease;
}

lexxy-editor .lexxy-toggle-list[data-open="false"] .lexxy-toggle-list__button svg,
:where(.trix-content, .lexxy-content) .lexxy-toggle-list[data-open="false"] .lexxy-toggle-list__button svg {
  transform: rotate(0deg);
}

@media (any-hover: hover) {
  lexxy-editor .lexxy-toggle-list__button:hover,
  :where(.trix-content, .lexxy-content) .lexxy-toggle-list__button:hover {
    background-color: rgb(0 0 0 / 6%);
    color: var(--lexxy-color-text);
  }

  .dark lexxy-editor .lexxy-toggle-list__button:hover,
  .dark :where(.trix-content, .lexxy-content) .lexxy-toggle-list__button:hover {
    background-color: rgb(255 255 255 / 10%);
  }

  lexxy-editor
    .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="false"][data-empty-content-hover="true"]
    > :nth-child(2)::after,
  lexxy-editor
    .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="true"][data-empty-content-focused="false"][data-empty-content-hover="true"]
    > :nth-child(2)
    + *::before {
    color: var(--lexxy-color-text);
    opacity: 0.75;
  }
}

lexxy-editor .lexxy-toggle-list[data-has-body-block="false"] .lexxy-toggle-list__button {
  opacity: 0.75;
}

/* Read-only toggle marker (fallback before JS hydration) */

:where(.trix-content, .lexxy-content) .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button))::before {
  align-items: center;
  block-size: var(--lexxy-toggle-marker-size);
  border-radius: var(--lexxy-radius);
  color: var(--lexxy-color-text-subtle);
  content: "";
  cursor: pointer;
  display: inline-flex;
  inline-size: var(--lexxy-toggle-marker-size);
  inset-block-start: var(--lexxy-toggle-marker-offset);
  inset-inline-start: calc(-1 * (var(--lexxy-toggle-marker-size) + var(--lexxy-toggle-marker-gap)));
  justify-content: center;
  line-height: 1;
  margin-block: 0;
  margin-inline: 0;
  pointer-events: auto;
  position: absolute;
  transform: rotate(90deg);
  transition:
    background-color 120ms ease,
    color 120ms ease,
    transform 80ms ease;
}

:where(.trix-content, .lexxy-content) .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button))::after {
  background-color: currentColor;
  block-size: var(--lexxy-toggle-icon-size);
  content: "";
  inline-size: var(--lexxy-toggle-icon-size);
  inset-block-start: calc(
    var(--lexxy-toggle-marker-offset) + (var(--lexxy-toggle-marker-size) - var(--lexxy-toggle-icon-size)) / 2
  );
  inset-inline-start: calc(
    -1 * (var(--lexxy-toggle-marker-size) + var(--lexxy-toggle-marker-gap)) +
      (var(--lexxy-toggle-marker-size) - var(--lexxy-toggle-icon-size)) / 2
  );
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.31061C1.5 0.943037 2.99801 0.103919 4.16406 0.818427L10.1855 4.50788C11.2997 5.19065 11.2997 6.80949 10.1855 7.49226L4.16406 11.1817C2.99802 11.8962 1.5 11.0571 1.5 9.68952V2.31061Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.31061C1.5 0.943037 2.99801 0.103919 4.16406 0.818427L10.1855 4.50788C11.2997 5.19065 11.2997 6.80949 10.1855 7.49226L4.16406 11.1817C2.99802 11.8962 1.5 11.0571 1.5 9.68952V2.31061Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  pointer-events: none;
  position: absolute;
  transform: rotate(90deg);
  transition: transform 80ms ease;
}

lexxy-editor .lexxy-toggle-list::before,
lexxy-editor .lexxy-toggle-list::after {
  content: none;
  display: none;
}

:where(.trix-content, .lexxy-content)
  .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button))[data-open="false"]::before,
:where(.trix-content, .lexxy-content)
  .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button))[data-open="false"]::after {
  transform: rotate(0deg);
}

/* Empty state placeholders */

lexxy-editor .lexxy-toggle-list[data-empty-title="true"] > :nth-child(2) {
  position: relative;
}

lexxy-editor .lexxy-toggle-list[data-empty-title="true"] > :nth-child(2)::before {
  color: var(--lexxy-color-text-subtle);
  content: var(--lexxy-toggle-title-placeholder, "Toggle");
  font: inherit;
  inset-block-start: 0;
  inset-inline-start: 0;
  letter-spacing: inherit;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  text-transform: inherit;
}

lexxy-editor
  .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="false"]
  > :nth-child(2) {
  margin-block-end: 0;
}

lexxy-editor
  .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="false"]
  > :nth-child(2)::after,
lexxy-editor
  .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="true"][data-empty-content-focused="false"]
  > :nth-child(2)
  + *::before {
  color: var(--lexxy-color-text-subtle);
  content: var(--lexxy-toggle-empty-placeholder, "Empty toggle. Click to start writing content.");
  font-family: inherit;
  font-size: var(--lexxy-toggle-placeholder-font-size);
  font-style: normal;
  font-weight: var(--lexxy-toggle-placeholder-font-weight);
  letter-spacing: normal;
  line-height: var(--lexxy-toggle-placeholder-line-height);
  opacity: 0.5;
  text-transform: none;
  transition:
    color 80ms ease,
    opacity 80ms ease;
}

lexxy-editor
  .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="false"]
  > :nth-child(2)::after {
  cursor: pointer;
  display: block;
  margin-block-start: var(--lexxy-content-margin);
}

lexxy-editor
  .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="true"][data-empty-content-focused="false"]
  > :nth-child(2)
  + *::before {
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
}

lexxy-editor
  .lexxy-toggle-list[data-open="true"][data-empty-content="true"][data-has-body-block="true"][data-empty-content-focused="false"]
  > :nth-child(2)
  + * {
  cursor: pointer;
  position: relative;
}

/* Collapsed body */

lexxy-editor .lexxy-toggle-list[data-open="false"] > :not(.lexxy-toggle-list__button):not(:nth-child(2)),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list[data-open="false"] > .lexxy-toggle-list__button + * ~ *,
:where(.trix-content, .lexxy-content)
  .lexxy-toggle-list:not(:has(.lexxy-toggle-list__button))[data-open="false"]
  > :not(:first-child) {
  display: none !important;
}

lexxy-editor .lexxy-toggle-list[data-open="false"] > :nth-child(2),
:where(.trix-content, .lexxy-content) .lexxy-toggle-list[data-open="false"] > .lexxy-toggle-list__button + * {
  display: revert !important;
}

lexxy-link-dropdown .link_to_embed {
  flex: 1 1 100%;
  inline-size: 100%;
  margin: 0;
  white-space: normal;
}

lexxy-link-dropdown .link_to_embed[hidden] {
  display: none !important;
}

lexxy-link-dropdown .link_to_embed--hint {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
  text-align: center;
}

lexxy-link-dropdown .link_to_embed__label {
  color: var(--link-dropdown-control-muted, #9b9a97);
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}

lexxy-link-dropdown .link_to_embed__providers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.lexxy-content lexxy-link-dropdown .link_to_embed__providers {
  margin: 0;
  margin-inline-start: 0;
  padding: 0;
}

lexxy-link-dropdown .link_to_embed__provider-pill {
  align-items: center;
  background: transparent;
  border: 1px solid var(--link-dropdown-control-border, var(--lexxy-color-border));
  border-radius: 6px;
  color: var(--link-dropdown-control-subtle, #6f6b64);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.35rem;
  line-height: 1;
  padding-block: 0.35rem;
  padding-inline: 0.55rem;
  text-decoration: none;
}

lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill,
lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill:visited,
lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill:hover,
lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill:focus,
lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill:active {
  color: var(--link-dropdown-control-subtle, #6f6b64);
  text-decoration: none;
  text-decoration-line: none;
}

lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill:hover,
lexxy-link-dropdown .link_to_embed__providers a.link_to_embed__provider-pill:focus-visible {
  color: var(--link-dropdown-control-text, #2f3437);
}

lexxy-link-dropdown .link_to_embed__provider-pill span {
  color: inherit;
  text-decoration: none;
}

lexxy-link-dropdown .link_to_embed__provider-icon {
  block-size: 0.85rem;
  flex-shrink: 0;
  inline-size: 0.85rem;
}

lexxy-link-dropdown .embed-provider-icon--theme-adaptive {
  color: var(--link-dropdown-control-text, #2f3437);
}

lexxy-link-dropdown .embed-provider-icon--theme-adaptive path[fill="currentColor"] {
  fill: currentColor;
}

.embed__badge .embed-provider-icon--theme-adaptive {
  color: #fff;
}

.embed__badge .embed-provider-icon--theme-adaptive path[fill="currentColor"] {
  fill: currentColor;
}

lexxy-link-dropdown .link_to_embed__provider-pill:hover {
  background: var(--link-dropdown-chip-bg-hover, #f1f1ef);
}

lexxy-link-dropdown .link_to_embed__provider-pill:focus-visible {
  outline: 2px solid var(--link-dropdown-control-border-focus, #b8b8b4);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  lexxy-link-dropdown .link_to_embed__provider-pill {
    gap: 0;
    padding-inline: 0.35rem;
  }

  lexxy-link-dropdown .link_to_embed__provider-pill span {
    display: none;
  }
}

lexxy-link-dropdown .link_to_embed--offer {
  border-block-start: 1px solid var(--link-dropdown-divider, var(--lexxy-color-border));
  padding-block-start: 0.75rem;
}

lexxy-link-dropdown .link_to_embed__card {
  background: var(--link-dropdown-surface, #f7f7f5);
  border: 1px solid var(--link-dropdown-control-border, var(--lexxy-color-border));
  border-radius: 8px;
  display: grid;
  gap: 0.65rem 0.75rem;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  padding: 0.65rem;
}

lexxy-link-dropdown .link_to_embed__card.link_to_embed--has-thumbnail {
  grid-template-columns: auto 1fr;
}

lexxy-link-dropdown .link_to_embed__card img.link_to_embed__thumbnail {
  aspect-ratio: 16 / 9;
  block-size: auto;
  border: none;
  border-radius: 6px;
  grid-column: 1;
  grid-row: 1;
  inline-size: 4.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

lexxy-link-dropdown .link_to_embed__details {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  grid-column: 1;
  grid-row: 1;
  min-inline-size: 0;
  text-align: start;
}

lexxy-link-dropdown .link_to_embed__card.link_to_embed--has-thumbnail .link_to_embed__details {
  grid-column: 2;
}

lexxy-link-dropdown .link_to_embed__provider {
  align-items: center;
  color: var(--link-dropdown-control-text, #2f3437);
  display: inline-flex;
  font-size: var(--lexxy-text-small);
  font-weight: 600;
  gap: 0.35rem;
  line-height: 1.3;
}

lexxy-link-dropdown .link_to_embed__title {
  color: var(--link-dropdown-control-muted, #9b9a97);
  display: -webkit-box;
  font-size: 0.85rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 1.35;
  overflow: hidden;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] .link_to_embed__embed-button {
  aspect-ratio: unset;
  background: var(--link-dropdown-primary-bg, #3f3f3f);
  block-size: auto;
  border: 0;
  border-radius: 8px;
  color: var(--link-dropdown-primary-text, #fff);
  cursor: pointer;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  grid-column: 1 / -1;
  grid-row: 2;
  inline-size: 100%;
  line-height: 1;
  min-block-size: 2.35rem;
  padding: 0.65rem 1rem;
  white-space: nowrap;
}

lexxy-link-dropdown.lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] .link_to_embed__embed-button:hover {
  background: var(--link-dropdown-primary-bg-hover, #2f2f2f);
  filter: none;
}

.dark lexxy-link-dropdown .link_to_embed__provider-pill {
  background: #353535;
}

.dark lexxy-link-dropdown .link_to_embed__provider-pill:hover {
  background: #4a4a4a;
}

:where(.lexxy-content) action-text-attachment[content-type="application/vnd.actiontext.embed"] {
    display: block;
    inline-size: 100%;
    margin-block: 1rem;
    position: relative;
    white-space: normal;
  }

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] {
  display: block;
  margin: 1rem 0;
  position: relative;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] lexxy-node-delete-button {
  inset-block-start: 0.75rem;
  inset-inline-end: 0.75rem;
  inset-inline-start: auto;
  line-height: 1;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  lexxy-node-delete-button
  .lexxy-floating-controls__group {
  --button-size: 2.3lh;

  background-color: var(--lexxy-color-ink);
  border-radius: var(--floating-tools-radius);
  padding: 0.25ch;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  lexxy-node-delete-button
  .lexxy-node-delete {
  border-radius: calc(var(--floating-tools-radius) - 0.25ch);
}

.dark
  lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  lexxy-node-delete-button
  .lexxy-floating-controls__group {
  background-color: #171717;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed {
  display: block;
  line-height: 0;
  width: 100%;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"].node--selected
  .embed
  > *:not(script):not(.embed__badge):not(.custom-code-edit-button) {
  outline: 3px solid var(--lexxy-color-selected-dark);
  outline-offset: 2px;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]:is(
    .node--selected,
    [data-custom-code-preview-focused]
  ):has(.embed--custom-code) {
  outline: var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);
  outline-offset: var(--lexxy-focus-ring-offset);
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"].node--selected
  .embed--custom-code
  .embed__custom-code-preview {
  outline: none;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"].node--selected
  .embed--thumbnail {
  outline: 3px solid var(--lexxy-color-selected-dark);
  outline-offset: 2px;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed
  > *:not(script):not(.embed__badge):not(.custom-code-edit-button) {
  display: block;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed script {
  display: none !important;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] iframe,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] twitter-widget {
  display: block !important;
  width: 100% !important;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] iframe {
  aspect-ratio: 16 / 9;
  border-radius: 0.75rem;
  height: auto;
  overflow: hidden;
  pointer-events: none;
}

lexxy-editor .attachment__pdf-frame iframe {
  pointer-events: none;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed__fallback-card {
  align-items: center;
  aspect-ratio: 16 / 9;
  background: var(--lexxy-color-canvas-muted, #f4f4f4);
  border: 1px solid var(--lexxy-color-border);
  border-radius: 0.75rem;
  color: var(--lexxy-color-ink-medium, #666);
  display: flex;
  justify-content: center;
  line-height: 1.4;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--twitter,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .twitter-tweet-rendered {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.5rem 0;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--twitter iframe,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .twitter-tweet-rendered iframe {
  aspect-ratio: unset;
  border-radius: 0.75rem;
  height: auto;
  max-width: 550px;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--twitter twitter-widget,
lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .twitter-tweet-rendered
  twitter-widget {
  display: block !important;
  margin-inline: auto;
  max-width: 550px;
  width: 100% !important;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--twitter
  blockquote.twitter-tweet {
  margin: 0;
  max-width: 550px;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--instagram {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.5rem 0;
  width: 100%;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--instagram
  iframe.instagram-media,
lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--instagram
  iframe.instagram-media-rendered {
  aspect-ratio: unset;
  border-radius: 3px;
  display: block;
  height: unset;
  margin-inline: auto;
  max-width: 658px;
  min-height: 326px;
  min-width: 326px;
  overflow: visible;
  width: 100%;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--instagram
  blockquote.instagram-media {
  margin: 0;
  max-width: 658px;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--tiktok {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.5rem 0;
  width: 100%;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--tiktok
  blockquote.tiktok-embed,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] blockquote.tiktok-embed {
  border: 0;
  border-inline-start: 0;
  font-style: normal;
  margin: 0 auto;
  max-width: 605px;
  min-width: 325px;
  padding: 0;
  width: 100%;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--tiktok
  blockquote.tiktok-embed
  iframe,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] blockquote.tiktok-embed iframe {
  aspect-ratio: unset;
  border: 0;
  border-radius: 0;
  display: block;
  height: auto;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  position: static;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook {
  margin: 1.5rem 0;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook .fb-video,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook .fb-video span,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook .fb-post,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook .fb-post span {
  display: block;
  max-width: 100%;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook .fb-post span,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--facebook .fb-post iframe {
  background: #fff;
  margin-inline: auto;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--facebook
  blockquote.fb-xfbml-parse-ignore,
lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] blockquote.fb-xfbml-parse-ignore {
  border: 0;
  border-inline-start: 0;
  font-style: normal;
  margin: 0;
  padding: 0;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--airtable {
  margin: 1.5rem 0;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--airtable iframe {
  aspect-ratio: unset;
  border: 0;
  display: block;
  height: 533px;
  max-width: 100%;
  width: 100%;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed--thumbnail {
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed__badge {
  align-items: center;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(15, 15, 15, 0.72);
  border-radius: 6px;
  bottom: 0.65rem;
  color: #fff;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.35rem;
  left: 0.65rem;
  line-height: 1;
  padding-block: 0.35rem;
  padding-inline: 0.55rem;
  pointer-events: none;
  position: absolute;
  width: auto;
  z-index: 1;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed__badge-icon {
  block-size: 0.85rem;
  flex-shrink: 0;
  inline-size: 0.85rem;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] .embed__badge-label {
  white-space: nowrap;
}

lexxy-editor action-text-attachment[content-type="application/vnd.actiontext.embed"] img {
  block-size: auto;
  border-radius: 0.75rem;
  inline-size: 100%;
  margin-bottom: 0;
  margin-top: 0;
  max-inline-size: 100%;
}

lexxy-editor .embed__custom-code-preview {
  background: #fff;
  min-block-size: 0;
  overflow: hidden;
  width: 100%;
}

lexxy-editor .embed__custom-code-preview .custom-code-inline-preview {
  display: block;
  line-height: normal;
  width: 100%;
}

lexxy-editor
  action-text-attachment[content-type="application/vnd.actiontext.embed"]
  .embed--custom-code
  .embed__custom-code-preview
  .custom-code-preview-frame {
  aspect-ratio: auto !important;
  background: #fff;
  border: 0;
  border-radius: 0;
  display: block;
  min-block-size: 0;
  pointer-events: auto;
  width: 100%;
}

lexxy-editor .embed--custom-code[data-custom-code-source] {
  position: relative;
}

lexxy-editor .embed--custom-code .custom-code-edit-button {
  display: none;
}

lexxy-editor[data-lexxy-custom-code-enabled]
  .embed--custom-code[data-custom-code-source]
  .custom-code-edit-button {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgb(209 213 219);
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  color: rgb(75 85 99);
  display: inline-flex;
  height: 1.75rem;
  inline-size: 1.75rem;
  inset-block-start: 0.75rem;
  inset-inline-end: 0.75rem;
  justify-content: center;
  line-height: 1;
  max-inline-size: 1.75rem;
  min-height: 1.75rem;
  min-inline-size: 1.75rem;
  min-width: 1.75rem;
  opacity: 0;
  padding: 0;
  position: absolute;
  transition: opacity 150ms ease, background-color 150ms ease, color 150ms ease;
  width: 1.75rem;
  z-index: 3;
}

lexxy-editor[data-lexxy-custom-code-enabled]
  .embed--custom-code[data-custom-code-source]
  .custom-code-edit-button:hover {
  background: rgb(249 250 251);
  color: rgb(17 24 39);
}

lexxy-editor[data-lexxy-custom-code-enabled]
  action-text-attachment:has(.embed--custom-code[data-custom-code-source])
  lexxy-node-delete-button {
  color: rgb(75 85 99);
  inset-block-start: 0.75rem;
  inset-inline-end: 3rem;
  inset-inline-start: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}

lexxy-editor[data-lexxy-custom-code-enabled]
  action-text-attachment:has(.embed--custom-code[data-custom-code-source])
  lexxy-node-delete-button
  .lexxy-floating-controls__group {
  --button-size: 1.75rem;

  background: transparent;
  border-radius: 9999px;
  padding: 0;
}

lexxy-editor[data-lexxy-custom-code-enabled]
  action-text-attachment:has(.embed--custom-code[data-custom-code-source])
  lexxy-node-delete-button
  .lexxy-node-delete {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgb(209 213 219);
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  color: rgb(75 85 99);
  height: 1.75rem;
  min-height: 1.75rem;
  min-width: 1.75rem;
  padding: 0;
  width: 1.75rem;
}

lexxy-editor[data-lexxy-custom-code-enabled]
  action-text-attachment:has(.embed--custom-code[data-custom-code-source])
  lexxy-node-delete-button
  .lexxy-node-delete:hover {
  background: rgb(254 242 242);
  color: rgb(185 28 28);
}

lexxy-editor[data-lexxy-custom-code-enabled]
  action-text-attachment:has(.embed--custom-code[data-custom-code-source]):is(
    :hover,
    :focus-within,
    .node--selected
  )
  :is(.custom-code-edit-button, lexxy-node-delete-button) {
  opacity: 1;
  pointer-events: auto;
}

lexxy-toolbar .lexxy-giphy-dropdown {
  --lexxy-giphy-radius: 8px;
}

lexxy-toolbar .lexxy-giphy-dropdown [data-dropdown-panel] {
  background: #fff;
  border: 1px solid var(--lexxy-color-border);
  border-radius: var(--lexxy-giphy-radius);
  box-shadow: 0 8px 20px rgba(15, 15, 15, 0.1), 0 1px 3px rgba(15, 15, 15, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  inline-size: min(20rem, calc(100vw - 1rem));
  max-block-size: min(30rem, calc(100vh - 1rem));
  overflow: hidden;
  padding: 0.5rem;
}

lexxy-toolbar .lexxy-giphy-dropdown [data-dropdown-panel][hidden] {
  display: none !important;
}

.lexxy-giphy-search {
  align-items: center;
  border: 1px solid #d4d4d4;
  border-radius: 0.375rem;
  display: flex;
  flex: 0 0 auto;
  gap: 0.375rem;
  padding-inline: 0.5rem;
}

.lexxy-giphy-search:focus-within {
  border-color: #737373;
  box-shadow: 0 0 0 1px #737373;
}

.lexxy-giphy-search svg {
  color: #737373;
  flex: 0 0 auto;
}

.lexxy-giphy-search input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #262626;
  flex: 1 1 auto;
  font: inherit;
  font-size: 0.875rem;
  inline-size: 100%;
  min-block-size: 2rem;
  min-inline-size: 0;
  outline: 0;
  padding: 0;
}

.lexxy-giphy-results {
  align-items: start;
  display: grid;
  flex: 1 1 auto;
  gap: 0.375rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-block-start: 0.5rem;
  min-block-size: 8rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.lexxy-giphy-results::-webkit-scrollbar {
  inline-size: 12px;
}

.lexxy-giphy-results::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: rgba(55, 53, 47, 0.24);
  border: 3px solid transparent;
  border-radius: 999px;
}

.dark .lexxy-giphy-results::-webkit-scrollbar-thumb {
  background-color: rgba(229, 229, 229, 0.32);
}

.lexxy-giphy-column {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  min-inline-size: 0;
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #f5f5f5;
  border: 0;
  border-radius: var(--lexxy-giphy-radius);
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  cursor: pointer;
  display: block;
  inline-size: 100%;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result::after {
  border: 3px solid transparent;
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result:hover::after,
lexxy-editor lexxy-toolbar .lexxy-giphy-result:focus-visible::after {
  border-color: #404040;
}

lexxy-editor
  lexxy-toolbar
  .lexxy-giphy-results[data-keyboard-nav]
  .lexxy-giphy-result:not([data-highlighted]):hover::after {
  border-color: transparent;
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result[data-highlighted]::after {
  border-color: var(--color-primary-500, #404040);
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result:hover,
lexxy-editor lexxy-toolbar .lexxy-giphy-result:focus-visible,
lexxy-editor lexxy-toolbar .lexxy-giphy-result[data-highlighted] {
  outline: 0;
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result img {
  block-size: auto;
  border-radius: var(--lexxy-giphy-radius);
  display: block;
  inline-size: 100%;
  transition: opacity 0.12s ease;
}

lexxy-editor lexxy-toolbar .lexxy-giphy-result:hover img,
lexxy-editor lexxy-toolbar .lexxy-giphy-result:focus-visible img,
lexxy-editor lexxy-toolbar .lexxy-giphy-result[data-highlighted] img {
  opacity: 0.72;
}

lexxy-editor
  lexxy-toolbar
  .lexxy-giphy-results[data-keyboard-nav]
  .lexxy-giphy-result:not([data-highlighted]):hover
  img {
  opacity: 1;
}

.lexxy-giphy-status {
  align-items: center;
  color: #737373;
  display: flex;
  font-size: 0.8125rem;
  grid-column: 1 / -1;
  justify-content: center;
  min-block-size: 8rem;
  padding: 1rem;
  text-align: center;
}

.lexxy-giphy-attribution {
  align-items: center;
  border-block-start: 1px solid #e5e5e5;
  color: #525252;
  display: flex;
  flex: 0 0 auto;
  font-size: 0.7rem;
  font-weight: 500;
  gap: 0.25rem;
  letter-spacing: 0.04em;
  margin-block-start: 0.5rem;
  padding-block-start: 0.5rem;
}

.emoji-mart-popover {
  background: rgb(255 255 255);
  block-size: min(25rem, calc(100dvh - 1rem));
  border: 1px solid rgb(229 231 235);
  inline-size: min(27rem, calc(100vw - 1rem));
  max-block-size: min(25rem, calc(100vh - 1rem));
  max-inline-size: calc(100vw - 1rem);
  z-index: 200;
}

.emoji-mart-popover em-emoji-picker {
  --color-border-over: rgba(0, 0, 0, 0.1);
  --color-border: rgba(0, 0, 0, 0.05);
  --em-rgb-background: 255, 255, 255;
  --font-family: Inter, InterVariable, ui-sans-serif, system-ui, sans-serif;
  --rgb-accent: 64, 64, 64;
  --rgb-background: 255, 255, 255;
  block-size: 100%;
  border: 0;
  display: block;
  inline-size: 100%;
  max-block-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
}

.dark .emoji-mart-popover {
  background: rgb(38 38 38);
  border-color: hsl(0deg 0% 25% / 80%);
}

.dark .emoji-mart-popover em-emoji-picker {
  --color-border-over: hsl(0deg 0% 25% / 80%);
  --color-border: hsl(0deg 0% 25% / 80%);
  --em-rgb-background: 38, 38, 38;
  --rgb-accent: 222, 222, 222;
  --rgb-background: 38, 38, 38;
}

/* Lexxy's editable root preserves whitespace. Collapse the indentation from
   the server-rendered image partial so it does not become blank figure lines. */

.lexxy-editor__content > action-text-attachment[content-type^="image/"] {
  display: block;
  white-space: normal;
}

/* Rendered Lexxy content keeps the Trix wrapper for legacy attachments.
   Neutralize the legacy list indentation so it matches the Lexxy editor. */

.trix-content.lexxy-content li:not([role="checkbox"]) {
  margin-inline: 0;
}

.trix-content.lexxy-content :is(ol, ul:not(.lexxy-prompt-menu)) {
  padding-inline-start: 0;
}

.trix-content.lexxy-content li > :is(ul, ol) {
  margin-block-start: 0.6em;
  margin-block-end: 0;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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.
*/

::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

::-webkit-date-and-time-value{
  min-height: 1.5em;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}

[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          color-adjust: unset;
}

[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px auto -webkit-focus-ring-color;
}

a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

a:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

.trix-content .latex-block,
  lexxy-editor.lexxy-content .latex-block {
  position: relative;
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(229 231 235);
  border-radius: 0.75rem;
  background: linear-gradient(180deg, rgb(255 255 255), rgb(249 250 251));
  padding: 1rem;
  color: rgb(17 24 39);
  text-align: center;
}

.trix-content .latex-block .latex-block-edit-button,
  lexxy-editor.lexxy-content .latex-block .latex-block-edit-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: none;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(209 213 219);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.95);
  color: rgb(75 85 99);
  line-height: 1;
  opacity: 0;
  padding: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  transition: opacity 150ms ease, background-color 150ms ease,
      color 150ms ease;
  z-index: 3;
}

lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block)
    lexxy-node-delete-button {
  inset-block-start: 0.5rem;
  inset-inline-end: 3rem;
  inset-inline-start: auto;
  color: rgb(75 85 99);
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition: opacity 150ms ease;
}

lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block)
    lexxy-node-delete-button
    .lexxy-floating-controls__group {
  --button-size: 1.75rem;
  background: transparent;
  border-radius: 9999px;
  padding: 0;
}

lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block)
    lexxy-node-delete-button
    .lexxy-node-delete {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  min-height: 1.75rem;
  border: 1px solid rgb(209 213 219);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.95);
  color: rgb(75 85 99);
  padding: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block)
    lexxy-node-delete-button
    .lexxy-node-delete
    svg {
  width: 0.875rem;
  height: 0.875rem;
  opacity: 1;
  padding: 0;
}

lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block)
    lexxy-node-delete-button
    .lexxy-node-delete:hover {
  background: rgb(254 242 242);
  color: rgb(185 28 28);
}

trix-editor.trix-content .latex-block .latex-block-edit-button,
  lexxy-editor.lexxy-content .latex-block .latex-block-edit-button {
  display: inline-flex;
}

trix-editor.trix-content .latex-block:hover .latex-block-edit-button,
  trix-editor.trix-content .latex-block .latex-block-edit-button:focus-visible,
  lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block):is(
      :hover,
      :focus-within,
      .node--selected
    )
    .latex-block-edit-button {
  opacity: 1;
}

lexxy-editor.lexxy-content
    action-text-attachment:has(.latex-block):is(
      :hover,
      :focus-within,
      .node--selected
    )
    lexxy-node-delete-button {
  opacity: 1;
  pointer-events: auto;
}

trix-editor.trix-content .latex-block .latex-block-edit-button:hover,
  lexxy-editor.lexxy-content .latex-block .latex-block-edit-button:hover {
  background: rgb(249 250 251);
  color: rgb(17 24 39);
}

.trix-content .latex-block mjx-assistive-mml,
  .latex-block-preview mjx-assistive-mml,
  [data-controller~="latex-render"] mjx-assistive-mml,
  [data-latex-rendered-source] mjx-assistive-mml,
  .trix-content .latex-block mjx-assistive-mml[display],
  .latex-block-preview mjx-assistive-mml[display],
  [data-controller~="latex-render"] mjx-assistive-mml[display],
  [data-latex-rendered-source] mjx-assistive-mml[display] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.trix-content .latex-block svg,
  .latex-block-preview svg,
  [data-controller~="latex-render"] svg,
  [data-latex-rendered-source] svg {
  display: inline-block;
  max-width: 100%;
}

[data-controller~="latex-render"][data-latex-render-display-value="false"]:not(
      [data-latex-rendered-source]
    ) {
  color: transparent;
}

.trix-content .latex-block[data-latex-render-error="true"],
  lexxy-editor.lexxy-content .latex-block[data-latex-render-error="true"],
  .latex-block-preview[data-latex-render-error="true"] {
  color: rgb(185 28 28);
  text-align: left;
}

.latex-render-error {
  display: grid;
  width: 100%;
  gap: 0.5rem;
  text-align: left;
}

.latex-render-error__code {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.375rem;
  background: rgb(254 226 226);
  padding: 0.125rem 0.375rem;
  color: rgb(153 27 27);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
}

.latex-render-error__message {
  color: rgb(127 29 29);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

.latex-render-error__source {
  display: block;
  overflow-x: auto;
  border-radius: 0.5rem;
  background: rgb(255 255 255);
  padding: 0.5rem 0.625rem;
  color: rgb(31 41 55);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
  font-size: 0.8125rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

/* Dialog (modal) styling */

dialog {
  margin: auto;
  border: none;
  padding: 0;
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Open/close animation split in two so the scale transform lives on an
     inner wrapper — applying transform to the dialog itself creates a new
     containing block, which makes any `position: fixed` descendant
     (e.g. #toast_container when moved in by modal_controller) render inside
     the dialog rather than the viewport during the 200ms animation.
     Tippy roots are also excluded because Popper uses transform to position
     them; animating that same transform makes tooltips flash in the wrong
     place before snapping into position.
     Modal-aware portal elements are excluded so their own menu styling and
     positioning remain identical inside and outside dialogs.
     Dropdown popover menus are excluded — they animate opacity/scale on the
     dialog itself via transition classes so the panel and items appear together. */

dialog[open]:not([data-dropdown-popover-target="menu"]) {
  animation: dialog-fade-in 200ms ease-out;
}

dialog[open]:not([data-dropdown-popover-target="menu"])
    > :not(#toast_container):not([data-tippy-root]):not(
      [data-modal-animation-exempt]
    ) {
  animation: dialog-scale-in 200ms ease-out;
}

dialog[closing]:not([data-dropdown-popover-target="menu"]) {
  animation: dialog-fade-out 200ms ease-in;
}

dialog[closing]:not([data-dropdown-popover-target="menu"])
    > :not(#toast_container):not([data-tippy-root]):not(
      [data-modal-animation-exempt]
    ) {
  animation: dialog-scale-out 200ms ease-in;
}

@keyframes dialog-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes dialog-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes dialog-scale-in {
  from {
    transform: scale(0.95);
  }

  to {
    transform: scale(1);
  }
}

@keyframes dialog-scale-out {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.95);
  }
}

/* Div-based modal styling */

.modal-div {
  opacity: 0;
  transition: opacity 200ms ease-out;
}

.modal-div.modal-visible {
  opacity: 1;
}

.modal-div.modal-visible > div {
  transform: scale(1);
}

.modal-div > div {
  transform: scale(0.95);
  transition: transform 200ms ease-out;
}

.modal-div[closing] {
  opacity: 0;
  transition: opacity 200ms ease-in;
}

.modal-div[closing] > div {
  transform: scale(0.95);
  transition: transform 200ms ease-in;
}

.\!container{
  width: 100% !important;
}

.container{
  width: 100%;
}

@media (min-width: 320px){
  .\!container{
    max-width: 320px !important;
  }

  .container{
    max-width: 320px;
  }
}

@media (min-width: 400px){
  .\!container{
    max-width: 400px !important;
  }

  .container{
    max-width: 400px;
  }
}

@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}

.aspect-h-2{
  --tw-aspect-h: 2;
}

.aspect-h-6{
  --tw-aspect-h: 6;
}

.aspect-h-8{
  --tw-aspect-h: 8;
}

.aspect-h-9{
  --tw-aspect-h: 9;
}

.aspect-w-16{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 16;
}

.aspect-w-16 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-w-3{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}

.aspect-w-3 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-w-9{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 9;
}

.aspect-w-9 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(ol):not(:where([class~="not-prose"] *)){
  list-style-type: decimal;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)){
  list-style-type: disc;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
  font-weight: 900;
}

.prose :where(h2):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
  font-weight: 800;
}

.prose :where(h3):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
  font-weight: 700;
}

.prose :where(h4):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
  font-weight: 700;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before{
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after{
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-links);
}

.prose :where(pre):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)){
  vertical-align: baseline;
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(p):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(img):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)){
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)){
  font-size: 0.9em;
}

.prose :where(li):not(:where([class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose > :where(ul > li p):not(:where([class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose > :where(:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose > :where(:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 0;
}

.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(video):not(:where([class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(figure):not(:where([class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm :where(code):not(:where([class~="not-prose"] *)){
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"] *)){
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"] *)){
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"] *)){
  padding-left: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"] *)){
  padding-left: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.4285714em;
}

.prose-sm > :where(ul > li p):not(:where([class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.prose-sm > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}

.prose-sm > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.prose-sm > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"] *)){
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose-sm :where(tbody td):not(:where([class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.prose-sm :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose-sm :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose-sm > :where(:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-sm > :where(:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 0;
}

.prose-slate{
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}

.lesson-body-editor trix-toolbar{
  position: sticky;
  top: 0px;
  z-index: 20;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
}

.hotkey-hint{
  display: inline-flex;
  min-width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.25);
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: rgb(255 255 255 / 0.9);
}

.hotkey-hint--light{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

/* Shared dialog style for ModalStandard replacements (Vue → Stimulus).
     Used with <dialog data-modal-target="dialog"> + modal_controller.js. */

.modal-standard-dialog{
  position: fixed;
  inset: 0px;
  z-index: 30;
  margin: auto;
  width: 100%;
  max-width: calc(100vw - 1rem);
  border-radius: 0.625rem;
  background-color: transparent;
}

.modal-standard-dialog:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 640px){
  .modal-standard-dialog{
    max-width: 32rem;
  }
}

.modal-standard-dialog::backdrop{
  background-color: rgb(107 114 128 / 0.75);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal-icon-button{
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal-icon-button:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.modal-icon-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.modal-icon-button svg{
  width: 1.25rem;
  height: 1.25rem;
}

.modal-header .close{
  margin: 0px;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal-header .close:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.modal-header .close:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.modal-header .close {
  float: none;
}

.modal-header .close > span:not(.sr-only){
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1;
}

#beacon-container,
  .Beacon,
  .BeaconFabButtonFrame,
  [class*="BeaconFabButtonFrame"],
  iframe[src*="beacon-v2.helpscout.net"],
  iframe[title*="Help Scout"] {
  z-index: 2147483647 !important;
}

/* Bootstrap dropdown CSS contract, kept only for dropdowns migrated to
     dropdown_popover_controller so they do not depend on legacy Bootstrap CSS. */

.\!dropdown {
  position: relative !important;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #232323;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #dddddd;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #161616;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
  .dropdown-item:focus {
  color: #090909;
  text-decoration: none;
  background-color: #f6f6f6;
}

.dropdown-item.active,
  .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #cccccc;
}

.dropdown-item.\!active {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #cccccc !important;
}

.dropdown-item.disabled,
  .dropdown-item:disabled {
  color: #666666;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-item.\!disabled {
  color: #666666 !important;
  pointer-events: none !important;
  background-color: transparent !important;
}

.dropdown-menu.show {
  display: block;
  border-radius: 0.375rem;
  border: solid 1px #e6e7eb;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #161616;
}

/* Bootstrap toast/alert CSS contract, kept for migrated flash and alert
     surfaces so they do not depend on legacy Bootstrap CSS. */

.toast {
  font-size: 0.875rem;
  background-clip: padding-box;
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #505050;
  background-color: #ebebeb;
  border-color: #e2e2e2;
}

.alert-secondary .alert-link {
  color: #373737;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light-frosted {
  color: gray;
  background-color: rgb(253 253 253 / 75%);
  border: none;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 0.25rem;
  padding: 0.75rem 1.25rem;
}

.alert-light-frosted .alert-link {
  color: #676767;
}

.text-body-color{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-body-color:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-body-color:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.text-primary-color{
  color: var(--color-primary-600);
}

.text-primary-color:hover{
  color: var(--color-primary-500);
}

.text-primary-color:focus{
  --tw-ring-color: var(--color-primary-600);
}

.button-primary{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  background-color: var(--color-primary-500);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary:hover{
  background-color: var(--color-primary-600);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-primary:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--color-primary-500);
  --tw-ring-offset-width: 2px;
}

.button-primary:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-primary{
  gap: 0.375rem;
}

.button-primary-lg{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.625rem;
  border-width: 1px;
  border-color: transparent;
  background-color: var(--color-primary-500);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 640px){
  .button-primary-lg{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.button-primary-lg{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-lg:hover{
  background-color: var(--color-primary-600);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-primary-lg:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--color-primary-500);
  --tw-ring-offset-width: 2px;
}

.button-primary-lg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-secondary{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button-secondary:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--color-primary-500);
  --tw-ring-offset-width: 2px;
}

.button-secondary:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-secondary{
  gap: 0.375rem;
}

.button-secondary-lg{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.625rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 640px){
  .button-secondary-lg{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.button-secondary-lg{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-lg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button-secondary-lg:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--color-primary-500);
  --tw-ring-offset-width: 2px;
}

.button-secondary-lg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-indigo{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-indigo:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-indigo:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-indigo:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-indigo-lg{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-indigo-lg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-indigo-lg:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-indigo-lg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-blue{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-blue:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-blue:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-blue-lg{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-blue-lg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-blue-lg:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-blue-lg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-red{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-red:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-red:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-red:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-red-lg{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-red-lg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-red-lg:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-red-lg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-white{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button-white:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-white:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-white-lg{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-white-lg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button-white-lg:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.button-white-lg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  cursor: not-allowed;
}

.button-disabled {
  background-color: #2b2b2b !important;
  cursor: not-allowed;
  background-color: transparent;
  opacity: 0.5;
}

.button-disabled:hover,
  .button-disabled:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  background-color: transparent !important;
  opacity: 0.5 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.btn-w-full{
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  border-width: 1px;
  border-color: transparent;
  border-radius: 0.45rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-w-full:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.btn-w-full:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

@media (min-width: 640px){
  .btn-w-full{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* Bootstrap tab compatibility while tab markup is migrated off Bootstrap JS. */

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
  .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #666666;
  pointer-events: none;
  cursor: default;
}

.nav-link.\!disabled {
  color: #666666 !important;
  pointer-events: none !important;
  cursor: default !important;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tab-content > .\!active {
  display: block !important;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

.tab-pane.\!active {
  display: block !important;
}

.tab-pane.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .tab-pane.fade {
    transition: none;
  }
}

.tab-pane.fade:not(.show) {
  opacity: 0;
}

nav.nav a.active{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

nav.nav a.\!active{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

nav.nav a.active{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

nav.nav a.\!active{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

nav.nav a.active{
  font-weight: 700;
}

nav.nav a.\!active{
  font-weight: 700;
}

nav.nav a.active svg{
  fill: #3b82f6;
}

nav.nav a.\!active svg{
  fill: #3b82f6;
}

nav.nav a.active span{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

nav.nav a.\!active span{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

nav.nav a:not(.active){
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-weight: 500;
}

nav.nav a:not(.active) svg{
  fill: #858895;
}

nav.nav a:not(.active) span{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

nav.nav-primary a.active{
  border-color: var(--color-primary-500);
}

nav.nav-primary a.\!active{
  border-color: var(--color-primary-500);
}

nav.nav-primary a.active{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

nav.nav-primary a.\!active{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

nav.nav-primary a.active{
  font-weight: 700;
}

nav.nav-primary a.\!active{
  font-weight: 700;
}

nav.nav-primary a.active svg{
  fill: var(--color-primary-500);
}

nav.nav-primary a.\!active svg{
  fill: var(--color-primary-500);
}

nav.nav-primary a.active span{
  background-color: var(--color-primary-500);
}

nav.nav-primary a.\!active span{
  background-color: var(--color-primary-500);
}

nav.nav-primary a:not(.active){
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-weight: 500;
}

nav.nav-primary a:not(.active) svg{
  fill: #858895;
}

nav.nav-primary a:not(.active) span{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

/* @NOTE: these classes are for the collapse feature */

.collapse {
  visibility: visible !important;
  display: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.collapsing {
  height: auto;
  display: block;
}

.show {
  display: block;
}

.turbolinks-progress-bar{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.attachment--preview {
  margin: 0.6em 0;
  text-align: center;
  width: 100%;
}

.\!attachment {
  display: inline-block !important;
  position: relative !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.attachment--content[data-trix-attachment*="embeddable"] {
  width: 100%;
}

/* @NOTE: Improve styling for disabled state */

*:disabled{
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.5;
}

.front_office .trix-content a{
  color: var(--color-primary-600);
}

.front_office .trix-content a:hover{
  color: var(--color-primary-500);
}

.front_office .trix-content a:focus{
  --tw-ring-color: var(--color-primary-600);
}

.front_office .trix-content a{
  text-decoration-line: underline !important;
}

.front_office .trix-dialogs input.trix-input{
  display: block;
  width: 100%;
  border-radius: 0.45rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.front_office .trix-dialogs input.trix-input:focus{
  border-color: var(--color-primary-500);
  --tw-ring-color: var(--color-primary-500);
}

@media (min-width: 640px){
  .front_office .trix-dialogs input.trix-input{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.new_topic_post_body_container trix-toolbar{
  border-style: none;
  margin-left: -0.5rem;
}

.new_topic_post_body_container lexxy-editor.new_topic_post_body {
  --lexxy-editor-padding: 0;
  display: flex;
  flex-direction: column;
}

.new_topic_post_body_container
    lexxy-editor.community-comment-editor
    > .lexxy-editor__content {
  max-block-size: 300px;
  overflow-y: auto;
}

.new_topic_post_body_container
    lexxy-editor.new_topic_post_body
    > lexxy-toolbar {
  --lexxy-toolbar-icon-size: 1em;
  border-block-end: 0;
  order: 1;
  padding: 0;
}

.new_topic_post_body_container
    lexxy-editor.new_topic_post_body
    .lexxy-floating-controls {
  z-index: 20;
}

.new_topic_post_body_container trix-toolbar * {
  box-sizing: border-box;
}

.new_topic_post_body_container trix-toolbar .trix-dialog {
  border: none;
}

.new_topic_post_body_container trix-toolbar .trix-button {
  border-radius: 4px;
  margin-right: 2.5px;
}

.new_topic_post_body_container trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

.new_topic_post_body_container trix-toolbar .trix-button:hover {
  background-color: #f1f1f1;
}

.new_topic_post_body_container
    trix-toolbar
    .trix-button--icon.trix-active::before {
  background-color: #e6e5e5;
  border-radius: 4px;
}

trix-toolbar .trix-button-row .trix-button-group{
  gap: 0.125rem;
  border-width: 0px;
  background-color: transparent;
}

trix-toolbar .trix-button-row .trix-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  border-width: 1px;
  border-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  float: none;
  margin-right: 0;
}

trix-toolbar .trix-button-row .trix-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

trix-toolbar .trix-button-row .trix-button.trix-active{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

trix-toolbar .trix-button--icon {
  width: 1.625rem !important;
  height: 1.625rem !important;
  min-width: 1.625rem !important;
  max-width: none !important;
  text-indent: -9999px !important;
  overflow: hidden;
}

@media (min-width: 640px) {
  trix-toolbar .trix-button--icon {
    width: 1.625rem !important;
    height: 1.625rem !important;
    min-width: 1.625rem !important;
  }
}

trix-toolbar .trix-button--icon::before {
  opacity: 1 !important;
  background-size: 12px 12px !important;
}

@media (min-width: 640px) {
  trix-toolbar .trix-button--icon::before {
    background-size: 14px 14px !important;
  }
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.35 !important;
}

trix-toolbar .trix-button--icon-embed-video::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><g fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' stroke='%234B5563'><path d='M10.798,8.47l-2.375-1.386c-.409-.239-.922,.056-.922,.53v2.771c0,.473,.514,.768,.922,.53l2.375-1.386c.406-.237,.406-.823,0-1.06Z' fill='%234B5563' data-stroke='none' stroke='none'></path><rect x='1.75' y='2.75' width='14.5' height='12.5' rx='2' ry='2' transform='translate(18 18) rotate(180)'></rect><line x1='1.75' y1='5.75' x2='16.25' y2='5.75'></line><line x1='1.75' y1='12.25' x2='16.25' y2='12.25'></line><line x1='9' y1='2.75' x2='9' y2='5.75'></line><line x1='9' y1='12.25' x2='9' y2='15.25'></line><line x1='5.25' y1='2.75' x2='5.25' y2='5.75'></line><line x1='12.75' y1='2.75' x2='12.75' y2='5.75'></line><line x1='5.25' y1='12.25' x2='5.25' y2='15.25'></line><line x1='12.75' y1='12.25' x2='12.75' y2='15.25'></line></g></svg>") !important;
}

trix-toolbar .trix-button--icon-audio-record::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><g fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' stroke='%234B5563'><rect x='5.75' y='1.75' width='6.5' height='9.5' rx='3.25' ry='3.25'></rect><path d='M15.25,8c0,3.452-2.798,6.25-6.25,6.25h0c-3.452,0-6.25-2.798-6.25-6.25'></path><line x1='9' y1='14.25' x2='9' y2='16.25'></line></g></svg>") !important;
}

trix-toolbar .trix-button--icon-latex-block::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><g fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' stroke='%234B5563'><path d='M10.667 9.75C13.417 9.75 12.867 15.25 15.617 15.25'></path><path d='M16.167 9.75C13.417 9.75 12.867 15.25 9.567 15.25'></path><path d='M16.25 2.75H10.5L5.75 15.25L3.683 10.75H1.75'></path></g></svg>") !important;
}

div .\!flex button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

div .flex button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

div .\!flex button.product-preview-button-active{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

div .flex button.product-preview-button-active{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

div .\!flex button.product-preview-button-active{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .flex button.product-preview-button-active{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .\!flex button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

div .flex button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

div .\!flex button.product-preview-button-active:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .flex button.product-preview-button-active:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .\!flex button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

div .flex button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

div .\!flex button.product-preview-button-active:focus{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .flex button.product-preview-button-active:focus{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .\!flex button.product-preview-button-active:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

div .flex button.product-preview-button-active:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

.h-100px {
  height: 100px;
}

select[data-controller="selectize"]{
  display: none;
}

select[data-controller~="select"]:not(.ts-hidden-accessible) {
  min-height: 40px !important;
  height: 40px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Custom search input clear button styling */

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='%236b7280'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
}

input[type="search"]::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='%23374151'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.\!visible{
  visibility: visible !important;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.inset-1{
  inset: 0.25rem;
}

.inset-2{
  inset: 0.5rem;
}

.-inset-y-16{
  top: -4rem;
  bottom: -4rem;
}

.inset-x-0{
  left: 0px;
  right: 0px;
}

.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.inset-y-2{
  top: 0.5rem;
  bottom: 0.5rem;
}

.\!left-\[2px\]{
  left: 2px !important;
}

.-bottom-1{
  bottom: -0.25rem;
}

.-bottom-\[2px\]{
  bottom: -2px;
}

.-bottom-\[3px\]{
  bottom: -3px;
}

.-bottom-\[8px\]{
  bottom: -8px;
}

.-left-1\.5{
  left: -0.375rem;
}

.-left-10{
  left: -2.5rem;
}

.-left-\[16px\]{
  left: -16px;
}

.-left-\[23\.5px\]{
  left: -23.5px;
}

.-left-\[3px\]{
  left: -3px;
}

.-left-px{
  left: -1px;
}

.-right-0\.5{
  right: -0.125rem;
}

.-right-1{
  right: -0.25rem;
}

.-right-20{
  right: -5rem;
}

.-right-\[3px\]{
  right: -3px;
}

.-right-px{
  right: -1px;
}

.-top-0\.5{
  top: -0.125rem;
}

.-top-1\.5{
  top: -0.375rem;
}

.-top-12{
  top: -3rem;
}

.-top-16{
  top: -4rem;
}

.-top-2{
  top: -0.5rem;
}

.-top-6{
  top: -1.5rem;
}

.bottom-0{
  bottom: 0px;
}

.bottom-0\.5{
  bottom: 0.125rem;
}

.bottom-16{
  bottom: 4rem;
}

.bottom-2{
  bottom: 0.5rem;
}

.bottom-20{
  bottom: 5rem;
}

.bottom-24{
  bottom: 6rem;
}

.bottom-3\.5{
  bottom: 0.875rem;
}

.bottom-5{
  bottom: 1.25rem;
}

.bottom-6{
  bottom: 1.5rem;
}

.bottom-auto{
  bottom: auto;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-2{
  left: 0.5rem;
}

.left-2\.5{
  left: 0.625rem;
}

.left-3{
  left: 0.75rem;
}

.left-4{
  left: 1rem;
}

.left-5{
  left: 1.25rem;
}

.left-6{
  left: 1.5rem;
}

.left-\[12px\]{
  left: 12px;
}

.left-\[16px\]{
  left: 16px;
}

.left-full{
  left: 100%;
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-12{
  right: 3rem;
}

.right-2{
  right: 0.5rem;
}

.right-3{
  right: 0.75rem;
}

.right-3\.5{
  right: 0.875rem;
}

.right-4{
  right: 1rem;
}

.right-5{
  right: 1.25rem;
}

.right-8{
  right: 2rem;
}

.right-full{
  right: 100%;
}

.top-0{
  top: 0px;
}

.top-1\/2{
  top: 50%;
}

.top-10{
  top: 2.5rem;
}

.top-16{
  top: 4rem;
}

.top-2{
  top: 0.5rem;
}

.top-2\.5{
  top: 0.625rem;
}

.top-3{
  top: 0.75rem;
}

.top-32{
  top: 8rem;
}

.top-4{
  top: 1rem;
}

.top-48{
  top: 12rem;
}

.top-5{
  top: 1.25rem;
}

.top-6{
  top: 1.5rem;
}

.top-7{
  top: 1.75rem;
}

.top-8{
  top: 2rem;
}

.top-9{
  top: 2.25rem;
}

.top-\[120\%\]{
  top: 120%;
}

.top-\[12px\]{
  top: 12px;
}

.top-\[2\.8rem\]{
  top: 2.8rem;
}

.top-\[5\.125rem\]{
  top: 5.125rem;
}

.top-full{
  top: 100%;
}

.isolate{
  isolation: isolate;
}

.-z-10{
  z-index: -10;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.z-\[1000\]{
  z-index: 1000;
}

.z-\[100\]{
  z-index: 100;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[2\]{
  z-index: 2;
}

.z-\[3\]{
  z-index: 3;
}

.z-\[4\]{
  z-index: 4;
}

.z-\[55\]{
  z-index: 55;
}

.z-\[5\]{
  z-index: 5;
}

.z-\[60\]{
  z-index: 60;
}

.z-\[70\]{
  z-index: 70;
}

.z-\[80\]{
  z-index: 80;
}

.z-\[90\]{
  z-index: 90;
}

.z-\[9999\]{
  z-index: 9999;
}

.order-1{
  order: 1;
}

.order-10{
  order: 10;
}

.order-11{
  order: 11;
}

.order-12{
  order: 12;
}

.order-2{
  order: 2;
}

.order-3{
  order: 3;
}

.order-4{
  order: 4;
}

.order-5{
  order: 5;
}

.order-6{
  order: 6;
}

.order-7{
  order: 7;
}

.order-8{
  order: 8;
}

.order-9{
  order: 9;
}

.order-first{
  order: -9999;
}

.order-last{
  order: 9999;
}

.col-auto{
  grid-column: auto;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-span-4{
  grid-column: span 4 / span 4;
}

.col-span-5{
  grid-column: span 5 / span 5;
}

.col-span-6{
  grid-column: span 6 / span 6;
}

.col-span-7{
  grid-column: span 7 / span 7;
}

.col-span-full{
  grid-column: 1 / -1;
}

.row-start-2{
  grid-row-start: 2;
}

.float-right{
  float: right;
}

.float-left{
  float: left;
}

.float-none{
  float: none;
}

.\!m-0{
  margin: 0px !important;
}

.-m-0\.5{
  margin: -0.125rem;
}

.m-0{
  margin: 0px;
}

.m-0\.5{
  margin: 0.125rem;
}

.m-1{
  margin: 0.25rem;
}

.m-10{
  margin: 2.5rem;
}

.m-11{
  margin: 2.75rem;
}

.m-12{
  margin: 3rem;
}

.m-14{
  margin: 3.5rem;
}

.m-2{
  margin: 0.5rem;
}

.m-3{
  margin: 0.75rem;
}

.m-4{
  margin: 1rem;
}

.m-5{
  margin: 1.25rem;
}

.m-6{
  margin: 1.5rem;
}

.m-7{
  margin: 1.75rem;
}

.m-8{
  margin: 2rem;
}

.m-9{
  margin: 2.25rem;
}

.m-auto{
  margin: auto;
}

.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.\!my-0\.5{
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
}

.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-3{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-mx-8{
  margin-left: -2rem;
  margin-right: -2rem;
}

.-mx-px{
  margin-left: -1px;
  margin-right: -1px;
}

.-my-1\.5{
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}

.-my-2{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.-my-px{
  margin-top: -1px;
  margin-bottom: -1px;
}

.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}

.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-11{
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-14{
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-7{
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-9{
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-11{
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-14{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-9{
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.\!-ml-0\.5{
  margin-left: -0.125rem !important;
}

.\!mb-24{
  margin-bottom: 6rem !important;
}

.\!mb-6{
  margin-bottom: 1.5rem !important;
}

.\!mb-\[3px\]{
  margin-bottom: 3px !important;
}

.\!ml-0\.5{
  margin-left: 0.125rem !important;
}

.\!mr-0{
  margin-right: 0px !important;
}

.\!mt-1\.5{
  margin-top: 0.375rem !important;
}

.\!mt-12{
  margin-top: 3rem !important;
}

.\!mt-2{
  margin-top: 0.5rem !important;
}

.\!mt-4{
  margin-top: 1rem !important;
}

.\!mt-5{
  margin-top: 1.25rem !important;
}

.-mb-0\.5{
  margin-bottom: -0.125rem;
}

.-mb-5{
  margin-bottom: -1.25rem;
}

.-mb-8{
  margin-bottom: -2rem;
}

.-mb-px{
  margin-bottom: -1px;
}

.-ml-0\.5{
  margin-left: -0.125rem;
}

.-ml-1{
  margin-left: -0.25rem;
}

.-ml-2{
  margin-left: -0.5rem;
}

.-ml-4{
  margin-left: -1rem;
}

.-ml-\[18px\]{
  margin-left: -18px;
}

.-ml-px{
  margin-left: -1px;
}

.-mr-0\.5{
  margin-right: -0.125rem;
}

.-mr-2{
  margin-right: -0.5rem;
}

.-mt-0\.5{
  margin-top: -0.125rem;
}

.-mt-10{
  margin-top: -2.5rem;
}

.-mt-12{
  margin-top: -3rem;
}

.-mt-16{
  margin-top: -4rem;
}

.-mt-2{
  margin-top: -0.5rem;
}

.-mt-3{
  margin-top: -0.75rem;
}

.-mt-4{
  margin-top: -1rem;
}

.-mt-5{
  margin-top: -1.25rem;
}

.-mt-7{
  margin-top: -1.75rem;
}

.-mt-8{
  margin-top: -2rem;
}

.-mt-\[3\.25rem\]{
  margin-top: -3.25rem;
}

.-mt-\[3\.5rem\]{
  margin-top: -3.5rem;
}

.-mt-px{
  margin-top: -1px;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-1\.5{
  margin-bottom: 0.375rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

.mb-\[0\.125em\]{
  margin-bottom: 0.125em;
}

.mb-auto{
  margin-bottom: auto;
}

.me-1\.5{
  margin-inline-end: 0.375rem;
}

.ml-0{
  margin-left: 0px;
}

.ml-0\.5{
  margin-left: 0.125rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-1\.5{
  margin-left: 0.375rem;
}

.ml-16{
  margin-left: 4rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-2\.5{
  margin-left: 0.625rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-7{
  margin-left: 1.75rem;
}

.ml-8{
  margin-left: 2rem;
}

.ml-\[18px\]{
  margin-left: 18px;
}

.ml-auto{
  margin-left: auto;
}

.mr-0{
  margin-right: 0px;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mr-8{
  margin-right: 2rem;
}

.mr-\[18px\]{
  margin-right: 18px;
}

.mr-\[5px\]{
  margin-right: 5px;
}

.mr-auto{
  margin-right: auto;
}

.mt-0{
  margin-top: 0px;
}

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-1\.5{
  margin-top: 0.375rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-2\.5{
  margin-top: 0.625rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-auto{
  margin-top: auto;
}

.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.table-cell{
  display: table-cell;
}

.table-footer-group{
  display: table-footer-group;
}

.table-header-group{
  display: table-header-group;
}

.table-row-group{
  display: table-row-group;
}

.table-row{
  display: table-row;
}

.flow-root{
  display: flow-root;
}

.\!grid{
  display: grid !important;
}

.grid{
  display: grid;
}

.inline-grid{
  display: inline-grid;
}

.\!contents{
  display: contents !important;
}

.contents{
  display: contents;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.\!size-3{
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.size-0\.5{
  width: 0.125rem;
  height: 0.125rem;
}

.size-10{
  width: 2.5rem;
  height: 2.5rem;
}

.size-12{
  width: 3rem;
  height: 3rem;
}

.size-16{
  width: 4rem;
  height: 4rem;
}

.size-2{
  width: 0.5rem;
  height: 0.5rem;
}

.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}

.size-20{
  width: 5rem;
  height: 5rem;
}

.size-24{
  width: 6rem;
  height: 6rem;
}

.size-3{
  width: 0.75rem;
  height: 0.75rem;
}

.size-3\.5{
  width: 0.875rem;
  height: 0.875rem;
}

.size-32{
  width: 8rem;
  height: 8rem;
}

.size-4{
  width: 1rem;
  height: 1rem;
}

.size-48{
  width: 12rem;
  height: 12rem;
}

.size-5{
  width: 1.25rem;
  height: 1.25rem;
}

.size-6{
  width: 1.5rem;
  height: 1.5rem;
}

.size-7{
  width: 1.75rem;
  height: 1.75rem;
}

.size-8{
  width: 2rem;
  height: 2rem;
}

.size-9{
  width: 2.25rem;
  height: 2.25rem;
}

.size-\[13px\]{
  width: 13px;
  height: 13px;
}

.size-\[18px\]{
  width: 18px;
  height: 18px;
}

.size-\[22px\]{
  width: 22px;
  height: 22px;
}

.size-\[6px\]{
  width: 6px;
  height: 6px;
}

.size-\[7px\]{
  width: 7px;
  height: 7px;
}

.size-full{
  width: 100%;
  height: 100%;
}

.size-px{
  width: 1px;
  height: 1px;
}

.\!h-\[40px\]{
  height: 40px !important;
}

.h-0{
  height: 0px;
}

.h-0\.5{
  height: 0.125rem;
}

.h-1{
  height: 0.25rem;
}

.h-1\.5{
  height: 0.375rem;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-2\.5{
  height: 0.625rem;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-3{
  height: 0.75rem;
}

.h-3\.5{
  height: 0.875rem;
}

.h-32{
  height: 8rem;
}

.h-4{
  height: 1rem;
}

.h-40{
  height: 10rem;
}

.h-44{
  height: 11rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-96{
  height: 24rem;
}

.h-\[105px\]{
  height: 105px;
}

.h-\[10px\]{
  height: 10px;
}

.h-\[150px\]{
  height: 150px;
}

.h-\[15px\]{
  height: 15px;
}

.h-\[16\%\]{
  height: 16%;
}

.h-\[16px\]{
  height: 16px;
}

.h-\[1728px\]{
  height: 1728px;
}

.h-\[18px\]{
  height: 18px;
}

.h-\[2\.375rem\]{
  height: 2.375rem;
}

.h-\[20px\]{
  height: 20px;
}

.h-\[22px\]{
  height: 22px;
}

.h-\[26px\]{
  height: 26px;
}

.h-\[28px\]{
  height: 28px;
}

.h-\[2px\]{
  height: 2px;
}

.h-\[30px\]{
  height: 30px;
}

.h-\[32px\]{
  height: 32px;
}

.h-\[34px\]{
  height: 34px;
}

.h-\[358px\]{
  height: 358px;
}

.h-\[38px\]{
  height: 38px;
}

.h-\[400px\]{
  height: 400px;
}

.h-\[406px\]{
  height: 406px;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[4px\]{
  height: 4px;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[6rem\]{
  height: 6rem;
}

.h-\[72vh\]{
  height: 72vh;
}

.h-\[90\%\]{
  height: 90%;
}

.h-auto{
  height: auto;
}

.h-dvh{
  height: 100dvh;
}

.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}

.h-full{
  height: 100%;
}

.h-max{
  height: -moz-max-content;
  height: max-content;
}

.h-screen{
  height: 100vh;
}

.max-h-20{
  max-height: 5rem;
}

.max-h-32{
  max-height: 8rem;
}

.max-h-48{
  max-height: 12rem;
}

.max-h-56{
  max-height: 14rem;
}

.max-h-72{
  max-height: 18rem;
}

.max-h-96{
  max-height: 24rem;
}

.max-h-\[200px\]{
  max-height: 200px;
}

.max-h-\[250px\]{
  max-height: 250px;
}

.max-h-\[305px\]{
  max-height: 305px;
}

.max-h-\[30rem\]{
  max-height: 30rem;
}

.max-h-\[400px\]{
  max-height: 400px;
}

.max-h-\[40px\]{
  max-height: 40px;
}

.max-h-\[500px\]{
  max-height: 500px;
}

.max-h-\[640px\]{
  max-height: 640px;
}

.max-h-\[70vh\]{
  max-height: 70vh;
}

.max-h-\[75vh\]{
  max-height: 75vh;
}

.max-h-\[80vh\]{
  max-height: 80vh;
}

.max-h-\[90vh\]{
  max-height: 90vh;
}

.max-h-\[95vh\]{
  max-height: 95vh;
}

.max-h-\[calc\(100vh-178px\)\]{
  max-height: calc(100vh - 178px);
}

.max-h-\[calc\(100vh-215px\)\]{
  max-height: calc(100vh - 215px);
}

.max-h-\[calc\(100vh-2rem\)\]{
  max-height: calc(100vh - 2rem);
}

.max-h-\[calc\(100vh-45px\)\]{
  max-height: calc(100vh - 45px);
}

.max-h-\[calc\(100vh-64px\)\]{
  max-height: calc(100vh - 64px);
}

.max-h-\[calc\(100vh-82px\)\]{
  max-height: calc(100vh - 82px);
}

.max-h-\[min\(32rem\2c calc\(100vh-10rem\)\)\]{
  max-height: min(32rem,calc(100vh - 10rem));
}

.max-h-full{
  max-height: 100%;
}

.max-h-none{
  max-height: none;
}

.max-h-screen{
  max-height: 100vh;
}

.min-h-0{
  min-height: 0px;
}

.min-h-12{
  min-height: 3rem;
}

.min-h-16{
  min-height: 4rem;
}

.min-h-24{
  min-height: 6rem;
}

.min-h-28{
  min-height: 7rem;
}

.min-h-5{
  min-height: 1.25rem;
}

.min-h-52{
  min-height: 13rem;
}

.min-h-6{
  min-height: 1.5rem;
}

.min-h-7{
  min-height: 1.75rem;
}

.min-h-96{
  min-height: 24rem;
}

.min-h-\[100px\]{
  min-height: 100px;
}

.min-h-\[120px\]{
  min-height: 120px;
}

.min-h-\[160px\]{
  min-height: 160px;
}

.min-h-\[24px\]{
  min-height: 24px;
}

.min-h-\[3\.75rem\]{
  min-height: 3.75rem;
}

.min-h-\[30px\]{
  min-height: 30px;
}

.min-h-\[32px\]{
  min-height: 32px;
}

.min-h-\[34rem\]{
  min-height: 34rem;
}

.min-h-\[38px\]{
  min-height: 38px;
}

.min-h-\[40px\]{
  min-height: 40px;
}

.min-h-\[48px\]{
  min-height: 48px;
}

.min-h-\[50px\]{
  min-height: 50px;
}

.min-h-\[50vh\]{
  min-height: 50vh;
}

.min-h-\[52px\]{
  min-height: 52px;
}

.min-h-\[56px\]{
  min-height: 56px;
}

.min-h-\[5rem\]{
  min-height: 5rem;
}

.min-h-\[64px\]{
  min-height: 64px;
}

.min-h-\[72px\]{
  min-height: 72px;
}

.min-h-\[84px\]{
  min-height: 84px;
}

.min-h-\[88px\]{
  min-height: 88px;
}

.min-h-\[8px\]{
  min-height: 8px;
}

.min-h-\[calc\(100vh-200px\)\]{
  min-height: calc(100vh - 200px);
}

.min-h-\[calc\(100vh-235px\)\]{
  min-height: calc(100vh - 235px);
}

.min-h-\[calc\(100vh-6\.75rem\)\]{
  min-height: calc(100vh - 6.75rem);
}

.min-h-\[calc\(100vh-9\.125rem\)\]{
  min-height: calc(100vh - 9.125rem);
}

.min-h-full{
  min-height: 100%;
}

.min-h-screen{
  min-height: 100vh;
}

.\!w-52{
  width: 13rem !important;
}

.\!w-\[calc\(100\%-4px\)\]{
  width: calc(100% - 4px) !important;
}

.\!w-full{
  width: 100% !important;
}

.w-0{
  width: 0px;
}

.w-0\.5{
  width: 0.125rem;
}

.w-1{
  width: 0.25rem;
}

.w-1\.5{
  width: 0.375rem;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-10{
  width: 2.5rem;
}

.w-11{
  width: 2.75rem;
}

.w-11\/12{
  width: 91.666667%;
}

.w-12{
  width: 3rem;
}

.w-14{
  width: 3.5rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\.5{
  width: 0.625rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-28{
  width: 7rem;
}

.w-3{
  width: 0.75rem;
}

.w-3\.5{
  width: 0.875rem;
}

.w-3\/4{
  width: 75%;
}

.w-32{
  width: 8rem;
}

.w-36{
  width: 9rem;
}

.w-4{
  width: 1rem;
}

.w-4\/5{
  width: 80%;
}

.w-40{
  width: 10rem;
}

.w-44{
  width: 11rem;
}

.w-48{
  width: 12rem;
}

.w-5{
  width: 1.25rem;
}

.w-5\/6{
  width: 83.333333%;
}

.w-52{
  width: 13rem;
}

.w-56{
  width: 14rem;
}

.w-6{
  width: 1.5rem;
}

.w-60{
  width: 15rem;
}

.w-64{
  width: 16rem;
}

.w-7{
  width: 1.75rem;
}

.w-7\/12{
  width: 58.333333%;
}

.w-72{
  width: 18rem;
}

.w-8{
  width: 2rem;
}

.w-8\/12{
  width: 66.666667%;
}

.w-80{
  width: 20rem;
}

.w-9{
  width: 2.25rem;
}

.w-96{
  width: 24rem;
}

.w-\[105px\]{
  width: 105px;
}

.w-\[10px\]{
  width: 10px;
}

.w-\[110px\]{
  width: 110px;
}

.w-\[120px\]{
  width: 120px;
}

.w-\[18px\]{
  width: 18px;
}

.w-\[1px\]{
  width: 1px;
}

.w-\[2\.375rem\]{
  width: 2.375rem;
}

.w-\[200px\]{
  width: 200px;
}

.w-\[20px\]{
  width: 20px;
}

.w-\[22px\]{
  width: 22px;
}

.w-\[30px\]{
  width: 30px;
}

.w-\[320px\]{
  width: 320px;
}

.w-\[32px\]{
  width: 32px;
}

.w-\[34px\]{
  width: 34px;
}

.w-\[36px\]{
  width: 36px;
}

.w-\[38px\]{
  width: 38px;
}

.w-\[400px\]{
  width: 400px;
}

.w-\[500px\]{
  width: 500px;
}

.w-\[50px\]{
  width: 50px;
}

.w-\[60px\]{
  width: 60px;
}

.w-\[6rem\]{
  width: 6rem;
}

.w-\[70px\]{
  width: 70px;
}

.w-\[90\%\]{
  width: 90%;
}

.w-\[min\(34rem\2c calc\(100vw-2rem\)\)\]{
  width: min(34rem,calc(100vw - 2rem));
}

.w-\[min\(42rem\2c calc\(100vw-2rem\)\)\]{
  width: min(42rem,calc(100vw - 2rem));
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.w-px{
  width: 1px;
}

.w-screen{
  width: 100vw;
}

.min-w-0{
  min-width: 0px;
}

.min-w-16{
  min-width: 4rem;
}

.min-w-4{
  min-width: 1rem;
}

.min-w-40{
  min-width: 10rem;
}

.min-w-6{
  min-width: 1.5rem;
}

.min-w-64{
  min-width: 16rem;
}

.min-w-\[0\.5rem\]{
  min-width: 0.5rem;
}

.min-w-\[1\.25rem\]{
  min-width: 1.25rem;
}

.min-w-\[1\.75rem\]{
  min-width: 1.75rem;
}

.min-w-\[1080px\]{
  min-width: 1080px;
}

.min-w-\[12rem\]{
  min-width: 12rem;
}

.min-w-\[130px\]{
  min-width: 130px;
}

.min-w-\[14rem\]{
  min-width: 14rem;
}

.min-w-\[200px\]{
  min-width: 200px;
}

.min-w-\[210px\]{
  min-width: 210px;
}

.min-w-\[220px\]{
  min-width: 220px;
}

.min-w-\[240px\]{
  min-width: 240px;
}

.min-w-\[280px\]{
  min-width: 280px;
}

.min-w-\[30px\]{
  min-width: 30px;
}

.min-w-\[320px\]{
  min-width: 320px;
}

.min-w-\[35px\]{
  min-width: 35px;
}

.min-w-\[4rem\]{
  min-width: 4rem;
}

.min-w-\[50px\]{
  min-width: 50px;
}

.min-w-\[6rem\]{
  min-width: 6rem;
}

.min-w-\[70px\]{
  min-width: 70px;
}

.min-w-\[780px\]{
  min-width: 780px;
}

.min-w-\[920px\]{
  min-width: 920px;
}

.min-w-\[980px\]{
  min-width: 980px;
}

.min-w-fit{
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.min-w-full{
  min-width: 100%;
}

.\!max-w-xl{
  max-width: 36rem !important;
}

.\!max-w-xs{
  max-width: 20rem !important;
}

.max-w-12{
  max-width: 3rem;
}

.max-w-20{
  max-width: 5rem;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-32{
  max-width: 8rem;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-4xl{
  max-width: 56rem;
}

.max-w-5xl{
  max-width: 64rem;
}

.max-w-6xl{
  max-width: 72rem;
}

.max-w-7xl{
  max-width: 80rem;
}

.max-w-\[100px\]{
  max-width: 100px;
}

.max-w-\[100rem\]{
  max-width: 100rem;
}

.max-w-\[11rem\]{
  max-width: 11rem;
}

.max-w-\[120px\]{
  max-width: 120px;
}

.max-w-\[12rem\]{
  max-width: 12rem;
}

.max-w-\[13rem\]{
  max-width: 13rem;
}

.max-w-\[150px\]{
  max-width: 150px;
}

.max-w-\[180px\]{
  max-width: 180px;
}

.max-w-\[18rem\]{
  max-width: 18rem;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[250px\]{
  max-width: 250px;
}

.max-w-\[260px\]{
  max-width: 260px;
}

.max-w-\[270px\]{
  max-width: 270px;
}

.max-w-\[280px\]{
  max-width: 280px;
}

.max-w-\[353\.86px\]{
  max-width: 353.86px;
}

.max-w-\[36px\]{
  max-width: 36px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[44rem\]{
  max-width: 44rem;
}

.max-w-\[45vw\]{
  max-width: 45vw;
}

.max-w-\[500px\]{
  max-width: 500px;
}

.max-w-\[50rem\]{
  max-width: 50rem;
}

.max-w-\[55\%\]{
  max-width: 55%;
}

.max-w-\[60vw\]{
  max-width: 60vw;
}

.max-w-\[660px\]{
  max-width: 660px;
}

.max-w-\[680px\]{
  max-width: 680px;
}

.max-w-\[6rem\]{
  max-width: 6rem;
}

.max-w-\[700px\]{
  max-width: 700px;
}

.max-w-\[75\%\]{
  max-width: 75%;
}

.max-w-\[85\%\]{
  max-width: 85%;
}

.max-w-\[calc\(100\%-36px\)\]{
  max-width: calc(100% - 36px);
}

.max-w-\[calc\(100vw-1\.5rem\)\]{
  max-width: calc(100vw - 1.5rem);
}

.max-w-\[calc\(100vw-1rem\)\]{
  max-width: calc(100vw - 1rem);
}

.max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}

.max-w-fit{
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full{
  max-width: 100%;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-none{
  max-width: none;
}

.max-w-prose{
  max-width: 65ch;
}

.max-w-sm{
  max-width: 24rem;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-xs{
  max-width: 20rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-none{
  flex: none;
}

.flex-shrink{
  flex-shrink: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.shrink{
  flex-shrink: 1;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.flex-grow-0{
  flex-grow: 0;
}

.grow{
  flex-grow: 1;
}

.grow-0{
  flex-grow: 0;
}

.basis-full{
  flex-basis: 100%;
}

.border-collapse{
  border-collapse: collapse;
}

.border-separate{
  border-collapse: separate;
}

.origin-top{
  transform-origin: top;
}

.origin-top-left{
  transform-origin: top left;
}

.origin-top-right{
  transform-origin: top right;
}

.-translate-x-0{
  --tw-translate-x: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-96{
  --tw-translate-x: -24rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\.5{
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-5{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full{
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.985\]{
  --tw-scale-x: 0.985;
  --tw-scale-y: 0.985;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-bounce{
  animation: bounce 1s infinite;
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.animate-spin{
  animation: spin 1s linear infinite;
}

.cursor-default{
  cursor: default;
}

.cursor-grab{
  cursor: grab;
}

.cursor-grabbing{
  cursor: grabbing;
}

.cursor-help{
  cursor: help;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-text{
  cursor: text;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize-none{
  resize: none;
}

.resize-y{
  resize: vertical;
}

.resize{
  resize: both;
}

.scroll-mt-24{
  scroll-margin-top: 6rem;
}

.list-disc{
  list-style-type: disc;
}

.list-none{
  list-style-type: none;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-\[4\.5rem_1fr\]{
  grid-template-columns: 4.5rem 1fr;
}

.grid-cols-\[5rem_repeat\(7\2c minmax\(8rem\2c 1fr\)\)\]{
  grid-template-columns: 5rem repeat(7,minmax(8rem,1fr));
}

.grid-cols-\[minmax\(0\2c 1fr\)_112px\]{
  grid-template-columns: minmax(0,1fr) 112px;
}

.grid-cols-\[minmax\(0\2c 1fr\)_175px\]{
  grid-template-columns: minmax(0,1fr) 175px;
}

.grid-rows-\[auto_minmax\(0\2c 1fr\)\]{
  grid-template-rows: auto minmax(0,1fr);
}

.flex-row{
  flex-direction: row;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-wrap-reverse{
  flex-wrap: wrap-reverse;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.\!items-center{
  align-items: center !important;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.justify-stretch{
  justify-content: stretch;
}

.justify-items-center{
  justify-items: center;
}

.justify-items-stretch{
  justify-items: stretch;
}

.\!gap-1{
  gap: 0.25rem !important;
}

.gap-0\.5{
  gap: 0.125rem;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-2\.5{
  gap: 0.625rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-x-0\.5{
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}

.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-1\.5{
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-0\.5{
  row-gap: 0.125rem;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-6{
  row-gap: 1.5rem;
}

.gap-y-\[3px\]{
  row-gap: 3px;
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-px > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}

.-space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.\!divide-primary-400 > :not([hidden]) ~ :not([hidden]){
  border-color: var(--color-primary-400) !important;
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-divide-opacity));
}

.self-center{
  align-self: center;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.overscroll-contain{
  overscroll-behavior: contain;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis{
  text-overflow: ellipsis;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.text-clip{
  text-overflow: clip;
}

.whitespace-normal{
  white-space: normal;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.\!whitespace-pre-line{
  white-space: pre-line !important;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.text-wrap{
  text-wrap: wrap;
}

.text-nowrap{
  text-wrap: nowrap;
}

.text-pretty{
  text-wrap: pretty;
}

.break-normal{
  overflow-wrap: normal;
  word-break: normal;
}

.break-words{
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.\!rounded-lg{
  border-radius: 0.625rem !important;
}

.\!rounded-md{
  border-radius: 0.45rem !important;
}

.\!rounded-xl{
  border-radius: 0.75rem !important;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.625rem;
}

.rounded-md{
  border-radius: 0.45rem;
}

.rounded-none{
  border-radius: 0px;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.\!rounded-r-md{
  border-top-right-radius: 0.45rem !important;
  border-bottom-right-radius: 0.45rem !important;
}

.\!rounded-t-xl{
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}

.rounded-b-md{
  border-bottom-right-radius: 0.45rem;
  border-bottom-left-radius: 0.45rem;
}

.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-b-sm{
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-lg{
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}

.rounded-l-md{
  border-top-left-radius: 0.45rem;
  border-bottom-left-radius: 0.45rem;
}

.rounded-r-lg{
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}

.rounded-r-md{
  border-top-right-radius: 0.45rem;
  border-bottom-right-radius: 0.45rem;
}

.rounded-r-sm{
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-lg{
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}

.rounded-t-md{
  border-top-left-radius: 0.45rem;
  border-top-right-radius: 0.45rem;
}

.rounded-t-none{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded-t-sm{
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-lg{
  border-bottom-left-radius: 0.625rem;
}

.rounded-bl-md{
  border-bottom-left-radius: 0.45rem;
}

.rounded-br-lg{
  border-bottom-right-radius: 0.625rem;
}

.rounded-br-md{
  border-bottom-right-radius: 0.45rem;
}

.rounded-br-sm{
  border-bottom-right-radius: 0.125rem;
}

.rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}

.rounded-tr-lg{
  border-top-right-radius: 0.625rem;
}

.rounded-tr-sm{
  border-top-right-radius: 0.125rem;
}

.rounded-tr-xl{
  border-top-right-radius: 0.75rem;
}

.\!border-0{
  border-width: 0px !important;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-4{
  border-width: 4px;
}

.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-y-2{
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.\!border-b-0{
  border-bottom-width: 0px !important;
}

.\!border-t-0{
  border-top-width: 0px !important;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-0{
  border-left-width: 0px;
}

.border-l-4{
  border-left-width: 4px;
}

.border-r{
  border-right-width: 1px;
}

.border-r-0{
  border-right-width: 0px;
}

.border-t{
  border-top-width: 1px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-t-2{
  border-top-width: 2px;
}

.border-solid{
  border-style: solid;
}

.border-dashed{
  border-style: dashed;
}

.\!border-none{
  border-style: none !important;
}

.border-none{
  border-style: none;
}

.\!border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}

.\!border-gray-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}

.\!border-primary-500{
  border-color: var(--color-primary-500) !important;
}

.border-\[\#51C6A2\]\/50{
  border-color: rgb(81 198 162 / 0.5);
}

.border-\[\#51C7EE\]\/50{
  border-color: rgb(81 199 238 / 0.5);
}

.border-\[\#70C382\]{
  --tw-border-opacity: 1;
  border-color: rgb(112 195 130 / var(--tw-border-opacity));
}

.border-\[\#828FFF\]\/50{
  border-color: rgb(130 143 255 / 0.5);
}

.border-\[\#BE74F9\]\/50{
  border-color: rgb(190 116 249 / 0.5);
}

.border-\[\#CCCCCC\]{
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

.border-\[\#FF7B69\]\/50{
  border-color: rgb(255 123 105 / 0.5);
}

.border-\[\#FF965B\]\/50{
  border-color: rgb(255 150 91 / 0.5);
}

.border-\[\#e7e6e2\]{
  --tw-border-opacity: 1;
  border-color: rgb(231 230 226 / var(--tw-border-opacity));
}

.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.border-amber-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
}

.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}

.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}

.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-bronze-500{
  --tw-border-opacity: 1;
  border-color: rgb(153 122 71 / var(--tw-border-opacity));
}

.border-brown-500{
  --tw-border-opacity: 1;
  border-color: rgb(191 160 148 / var(--tw-border-opacity));
}

.border-cyan-500{
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity));
}

.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.border-emerald-600{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity));
}

.border-fuchsia-500{
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity));
}

.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-200\/70{
  border-color: rgb(229 231 235 / 0.7);
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-gray-50{
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
}

.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.border-gray-800{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.border-gray-900\/5{
  border-color: rgb(17 24 39 / 0.05);
}

.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}

.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-levelBorder-1{
  --tw-border-opacity: 1;
  border-color: rgb(228 215 145 / var(--tw-border-opacity));
}

.border-levelBorder-2{
  --tw-border-opacity: 1;
  border-color: rgb(208 208 208 / var(--tw-border-opacity));
}

.border-levelBorder-3{
  --tw-border-opacity: 1;
  border-color: rgb(195 190 187 / var(--tw-border-opacity));
}

.border-lime-500{
  --tw-border-opacity: 1;
  border-color: rgb(132 204 22 / var(--tw-border-opacity));
}

.border-moon-500{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-neutral-200\/80{
  border-color: rgb(229 229 229 / 0.8);
}

.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.border-neutral-400\/30{
  border-color: rgb(163 163 163 / 0.3);
}

.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
}

.border-pink-500{
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity));
}

.border-primary-100{
  border-color: var(--color-primary-100);
}

.border-primary-200{
  border-color: var(--color-primary-200);
}

.border-primary-300{
  border-color: var(--color-primary-300);
}

.border-primary-400{
  border-color: var(--color-primary-400);
}

.border-primary-500{
  border-color: var(--color-primary-500);
}

.border-primary-600{
  border-color: var(--color-primary-600);
}

.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity));
}

.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity));
}

.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}

.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-sky-500{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
}

.border-teal-500{
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity));
}

.border-transparent{
  border-color: transparent;
}

.border-violet-500{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/25{
  border-color: rgb(255 255 255 / 0.25);
}

.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}

.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.border-yellow-400{
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
}

.border-yellow-500{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-b-primary-500{
  border-bottom-color: var(--color-primary-500);
}

.border-l-transparent{
  border-left-color: transparent;
}

.border-r-gray-200{
  --tw-border-opacity: 1;
  border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-r-transparent{
  border-right-color: transparent;
}

.border-t-gray-700{
  --tw-border-opacity: 1;
  border-top-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.border-t-primary-500{
  border-top-color: var(--color-primary-500);
}

.border-t-primary-600{
  border-top-color: var(--color-primary-600);
}

.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-opacity-10{
  --tw-border-opacity: 0.1;
}

.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

.\!bg-primary-50{
  background-color: var(--color-primary-50) !important;
}

.\!bg-red-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important;
}

.\!bg-transparent{
  background-color: transparent !important;
}

.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-white\/70{
  background-color: rgb(255 255 255 / 0.7) !important;
}

.bg-\[\#121523\]{
  --tw-bg-opacity: 1;
  background-color: rgb(18 21 35 / var(--tw-bg-opacity));
}

.bg-\[\#450a0a60\]{
  background-color: #450a0a60;
}

.bg-\[\#D0D4DC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(208 212 220 / var(--tw-bg-opacity));
}

.bg-\[\#D1D5DC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 220 / var(--tw-bg-opacity));
}

.bg-\[\#D1D5DD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 221 / var(--tw-bg-opacity));
}

.bg-\[\#DCFAFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#DDE0FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(221 224 255 / var(--tw-bg-opacity));
}

.bg-\[\#E3FFF7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(227 255 247 / var(--tw-bg-opacity));
}

.bg-\[\#F3DFFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 223 255 / var(--tw-bg-opacity));
}

.bg-\[\#F9FAFB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-\[\#FCFDFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 253 255 / var(--tw-bg-opacity));
}

.bg-\[\#FFDDDD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 221 / var(--tw-bg-opacity));
}

.bg-\[\#FFEBDD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 221 / var(--tw-bg-opacity));
}

.bg-\[\#fafbfb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 251 / var(--tw-bg-opacity));
}

.bg-\[\#fff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}

.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}

.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/5{
  background-color: rgb(0 0 0 / 0.05);
}

.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-bronze-100{
  --tw-bg-opacity: 1;
  background-color: rgb(240 230 214 / var(--tw-bg-opacity));
}

.bg-bronze-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 239 / var(--tw-bg-opacity));
}

.bg-bronze-500{
  --tw-bg-opacity: 1;
  background-color: rgb(153 122 71 / var(--tw-bg-opacity));
}

.bg-bronze-600{
  --tw-bg-opacity: 1;
  background-color: rgb(128 105 57 / var(--tw-bg-opacity));
}

.bg-brown-100{
  --tw-bg-opacity: 1;
  background-color: rgb(242 232 229 / var(--tw-bg-opacity));
}

.bg-brown-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 248 246 / var(--tw-bg-opacity));
}

.bg-brown-500{
  --tw-bg-opacity: 1;
  background-color: rgb(191 160 148 / var(--tw-bg-opacity));
}

.bg-brown-600{
  --tw-bg-opacity: 1;
  background-color: rgb(161 128 114 / var(--tw-bg-opacity));
}

.bg-cyan-100{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.bg-cyan-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}

.bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}

.bg-cyan-600{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-fuchsia-100{
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255 / var(--tw-bg-opacity));
}

.bg-fuchsia-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity));
}

.bg-fuchsia-500{
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239 / var(--tw-bg-opacity));
}

.bg-fuchsia-600{
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211 / var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-100\/50{
  background-color: rgb(243 244 246 / 0.5);
}

.bg-gray-100\/60{
  background-color: rgb(243 244 246 / 0.6);
}

.bg-gray-100\/70{
  background-color: rgb(243 244 246 / 0.7);
}

.bg-gray-100\/75{
  background-color: rgb(243 244 246 / 0.75);
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-200\/50{
  background-color: rgb(229 231 235 / 0.5);
}

.bg-gray-200\/70{
  background-color: rgb(229 231 235 / 0.7);
}

.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-400\/70{
  background-color: rgb(156 163 175 / 0.7);
}

.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}

.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}

.bg-gray-50\/95{
  background-color: rgb(249 250 251 / 0.95);
}

.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-500\/75{
  background-color: rgb(107 114 128 / 0.75);
}

.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-600\/50{
  background-color: rgb(75 85 99 / 0.5);
}

.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-gray-950\/75{
  background-color: rgb(3 7 18 / 0.75);
}

.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-200{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}

.bg-green-300{
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}

.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}

.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-level-1{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 217 / var(--tw-bg-opacity));
}

.bg-level-2{
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}

.bg-level-3{
  --tw-bg-opacity: 1;
  background-color: rgb(224 214 209 / var(--tw-bg-opacity));
}

.bg-levelBadge-1{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-levelBadge-2{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-levelBadge-3{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}

.bg-levelBadge-4{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

.bg-levelBadge-5{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-levelBadge-6{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-levelBadge-7{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-levelBadge-8{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}

.bg-levelBadge-9{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.bg-lime-100{
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / var(--tw-bg-opacity));
}

.bg-lime-50{
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231 / var(--tw-bg-opacity));
}

.bg-lime-500{
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
}

.bg-lime-600{
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity));
}

.bg-moon-100{
  --tw-bg-opacity: 1;
  background-color: rgb(238 239 243 / var(--tw-bg-opacity));
}

.bg-moon-50{
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 245 / var(--tw-bg-opacity));
}

.bg-moon-500{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-moon-600{
  --tw-bg-opacity: 1;
  background-color: rgb(13 18 30 / var(--tw-bg-opacity));
}

.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-neutral-100\/90{
  background-color: rgb(245 245 245 / 0.9);
}

.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.bg-neutral-400{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-neutral-800{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-orange-500\/20{
  background-color: rgb(249 115 22 / 0.2);
}

.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}

.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}

.bg-pink-600{
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}

.bg-primary-100{
  background-color: var(--color-primary-100);
}

.bg-primary-200{
  background-color: var(--color-primary-200);
}

.bg-primary-400{
  background-color: var(--color-primary-400);
}

.bg-primary-50{
  background-color: var(--color-primary-50);
}

.bg-primary-500{
  background-color: var(--color-primary-500);
}

.bg-primary-600{
  background-color: var(--color-primary-600);
}

.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}

.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.bg-red-300{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}

.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.bg-red-50\/40{
  background-color: rgb(254 242 242 / 0.4);
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}

.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-sky-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-sky-600{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-teal-100{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}

.bg-teal-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
}

.bg-teal-500{
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-teal-600{
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}

.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}

.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/75{
  background-color: rgb(255 255 255 / 0.75);
}

.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}

.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}

.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}

.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}

.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-gray-100{
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200{
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-50{
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-700{
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-gray-400{
  --tw-gradient-to: rgb(156 163 175 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-gray-100{
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}

.to-gray-200{
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}

.to-gray-50{
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}

.to-gray-50\/80{
  --tw-gradient-to: rgb(249 250 251 / 0.8) var(--tw-gradient-to-position);
}

.to-gray-700{
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}

.to-green-600{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-center{
  background-position: center;
}

.bg-top{
  background-position: top;
}

.fill-\[\#51C7EE\]{
  fill: #51C7EE;
}

.fill-\[\#858895\]{
  fill: #858895;
}

.fill-\[\#DCFAFF\]{
  fill: #DCFAFF;
}

.fill-black{
  fill: #000;
}

.fill-current{
  fill: currentColor;
}

.fill-gray-100{
  fill: #f3f4f6;
}

.fill-gray-200{
  fill: #e5e7eb;
}

.fill-gray-400{
  fill: #9ca3af;
}

.fill-gray-50{
  fill: #f9fafb;
}

.fill-gray-500{
  fill: #6b7280;
}

.fill-gray-600{
  fill: #4b5563;
}

.fill-gray-700{
  fill: #374151;
}

.fill-primary-200{
  fill: var(--color-primary-200);
}

.fill-primary-300{
  fill: var(--color-primary-300);
}

.fill-primary-500{
  fill: var(--color-primary-500);
}

.fill-primary-600{
  fill: var(--color-primary-600);
}

.fill-red-500{
  fill: #ef4444;
}

.fill-transparent{
  fill: transparent;
}

.fill-white{
  fill: #fff;
}

.stroke-\[\#D1D5DC\]{
  stroke: #D1D5DC;
}

.stroke-gray-100{
  stroke: #f3f4f6;
}

.stroke-gray-300{
  stroke: #d1d5db;
}

.stroke-gray-50{
  stroke: #f9fafb;
}

.stroke-primary-500{
  stroke: var(--color-primary-500);
}

.stroke-red-500{
  stroke: #ef4444;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.\!p-0{
  padding: 0px !important;
}

.\!p-1{
  padding: 0.25rem !important;
}

.\!p-4{
  padding: 1rem !important;
}

.p-0{
  padding: 0px;
}

.p-0\.5{
  padding: 0.125rem;
}

.p-1{
  padding: 0.25rem;
}

.p-1\.5{
  padding: 0.375rem;
}

.p-10{
  padding: 2.5rem;
}

.p-11{
  padding: 2.75rem;
}

.p-12{
  padding: 3rem;
}

.p-14{
  padding: 3.5rem;
}

.p-2{
  padding: 0.5rem;
}

.p-2\.5{
  padding: 0.625rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-7{
  padding: 1.75rem;
}

.p-8{
  padding: 2rem;
}

.p-9{
  padding: 2.25rem;
}

.p-\[0\.095rem\]{
  padding: 0.095rem;
}

.p-\[3px\]{
  padding: 3px;
}

.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-1\.5{
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}

.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-2\.5{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.\!px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.\!px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.\!px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!py-1\.5{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.\!py-2\.5{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\!py-\[0\.125rem\]{
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.\!py-\[0\.175rem\]{
  padding-top: 0.175rem !important;
  padding-bottom: 0.175rem !important;
}

.\!py-\[5px\]{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-11{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-\[0\.315rem\]{
  padding-top: 0.315rem;
  padding-bottom: 0.315rem;
}

.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}

.\!pb-0{
  padding-bottom: 0px !important;
}

.\!pb-12{
  padding-bottom: 3rem !important;
}

.\!pb-6{
  padding-bottom: 1.5rem !important;
}

.\!pb-\[4px\]{
  padding-bottom: 4px !important;
}

.\!pl-8{
  padding-left: 2rem !important;
}

.\!pr-0{
  padding-right: 0px !important;
}

.\!pr-3{
  padding-right: 0.75rem !important;
}

.\!pr-8{
  padding-right: 2rem !important;
}

.\!pt-6{
  padding-top: 1.5rem !important;
}

.\!pt-\[7px\]{
  padding-top: 7px !important;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-0\.5{
  padding-bottom: 0.125rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-1\.5{
  padding-bottom: 0.375rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-32{
  padding-bottom: 8rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-\[150px\]{
  padding-bottom: 150px;
}

.pe-4{
  padding-inline-end: 1rem;
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-1\.5{
  padding-left: 0.375rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pl-12{
  padding-left: 3rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pl-8{
  padding-left: 2rem;
}

.pl-9{
  padding-left: 2.25rem;
}

.pr-0{
  padding-right: 0px;
}

.pr-0\.5{
  padding-right: 0.125rem;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-1\.5{
  padding-right: 0.375rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pr-14{
  padding-right: 3.5rem;
}

.pr-16{
  padding-right: 4rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pr-7{
  padding-right: 1.75rem;
}

.pr-8{
  padding-right: 2rem;
}

.pr-9{
  padding-right: 2.25rem;
}

.pt-0\.5{
  padding-top: 0.125rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-1\.5{
  padding-top: 0.375rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-16{
  padding-top: 4rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-3\.5{
  padding-top: 0.875rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-7{
  padding-top: 1.75rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[1px\]{
  padding-top: 1px;
}

.pt-\[200px\]{
  padding-top: 200px;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.text-justify{
  text-align: justify;
}

.text-start{
  text-align: start;
}

.text-end{
  text-align: end;
}

.align-baseline{
  vertical-align: baseline;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.align-bottom{
  vertical-align: bottom;
}

.align-text-top{
  vertical-align: text-top;
}

.align-text-bottom{
  vertical-align: text-bottom;
}

.align-\[-0\.125em\]{
  vertical-align: -0.125em;
}

.align-\[-1px\]{
  vertical-align: -1px;
}

.align-\[-2px\]{
  vertical-align: -2px;
}

.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans{
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

.text-\[0\.6rem\]{
  font-size: 0.6rem;
}

.text-\[0\.70rem\]{
  font-size: 0.70rem;
}

.text-\[0\.8rem\]{
  font-size: 0.8rem;
}

.text-\[0\.92rem\]{
  font-size: 0.92rem;
}

.text-\[1\.03rem\]{
  font-size: 1.03rem;
}

.text-\[1\.05rem\]{
  font-size: 1.05rem;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[11px\]{
  font-size: 11px;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[13px\]{
  font-size: 13px;
}

.text-\[20px\]{
  font-size: 20px;
}

.text-\[7px\]{
  font-size: 7px;
}

.text-\[9px\]{
  font-size: 9px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-sm\/5{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-xs\/4{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-xs\/5{
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.\!font-semibold{
  font-weight: 600 !important;
}

.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-none{
  line-height: 1 !important;
}

.leading-10{
  line-height: 2.5rem;
}

.leading-3{
  line-height: .75rem;
}

.leading-4{
  line-height: 1rem;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-7{
  line-height: 1.75rem;
}

.leading-\[1\.55rem\]{
  line-height: 1.55rem;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.leading-relaxed{
  line-height: 1.625;
}

.leading-snug{
  line-height: 1.375;
}

.leading-tight{
  line-height: 1.25;
}

.tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}

.tracking-normal{
  letter-spacing: 0em;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-tighter{
  letter-spacing: -0.05em;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.tracking-wider{
  letter-spacing: 0.05em;
}

.tracking-widest{
  letter-spacing: 0.1em;
}

.\!text-gray-900{
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}

.\!text-primary-500{
  color: var(--color-primary-500) !important;
}

.\!text-red-900{
  --tw-text-opacity: 1 !important;
  color: rgb(127 29 29 / var(--tw-text-opacity)) !important;
}

.text-\[\#1c1c1c\]{
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity));
}

.text-\[\#51C6A2\]{
  --tw-text-opacity: 1;
  color: rgb(81 198 162 / var(--tw-text-opacity));
}

.text-\[\#51C7EE\]{
  --tw-text-opacity: 1;
  color: rgb(81 199 238 / var(--tw-text-opacity));
}

.text-\[\#6b6b6b\]{
  --tw-text-opacity: 1;
  color: rgb(107 107 107 / var(--tw-text-opacity));
}

.text-\[\#70C382\]{
  --tw-text-opacity: 1;
  color: rgb(112 195 130 / var(--tw-text-opacity));
}

.text-\[\#828FFF\]{
  --tw-text-opacity: 1;
  color: rgb(130 143 255 / var(--tw-text-opacity));
}

.text-\[\#BE74F9\]{
  --tw-text-opacity: 1;
  color: rgb(190 116 249 / var(--tw-text-opacity));
}

.text-\[\#FF7B69\]{
  --tw-text-opacity: 1;
  color: rgb(255 123 105 / var(--tw-text-opacity));
}

.text-\[\#FF965B\]{
  --tw-text-opacity: 1;
  color: rgb(255 150 91 / var(--tw-text-opacity));
}

.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}

.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}

.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.text-blue-50{
  --tw-text-opacity: 1;
  color: rgb(239 246 255 / var(--tw-text-opacity));
}

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}

.text-bronze-800{
  --tw-text-opacity: 1;
  color: rgb(87 76 39 / var(--tw-text-opacity));
}

.text-bronze-900{
  --tw-text-opacity: 1;
  color: rgb(57 51 27 / var(--tw-text-opacity));
}

.text-brown-800{
  --tw-text-opacity: 1;
  color: rgb(132 99 88 / var(--tw-text-opacity));
}

.text-brown-900{
  --tw-text-opacity: 1;
  color: rgb(67 48 43 / var(--tw-text-opacity));
}

.text-current{
  color: currentColor;
}

.text-cyan-800{
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity));
}

.text-cyan-900{
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity));
}

.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}

.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}

.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}

.text-fuchsia-800{
  --tw-text-opacity: 1;
  color: rgb(134 25 143 / var(--tw-text-opacity));
}

.text-fuchsia-900{
  --tw-text-opacity: 1;
  color: rgb(112 26 117 / var(--tw-text-opacity));
}

.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-50{
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-gray-900\/60{
  color: rgb(17 24 39 / 0.6);
}

.text-gray-950{
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}

.text-green-200{
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}

.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}

.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}

.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.text-indigo-900{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}

.text-lime-800{
  --tw-text-opacity: 1;
  color: rgb(63 98 18 / var(--tw-text-opacity));
}

.text-lime-900{
  --tw-text-opacity: 1;
  color: rgb(54 83 20 / var(--tw-text-opacity));
}

.text-moon-800{
  --tw-text-opacity: 1;
  color: rgb(6 8 14 / var(--tw-text-opacity));
}

.text-moon-900{
  --tw-text-opacity: 1;
  color: rgb(3 4 7 / var(--tw-text-opacity));
}

.text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}

.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

.text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

.text-orange-300{
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity));
}

.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.text-orange-900{
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity));
}

.text-pink-800{
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity));
}

.text-pink-900{
  --tw-text-opacity: 1;
  color: rgb(131 24 67 / var(--tw-text-opacity));
}

.text-primary-300{
  color: var(--color-primary-300);
}

.text-primary-400{
  color: var(--color-primary-400);
}

.text-primary-500{
  color: var(--color-primary-500);
}

.text-primary-600{
  color: var(--color-primary-600);
}

.text-primary-700{
  color: var(--color-primary-700);
}

.text-primary-800{
  color: var(--color-primary-800);
}

.text-primary-900{
  color: var(--color-primary-900);
}

.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.text-purple-900{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity));
}

.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}

.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}

.text-sky-300{
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}

.text-sky-800{
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity));
}

.text-sky-900{
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity));
}

.text-teal-800{
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity));
}

.text-teal-900{
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity));
}

.text-transparent{
  color: transparent;
}

.text-violet-800{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-violet-900{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}

.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}

.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity));
}

.\!underline{
  text-decoration-line: underline !important;
}

.underline{
  text-decoration-line: underline;
}

.line-through{
  text-decoration-line: line-through;
}

.no-underline{
  text-decoration-line: none;
}

.decoration-black{
  text-decoration-color: #000;
}

.decoration-gray-300{
  text-decoration-color: #d1d5db;
}

.decoration-gray-400{
  text-decoration-color: #9ca3af;
}

.decoration-dashed{
  text-decoration-style: dashed;
}

.decoration-2{
  text-decoration-thickness: 2px;
}

.underline-offset-2{
  text-underline-offset: 2px;
}

.underline-offset-4{
  text-underline-offset: 4px;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-\[\#CCCCCC\]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(204 204 204 / var(--tw-placeholder-opacity));
}

.placeholder-\[\#CCCCCC\]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(204 204 204 / var(--tw-placeholder-opacity));
}

.placeholder-red-300::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(252 165 165 / var(--tw-placeholder-opacity));
}

.placeholder-red-300::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(252 165 165 / var(--tw-placeholder-opacity));
}

.accent-blue-600{
  accent-color: #2563eb;
}

.accent-gray-700{
  accent-color: #374151;
}

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-100{
  opacity: 1;
}

.opacity-25{
  opacity: 0.25;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-75{
  opacity: 0.75;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-85{
  opacity: 0.85;
}

.opacity-90{
  opacity: 0.9;
}

.bg-blend-multiply{
  background-blend-mode: multiply;
}

.\!shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-8px_16px_rgba\(15\2c 23\2c 42\2c 0\.03\)\]{
  --tw-shadow: 0 -8px 16px rgba(15,23,42,0.03);
  --tw-shadow-colored: 0 -8px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-8px_24px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 -8px 24px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 -8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_12px_28px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{
  --tw-shadow: 0 12px 28px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_3px_rgb\(16_185_129_\/_25\%\)\]{
  --tw-shadow: 0 1px 3px rgb(16 185 129 / 25%);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_50px_rgb\(0_0_0_\/_16\%\)\2c 0_0_0_1px_rgb\(0_0_0_\/_4\%\)\]{
  --tw-shadow: 0 20px 50px rgb(0 0 0 / 16%),0 0 0 1px rgb(0 0 0 / 4%);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_12px_0_rgb\(from_theme\(colors\.gray\.900\)_r_g_b_\/_0\.05\)\2c 0_2px_4px_0_rgb\(from_theme\(colors\.black\)_r_g_b_\/_0\.06\)\2c 0_0_0_1px_rgb\(from_theme\(colors\.black\)_r_g_b_\/_0\.1\)\2c inset_0_1px_0_0_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.8\)\2c inset_0_0_0_1px_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.03\)\]{
  --tw-shadow: 0 4px 12px 0 rgb(from #111827 r g b / 0.05),0 2px 4px 0 rgb(from #000 r g b / 0.06),0 0 0 1px rgb(from #000 r g b / 0.1),inset 0 1px 0 0 rgb(from #fff r g b / 0.8),inset 0 0 0 1px rgb(from #fff r g b / 0.03);
  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_12px_0_rgb\(from_theme\(colors\.gray\.900\)_r_g_b_\/_0\.06\)\2c 0_2px_4px_0_rgb\(from_theme\(colors\.gray\.950\)_r_g_b_\/_0\.2\)\2c 0_0_0_1px_theme\(colors\.gray\.900\)\2c inset_0_1px_0_0_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.15\)\2c inset_0_0_0_1px_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.03\)\]{
  --tw-shadow: 0 4px 12px 0 rgb(from #111827 r g b / 0.06),0 2px 4px 0 rgb(from #030712 r g b / 0.2),0 0 0 1px #111827,inset 0 1px 0 0 rgb(from #fff r g b / 0.15),inset 0 0 0 1px rgb(from #fff r g b / 0.03);
  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-gray-200{
  --tw-shadow-color: #e5e7eb;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-200\/50{
  --tw-shadow-color: rgb(229 231 235 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary-200{
  --tw-shadow-color: var(--color-primary-200);
  --tw-shadow: var(--tw-shadow-colored);
}

.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.\!outline-0{
  outline-width: 0px !important;
}

.outline-1{
  outline-width: 1px;
}

.outline-offset-0{
  outline-offset: 0px;
}

.outline-black\/10{
  outline-color: rgb(0 0 0 / 0.1);
}

.outline-green-600\/20{
  outline-color: rgb(22 163 74 / 0.2);
}

.outline-neutral-500\/20{
  outline-color: rgb(115 115 115 / 0.2);
}

.outline-primary-600{
  outline-color: var(--color-primary-600);
}

.outline-red-300{
  outline-color: #fca5a5;
}

.outline-red-600\/20{
  outline-color: rgb(220 38 38 / 0.2);
}

.outline-yellow-700\/20{
  outline-color: rgb(161 98 7 / 0.2);
}

.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-8{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset{
  --tw-ring-inset: inset;
}

.ring-amber-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity));
}

.ring-amber-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity));
}

.ring-black{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.ring-black\/10{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}

.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}

.ring-blue-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.ring-bronze-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 122 71 / var(--tw-ring-opacity));
}

.ring-brown-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 160 148 / var(--tw-ring-opacity));
}

.ring-cyan-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
}

.ring-fuchsia-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 70 239 / var(--tw-ring-opacity));
}

.ring-gray-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.ring-gray-200\/80{
  --tw-ring-color: rgb(229 231 235 / 0.8);
}

.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.ring-gray-50{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
}

.ring-gray-500\/10{
  --tw-ring-color: rgb(107 114 128 / 0.1);
}

.ring-gray-500\/20{
  --tw-ring-color: rgb(107 114 128 / 0.2);
}

.ring-gray-600{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.ring-gray-900\/10{
  --tw-ring-color: rgb(17 24 39 / 0.1);
}

.ring-gray-900\/5{
  --tw-ring-color: rgb(17 24 39 / 0.05);
}

.ring-green-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity));
}

.ring-green-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
}

.ring-green-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.ring-indigo-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.ring-lime-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(132 204 22 / var(--tw-ring-opacity));
}

.ring-moon-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}

.ring-neutral-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity));
}

.ring-neutral-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
}

.ring-orange-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
}

.ring-pink-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity));
}

.ring-primary-100{
  --tw-ring-color: var(--color-primary-100);
}

.ring-primary-200{
  --tw-ring-color: var(--color-primary-200);
}

.ring-primary-400{
  --tw-ring-color: var(--color-primary-400);
}

.ring-primary-500{
  --tw-ring-color: var(--color-primary-500);
}

.ring-purple-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}

.ring-red-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity));
}

.ring-red-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}

.ring-red-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.ring-sky-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

.ring-teal-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity));
}

.ring-violet-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity));
}

.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-yellow-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity));
}

.\!ring-opacity-5{
  --tw-ring-opacity: 0.05 !important;
}

.ring-opacity-5{
  --tw-ring-opacity: 0.05;
}

.ring-offset-white{
  --tw-ring-offset-color: #fff;
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-0{
  --tw-blur: blur(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-0{
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-100{
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-150{
  --tw-brightness: brightness(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-200{
  --tw-brightness: brightness(2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-50{
  --tw-brightness: brightness(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-0{
  --tw-contrast: contrast(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-100{
  --tw-contrast: contrast(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-150{
  --tw-contrast: contrast(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-200{
  --tw-contrast: contrast(2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-50{
  --tw-contrast: contrast(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale-0{
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hue-rotate-0{
  --tw-hue-rotate: hue-rotate(0deg);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert-0{
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-0{
  --tw-saturate: saturate(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-100{
  --tw-saturate: saturate(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-150{
  --tw-saturate: saturate(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-200{
  --tw-saturate: saturate(2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-50{
  --tw-saturate: saturate(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.sepia-0{
  --tw-sepia: sepia(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[1px\]{
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\!transition-none{
  transition-property: none !important;
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\2c border-color\]{
  transition-property: background-color,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\2c box-shadow\2c border-color\]{
  transition-property: background-color,box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[color\2c background-color\2c box-shadow\]{
  transition-property: color,background-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[height\2c background-color\2c opacity\]{
  transition-property: height,background-color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[left\]{
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-200{
  transition-delay: 200ms;
}

.delay-300{
  transition-delay: 300ms;
}

.delay-\[1s\]{
  transition-delay: 1s;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-150{
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-500{
  transition-duration: 500ms;
}

.duration-75{
  transition-duration: 75ms;
}

.duration-\[240ms\]{
  transition-duration: 240ms;
}

.ease-\[cubic-bezier\(0\.35\2c 0\.75\2c 0\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.35,0.75,0,1);
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.will-change-transform{
  will-change: transform;
}

.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@keyframes wizard-progress-fill {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.wizard-progress-fill-active {
  transform-origin: left center;
  will-change: transform;
  animation: wizard-progress-fill 240ms ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  .wizard-progress-fill-active {
    animation: none;
  }
}

.\[grid-template-columns\:minmax\(280px\2c 2\.5fr\)_minmax\(170px\2c 1fr\)_minmax\(170px\2c 1fr\)_110px_minmax\(220px\2c 1\.3fr\)_120px\]{
  grid-template-columns: minmax(280px,2.5fr) minmax(170px,1fr) minmax(170px,1fr) 110px minmax(220px,1.3fr) 120px;
}

/* @NOTE: Check if the classes below exist in the compiled css.
.direct-upload {
    display: inline-block;
    position: relative;
    padding: 2px 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-size: 11px;
    line-height: 13px;
}
.direct-upload--pending {
  opacity: 0.6;
}
.direct-upload__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  background: #0076ff;
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
  transform: translate3d(0, 0, 0);
}
.direct-upload--complete .direct-upload__progress {
  opacity: 0.4;
}
.direct-upload--error {
  border-color: red;
}
input[type=file][data-direct-upload-url][disabled] {
  display: none;
}
*/

/* @NOTE: [&_a]:relative [&>a]:z-10 is a better selector but available only in Tailwind 3.1.8*/

/* @TODO: replace '.forums-post-body' in app/views/front_office/forums/posts/_post.html.erb after Tailwind upgrade */

.forums-post-body a {
  position: relative;
  z-index: 1;
}

/* Toggle text for collapse/expand links in forums */

/* When link has .collapsed class (section is collapsed): show "see" text, hide "hide" text */

/* When link doesn't have .collapsed class (section is expanded): show "hide" text, hide "see" text */

.collapse-text-show,
.collapse-text-hide {
  display: none;
}

a:not(.collapsed) > .collapse-text-show {
  display: inline;
}

a.collapsed > .collapse-text-hide {
  display: inline;
}

/* Thread connector styles for collapsible comments (Reddit-style) */

.thread-toggle-btn {
  font-size: 11px;
  line-height: 1;
}

/* Make thread elements clickable with expanded click area */

.thread-line,
.thread-elbow,
.thread-connector {
  cursor: pointer;
}

.thread-line {
  padding-left: 4px;
  padding-right: 4px;
  margin-left: -4px;
}

/* Coordinated hover effect - applied via JavaScript to all thread elements */

.thread-hover.thread-line,
.thread-hover.thread-elbow,
.thread-hover.thread-connector{
  --tw-border-opacity: 1 !important;
  border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important;
}

.thread-hover.thread-toggle-btn{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.uppy-Dashboard-AddFiles-list {
  flex: none;
}

.trix-content [data-trix-content-type="pdf"],
.trix-content .attachment--pdf {
  width: 100%;
}

.trix-content .attachment--wav {
  width: 100%;
  padding: 0px !important;
}

.trix-content .attachment--mp3 {
  width: 100%;
  padding: 0px !important;
}

.trix-content [data-trix-content-type^="video/"],
.trix-content action-text-attachment[content-type^="video/"] .attachment,
.trix-content .attachment--preview:has(video) {
  display: block;
  width: 100%;
  min-width: 200px;
}

@media (min-width: 640px) {
  .trix-content [data-trix-content-type^="video/"],
  .trix-content action-text-attachment[content-type^="video/"] .attachment,
  .trix-content .attachment--preview:has(video) {
    min-width: 280px;
  }
}

.turbo-progress-bar{
  background-color: var(--color-primary-500);
}

.uppy-Informer span {
  display: none !important;
}

.fading {
  animation: fadeOut 50ms ease-in-out forwards 500ms;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.tippy-box[data-theme~="no-style"] {
  background-color: transparent !important;
  color: inherit !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
  box-shadow: none !important;
  padding: 0 !important;
  outline: none !important;
}

.tippy-content[data-theme~="no-style"] {
  position: relative;
  padding: 0;
  z-index: 1;
}

.tippy-box[data-theme~="bootstrap-popover"] {
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  color: #232323;
  font-size: 0.765625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  box-shadow: none;
}

.tippy-box[data-theme~="bootstrap-popover"] > .tippy-content {
  padding: 0;
  text-align: left;
  text-align: start;
}

.tippy-box[data-theme~="bootstrap-popover"] > .tippy-arrow {
  color: transparent;
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="top"]
  > .tippy-arrow::before {
  bottom: -0.5rem;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="top"]
  > .tippy-arrow::after {
  bottom: calc(-0.5rem + 1px);
  left: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #ffffff;
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="right"]
  > .tippy-arrow::before {
  left: -0.5rem;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="right"]
  > .tippy-arrow::after {
  left: calc(-0.5rem + 1px);
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #ffffff;
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="bottom"]
  > .tippy-arrow::before {
  top: -0.5rem;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="bottom"]
  > .tippy-arrow::after {
  top: calc(-0.5rem + 1px);
  left: 0;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: #ffffff;
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="left"]
  > .tippy-arrow::before {
  right: -0.5rem;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.tippy-box[data-theme~="bootstrap-popover"][data-placement^="left"]
  > .tippy-arrow::after {
  right: calc(-0.5rem + 1px);
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #ffffff;
}

.tippy-box[data-theme~="bootstrap-popover"] > .tippy-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bootstrap-popover-header {
  margin: 0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  color: #232323;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
  text-align: left;
  text-align: start;
}

.bootstrap-popover-body {
  padding: 0.5rem 0.75rem;
  color: #232323;
  text-align: left;
  text-align: start;
}

.community-space-container {
  scrollbar-width: thin;
  scrollbar-color: #a2a2a270 #7878780b;
}

.community-space-container::-webkit-scrollbar {
  width: 6px;
}

.community-space-container::-webkit-scrollbar-track {
  background: #7878780b;
}

.community-space-container::-webkit-scrollbar-thumb {
  background-color: #a2a2a270;
  border-radius: 3px;
}

.conversation-messages-container {
  scrollbar-width: thin;
  scrollbar-color: #a2a2a270 #7878780b;
}

.conversation-messages-container::-webkit-scrollbar {
  width: 6px;
}

.conversation-messages-container::-webkit-scrollbar-track {
  background: #7878780b;
}

.conversation-messages-container::-webkit-scrollbar-thumb {
  background-color: #a2a2a270;
  border-radius: 3px;
}

@keyframes highlight {
  0% {
    background-color: rgba(234, 179, 8, 0.05);
  }

  50% {
    background-color: rgba(234, 179, 8, 0.1);
  }

  100% {
    background-color: transparent;
  }
}

.highlight-animation {
  animation: highlight 0.5s ease;
}

.default-switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer !important;
  background-image: none;
  color: inherit;
  border-radius: 9999px;
  block-size: 24px;
  inline-size: 40px;
  transition: background-color 150ms;
  border: 1px solid #e5e7eb;
  background-color: #e5e7eb;
  padding: 0.1rem;
}

.default-switch:checked {
  background-image: none;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.default-switch:checked:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.default-switch:checked::before {
  margin-inline-start: 16px;
  background-image: url("data:image/svg+xml,%3csvg class='h-3 w-3 text-gray-700' fill='currentColor' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z' fill='%23374151'/%3e%3c/svg%3e");
}

.default-switch::before {
  aspect-ratio: 1;
  background-color: #fff;
  block-size: 100%;
  border-radius: 9999px;
  content: "";
  display: block;
  transition: margin 150ms;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-image: url("data:image/svg+xml,%3csvg class='h-3 w-3 text-gray-400' fill='none' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

.default-switch:checked::before{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.default-switch:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}

.default-switch:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}

.default-switch:disabled {
  cursor: not-allowed;
  opacity: 50%;
}

/* Scrollbar */

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

@property --fade-start-opacity {
  syntax: "<number>";

  initial-value: 1;

  inherits: false;
}

@property --fade-end-opacity {
  syntax: "<number>";

  initial-value: 1;

  inherits: false;
}

.scroll-fade-y {
  --fade-start-opacity: 1;
  --fade-end-opacity: 1;
  --fade-size: 32px;
  mask-image: linear-gradient(
    to bottom,
    hsl(0 0% 0% / var(--fade-start-opacity)),
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    hsl(0 0% 0% / var(--fade-end-opacity))
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    hsl(0 0% 0% / var(--fade-start-opacity)),
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    hsl(0 0% 0% / var(--fade-end-opacity))
  );
  transition: --fade-start-opacity 300ms ease-out,
    --fade-end-opacity 300ms ease-out;
}

[data-overflow-y-start] .scroll-fade-y {
  --fade-start-opacity: 0;
}

[data-overflow-y-end] .scroll-fade-y {
  --fade-end-opacity: 0;
}

.small-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #a2a2a270 #7878780b;
}

.small-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.small-scrollbar::-webkit-scrollbar-track {
  background: #7878780b;
}

.small-scrollbar::-webkit-scrollbar-thumb {
  background-color: #a2a2a270;
  border-radius: 3px;
}

.product-navigation-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

.product-navigation-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.product-navigation-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.product-navigation-scrollbar::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 3px;
}

.product-navigation-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #d1d5db;
}

/* Tom Select */

select[multiple][data-controller="select"]{
  visibility: hidden;
}

.dropdown-input{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  padding-right: 0.75rem !important;
  font-size: 1rem;
  line-height: 1.5rem;
}

.dropdown-input::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.dropdown-input::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.dropdown-input:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.dropdown-input:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.dropdown-input:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity)) !important;
}

.dropdown-input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity)) !important;
}

@media (min-width: 640px) {
  .dropdown-input{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.plugin-dropdown_input.focus.dropdown-active .ts-control{
  border-style: none !important;
}

.ts-dropdown-content{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  max-height: 240px;
  scrollbar-width: thin;
  scrollbar-color: #a2a2a270 #7878780b;
}

.ts-dropdown-content::-webkit-scrollbar {
  width: 6px;
}

.ts-dropdown-content::-webkit-scrollbar-track {
  background: #78787879;
}

.ts-dropdown-content::-webkit-scrollbar-thumb {
  background-color: #a2a2a270;
  border-radius: 3px;
}

div .ts-control button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .ts-control button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .ts-control button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

.ts-control{
  display: flex;
  min-height: 40px;
  width: 100%;
  cursor: default;
  border-radius: 0.45rem;
  border-width: 0px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.ts-control::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.ts-control::placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.ts-control:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.ts-control:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.ts-control:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ts-control:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}

.ts-control:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}

.ts-control:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.ts-control:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.ts-control[disabled]{
    cursor: not-allowed;
  }

.ts-control[disabled]{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }

.ts-control[disabled]:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  }

.ts-control.error{
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity));
  }

.ts-control.error{
    outline-color: #fca5a5;
  }

.ts-control.error:focus{
    outline-color: #ef4444;
  }

.ts-control.error:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity));
  }

.ts-control.error:is(.dark *){
    outline-color: #ef4444;
  }

.plugin-dropdown_input .dropdown-input{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

/* Ensure items-placeholder is visible when no items are selected */

.plugin-dropdown_input .items-placeholder {
  display: block !important;
}

/* Only hide items-placeholder when items are actually selected */

.plugin-dropdown_input.has-items .items-placeholder {
  display: none !important;
}

/* Override the dropdown-active rule to keep placeholder visible when no items selected */

.plugin-dropdown_input.dropdown-active:not(.has-items) .items-placeholder {
  display: block !important;
}

.ts-dropdown .active.create{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.ts-dropdown .active.create:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.loading-more-results{
  cursor: default !important;
}

.disabled .ts-control {
  cursor: not-allowed !important;
}

@media (min-width: 640px) {
  .ts-control {
    font-size: 0.875rem;
    /* text-sm equivalent (14px) for larger screens */
  }
}

@media not all and (min-width: 640px){
  input{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  trix-editor{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

.full .ts-control:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input,
.ts-control,
.ts-wrapper.single.input-active .ts-control{
  cursor: text;
}

.ts-dropdown [data-selectable] .highlight{
  background-color: rgb(249 115 22 / 0.2);
}

.ts-dropdown [data-selectable] .highlight:is(.dark *){
  background-color: rgb(234 179 8 / 0.2);
}

.ts-control,
.ts-wrapper.single.input-active .ts-control{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.ts-control:is(.dark *),
.ts-wrapper.single.input-active .ts-control:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.input-active{
  border-radius: 0.45rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.input-active:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.ts-wrapper{
  border-radius: 0.45rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.ts-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.ts-control,
.ts-wrapper.single.input-active .ts-control{
  background-color: transparent;
}

.ts-control:is(.dark *),
.ts-wrapper.single.input-active .ts-control:is(.dark *){
  background-color: transparent;
}

.ts-control input{
  margin: 0px !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
}

.ts-control input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.ts-control input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.ts-control input:-moz-read-only{
  cursor: pointer !important;
}

.ts-control input:read-only{
  cursor: pointer !important;
}

.ts-control input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ts-control input:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}

.ts-control input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}

@media (min-width: 640px) {
  .ts-control input {
    font-size: 0.875rem;
    /* text-sm equivalent (14px) for larger screens */
  }
}

.ts-wrapper:not(trix-toolbar .trix-input--dialog):not(.form-select).single
  .ts-control{
  padding-right: 2rem !important;
}

.ts-wrapper.plugin-remove_button .item{
  border-radius: 0.45rem;
}

.ts-wrapper.plugin-remove_button .item .remove{
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border-style: none;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
}

.ts-wrapper.plugin-remove_button .item .remove::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Exmark%3C/title%3E%3Cg fill='%23737373'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: block;
  width: 1rem;
  height: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

/* Red remove button for flagged items */

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .remove::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Exmark%3C/title%3E%3Cg fill='%23991B1B'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.dark .ts-wrapper.plugin-remove_button .item[data-flag="true"] .remove::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Exmark%3C/title%3E%3Cg fill='%23FCA5A5'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* Add separate dark mode version */

.dark .ts-wrapper.plugin-remove_button .item .remove::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Exmark%3C/title%3E%3Cg fill='%23A1A1A1'%3E%3Cpath d='m2.25,10.5c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L9.22,1.72c.293-.293.768-.293,1.061,0s.293.768,0,1.061l-7.5,7.5c-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3Cpath d='m9.75,10.5c-.192,0-.384-.073-.53-.22L1.72,2.78c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l7.5,7.5c.293.293.293.768,0,1.061-.146.146-.338.22-.53.22Z' stroke-width='0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  }

.ts-wrapper.plugin-remove_button .item .remove {
  font-size: 0 !important;
}

div .ts-wrapper.plugin-remove_button .item .remove button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .ts-wrapper.plugin-remove_button .item .remove button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .ts-wrapper.plugin-remove_button .item .remove button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

.ts-wrapper.plugin-remove_button .item .remove{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 0.125rem !important;
  margin-right: 0.25rem;
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 0px !important;
  padding: 0.25rem !important;
  line-height: 1 !important;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item .remove:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item .remove:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

/* Red remove button styling for flagged items inside input */

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .remove{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .remove:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .remove:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .remove:hover:is(.dark *){
  background-color: rgb(254 226 226 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

/* Flag toggle button styling */

.ts-wrapper.plugin-remove_button .item .flag-toggle{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item .flag-toggle:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

div .ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle{
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item[data-flag="true"] .flag-toggle:hover:is(.dark *){
  background-color: rgb(254 226 226 / 0.1);
}

.ts-dropdown{
  z-index: 40;
  margin: 0px;
  overflow: hidden;
  border-radius: 0.625rem;
  border-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ts-dropdown:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ts-dropdown .create{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  cursor: default;
  border-radius: 0.45rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ts-dropdown .create:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.ts-dropdown [data-selectable].option,
.ts-dropdown .no-results{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  cursor: default;
  border-radius: 0.45rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  cursor: not-allowed;
  border-radius: 0.45rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ts-dropdown [data-selectable].option,
.ts-dropdown .ts-dropdown .create{
  cursor: pointer;
}

.ts-dropdown .active{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.ts-dropdown .active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ts-dropdown .selected,
.ts-dropdown .ts-selected-value{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}

.ts-dropdown .selected:is(.dark *),
.ts-dropdown .ts-selected-value:is(.dark *){
  background-color: rgb(107 114 128 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ts-dropdown .selected.active,
.ts-dropdown .ts-selected-value.active{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}

.ts-dropdown .selected.active:is(.dark *),
.ts-dropdown .ts-selected-value.active:is(.dark *){
  background-color: rgb(107 114 128 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ts-dropdown .spinner{
  height: auto;
  width: auto;
}

.ts-dropdown .spinner:after{
  margin-bottom: 0px;
  margin-top: 0.25rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-width: 2px;
  padding: 0px;
}

.ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

/* Dark mode arrow for single select */

.dark .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23A1A1AA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  }

/* Add dropdown arrow to multiselect elements */

.ts-wrapper:not(.form-control):not(.form-select).multi .ts-control {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6l4-4 4 4M6 14l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.6rem center;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  padding-right: 2rem !important;
}

/* Dark mode arrow for multiselect */

.dark .ts-wrapper:not(.form-control):not(.form-select).multi .ts-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23A1A1AA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6l4-4 4 4M6 14l4 4 4-4'/%3e%3c/svg%3e");
  }

.ts-wrapper.multi .ts-control > div{
  margin-right: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.ts-wrapper.multi .ts-control > div:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

/* Ensure items don't overlap with the dropdown arrow */

.ts-wrapper.multi.has-items .ts-control{
  padding-bottom: 4px !important;
  padding-right: 2rem !important;
  padding-top: 7px !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{
  margin-left: -0.125rem !important;
  cursor: pointer;
  border-style: none;
}

div .ts-wrapper.plugin-remove_button .item .remove button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .ts-wrapper.plugin-remove_button .item .remove button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .ts-wrapper.plugin-remove_button .item .remove button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

.ts-wrapper.plugin-remove_button .item .remove{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 0.125rem !important;
  margin-right: 0.25rem;
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  color: rgb(17 24 39 / 0.6);
}

.ts-wrapper.plugin-remove_button .item .remove:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.ts-wrapper.plugin-remove_button .item .remove:is(.dark *){
  color: rgb(243 244 246 / 0.6);
}

.ts-wrapper.plugin-remove_button .item .remove:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.ts-dropdown .optgroup-header{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.ts-dropdown .optgroup-header:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0px !important;
}

.optgroup{
  margin-top: 0.375rem;
}

.optgroup:first-child{
  margin-top: 0px;
}

.dark .ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #525252;
}

.ts-wrapper.multi.has-items .ts-control > input{
  margin-bottom: 3px !important;
}

.tomselect-checkbox{
  margin-right: 0px !important;
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.input-hidden.focus{
  border-radius: 0.45rem !important;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.input-hidden.focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.front_office .ts-wrapper.focus .ts-control,
.front_office .ts-control:focus{
  --tw-ring-color: var(--color-primary-500);
}

.front_office .ts-wrapper.focus .ts-control:is(.dark *),
.front_office .ts-control:focus:is(.dark *){
  --tw-ring-color: var(--color-primary-500);
}

.front_office .input-active{
  --tw-ring-color: var(--color-primary-500);
}

.front_office .input-active:is(.dark *){
  --tw-ring-color: var(--color-primary-500);
}

/* Replace the previous attempt with this updated selector */

select[data-select-disable-typing-value="true"] + .ts-wrapper .ts-control,
select[data-select-disable-typing-value="true"]
  + .ts-wrapper.single
  .ts-control,
select[data-select-disable-typing-value="true"]
  + .ts-wrapper.single
  .ts-control
  input,
select[data-select-disable-typing-value="true"]
  + .ts-wrapper.single.input-active
  .ts-control{
  cursor: default;
}

.ts-dropdown-content.is-loading-more .option {
  pointer-events: none !important;
}

/* Count display for multi-select */

.ts-count-display{
  pointer-events: none;
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
  margin-right: auto;
  background-color: transparent !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  display: none;
}

/* Hide count display when not active (explicit rule) */

.ts-control:not(.count-active) .ts-count-display {
  display: none !important;
}

/* Hide items and input when count is active */

.ts-control.count-active .item {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep input technically visible for keyboard navigation but make it invisible */

.ts-control.count-active input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure proper spacing when count is displayed */

.ts-wrapper.multi.has-items .ts-control:has(.ts-count-display){
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* External tags styles - hide tags inside control */

.ts-control.external-tags-active .item {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset padding when external tags are active */

.ts-wrapper.multi.has-items .ts-control.external-tags-active{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Keep placeholder visible when external tags are active */

.plugin-dropdown_input.has-items
  .ts-control.external-tags-active
  .items-placeholder {
  display: block !important;
}

/* Reset input margins when external tags are active */

.ts-wrapper.multi.has-items .ts-control.external-tags-active > input {
  margin: 0 !important;
}

/* Force Vimeo embeds to take full width in the editor */

trix-editor .attachment:has(.vimeo-embed-wrapper) {
  width: 100% !important;
  display: block !important;
  max-width: 100% !important;
}

/* Scroll Area Fade Effects - Register custom properties for animation */

@property --fade-start-opacity {
  syntax: "";

  initial-value: 1;

  inherits: false;
}

@property --fade-end-opacity {
  syntax: "";

  initial-value: 1;

  inherits: false;
}

@property --fade-start-x-opacity {
  syntax: "";

  initial-value: 1;

  inherits: false;
}

@property --fade-end-x-opacity {
  syntax: "";

  initial-value: 1;

  inherits: false;
}

@property --fade-start-y-opacity {
  syntax: "";

  initial-value: 1;

  inherits: false;
}

@property --fade-end-y-opacity {
  syntax: "";

  initial-value: 1;

  inherits: false;
}

/* Scroll Area Fade Effects */

.scroll-fade-x {
  --fade-start-opacity: 1;
  --fade-end-opacity: 1;
  --fade-size: 25px;
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / var(--fade-start-opacity)),
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    hsl(0 0% 0% / var(--fade-end-opacity))
  );
  -webkit-mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / var(--fade-start-opacity)),
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    hsl(0 0% 0% / var(--fade-end-opacity))
  );
  transition: --fade-start-opacity 300ms ease-out,
    --fade-end-opacity 300ms ease-out;
}

.scroll-fade-y {
  --fade-start-opacity: 1;
  --fade-end-opacity: 1;
  --fade-size: 40px;
  mask-image: linear-gradient(
    to bottom,
    hsl(0 0% 0% / var(--fade-start-opacity)),
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    hsl(0 0% 0% / var(--fade-end-opacity))
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    hsl(0 0% 0% / var(--fade-start-opacity)),
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    hsl(0 0% 0% / var(--fade-end-opacity))
  );
  transition: --fade-start-opacity 300ms ease-out,
    --fade-end-opacity 300ms ease-out;
}

.scroll-fade-both {
  --fade-start-x-opacity: 1;
  --fade-end-x-opacity: 1;
  --fade-start-y-opacity: 1;
  --fade-end-y-opacity: 1;
  --fade-size: 40px;
  --fade-top-offset: 0px;
  /* Offset from top to skip header areas */
  --fade-left-offset: 0px;
  /* Offset from left to skip sticky columns */
  mask-image: linear-gradient(
      to right,
      black var(--fade-left-offset),
      hsl(0 0% 0% / var(--fade-start-x-opacity)) var(--fade-left-offset),
      black calc(var(--fade-left-offset) + var(--fade-size)),
      black calc(100% - var(--fade-size)),
      hsl(0 0% 0% / var(--fade-end-x-opacity))
    ),
    linear-gradient(
      to bottom,
      black var(--fade-top-offset),
      hsl(0 0% 0% / var(--fade-start-y-opacity)) var(--fade-top-offset),
      black calc(var(--fade-top-offset) + var(--fade-size)),
      black calc(100% - var(--fade-size)),
      hsl(0 0% 0% / var(--fade-end-y-opacity))
    );
  -webkit-mask-image: linear-gradient(
      to right,
      black var(--fade-left-offset),
      hsl(0 0% 0% / var(--fade-start-x-opacity)) var(--fade-left-offset),
      black calc(var(--fade-left-offset) + var(--fade-size)),
      black calc(100% - var(--fade-size)),
      hsl(0 0% 0% / var(--fade-end-x-opacity))
    ),
    linear-gradient(
      to bottom,
      black var(--fade-top-offset),
      hsl(0 0% 0% / var(--fade-start-y-opacity)) var(--fade-top-offset),
      black calc(var(--fade-top-offset) + var(--fade-size)),
      black calc(100% - var(--fade-size)),
      hsl(0 0% 0% / var(--fade-end-y-opacity))
    );
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
  transition: --fade-start-x-opacity 300ms ease-out,
    --fade-end-x-opacity 300ms ease-out, --fade-start-y-opacity 300ms ease-out,
    --fade-end-y-opacity 300ms ease-out;
}

/* Update fade opacity when scrolled - fade appears when there's overflow */

[data-overflow-x-start] .scroll-fade-x,
[data-overflow-x-start] .scroll-fade-both {
  --fade-start-opacity: 0;
  --fade-start-x-opacity: 0;
}

[data-overflow-x-end] .scroll-fade-x,
[data-overflow-x-end] .scroll-fade-both {
  --fade-end-opacity: 0;
  --fade-end-x-opacity: 0;
}

[data-overflow-y-start] .scroll-fade-y,
[data-overflow-y-start] .scroll-fade-both {
  --fade-start-opacity: 0;
  --fade-start-y-opacity: 0;
}

[data-overflow-y-end] .scroll-fade-y,
[data-overflow-y-end] .scroll-fade-both {
  --fade-end-opacity: 0;
  --fade-end-y-opacity: 0;
}

/* Text truncation fade effect - fades bottom of clamped text */

.text-fade-clamp {
  --fade-size: 2em;
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black calc(100% - var(--fade-size)),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black calc(100% - var(--fade-size)),
    transparent 100%
  );
}

/* Remove fade when text is expanded */

.text-fade-clamp.expanded {
  mask-image: none;
  -webkit-mask-image: none;
}

/* SortableJS drag feedback */

.sortable-ghost {
  opacity: 0.4;
  background-color: #f3f4f6;
}

.sortable-chosen {
  background-color: #f9fafb;
}

.sortable-drag {
  opacity: 1 !important;
  background-color: #ffffff;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  border-radius: 0.75rem;
  cursor: grabbing !important;
  z-index: 50;
}

.\*\:disabled > *.dropdown-item {
  color: #666666;
  pointer-events: none;
  background-color: transparent;
}

.\*\:disabled > *.nav-link {
  color: #666666;
  pointer-events: none;
  cursor: default;
}

@media (min-width: 640px){
  div .sm\:flex button.product-preview-button-active{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  div .sm\:flex button.product-preview-button-active:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }

  div .sm\:flex button.product-preview-button-active:focus{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
  }
}

@media (min-width: 768px){
  div .md\:flex button.product-preview-button-active{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  div .md\:flex button.product-preview-button-active:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }

  div .md\:flex button.product-preview-button-active:focus{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
  }
}

@media (min-width: 1024px){
  .lg\:prose-xl{
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .lg\:prose-xl :where(p):not(:where([class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)){
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"] *)){
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1.0666667em;
  }

  .lg\:prose-xl :where(h1):not(:where([class~="not-prose"] *)){
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.8571429em;
    line-height: 1;
  }

  .lg\:prose-xl :where(h2):not(:where([class~="not-prose"] *)){
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .lg\:prose-xl :where(h3):not(:where([class~="not-prose"] *)){
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: 0.6666667em;
    line-height: 1.3333333;
  }

  .lg\:prose-xl :where(h4):not(:where([class~="not-prose"] *)){
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .lg\:prose-xl :where(img):not(:where([class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(video):not(:where([class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(figure):not(:where([class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.5555556;
    margin-top: 1em;
  }

  .lg\:prose-xl :where(code):not(:where([class~="not-prose"] *)){
    font-size: 0.9em;
  }

  .lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"] *)){
    font-size: 0.8611111em;
  }

  .lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"] *)){
    font-size: 0.9em;
  }

  .lg\:prose-xl :where(pre):not(:where([class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.5rem;
    padding-top: 1.1111111em;
    padding-right: 1.3333333em;
    padding-bottom: 1.1111111em;
    padding-left: 1.3333333em;
  }

  .lg\:prose-xl :where(ol):not(:where([class~="not-prose"] *)){
    padding-left: 1.6em;
  }

  .lg\:prose-xl :where(ul):not(:where([class~="not-prose"] *)){
    padding-left: 1.6em;
  }

  .lg\:prose-xl :where(li):not(:where([class~="not-prose"] *)){
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

  .lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"] *)){
    padding-left: 0.4em;
  }

  .lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"] *)){
    padding-left: 0.4em;
  }

  .lg\:prose-xl > :where(ul > li p):not(:where([class~="not-prose"] *)){
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .lg\:prose-xl > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .lg\:prose-xl > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl :where(hr):not(:where([class~="not-prose"] *)){
    margin-top: 2.8em;
    margin-bottom: 2.8em;
  }

  .lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"] *)){
    margin-top: 0;
  }

  .lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)){
    margin-top: 0;
  }

  .lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)){
    margin-top: 0;
  }

  .lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)){
    margin-top: 0;
  }

  .lg\:prose-xl :where(table):not(:where([class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.5555556;
  }

  .lg\:prose-xl :where(thead th):not(:where([class~="not-prose"] *)){
    padding-right: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-left: 0.6666667em;
  }

  .lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)){
    padding-left: 0;
  }

  .lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)){
    padding-right: 0;
  }

  .lg\:prose-xl :where(tbody td):not(:where([class~="not-prose"] *)){
    padding-top: 0.8888889em;
    padding-right: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-left: 0.6666667em;
  }

  .lg\:prose-xl :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
    padding-left: 0;
  }

  .lg\:prose-xl :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
    padding-right: 0;
  }

  .lg\:prose-xl > :where(:first-child):not(:where([class~="not-prose"] *)){
    margin-top: 0;
  }

  .lg\:prose-xl > :where(:last-child):not(:where([class~="not-prose"] *)){
    margin-bottom: 0;
  }

  div .lg\:flex button.product-preview-button-active{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  div .lg\:flex button.product-preview-button-active:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }

  div .lg\:flex button.product-preview-button-active:focus{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
  }
}

@media (min-width: 1280px){
  div .xl\:flex button.product-preview-button-active{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  div .xl\:flex button.product-preview-button-active:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }

  div .xl\:flex button.product-preview-button-active:focus{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
  }
}

div .\[\&\[open\]\]\:flex[open] button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .\[\&\[open\]\]\:flex[open] button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .\[\&\[open\]\]\:flex[open] button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

div .\[\&_\.ts-control\>\.item\]\:flex .ts-control>.item button.product-preview-button-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

div .\[\&_\.ts-control\>\.item\]\:flex .ts-control>.item button.product-preview-button-active:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

div .\[\&_\.ts-control\>\.item\]\:flex .ts-control>.item button.product-preview-button-active:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

.\*\:block > *{
  display: block;
}

.\*\:\!text-sm > *{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\*\:text-red-900 > *{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}

.\*\:\!shadow-none > *{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.file\:mr-2::file-selector-button{
  margin-right: 0.5rem;
}

.file\:mr-3::file-selector-button{
  margin-right: 0.75rem;
}

.file\:h-full::file-selector-button{
  height: 100%;
}

.file\:cursor-pointer::file-selector-button{
  cursor: pointer;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-white::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.file\:px-3::file-selector-button{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:text-xs::file-selector-button{
  font-size: 0.75rem;
  line-height: 1rem;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:font-semibold::file-selector-button{
  font-weight: 600;
}

.file\:leading-4::file-selector-button{
  line-height: 1rem;
}

.file\:text-gray-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.placeholder\:text-xs::-moz-placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}

.placeholder\:text-xs::placeholder{
  font-size: 0.75rem;
  line-height: 1rem;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal::placeholder{
  font-weight: 400;
}

.placeholder\:leading-7::-moz-placeholder{
  line-height: 1.75rem;
}

.placeholder\:leading-7::placeholder{
  line-height: 1.75rem;
}

.placeholder\:\!text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.placeholder\:\!text-gray-500::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.placeholder\:text-gray-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.backdrop\:bg-black\/35::backdrop{
  background-color: rgb(0 0 0 / 0.35);
}

.backdrop\:bg-black\/50::backdrop{
  background-color: rgb(0 0 0 / 0.5);
}

.backdrop\:bg-gray-900\/50::backdrop{
  background-color: rgb(17 24 39 / 0.5);
}

.before\:pointer-events-none::before{
  content: var(--tw-content);
  pointer-events: none;
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0::before{
  content: var(--tw-content);
  inset: 0px;
}

.before\:z-10::before{
  content: var(--tw-content);
  z-index: 10;
}

.before\:rounded-\[inherit\]::before{
  content: var(--tw-content);
  border-radius: inherit;
}

.before\:bg-gradient-to-b::before{
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.before\:from-white\/15::before{
  content: var(--tw-content);
  --tw-gradient-from: rgb(255 255 255 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:from-white\/25::before{
  content: var(--tw-content);
  --tw-gradient-from: rgb(255 255 255 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-white\/5::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:to-transparent::before{
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.before\:to-white\/5::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
}

.before\:p-px::before{
  content: var(--tw-content);
  padding: 1px;
}

.before\:\[mask\:linear-gradient\(\#fff_0_0\)_content-box\2c linear-gradient\(\#fff_0_0\)\]::before{
  content: var(--tw-content);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after{
  content: var(--tw-content);
  inset: 0px;
}

.after\:z-10::after{
  content: var(--tw-content);
  z-index: 10;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.target\:bg-black:target{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.checked\:text-primary-500:checked{
  color: var(--color-primary-500);
}

.read-only\:\!cursor-pointer:-moz-read-only{
  cursor: pointer !important;
}

.read-only\:\!cursor-pointer:read-only{
  cursor: pointer !important;
}

.empty\:hidden:empty{
  display: none;
}

.focus-within\:z-10:focus-within{
  z-index: 10;
}

.focus-within\:border-gray-500:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.focus-within\:border-primary-500:focus-within{
  border-color: var(--color-primary-500);
}

.focus-within\:bg-gray-100\/75:focus-within{
  background-color: rgb(243 244 246 / 0.75);
}

.focus-within\:bg-primary-50:focus-within{
  background-color: var(--color-primary-50);
}

.focus-within\:outline-none:focus-within{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-within\:ring-0:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-1:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-amber-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity));
}

.focus-within\:ring-blue-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}

.focus-within\:ring-bronze-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 186 144 / var(--tw-ring-opacity));
}

.focus-within\:ring-brown-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 206 199 / var(--tw-ring-opacity));
}

.focus-within\:ring-cyan-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity));
}

.focus-within\:ring-fuchsia-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 171 252 / var(--tw-ring-opacity));
}

.focus-within\:ring-gray-500:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.focus-within\:ring-green-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
}

.focus-within\:ring-lime-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity));
}

.focus-within\:ring-moon-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.focus-within\:ring-orange-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity));
}

.focus-within\:ring-pink-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 168 212 / var(--tw-ring-opacity));
}

.focus-within\:ring-primary-300:focus-within{
  --tw-ring-color: var(--color-primary-300);
}

.focus-within\:ring-primary-500:focus-within{
  --tw-ring-color: var(--color-primary-500);
}

.focus-within\:ring-purple-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity));
}

.focus-within\:ring-red-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}

.focus-within\:ring-sky-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity));
}

.focus-within\:ring-teal-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity));
}

.focus-within\:ring-violet-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity));
}

.focus-within\:ring-offset-2:focus-within{
  --tw-ring-offset-width: 2px;
}

.hover\:-mx-2:hover{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.hover\:-mx-2\.5:hover{
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-pointer:hover{
  cursor: pointer;
}

.hover\:border-\[\#d7d5cf\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(215 213 207 / var(--tw-border-opacity));
}

.hover\:border-amber-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.hover\:border-blue-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.hover\:border-bronze-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(226 208 179 / var(--tw-border-opacity));
}

.hover\:border-brown-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(234 221 215 / var(--tw-border-opacity));
}

.hover\:border-cyan-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity));
}

.hover\:border-fuchsia-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(245 208 254 / var(--tw-border-opacity));
}

.hover\:border-gray-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.hover\:border-gray-700:hover{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.hover\:border-green-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.hover\:border-indigo-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.hover\:border-lime-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(217 249 157 / var(--tw-border-opacity));
}

.hover\:border-orange-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.hover\:border-pink-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}

.hover\:border-primary-200:hover{
  border-color: var(--color-primary-200);
}

.hover\:border-primary-300:hover{
  border-color: var(--color-primary-300);
}

.hover\:border-primary-500:hover{
  border-color: var(--color-primary-500);
}

.hover\:border-purple-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}

.hover\:border-red-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}

.hover\:border-sky-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}

.hover\:border-teal-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity));
}

.hover\:border-violet-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.hover\:border-yellow-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.hover\:\!bg-\[\#101828\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 24 40 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-gray-100\/50:hover{
  background-color: rgb(243 244 246 / 0.5) !important;
}

.hover\:\!bg-white:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.hover\:bg-amber-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}

.hover\:bg-black\/5:hover{
  background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-bronze-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 230 214 / var(--tw-bg-opacity));
}

.hover\:bg-bronze-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 239 / var(--tw-bg-opacity));
}

.hover\:bg-bronze-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(128 105 57 / var(--tw-bg-opacity));
}

.hover\:bg-brown-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 232 229 / var(--tw-bg-opacity));
}

.hover\:bg-brown-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 248 246 / var(--tw-bg-opacity));
}

.hover\:bg-brown-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(161 128 114 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.hover\:bg-fuchsia-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255 / var(--tw-bg-opacity));
}

.hover\:bg-fuchsia-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity));
}

.hover\:bg-fuchsia-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100\/50:hover{
  background-color: rgb(243 244 246 / 0.5);
}

.hover\:bg-gray-100\/75:hover{
  background-color: rgb(243 244 246 / 0.75);
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50\/50:hover{
  background-color: rgb(249 250 251 / 0.5);
}

.hover\:bg-gray-500\/15:hover{
  background-color: rgb(107 114 128 / 0.15);
}

.hover\:bg-gray-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.hover\:bg-gray-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.hover\:bg-green-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.hover\:bg-green-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}

.hover\:bg-lime-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / var(--tw-bg-opacity));
}

.hover\:bg-lime-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231 / var(--tw-bg-opacity));
}

.hover\:bg-lime-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity));
}

.hover\:bg-moon-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 239 243 / var(--tw-bg-opacity));
}

.hover\:bg-moon-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(13 18 30 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-200\/50:hover{
  background-color: rgb(229 229 229 / 0.5);
}

.hover\:bg-neutral-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.hover\:bg-orange-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.hover\:bg-orange-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.hover\:bg-orange-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.hover\:bg-pink-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

.hover\:bg-pink-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}

.hover\:bg-pink-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}

.hover\:bg-primary-100:hover{
  background-color: var(--color-primary-100);
}

.hover\:bg-primary-200:hover{
  background-color: var(--color-primary-200);
}

.hover\:bg-primary-50:hover{
  background-color: var(--color-primary-50);
}

.hover\:bg-primary-500:hover{
  background-color: var(--color-primary-500);
}

.hover\:bg-primary-600:hover{
  background-color: var(--color-primary-600);
}

.hover\:bg-primary-700:hover{
  background-color: var(--color-primary-700);
}

.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-sky-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.hover\:bg-sky-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-sky-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.hover\:bg-teal-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}

.hover\:bg-teal-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
}

.hover\:bg-teal-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}

.hover\:bg-violet-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.hover\:bg-violet-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.hover\:bg-violet-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-white\/50:hover{
  background-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-yellow-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.hover\:px-2\.5:hover{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.hover\:pl-10:hover{
  padding-left: 2.5rem;
}

.hover\:pl-14:hover{
  padding-left: 3.5rem;
}

.hover\:pr-2:hover{
  padding-right: 0.5rem;
}

.hover\:font-medium:hover{
  font-weight: 500;
}

.hover\:\!text-gray-700:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-gray-900:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-primary-600:hover{
  color: var(--color-primary-600) !important;
}

.hover\:text-\[\#1c1c1c\]:hover{
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity));
}

.hover\:text-amber-400:hover{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}

.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-blue-200:hover{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}

.hover\:text-blue-400:hover{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.hover\:text-bronze-400:hover{
  --tw-text-opacity: 1;
  color: rgb(185 151 102 / var(--tw-text-opacity));
}

.hover\:text-brown-400:hover{
  --tw-text-opacity: 1;
  color: rgb(210 186 176 / var(--tw-text-opacity));
}

.hover\:text-current:hover{
  color: currentColor;
}

.hover\:text-cyan-400:hover{
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}

.hover\:text-fuchsia-400:hover{
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-green-400:hover{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.hover\:text-green-700:hover{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.hover\:text-indigo-400:hover{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}

.hover\:text-indigo-900:hover{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}

.hover\:text-lime-400:hover{
  --tw-text-opacity: 1;
  color: rgb(163 230 53 / var(--tw-text-opacity));
}

.hover\:text-neutral-800:hover{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

.hover\:text-neutral-900:hover{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

.hover\:text-orange-400:hover{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}

.hover\:text-pink-400:hover{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity));
}

.hover\:text-primary-200:hover{
  color: var(--color-primary-200);
}

.hover\:text-primary-400:hover{
  color: var(--color-primary-400);
}

.hover\:text-primary-500:hover{
  color: var(--color-primary-500);
}

.hover\:text-primary-600:hover{
  color: var(--color-primary-600);
}

.hover\:text-primary-700:hover{
  color: var(--color-primary-700);
}

.hover\:text-purple-400:hover{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity));
}

.hover\:text-red-400:hover{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.hover\:text-red-800:hover{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.hover\:text-red-900:hover{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}

.hover\:text-sky-400:hover{
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

.hover\:text-teal-400:hover{
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity));
}

.hover\:text-violet-400:hover{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-yellow-400:hover{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.hover\:text-yellow-600:hover{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:decoration-gray-500:hover{
  text-decoration-color: #6b7280;
}

.hover\:decoration-gray-700:hover{
  text-decoration-color: #374151;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-70:hover{
  opacity: 0.7;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-85:hover{
  opacity: 0.85;
}

.hover\:shadow:hover{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-2xl:hover{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_4px_12px_0_rgb\(from_theme\(colors\.gray\.900\)_r_g_b_\/_0\.08\)\2c 0_2px_4px_0_rgb\(from_theme\(colors\.black\)_r_g_b_\/_0\.05\)\2c 0_0_0_1px_rgb\(from_theme\(colors\.black\)_r_g_b_\/_0\.12\)\2c inset_0_1px_0_0_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.9\)\2c inset_0_0_0_1px_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.03\)\]:hover{
  --tw-shadow: 0 4px 12px 0 rgb(from #111827 r g b / 0.08),0 2px 4px 0 rgb(from #000 r g b / 0.05),0 0 0 1px rgb(from #000 r g b / 0.12),inset 0 1px 0 0 rgb(from #fff r g b / 0.9),inset 0 0 0 1px rgb(from #fff r g b / 0.03);
  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_4px_12px_0_rgb\(from_theme\(colors\.gray\.900\)_r_g_b_\/_0\.15\)\2c 0_2px_4px_0_rgb\(from_theme\(colors\.gray\.950\)_r_g_b_\/_0\.2\)\2c 0_0_0_1px_theme\(colors\.gray\.900\)\2c inset_0_1px_0_0_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.25\)\2c inset_0_0_0_1px_rgb\(from_theme\(colors\.white\)_r_g_b_\/_0\.03\)\]:hover{
  --tw-shadow: 0 4px 12px 0 rgb(from #111827 r g b / 0.15),0 2px 4px 0 rgb(from #030712 r g b / 0.2),0 0 0 1px #111827,inset 0 1px 0 0 rgb(from #fff r g b / 0.25),inset 0 0 0 1px rgb(from #fff r g b / 0.03);
  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-gray-200:hover{
  --tw-shadow-color: #e5e7eb;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-neutral-200:hover{
  --tw-shadow-color: #e5e5e5;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:ring-2:hover{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-black\/20:hover{
  --tw-ring-color: rgb(0 0 0 / 0.2);
}

.hover\:ring-gray-200:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.hover\:ring-gray-300:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.hover\:ring-primary-300:hover{
  --tw-ring-color: var(--color-primary-300);
}

.file\:hover\:bg-gray-50:hover::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.focus\:z-10:focus{
  z-index: 10;
}

.focus\:border-none:focus{
  border-style: none;
}

.focus\:border-gray-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.focus\:border-gray-700:focus{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.focus\:border-gray-800:focus{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.focus\:border-gray-900:focus{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-primary-500:focus{
  border-color: var(--color-primary-500);
}

.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:\!bg-\[\#101828\]:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 24 40 / var(--tw-bg-opacity)) !important;
}

.focus\:\!bg-gray-100\/50:focus{
  background-color: rgb(243 244 246 / 0.5) !important;
}

.focus\:bg-gray-100:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.focus\:bg-gray-100\/75:focus{
  background-color: rgb(243 244 246 / 0.75);
}

.focus\:bg-gray-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.focus\:bg-gray-700:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.focus\:bg-primary-50:focus{
  background-color: var(--color-primary-50);
}

.focus\:bg-red-100:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.focus\:bg-red-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:text-gray-800:focus{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.focus\:text-white:focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:underline:focus{
  text-decoration-line: underline;
}

.focus\:opacity-100:focus{
  opacity: 1;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-red-500:focus{
  outline-color: #ef4444;
}

.focus\:\!ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:\!ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[1\.8px\]:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus{
  --tw-ring-inset: inset;
}

.focus\:ring-amber-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-bronze-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 122 71 / var(--tw-ring-opacity));
}

.focus\:ring-brown-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 160 148 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
}

.focus\:ring-fuchsia-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 70 239 / var(--tw-ring-opacity));
}

.focus\:ring-gray-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.focus\:ring-gray-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.focus\:ring-gray-500\/25:focus{
  --tw-ring-color: rgb(107 114 128 / 0.25);
}

.focus\:ring-gray-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.focus\:ring-gray-700:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}

.focus\:ring-gray-800:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}

.focus\:ring-gray-900:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
}

.focus\:ring-green-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-lime-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(132 204 22 / var(--tw-ring-opacity));
}

.focus\:ring-moon-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}

.focus\:ring-neutral-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
}

.focus\:ring-neutral-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
}

.focus\:ring-neutral-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
}

.focus\:ring-orange-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
}

.focus\:ring-pink-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity));
}

.focus\:ring-primary-300:focus{
  --tw-ring-color: var(--color-primary-300);
}

.focus\:ring-primary-400:focus{
  --tw-ring-color: var(--color-primary-400);
}

.focus\:ring-primary-500:focus{
  --tw-ring-color: var(--color-primary-500);
}

.focus\:ring-primary-600:focus{
  --tw-ring-color: var(--color-primary-600);
}

.focus\:ring-purple-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus\:ring-sky-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

.focus\:ring-teal-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity));
}

.focus\:ring-violet-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity));
}

.focus\:ring-yellow-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity));
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-1:focus{
  --tw-ring-offset-width: 1px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-gray-900:focus{
  --tw-ring-offset-color: #111827;
}

.file\:focus\:outline-none:focus::file-selector-button{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible{
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}

.focus-visible\:outline-offset-0:focus-visible{
  outline-offset: 0px;
}

.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}

.focus-visible\:outline-current:focus-visible{
  outline-color: currentColor;
}

.focus-visible\:outline-gray-600:focus-visible{
  outline-color: #4b5563;
}

.focus-visible\:outline-neutral-600:focus-visible{
  outline-color: #525252;
}

.focus-visible\:outline-primary-500:focus-visible{
  outline-color: var(--color-primary-500);
}

.focus-visible\:outline-primary-600:focus-visible{
  outline-color: var(--color-primary-600);
}

.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible{
  --tw-ring-inset: inset;
}

.focus-visible\:ring-black\/20:focus-visible{
  --tw-ring-color: rgb(0 0 0 / 0.2);
}

.focus-visible\:ring-gray-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.focus-visible\:ring-gray-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.focus-visible\:ring-primary-400:focus-visible{
  --tw-ring-color: var(--color-primary-400);
}

.focus-visible\:ring-primary-500:focus-visible{
  --tw-ring-color: var(--color-primary-500);
}

.focus-visible\:ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:cursor-grabbing:active{
  cursor: grabbing;
}

.active\:bg-gray-100:active{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.active\:bg-gray-500\/25:active{
  background-color: rgb(107 114 128 / 0.25);
}

.active\:opacity-75:active{
  opacity: 0.75;
}

.active\:shadow-inner:active{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.enabled\:bg-neutral-800:enabled{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.enabled\:text-white:enabled{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.enabled\:hover\:bg-neutral-700:hover:enabled{
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.enabled\:focus-visible\:outline-neutral-600:focus-visible:enabled{
  outline-color: #525252;
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:relative:disabled{
  position: relative;
}

.disabled\:inline-flex:disabled{
  display: inline-flex;
}

.disabled\:h-6:disabled{
  height: 1.5rem;
}

.disabled\:w-11:disabled{
  width: 2.75rem;
}

.disabled\:flex-shrink-0:disabled{
  flex-shrink: 0;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:cursor-pointer:disabled{
  cursor: pointer;
}

.disabled\:cursor-wait:disabled{
  cursor: wait;
}

.disabled\:justify-center:disabled{
  justify-content: center;
}

.disabled\:rounded-full:disabled{
  border-radius: 9999px;
}

.disabled\:border-2:disabled{
  border-width: 2px;
}

.disabled\:border-transparent:disabled{
  border-color: transparent;
}

.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-200:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-700:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.disabled\:bg-transparent:disabled{
  background-color: transparent;
}

.disabled\:text-gray-700:disabled{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.disabled\:opacity-100:disabled{
  opacity: 1;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:opacity-75:disabled{
  opacity: 0.75;
}

.disabled\:hover\:bg-gray-400:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.group:target .group-target\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:-translate-x-1{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/btn:hover .group-hover\/btn\:-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-l-gray-200{
  --tw-border-opacity: 1;
  border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-r-gray-200{
  --tw-border-opacity: 1;
  border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.group:hover .group-hover\:bg-black\/0{
  background-color: rgb(0 0 0 / 0);
}

.group:hover .group-hover\:bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}

.group:hover .group-hover\:bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:fill-gray-400{
  fill: #9ca3af;
}

.group:hover .group-hover\:fill-gray-500{
  fill: #6b7280;
}

.group\/btn:hover .group-hover\/btn\:text-primary-600{
  color: var(--color-primary-600);
}

.group:hover .group-hover\:text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-primary-500{
  color: var(--color-primary-500);
}

.group:hover .group-hover\:text-primary-600{
  color: var(--color-primary-600);
}

.group:hover .group-hover\:text-primary-700{
  color: var(--color-primary-700);
}

.group:hover .group-hover\:text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-75{
  opacity: 0.75;
}

.group:hover .group-hover\:shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:active .group-active\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer\/amber:checked ~ .peer-checked\/amber\:block{
  display: block;
}

.peer\/blue:checked ~ .peer-checked\/blue\:block{
  display: block;
}

.peer\/bronze:checked ~ .peer-checked\/bronze\:block{
  display: block;
}

.peer\/brown:checked ~ .peer-checked\/brown\:block{
  display: block;
}

.peer\/cyan:checked ~ .peer-checked\/cyan\:block{
  display: block;
}

.peer\/fuchsia:checked ~ .peer-checked\/fuchsia\:block{
  display: block;
}

.peer\/green:checked ~ .peer-checked\/green\:block{
  display: block;
}

.peer\/indigo:checked ~ .peer-checked\/indigo\:block{
  display: block;
}

.peer\/lime:checked ~ .peer-checked\/lime\:block{
  display: block;
}

.peer\/moon:checked ~ .peer-checked\/moon\:block{
  display: block;
}

.peer\/orange:checked ~ .peer-checked\/orange\:block{
  display: block;
}

.peer\/pink:checked ~ .peer-checked\/pink\:block{
  display: block;
}

.peer\/purple:checked ~ .peer-checked\/purple\:block{
  display: block;
}

.peer\/red:checked ~ .peer-checked\/red\:block{
  display: block;
}

.peer\/sky:checked ~ .peer-checked\/sky\:block{
  display: block;
}

.peer\/teal:checked ~ .peer-checked\/teal\:block{
  display: block;
}

.peer\/violet:checked ~ .peer-checked\/violet\:block{
  display: block;
}

.peer\/yellow:checked ~ .peer-checked\/yellow\:block{
  display: block;
}

.peer:checked ~ .peer-checked\:border-primary-300{
  border-color: var(--color-primary-300);
}

.peer:checked ~ .peer-checked\:bg-primary-50{
  background-color: var(--color-primary-50);
}

.peer:checked ~ .peer-checked\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:text-primary-700{
  color: var(--color-primary-700);
}

.peer:checked ~ .peer-checked\:opacity-100{
  opacity: 1;
}

.peer:checked ~ .peer-checked\:shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.peer\/amber:checked ~ .peer-checked\/amber\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/blue:checked ~ .peer-checked\/blue\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/bronze:checked ~ .peer-checked\/bronze\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/brown:checked ~ .peer-checked\/brown\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/color:checked ~ .peer-checked\/color\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/cyan:checked ~ .peer-checked\/cyan\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/fuchsia:checked ~ .peer-checked\/fuchsia\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/green:checked ~ .peer-checked\/green\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/indigo:checked ~ .peer-checked\/indigo\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/lime:checked ~ .peer-checked\/lime\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/moon:checked ~ .peer-checked\/moon\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/orange:checked ~ .peer-checked\/orange\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/pink:checked ~ .peer-checked\/pink\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/purple:checked ~ .peer-checked\/purple\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/red:checked ~ .peer-checked\/red\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/sky:checked ~ .peer-checked\/sky\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/teal:checked ~ .peer-checked\/teal\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/violet:checked ~ .peer-checked\/violet\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/yellow:checked ~ .peer-checked\/yellow\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:checked ~ .peer-checked\:hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.peer\/color:checked ~ .peer-checked\/color\:active\:ring:active{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer\/color:checked ~ .peer-checked\/color\:active\:ring-offset-1:active{
  --tw-ring-offset-width: 1px;
}

.peer:hover ~ .peer-hover\:text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.peer:hover ~ .peer-hover\:transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.peer:focus ~ .peer-focus\:border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-gray-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.peer:focus-visible ~ .peer-focus-visible\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus-visible ~ .peer-focus-visible\:ring-gray-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.peer:focus-visible ~ .peer-focus-visible\:ring-offset-1{
  --tw-ring-offset-width: 1px;
}

.has-\[\:checked\]\:border-primary-500:has(:checked){
  border-color: var(--color-primary-500);
}

.has-\[\:checked\]\:bg-gray-100:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:bg-gray-50:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:bg-neutral-100:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:bg-neutral-50:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:bg-primary-50:has(:checked){
  background-color: var(--color-primary-50);
}

.has-\[\:checked\]\:text-gray-900:has(:checked){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.has-\[\:checked\]\:text-neutral-900:has(:checked){
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

.has-\[\:checked\]\:ring-2:has(:checked){
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.has-\[\:checked\]\:ring-gray-700:has(:checked){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}

.has-\[\:checked\]\:ring-neutral-400:has(:checked){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
}

.has-\[\:focus-visible\]\:ring-gray-400:has(:focus-visible){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.aria-\[current\=location\]\:bg-primary-50[aria-current="location"]{
  background-color: var(--color-primary-50);
}

.aria-\[current\=location\]\:text-primary-500[aria-current="location"]{
  color: var(--color-primary-500);
}

.aria-\[current\=location\]\:hover\:bg-primary-50:hover[aria-current="location"]{
  background-color: var(--color-primary-50);
}

.aria-\[current\=location\]\:hover\:text-primary-500:hover[aria-current="location"]{
  color: var(--color-primary-500);
}

.group[aria-expanded="true"] .group-aria-expanded\:inline{
  display: inline;
}

.group[aria-expanded="true"] .group-aria-expanded\:hidden{
  display: none;
}

.group[aria-expanded="true"] .group-aria-expanded\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[aria-expanded="false"] .group-aria-\[expanded\=false\]\:inline{
  display: inline;
}

.group[aria-expanded="true"] .group-aria-\[expanded\=true\]\:inline{
  display: inline;
}

.group[aria-expanded="false"] .group-aria-\[expanded\=false\]\:hidden{
  display: none;
}

.group[aria-expanded="true"] .group-aria-\[expanded\=true\]\:hidden{
  display: none;
}

.data-\[hovering\]\:pointer-events-auto[data-hovering]{
  pointer-events: auto;
}

.data-\[scrolling\]\:pointer-events-auto[data-scrolling]{
  pointer-events: auto;
}

.data-\[state\=closed\]\:hidden[data-state="closed"]{
  display: none;
}

.data-\[state\=open\]\:hidden[data-state="open"]{
  display: none;
}

.data-\[visible\=false\]\:hidden[data-visible="false"]{
  display: none;
}

.data-\[copied\=true\]\:border-green-300[data-copied="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}

.data-\[copied\=true\]\:bg-green-100[data-copied="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.data-\[copied\=true\]\:text-green-700[data-copied="true"]{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.data-\[hovering\]\:opacity-100[data-hovering]{
  opacity: 1;
}

.data-\[scrolling\]\:opacity-100[data-scrolling]{
  opacity: 1;
}

.data-\[hovering\]\:delay-0[data-hovering]{
  transition-delay: 0s;
}

.data-\[scrolling\]\:delay-0[data-scrolling]{
  transition-delay: 0s;
}

.data-\[hovering\]\:duration-100[data-hovering]{
  transition-duration: 100ms;
}

.data-\[scrolling\]\:duration-100[data-scrolling]{
  transition-duration: 100ms;
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:inline{
  display: inline;
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:hidden{
  display: none;
}

@media (prefers-reduced-motion: reduce){
  .motion-reduce\:hidden{
    display: none;
  }

  .motion-reduce\:transition-none{
    transition-property: none;
  }
}

.dark\:\!border-gray-600:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important;
}

.dark\:border-blue-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.dark\:border-blue-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.dark\:border-blue-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity));
}

.dark\:border-emerald-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / var(--tw-border-opacity));
}

.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.dark\:border-gray-700\/50:is(.dark *){
  border-color: rgb(55 65 81 / 0.5);
}

.dark\:border-green-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}

.dark\:border-neutral-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
}

.dark\:border-neutral-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}

.dark\:border-red-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.dark\:border-white\/10:is(.dark *){
  border-color: rgb(255 255 255 / 0.1);
}

.dark\:\!bg-\[\#281212\]:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(40 18 18 / var(--tw-bg-opacity)) !important;
}

.dark\:\!bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.dark\:bg-\[\#281212\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 18 18 / var(--tw-bg-opacity));
}

.dark\:bg-amber-900\/20:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}

.dark\:bg-blue-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}

.dark\:bg-blue-800\/50:is(.dark *){
  background-color: rgb(30 64 175 / 0.5);
}

.dark\:bg-blue-900\/20:is(.dark *){
  background-color: rgb(30 58 138 / 0.2);
}

.dark\:bg-blue-900\/30:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:bg-blue-900\/50:is(.dark *){
  background-color: rgb(30 58 138 / 0.5);
}

.dark\:bg-emerald-900\/20:is(.dark *){
  background-color: rgb(6 78 59 / 0.2);
}

.dark\:bg-gray-500\/50:is(.dark *){
  background-color: rgb(107 114 128 / 0.5);
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.dark\:bg-green-400\/10:is(.dark *){
  background-color: rgb(74 222 128 / 0.1);
}

.dark\:bg-green-900\/20:is(.dark *){
  background-color: rgb(20 83 45 / 0.2);
}

.dark\:bg-green-900\/50:is(.dark *){
  background-color: rgb(20 83 45 / 0.5);
}

.dark\:bg-neutral-400\/10:is(.dark *){
  background-color: rgb(163 163 163 / 0.1);
}

.dark\:bg-neutral-600\/60:is(.dark *){
  background-color: rgb(82 82 82 / 0.6);
}

.dark\:bg-neutral-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.dark\:bg-neutral-700\/50:is(.dark *){
  background-color: rgb(64 64 64 / 0.5);
}

.dark\:bg-neutral-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.dark\:bg-neutral-800\/50:is(.dark *){
  background-color: rgb(38 38 38 / 0.5);
}

.dark\:bg-neutral-800\/70:is(.dark *){
  background-color: rgb(38 38 38 / 0.7);
}

.dark\:bg-neutral-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}

.dark\:bg-orange-400\/10:is(.dark *){
  background-color: rgb(251 146 60 / 0.1);
}

.dark\:bg-red-400\/10:is(.dark *){
  background-color: rgb(248 113 113 / 0.1);
}

.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark\:bg-yellow-400\/10:is(.dark *){
  background-color: rgb(250 204 21 / 0.1);
}

.dark\:from-gray-800:is(.dark *){
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:\!text-red-200:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(254 202 202 / var(--tw-text-opacity)) !important;
}

.dark\:text-\[\#FCA5A5\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.dark\:text-amber-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity));
}

.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}

.dark\:text-blue-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}

.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.dark\:text-current:is(.dark *){
  color: currentColor;
}

.dark\:text-emerald-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity));
}

.dark\:text-emerald-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity));
}

.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.dark\:text-gray-100\/60:is(.dark *){
  color: rgb(243 244 246 / 0.6);
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark\:text-green-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity));
}

.dark\:text-green-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}

.dark\:text-green-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity));
}

.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.dark\:text-neutral-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}

.dark\:text-neutral-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.dark\:text-neutral-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.dark\:text-neutral-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.dark\:text-neutral-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.dark\:text-neutral-800:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

.dark\:text-orange-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}

.dark\:text-primary-400:is(.dark *){
  color: var(--color-primary-400);
}

.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:text-yellow-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.dark\:placeholder-gray-300:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}

.dark\:placeholder-gray-300:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}

.dark\:accent-blue-400:is(.dark *){
  accent-color: #60a5fa;
}

.dark\:shadow-sm:is(.dark *){
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:ring-gray-600:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.dark\:ring-green-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity));
}

.dark\:ring-neutral-400:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
}

.dark\:ring-neutral-600:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
}

.dark\:ring-neutral-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 64 64 / var(--tw-ring-opacity));
}

.dark\:ring-white\/10:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:\*\:text-red-200 > *:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-neutral-100:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-neutral-400\/20:hover:is(.dark *){
  background-color: rgb(163 163 163 / 0.2);
}

.dark\:hover\:bg-neutral-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-neutral-700\/60:hover:is(.dark *){
  background-color: rgb(64 64 64 / 0.6);
}

.dark\:hover\:bg-red-100\/10:hover:is(.dark *){
  background-color: rgb(254 226 226 / 0.1);
}

.dark\:hover\:bg-red-900:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}

.dark\:hover\:text-current:hover:is(.dark *){
  color: currentColor;
}

.dark\:hover\:text-gray-500:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.dark\:hover\:text-neutral-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}

.dark\:hover\:text-neutral-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.dark\:hover\:ring-white\/20:hover:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.dark\:focus\:bg-gray-700\/50:focus:is(.dark *){
  background-color: rgb(55 65 81 / 0.5);
}

.dark\:focus\:bg-red-400\/10:focus:is(.dark *){
  background-color: rgb(248 113 113 / 0.1);
}

.dark\:focus-visible\:outline-gray-200:focus-visible:is(.dark *){
  outline-color: #e5e7eb;
}

.dark\:focus-visible\:outline-neutral-200:focus-visible:is(.dark *){
  outline-color: #e5e5e5;
}

.dark\:focus-visible\:ring-white\/20:focus-visible:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.dark\:has-\[\:checked\]\:bg-neutral-600\/60:has(:checked):is(.dark *){
  background-color: rgb(82 82 82 / 0.6);
}

.dark\:has-\[\:checked\]\:bg-neutral-800\/70:has(:checked):is(.dark *){
  background-color: rgb(38 38 38 / 0.7);
}

.dark\:has-\[\:checked\]\:text-white:has(:checked):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:has-\[\:checked\]\:ring-neutral-400:has(:checked):is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
}

@media not all and (min-width: 768px){
  .max-md\:\!hidden{
    display: none !important;
  }

  .max-md\:\!rounded-r-md{
    border-top-right-radius: 0.45rem !important;
    border-bottom-right-radius: 0.45rem !important;
  }

  .max-md\:p-4{
    padding: 1rem;
  }

  .max-md\:\!px-1\.5{
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
  }

  .max-md\:\!text-\[10px\]{
    font-size: 10px !important;
  }
}

@media (min-width: 400px){
  .xs\:max-w-\[260px\]{
    max-width: 260px;
  }

  .xs\:rounded-xl{
    border-radius: 0.75rem;
  }

  .xs\:p-1\.5{
    padding: 0.375rem;
  }
}

@media (min-width: 640px){
  .sm\:-left-\[28px\]{
    left: -28px;
  }

  .sm\:-left-\[35\.5px\]{
    left: -35.5px;
  }

  .sm\:left-3{
    left: 0.75rem;
  }

  .sm\:left-\[14px\]{
    left: 14px;
  }

  .sm\:left-\[22px\]{
    left: 22px;
  }

  .sm\:right-1{
    right: 0.25rem;
  }

  .sm\:right-5{
    right: 1.25rem;
  }

  .sm\:right-6{
    right: 1.5rem;
  }

  .sm\:top-5{
    top: 1.25rem;
  }

  .sm\:top-6{
    top: 1.5rem;
  }

  .sm\:top-8{
    top: 2rem;
  }

  .sm\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .sm\:col-start-1{
    grid-column-start: 1;
  }

  .sm\:col-start-2{
    grid-column-start: 2;
  }

  .sm\:m-4{
    margin: 1rem;
  }

  .sm\:-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .sm\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:-mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-1\.5{
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }

  .sm\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .sm\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:-mb-5{
    margin-bottom: -1.25rem;
  }

  .sm\:-mt-5{
    margin-top: -1.25rem;
  }

  .sm\:-mt-\[4\.5rem\]{
    margin-top: -4.5rem;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:ml-1\.5{
    margin-left: 0.375rem;
  }

  .sm\:ml-16{
    margin-left: 4rem;
  }

  .sm\:ml-2{
    margin-left: 0.5rem;
  }

  .sm\:ml-2\.5{
    margin-left: 0.625rem;
  }

  .sm\:ml-3{
    margin-left: 0.75rem;
  }

  .sm\:ml-4{
    margin-left: 1rem;
  }

  .sm\:ml-auto{
    margin-left: auto;
  }

  .sm\:mr-0{
    margin-right: 0px;
  }

  .sm\:mr-10{
    margin-right: 2.5rem;
  }

  .sm\:mr-2{
    margin-right: 0.5rem;
  }

  .sm\:mr-3{
    margin-right: 0.75rem;
  }

  .sm\:mr-32{
    margin-right: 8rem;
  }

  .sm\:mr-4{
    margin-right: 1rem;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-10{
    margin-top: 2.5rem;
  }

  .sm\:mt-2{
    margin-top: 0.5rem;
  }

  .sm\:mt-4{
    margin-top: 1rem;
  }

  .sm\:mt-5{
    margin-top: 1.25rem;
  }

  .sm\:mt-6{
    margin-top: 1.5rem;
  }

  .sm\:mt-px{
    margin-top: 1px;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline-block{
    display: inline-block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:inline-flex{
    display: inline-flex;
  }

  .sm\:grid{
    display: grid;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:size-3\.5{
    width: 0.875rem;
    height: 0.875rem;
  }

  .sm\:size-4{
    width: 1rem;
    height: 1rem;
  }

  .sm\:size-5{
    width: 1.25rem;
    height: 1.25rem;
  }

  .sm\:size-6{
    width: 1.5rem;
    height: 1.5rem;
  }

  .sm\:size-9{
    width: 2.25rem;
    height: 2.25rem;
  }

  .sm\:h-10{
    height: 2.5rem;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-20{
    height: 5rem;
  }

  .sm\:h-32{
    height: 8rem;
  }

  .sm\:h-5{
    height: 1.25rem;
  }

  .sm\:h-9{
    height: 2.25rem;
  }

  .sm\:h-\[26px\]{
    height: 26px;
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:h-full{
    height: 100%;
  }

  .sm\:min-h-\[7rem\]{
    min-height: 7rem;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:w-10{
    width: 2.5rem;
  }

  .sm\:w-24{
    width: 6rem;
  }

  .sm\:w-32{
    width: 8rem;
  }

  .sm\:w-44{
    width: 11rem;
  }

  .sm\:w-48{
    width: 12rem;
  }

  .sm\:w-5{
    width: 1.25rem;
  }

  .sm\:w-52{
    width: 13rem;
  }

  .sm\:w-6{
    width: 1.5rem;
  }

  .sm\:w-80{
    width: 20rem;
  }

  .sm\:w-9{
    width: 2.25rem;
  }

  .sm\:w-\[170px\]{
    width: 170px;
  }

  .sm\:w-\[190px\]{
    width: 190px;
  }

  .sm\:w-\[640px\]{
    width: 640px;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .sm\:w-full{
    width: 100%;
  }

  .sm\:\!min-w-\[340px\]{
    min-width: 340px !important;
  }

  .sm\:min-w-\[170px\]{
    min-width: 170px;
  }

  .sm\:min-w-\[190px\]{
    min-width: 190px;
  }

  .sm\:max-w-2xl{
    max-width: 42rem;
  }

  .sm\:max-w-3xl{
    max-width: 48rem;
  }

  .sm\:max-w-4xl{
    max-width: 56rem;
  }

  .sm\:max-w-5xl{
    max-width: 64rem;
  }

  .sm\:max-w-\[100\%\]{
    max-width: 100%;
  }

  .sm\:max-w-\[300px\]{
    max-width: 300px;
  }

  .sm\:max-w-\[34rem\]{
    max-width: 34rem;
  }

  .sm\:max-w-\[42rem\]{
    max-width: 42rem;
  }

  .sm\:max-w-\[70\%\]{
    max-width: 70%;
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:flex-auto{
    flex: 1 1 auto;
  }

  .sm\:flex-none{
    flex: none;
  }

  .sm\:grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .sm\:flex-col{
    flex-direction: column;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:content-end{
    align-content: flex-end;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-baseline{
    align-items: baseline;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-0{
    gap: 0px;
  }

  .sm\:gap-1\.5{
    gap: 0.375rem;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\:gap-x-1\.5{
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem;
  }

  .sm\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }

  .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity));
  }

  .sm\:overflow-hidden{
    overflow: hidden;
  }

  .sm\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:rounded-lg{
    border-radius: 0.625rem;
  }

  .sm\:rounded-md{
    border-radius: 0.45rem;
  }

  .sm\:rounded-xl{
    border-radius: 0.75rem;
  }

  .sm\:rounded-b-md{
    border-bottom-right-radius: 0.45rem;
    border-bottom-left-radius: 0.45rem;
  }

  .sm\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .sm\:border{
    border-width: 1px;
  }

  .sm\:border-2{
    border-width: 2px;
  }

  .sm\:border-l{
    border-left-width: 1px;
  }

  .sm\:border-r{
    border-right-width: 1px;
  }

  .sm\:border-transparent{
    border-color: transparent;
  }

  .sm\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .sm\:p-1{
    padding: 0.25rem;
  }

  .sm\:p-1\.5{
    padding: 0.375rem;
  }

  .sm\:p-2{
    padding: 0.5rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .sm\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-0{
    padding-bottom: 0px;
  }

  .sm\:pb-3{
    padding-bottom: 0.75rem;
  }

  .sm\:pb-4{
    padding-bottom: 1rem;
  }

  .sm\:pb-5{
    padding-bottom: 1.25rem;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:pb-7{
    padding-bottom: 1.75rem;
  }

  .sm\:pb-8{
    padding-bottom: 2rem;
  }

  .sm\:pl-16{
    padding-left: 4rem;
  }

  .sm\:pl-3{
    padding-left: 0.75rem;
  }

  .sm\:pl-5{
    padding-left: 1.25rem;
  }

  .sm\:pl-6{
    padding-left: 1.5rem;
  }

  .sm\:pl-8{
    padding-left: 2rem;
  }

  .sm\:pr-5{
    padding-right: 1.25rem;
  }

  .sm\:pr-6{
    padding-right: 1.5rem;
  }

  .sm\:pt-1{
    padding-top: 0.25rem;
  }

  .sm\:pt-2{
    padding-top: 0.5rem;
  }

  .sm\:pt-24{
    padding-top: 6rem;
  }

  .sm\:pt-4{
    padding-top: 1rem;
  }

  .sm\:pt-6{
    padding-top: 1.5rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-right{
    text-align: right;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:leading-6{
    line-height: 1.5rem;
  }

  .sm\:tracking-tight{
    letter-spacing: -0.025em;
  }

  .sm\:shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:duration-700{
    transition-duration: 700ms;
  }

  .sm\:data-\[state\=closed\]\:block[data-state="closed"]{
    display: block;
  }
}

@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }

  .md\:-inset-x-16{
    left: -4rem;
    right: -4rem;
  }

  .md\:-right-0{
    right: -0px;
  }

  .md\:-top-16{
    top: -4rem;
  }

  .md\:top-5{
    top: 1.25rem;
  }

  .md\:top-8{
    top: 2rem;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .md\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:ml-0{
    margin-left: 0px;
  }

  .md\:ml-2{
    margin-left: 0.5rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:ml-6{
    margin-left: 1.5rem;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mr-2{
    margin-right: 0.5rem;
  }

  .md\:mr-3{
    margin-right: 0.75rem;
  }

  .md\:mr-5{
    margin-right: 1.25rem;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-4{
    margin-top: 1rem;
  }

  .md\:mt-8{
    margin-top: 2rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:size-14{
    width: 3.5rem;
    height: 3.5rem;
  }

  .md\:size-24{
    width: 6rem;
    height: 6rem;
  }

  .md\:h-14{
    height: 3.5rem;
  }

  .md\:h-5{
    height: 1.25rem;
  }

  .md\:h-7{
    height: 1.75rem;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-14{
    width: 3.5rem;
  }

  .md\:w-\[700px\]{
    width: 700px;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:min-w-\[300px\]{
    min-width: 300px;
  }

  .md\:min-w-\[500px\]{
    min-width: 500px;
  }

  .md\:max-w-2xl{
    max-width: 42rem;
  }

  .md\:max-w-5xl{
    max-width: 64rem;
  }

  .md\:max-w-64{
    max-width: 16rem;
  }

  .md\:max-w-\[100\%\]{
    max-width: 100%;
  }

  .md\:max-w-\[320px\]{
    max-width: 320px;
  }

  .md\:max-w-\[350px\]{
    max-width: 350px;
  }

  .md\:max-w-\[525px\]{
    max-width: 525px;
  }

  .md\:max-w-xl{
    max-width: 36rem;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:items-baseline{
    align-items: baseline;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-end{
    justify-content: flex-end;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:gap-3{
    gap: 0.75rem;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .md\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity));
  }

  .md\:\!rounded-xl{
    border-radius: 0.75rem !important;
  }

  .md\:rounded-lg{
    border-radius: 0.625rem;
  }

  .md\:rounded-xl{
    border-radius: 0.75rem;
  }

  .md\:rounded-b-lg{
    border-bottom-right-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
  }

  .md\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pl-5{
    padding-left: 1.25rem;
  }

  .md\:pl-8{
    padding-left: 2rem;
  }

  .md\:pr-5{
    padding-right: 1.25rem;
  }

  .md\:pt-5{
    padding-top: 1.25rem;
  }

  .md\:pt-8{
    padding-top: 2rem;
  }

  .md\:text-center{
    text-align: center;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .md\:transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .group:hover .md\:group-hover\:opacity-100{
    opacity: 1;
  }
}

@media (min-width: 1024px){
  .lg\:fixed{
    position: fixed;
  }

  .lg\:inset-x-6{
    left: 1.5rem;
    right: 1.5rem;
  }

  .lg\:left-4{
    left: 1rem;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:col-start-1{
    grid-column-start: 1;
  }

  .lg\:col-start-2{
    grid-column-start: 2;
  }

  .lg\:col-start-3{
    grid-column-start: 3;
  }

  .lg\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:-ml-8{
    margin-left: -2rem;
  }

  .lg\:-mr-10{
    margin-right: -2.5rem;
  }

  .lg\:-mt-0{
    margin-top: -0px;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:ml-3{
    margin-left: 0.75rem;
  }

  .lg\:ml-6{
    margin-left: 1.5rem;
  }

  .lg\:ml-96{
    margin-left: 24rem;
  }

  .lg\:mr-0{
    margin-right: 0px;
  }

  .lg\:mr-3{
    margin-right: 0.75rem;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-auto{
    margin-top: auto;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:size-10{
    width: 2.5rem;
    height: 2.5rem;
  }

  .lg\:size-5{
    width: 1.25rem;
    height: 1.25rem;
  }

  .lg\:size-8{
    width: 2rem;
    height: 2rem;
  }

  .lg\:h-48{
    height: 12rem;
  }

  .lg\:h-8{
    height: 2rem;
  }

  .lg\:max-h-\[500px\]{
    max-height: 500px;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:w-8{
    width: 2rem;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:min-w-\[350px\]{
    min-width: 350px;
  }

  .lg\:max-w-3xl{
    max-width: 48rem;
  }

  .lg\:max-w-7xl{
    max-width: 80rem;
  }

  .lg\:max-w-\[12rem\]{
    max-width: 12rem;
  }

  .lg\:max-w-\[16rem\]{
    max-width: 16rem;
  }

  .lg\:max-w-\[400px\]{
    max-width: 400px;
  }

  .lg\:grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[minmax\(0\2c 3fr\)_minmax\(18rem\2c 1fr\)\]{
    grid-template-columns: minmax(0,3fr) minmax(18rem,1fr);
  }

  .lg\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .lg\:space-x-7 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .lg\:rounded-2xl{
    border-radius: 1rem;
  }

  .lg\:rounded-xl{
    border-radius: 0.75rem;
  }

  .lg\:rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-bl-none{
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-br-lg{
    border-bottom-right-radius: 0.625rem;
  }

  .lg\:border-b-0{
    border-bottom-width: 0px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-2{
    padding: 0.5rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-36{
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:pb-0{
    padding-bottom: 0px;
  }

  .lg\:pb-2\.5{
    padding-bottom: 0.625rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pl-3{
    padding-left: 0.75rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pr-5{
    padding-right: 1.25rem;
  }

  .lg\:pr-8{
    padding-right: 2rem;
  }

  .lg\:pt-10{
    padding-top: 2.5rem;
  }

  .lg\:pt-4{
    padding-top: 1rem;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-\[11px\]{
    font-size: 11px;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:\*\:size-7 > *{
    width: 1.75rem;
    height: 1.75rem;
  }

  .group:hover .lg\:group-hover\:fill-primary-600{
    fill: var(--color-primary-600);
  }

  .group:hover .lg\:group-hover\:text-primary-600{
    color: var(--color-primary-600);
  }
}

@media (min-width: 1280px){
  .xl\:sticky{
    position: sticky;
  }

  .xl\:bottom-0{
    bottom: 0px;
  }

  .xl\:z-20{
    z-index: 20;
  }

  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:mb-0{
    margin-bottom: 0px;
  }

  .xl\:ml-6{
    margin-left: 1.5rem;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:min-h-\[calc\(100vh-2\.75rem\)\]{
    min-height: calc(100vh - 2.75rem);
  }

  .xl\:min-h-\[calc\(100vh-5\.125rem\)\]{
    min-height: calc(100vh - 5.125rem);
  }

  .xl\:w-32{
    width: 8rem;
  }

  .xl\:max-w-4xl{
    max-width: 56rem;
  }

  .xl\:max-w-7xl{
    max-width: 80rem;
  }

  .xl\:max-w-\[500px\]{
    max-width: 500px;
  }

  .xl\:max-w-xl{
    max-width: 36rem;
  }

  .xl\:gap-10{
    gap: 2.5rem;
  }

  .xl\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:rounded-b-none{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .xl\:rounded-t-lg{
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
  }

  .xl\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .xl\:border-t{
    border-top-width: 1px;
  }

  .xl\:border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }

  .xl\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:pb-0{
    padding-bottom: 0px;
  }

  .xl\:pb-3{
    padding-bottom: 0.75rem;
  }

  .xl\:pb-4{
    padding-bottom: 1rem;
  }

  .xl\:pb-8{
    padding-bottom: 2rem;
  }

  .xl\:pt-4{
    padding-top: 1rem;
  }

  .xl\:pt-6{
    padding-top: 1.5rem;
  }

  .xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1400px){
  .min-\[1400px\]\:block{
    display: block;
  }
}

@media (min-width: 1536px){
  .\32xl\:block{
    display: block;
  }

  .\32xl\:max-w-\[520px\]{
    max-width: 520px;
  }
}

@media (forced-colors: active){
  .forced-colors\:outline{
    outline-style: solid;
  }
}

.\[\&\:not\(\.calendar-week-dragging\)\:hover\]\:\!left-\[2px\]:not(.calendar-week-dragging):hover{
  left: 2px !important;
}

.\[\&\:not\(\.calendar-week-dragging\)\:hover\]\:\!w-\[calc\(100\%-4px\)\]:not(.calendar-week-dragging):hover{
  width: calc(100% - 4px) !important;
}

.\[\&\:not\(\:focus\)\]\:hover\:bg-gray-50:hover:not(:focus){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.\[\&\>\*\:first-child\]\:\!cursor-pointer>*:first-child{
  cursor: pointer !important;
}

.\[\&\>\*\]\:w-full>*{
  width: 100%;
}

.\[\&\>a\]\:z-10>a{
  z-index: 10;
}

.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}

.\[\&\>tr\:last-of-type\>td\:first-of-type\]\:rounded-bl-lg>tr:last-of-type>td:first-of-type{
  border-bottom-left-radius: 0.625rem;
}

.\[\&\>tr\:last-of-type\>td\:first-of-type\]\:rounded-bl-xl>tr:last-of-type>td:first-of-type{
  border-bottom-left-radius: 0.75rem;
}

.\[\&\>tr\:last-of-type\>td\:last-of-type\]\:rounded-br-lg>tr:last-of-type>td:last-of-type{
  border-bottom-right-radius: 0.625rem;
}

.\[\&\>tr\:last-of-type\>td\:last-of-type\]\:rounded-br-xl>tr:last-of-type>td:last-of-type{
  border-bottom-right-radius: 0.75rem;
}

.\[\&\>tr\:last-of-type\>td\]\:border-b-0>tr:last-of-type>td{
  border-bottom-width: 0px;
}

.\[\&\[open\]\]\:flex[open]{
  display: flex;
}

.\[\&\[open\]\]\:scale-100[open]{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[open\]\]\:flex-wrap[open]{
  flex-wrap: wrap;
}

.\[\&\[open\]\]\:justify-center[open]{
  justify-content: center;
}

.\[\&\[open\]\]\:opacity-100[open]{
  opacity: 1;
}

@media (min-width: 640px){
  .\[\&\[open\]\]\:sm\:flex-nowrap[open]{
    flex-wrap: nowrap;
  }
}

.\[\&_\.relative\]\:w-full .relative{
  width: 100%;
}

.\[\&_\.ts-control\>\.item\>span\]\:block .ts-control>.item>span{
  display: block;
}

.\[\&_\.ts-control\>\.item\>span\]\:min-w-0 .ts-control>.item>span{
  min-width: 0px;
}

.\[\&_\.ts-control\>\.item\>span\]\:truncate .ts-control>.item>span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&_\.ts-control\>\.item\>span\]\:whitespace-nowrap .ts-control>.item>span{
  white-space: nowrap;
}

.\[\&_\.ts-control\>\.item\]\:flex .ts-control>.item{
  display: flex;
}

.\[\&_\.ts-control\>\.item\]\:min-w-0 .ts-control>.item{
  min-width: 0px;
}

.\[\&_\.ts-control\>\.item\]\:max-w-full .ts-control>.item{
  max-width: 100%;
}

.\[\&_\.ts-control\>\.item\]\:items-center .ts-control>.item{
  align-items: center;
}

.\[\&_\.ts-control\]\:flex-nowrap .ts-control{
  flex-wrap: nowrap;
}

.\[\&_a\]\:relative a{
  position: relative;
}

.\[\&_a\]\:w-full a{
  width: 100%;
}

.\[\&_button\]\:w-full button{
  width: 100%;
}

.selected .\[\.selected_\&\]\:text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.selected .dark\:\[\.selected_\&\]\:\!text-gray-200:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}