{"version":3,"file":"style/style-components.css","mappings":"AAAA,gBAAgB;ACEhB;EAIE;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAGA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EAIA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAIA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EAIA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAIA;EACA;EACA;EAEA;EAIA;EACA;EACA;EAEA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAIA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAIA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;AD7FF;;AEvMA;;;EAAA;AAQA;;;EAAA;ACRA;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;AH6MF;AG3ME;EAEE;EACA;AH4MJ;AGzME;EAEE;EACA;AH0MJ;AGvME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHyMJ;AGtME;EAEE;EAEA;EACA;AHsMJ;AGnME;EACE;AHqMJ;AGlME;EDlBA;EACA;AFuNF;AErNE;EAEE;AFsNJ;AGrME;EACE;EACA;EACA;EAEA;EACA;AHsMJ;AGnME;EACE;EACA;EACA;EACA;AHqMJ;AGlME;EACE;EACA;EACA;EACA;AHoMJ;AGjME;EACE;EACA;EACA;EACA;AHmMJ;AGhME;EACE;EACA;EACA;EACA;EACA;AHkMJ;AG/LE;;;;EAIE;EACA;EACA;EACA;AHiMJ;AG9LE;;;EAGE;EACA;EACA;AHgMJ;AG7LE;EACE;EACA;AH+LJ;AG3LE;EACE;AH6LJ;AG1LE;;EAEE;EACA;EACA;EACA;AH4LJ;AGzLE;EACE;EACA;EACA;EACA;EACA;AH2LJ;AGxLE;EACE;EACA;EACA;EACA;EACA;EACA;AH0LJ;AGvLE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHyLJ;;AGrLA;EACE;AHwLF;;AGrLA;EACE;EACA;AHwLF;;AGnLE;EACE;AHsLJ;AGnLE;EACE;AHqLJ;;AG/KE;EACE;AHkLJ;AG/KE;EACE;AHiLJ;;AGxKI;;;;;;;;;;;;;;;;;;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AH6LN;AGzLE;EDjKA;AF6VF;;AIrYE;EAGE;EACA;EACA;EACA;EACA;EACA;EFaF;EAEA,oEAwB+B;EAvB/B,qEAuB+B;EAtB/B,wEAsB+B;EArB/B,uEAqB+B;EErC7B;EACA;EACA;EACA;EACA;EACA;AJ0YJ;AIvYE;EAEE;AJwYJ;AIrYE;EAEE;AJsYJ;AInYE;EACE;AJqYJ;AIlYE;EACE;AJoYJ;AIjYE;EAGE;EACA;EAEA;EFrBF;EAEA,oEAwB+B;EAvB/B,qEAuB+B;EAtB/B,wEAsB+B;EArB/B,uEAqB+B;AFgYjC;AIjYE;EACE;EACA;EF3BF;EAEA,oEAwB+B;EAvB/B,qEAuB+B;EAtB/B,wEAsB+B;EArB/B,uEAqB+B;AFyYjC;AInYE;EACE;AJqYJ;AIlYE;EACE;AJoYJ;;AKjcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALocF;AKlcE;EACE;EACA;EACA;ALocJ;AKjcE;EACE;ALmcJ;AKhcE;EAEE;EACA;EACA;ALicJ;AK9bE;EACE;ALgcJ;AK7bE;EACE;EACA;AL+bJ;AK5bE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AL8bJ;AK3bE;EACE;AL6bJ;AK1bE;EACE;AL4bJ;AKzbE;EACE;AL2bJ;;AMrfE;EACE;EACA;EACA;EACA;ANwfJ;AMrfE;EACE;EACA;EACA;ANufJ;AMpfE;EACE;EACA;ANsfJ;AMnfE;EACE;EAEA;EACA;EACA;ANofJ;AMjfE;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EAGA;AN+eJ;AM7eI;EACE;AN+eN;AM3eE;EACE;EACA;EACA;EACA;EAEA;EACA;AN4eJ;AMzeE;EACE;AN2eJ;AMxeE;EACE;AN0eJ;AMveE;EACE;ANyeJ;AMteE;EACE;ANweJ;AMreE;EACE;ANueJ;AMpeE;;;;EAIE;ANseJ;AMneE;EACE;ANqeJ;AMneI;EACE;ANqeN;AMleI;EACE;ANoeN;AMheE;;;;EAIE;ANkeJ;AM/dE;EACE;EACA;EACA;ANieJ;AM9dE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANgeJ;AM9dI;EACE;ANgeN;;AO5lBA;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;AP6lBF;;AOzlBE;EACE;EACA;EACA;AP4lBJ;AOzlBE;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;AP0lBJ;AOxlBI;EAEE;EACA;EAEA;EACA;APwlBN;AOrlBI;EACE;EACA;EAEA;EACA;EACA;EAEA;;IAAA;EAGA;APqlBN;AOllBI;EACE;EACA;EACA;EACA;EAEA;EAEA;EACA;APklBN;AO9kBE;EACE;APglBJ;AO5kBE;EACE;AP8kBJ;;AQtpBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARypBF;AQtpBE;EACE;EACA;ARwpBJ;AQrpBE;EACE;ARupBJ;AQppBE;EACE;ARspBJ;;AQ7oBA;EAEE;EACA;EACA;AR+oBF;AQ7oBE;EAEE;EACA;EACA;EACA;AR8oBJ;AQ3oBE;EACE;EACA;EACA;EACA;AR6oBJ;;AQzoBA;EAEE;EACA;EACA;AR2oBF;AQzoBE;EAEE;EACA;EACA;EACA;AR0oBJ;AQvoBE;EACE;EACA;EACA;EACA;ARyoBJ;;AQroBA;EAEE;EACA;EACA;ARuoBF;AQroBE;EAEE;EACA;EACA;EACA;ARsoBJ;AQnoBE;EACE;EACA;EACA;EACA;ARqoBJ;;ASzuBA;EACE;EACA;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;EACA;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;ASzuBA;EACE;AT4uBF;;AU3xBA;EACC;AV8xBD;;AU3xBA;EACI;AV8xBJ;;AU3xBA;EACG;AV8xBH;;AWvyBA;EACE;EACA;EACA;EACA;AX0yBF;;AAzxBA;EACE;EACA;EACA;EACA;EACA;AA4xBF;AA1xBA;EACE;EACA;EACA;EACA;EACA;AA4xBF;AA1xBA;EACE;EACA;EACA;EACA;EACA;AA4xBF;AA1xBA;EACE;EACA;EACA;EACA;EACA;AA4xBF;AA1xBA;EACE;EACA;EACA;EACA;EACA;AA4xBF;AA1xBA;EACE;EACA;EACA;EACA;EACA;AA4xBF;AAxxBA;EACE;EACA;EACA;EACA;EACA;AA0xBF;AArxBA;EACE;EACA;EACA;EACA;EACA;AAuxBF;AAjxBA;EACI;EACA;EACA;EACA;EACA;EACA;AAmxBJ,C;AE/2BA;;;EAAA;AAQA;;;EAAA;AUsBA;EACE;EACA;EACA;EACA;ACrBF;ADwBA;EACE;ACrBF,C;AXjBA;;;EAAA;AAQA;;;EAAA;AYiHI;;EACE;EACA;AC/GN;ADkHI;;EZ7FF;EACA;EY8FI;EACA;EACA;AC9GN;AbgBE;;;EAEE;AabJ;AD2GM;;EACE;ACxGR,C;Ab7BA;;;EAAA;AAQA;;;EAAA;AcgEA;EACE;EACA;AC/DF;ADiEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AC/DJ;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADmEA;EACE;EACA;AChEF;ADmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;AChEF;ADmEA;EACE;EACA;AChEF;ADmEA;EACE;EACA;AChEF;ADmEA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;AChEF;ADmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChEF;ADoEE;EACE;EACA;EACA;EACA;ACjEJ;ADmEE;EACE;EACA;EACA;ACjEJ;ADqEA;EACE;EACA;EACA;EACA;AClEF;ADqEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AClEF,C;AfvMA;;;EAAA;AAQA;;;EAAA;AgB4JA;;EAEE;EACA;EACA;EACA;AC3JF;AD8JA;EACE;AC3JF;AD6JE;EACE;AC3JJ;AD+JA;EACE;AC5JF;AD8JE;EACE;AC5JJ;ADgKA;EACE;EACA;EACA;EACA;AC7JF;ADgKA;EACI;AC7JJ;ADgKI;EACI;EACA;AC9JR;ADkKA;EACI;AC/JJ;ADiKI;EACI;AC/JR;ADkKI;EACI;AChKR;ADoKA;EACE;ACjKF;ADoKA;EACE;EACA;EACA;ACjKF;ADqKI;EACI;EACA;EACA;AClKR;ADqKI;EACI;EACA;EACA;ACnKR;ADuKA;EACI;EACA;ACpKJ;ADsKI;EACE;ACpKN;ADuKI;EACI;EACA;EACA;ACrKR,C;AjBvFA;;;EAAA;AAQA;;;EAAA;AkBwGQ;ElB/EN;EACA;EkBgFU;EACA;ACtGZ;AnBuBE;EAEE;AmBtBJ;ADqGY;EACI;ACnGhB;ADyGA;EACE;ACtGF;ADwGA;EACE;ACrGF;AD0GI;EACE;ACvGN;AD6GE;EACE;AC1GJ;AD+GE;EACE;AC5GJ,C;AnBvCA;;;EAAA;AAQA;;;EAAA;AoBsBA;EACE;ACrBF;ADwBA;EACE;EACA;EACA;EACA;EACA;EACA;ACrBF;ADwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACrBF;ADwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACrBF;ADwBA;AACE;IACE;ACrBF;ADuBA;IACE;ACrBF;AACF,C;ArBnDA;;;EAAA;AAQA;;;EAAA;AsBgCI;EACE;EACA;EACA;AC/BN,C;AvBZA;;;EAAA;AAQA;;;EAAA;AwBsDA;EACE;ACrDF;ADwDA;EACE;ACrDF;ADyDE;EACI;ACtDN;AD0DE;EACE;EACA;ACvDJ;AD0DE;EACE;ACxDJ,C;AzB1BA;;;EAAA;AAQA;;;EAAA;A0BqNA;EACE;ACpNF;ADuNA;EACE;EACA;ACpNF;ADuNA;EACE;EACA;EACA;ACpNF;ADqNE;EACE;ACnNJ;ADuNA;EACE;ACpNF;ADuNA;EACE;ACpNF;ADuNA;EACE;ACpNF;ADsNA;EACE;EACA;ACnNF;ADoNE;EACE;AClNJ;ADuNE;EACE;EACA;ACpNJ;ADsNI;EACE;EACA;EACA;ACpNN;ADuNI;EACE;EACA;EACA;EACA;ACrNN;AD4NI;EACI;EACA;EACA;ACzNR;AD4NI;EACI;EACA;EACA;AC1NR;AD8NA;EACI;EACA;AC3NJ;AD6NI;EACE;AC3NN;AD8NI;EACI;EACA;EACA;AC5NR;ADgOA;EACI;AC7NJ,C;A3BxFA;;;EAAA;AAQA;;;EAAA;A4B0FA;EACE;EACA;ACzFF;AD2FE;;;;;;EAME;ACzFJ;AD4FE;;;EAIE;EACA;AC3FJ;ADkGI;EAEE;EACA;EACA;AChGN;ADmGI;EACE;EACA;ACjGN,C;ACnCA,gCAAgC,mBAAmB,CAAC,sBAAsB,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,eAAe,CAAC,aAAa,CAAC,yDAAyD,iBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAC,UAAU,CAAC,WAAW,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,wBAAwB,CAAC,gCAAgC,CAAC,6BAA6B,oDAAoD,CAAC,kCAAkC,CAAC,4BAA4B,oDAAoD,CAAC,kCAAkC,CAAC,sEAAsE,kCAAkC,CAAC,SAAS,CAAC,+DAA+D,SAAS,CAAC,sDAAsD,mBAAmB,CAAC,cAAc,CAAC,6BAA6B,CAAC,yBAAyB,CAAC,aAAa,sBAAsB,CAAC,aAAa,CAAC,iBAAiB,CAAC,UAAU,CAAC,eAAe,CAAC,eAAe,CAAC,aAAa,CAAC,eAAe,qBAAqB,CAAC,mBAAmB,YAAY,CAAC,uBAAuB,kBAAkB,CAAC,mBAAmB,CAAC,UAAU,CAAC,qBAAqB,UAAU,CAAC,uMAAuM,2BAA2B,CAAC,4BAA4B,CAAC,0CAA0C,wBAAwB,CAAC,qLAAqL,wBAAwB,CAAC,yBAAyB,CAAC,yCAAyC,iBAAiB,CAAC,oBAAoB,CAAC,eAAe,CAAC,gBAAgB,CAAC,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CAAC,UAAU,CAAC,0BAA0B,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,0CAA0C,aAAa,CAAC,iCAAiC,aAAa,CAAC,6EAA6E,UAAU,CAAC,qDAAqD,oBAAoB,CAAC,qDAAqD,oBAAoB,CAAC,YAAY,CAAC,qBAAqB,gBAAgB,CAAC,iBAAiB,CAAC,wBAAwB,cAAc,CAAC,mBAAmB,eAAe,CAAC,aAAa,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,eAAe,CAAC,cAAc,CAAC,kBAAkB,iBAAiB,CAAC,oBAAoB,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,cAAc,CAAC,sBAAsB,CAAC,uBAAuB,cAAc,CAAC,eAAe,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,UAAU,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,6BAA6B,aAAa,CAAC,aAAa,CAAC,cAAc,CAAC,0DAA0D,kBAAkB,CAAC,sEAAsE,UAAU,CAAC,sBAAsB,eAAe,CAAC,eAAe,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,2CAA2C,gBAAgB,CAAC,qBAAqB,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,cAAc,CAAC,qBAAqB,iBAAiB,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,4BAA4B,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,yCAAyC,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,UAAU,CAAC,0BAA0B,aAAa,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,eAAe,CAAC,+CAA+C,YAAY,CAAC,8BAA8B,iBAAiB,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,gBAAgB,CAAC,aAAa,CAAC,wBAAwB,CAAC,eAAe,CAAC,6BAA6B,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,sBAAsB,eAAe,CAAC,oBAAoB,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,kDAAkD,WAAW,CAAC,2BAA2B,CAAC,4BAA4B,CAAC,0BAA0B,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,wCAAwC,YAAY,CAAC,sBAAsB,aAAa,CAAC,qBAAqB,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,cAAc,CAAC,kBAAkB,CAAC,2BAA2B,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,cAAc,CAAC,gCAAgC,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,sCAAsC,yBAAyB,CAAC,kBAAkB,CAAC,UAAU,CAAC,+BAA+B,kBAAkB,CAAC,aAAa,CAAC,eAAe,CAAC,qCAAqC,2BAA2B,CAAC,YAAY,CAAC,8DAA8D,kBAAkB,CAAC,UAAU,CAAC,oEAAoE,kBAAkB,CAAC,2BAA2B,CAAC,UAAU,CAAC,yFAAyF,kBAAkB,CAAC,aAAa,CAAC,+BAA+B,4BAA4B,CAAC,uBAAuB,CAAC,WAAW,CAAC,mBAAmB,CAAC,4BAA4B,kBAAkB,CAAC,aAAa,CAAC,2DAA2D,kBAAkB,CAAC,UAAU,CAAC,iEAAiE,kBAAkB,CAAC,8DAA8D,kBAAkB,CAAC,oEAAoE,kBAAkB,CAAC,UAAU,CAAC,0EAA0E,kBAAkB,CAAC,2BAA2B,CAAC,UAAU,CAAC,oDAAoD,wBAAwB,CAAC,6CAA6C,SAAS,CAAC,qBAAqB,iBAAiB,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,uBAAuB,gBAAgB,CAAC,+BAA+B,UAAU,CAAC,QAAQ,CAAC,6BAA6B,sBAAsB,CAAC,gCAAgC,gBAAgB,CAAC,qCAAqC,UAAU,CAAC,MAAM,CAAC,8BAA8B,UAAU,CAAC,SAAS,CAAC,gCAAgC,UAAU,CAAC,QAAQ,CAAC,oBAAoB,GAAG,mBAAmB,CAAC,GAAG,uBAAuB,CAAC,C;A9BAr/N;;;EAAA;AAQA;;;EAAA;A+B8JA;EACE;AC7JF;ADiKA;;;EAGE;AC9JF,C;AhChBA;;;EAAA;AAQA;;;EAAA;AiC+OA;EACE;EACA;EACA;EACA;EACA;AC9OF;ADgPE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AC/OJ;ADkPE;EACE;AChPJ;ADmPE;EAEE;AClPJ;ADqPE;EACE;EACA;EACA;EACA;ACnPJ;ADqPI;EACE;EACA;ACnPN;ADsPI;EAEE;EACA;ACrPN;ADwPI;EACE;EACA;ACtPN;AD0PE;EACE;EACA;EACA;ACxPJ;AD0PI;EACE;EACA;ACxPN;AD0PM;EAEE;EACA;ACzPR;AD4PM;EACE;EACA;AC1PR;AD8PI;EACE;EACA;EACA;AC5PN;AD+PI;EACE;EACA;AC7PN;ADiQE;EACE;AC/PJ;ADkQE;EACE;EACA;AChQJ;ADmQE;EACE;EACA;ACjQJ;ADoQE;EACE;AClQJ;ADoQI;EACE;AClQN;ADsQE;EACE;EACA;EACA;ACpQJ;ADsQI;EACE;EACA;ACpQN;ADyQA;EACE;EACA;EACA;ACtQF;ADyQA;EAEE;EACA;EACA;ACvQF;ADyQE;EAEE;ACxQJ;AD2QE;EACE;ACzQJ,C;AlCtHA;;;EAAA;AAQA;;;EAAA;AmCujBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EnCzjBA;EACA;AoCGF;ADwjBE;EACE;ACtjBJ;AD0jBA;EACE;EACA;EACA;EACA;EACA;ACvjBF;AD0jBA;EACE;EACA;EACA;ACvjBF;ADyjBE;EACE;EACA;ACvjBJ;AD2jBA;EACE;EACA;EACA;EACA;EACA;ACxjBF;AD0jBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACxjBJ;AD2jBE;EAEE;EACA;EACA;AC1jBJ;AD6jBE;EACE;EACA;EACA;AC3jBJ;AD8jBE;EACE;EACA;EACA;AC5jBJ;ADgkBA;EACE;EACA;EACA;EACA;AC7jBF;AD+jBE;EACE;EACA;EACA;EACA;EACA;EACA;AC7jBJ;ADgkBE;EAEE;EACA;EACA;AC/jBJ;ADkkBE;EACE;EACA;EACA;AChkBJ;ADmkBE;EACE;EACA;EACA;ACjkBJ;ADqkBA;EACE;EACA;EACA;EACA;EACA;EACA;AClkBF;ADqkBA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;ACpkBF;ADukBA;EACE;ACpkBF;ADukBA;EACE;EAAwC;ACnkB1C;ADskBA;EACE;EACA;EACA;ACnkBF;ADskBA;EACE;EACA;EACA;EACA;ACnkBF;ADqkBI;EACE;ACnkBN;ADukBA;EACE;ACpkBF;ADukBA;EACE;EACA;EAGA;EnCntBA;EACA;AoC8IF;ADykBA;EACE;ACtkBF;ADykBA;;EAGE;EACA;EACA;EACA;ACvkBF;ADwkBE;;EACE;ACrkBJ;ADykBA;EACE;ACtkBF;ADykBA;EACE;ACtkBF,C;ApCzLA;;;EAAA;AAQA;;;EAAA;AqC4EA;EACE;EACA;AC3EF;AD8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AC3EF;AD6EE;EACE;EACA;EACA;EACA;EACA;EACA;AC3EJ;AD8EE;EAIE;EACA;EACA;AC/EJ;ADkFE;EACE;EACA;EACA;AChFJ,C;AtCvCA;;;EAAA;AAQA;;;EAAA;AuC8CA;EACE;EACA;EACA;EACA;AC7CF;ADgDA;EACE;AC7CF;ADgDA;EACE;EACA;EACA;EACA;AC7CF;ADgDA;EACE;AC7CF;ADgDA;EACE;EACA;AC7CF;AD+CE;EACE;AC7CJ,C;ACmDA;EACE;ACtFF,C;A1CFA;;;EAAA;AAQA;;;EAAA;A2CkLA;EACE;ACjLF;ADoLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AClLF;ADoLE;EAEE;EACA;ACnLJ;ADsLE;EACE;EACA;EACA;EACA;EACA;EACA;ACpLJ;ADuLE;EACE;ACrLJ;ADwLE;EACE;EACA;EACA;ACtLJ;ADyLE;EAEE;ACxLJ;AD2LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACzLJ;AD6LA;EACE;AC1LF;AD6LA;EACE;EACA;EACA;EACA;EACA;AC1LF;AD4LE;EACE;EACA;AC1LJ;AD8LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AC3LF;AD6LE;EACE;EACA;AC3LJ;AD+LA;;EAEE;EACA;AC5LF,C;A5CjGA;;;EAAA;AAQA;;;EAAA;A6C+WA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AC9WF;ADiXA;EACE;EACA;AC9WF;ADiXA;EACE;AC9WF;ADiXA;EACE;EACA;EACA;EACA;EACA;AC9WF;ADiXA;EACE;EACA;AC9WF;ADiXA;EACE;AC9WF;ADkXA;EACE;AC/WF;ADkXA;EACE;AC/WF;ADmXA;EACE;EACA;EACA;EACA;AChXF;ADmXA;EACE;AChXF;ADmXA;EACE;EACA;EACA;EACA;EACA;AChXF;ADmXA;EACE;AChXF;ADmXA;EACE;EACA;AChXF;ADsXA;EACE;EACA;EACA;EACA;ACnXF;ADsXA;EACE;EACA;EACA;EAAwC;AClX1C;ADqXA;EACE;EACA;EACA;EAAuC;ACjXzC;ADoXA;EACE;ACjXF;ADoXA;EACE;EACA;ACjXF;ADoXA;EACE;EACA;EACA;EACA;EACA;ACjXF;ADoXA;EACE;ACjXF;ADoXA;EACE;EACA;ACjXF;ADoXA;EACE;ACjXF;ADoXA;EACE;EACA;EACA;ACjXF;ADoXA;EACE;ACjXF;ADoXA;EACE;ACjXF;ADqXE;EACE;AClXJ;ADiXE;EACE;AC9WJ;AD6WE;EACE;AC1WJ;ADyWE;EACE;ACtWJ;ADqWE;EACE;AClWJ;ADiWE;EACE;AC9VJ;AD6VE;EACE;AC1VJ;ADyVE;EACE;ACtVJ;ADqVE;EACE;AClVJ;ADiVE;EACE;AC9UJ;AD6UE;EACE;AC1UJ;ADyUE;EACE;ACtUJ;ADqUE;EACE;AClUJ;ADiUE;EACE;AC9TJ;AD6TE;EACE;AC1TJ;ADyTE;EACE;ACtTJ;ADqTE;EACE;AClTJ;ADiTE;EACE;AC9SJ;AD6SE;EACE;AC1SJ;ADySE;EACE;ACtSJ;ADqSE;EACE;AClSJ;ADiSE;EACE;AC9RJ;AD6RE;EACE;AC1RJ;ADyRE;EACE;ACtRJ;AD0RA;EACE;ACvRF;AD0RA;;EAGE;ACxRF;AD2RA;EACE;ACxRF;AD2RA;EACE;EACA;ACxRF;AD2RA;EACE;ACxRF;AD2RA;EACE;ACxRF;AD2RA;EACE;EACA;ACxRF;AD2RA;EACE;EACA;EACA;ACxRF;AD2RA;EACE;EACA;EACA;ACxRF;AD0RE;EACE;EACA;EACA;ACxRJ,C;ACpOA;EACE;EACA;EACA;EACA;AC5DF;AD+DA;EACE;EACA;AC5DF;AD+DA;EACE;AC5DF;AD+DA;EACE;EACA;EACA;AC5DF;AD8DE;EACE;AC5DJ,C;AhDvBA;;;EAAA;AAQA;;;EAAA;AiDiDA;EACE;AChDF;ADmDA;EACE;EACA;EACA;AChDF;ADmDA;EACE;AChDF,C;AlDpBA;;;EAAA;AAQA;;;EAAA;AmDgOA;EACE;EACA;EACA;EACA;AC/NF;ADkOA;EACE;EACA;EACA;AC/NF;ADkOA;EACE;EACA;EACA;EACA;EACA;EACA;AC/NF;ADkOA;EACE;EACA;EACA;AC/NF;ADmOA;EACE;EACA;EACA;EACA;EACA;AChOF;ADkOE;EACE;AChOJ;ADoOA;EACE;EACA;EACA;ACjOF;ADoOA;EACE;ACjOF;ADoOA;EACE;EACA;ACjOF;ADoOA;EACE;EACA;EACA;EACA;ACjOF;ADoOA;EACE;EACA;EACA;EACA;ACjOF;ADoOA;EACE;ACjOF;ADoOA;EACE;ACjOF,C;ApDlFA;;;EAAA;AAQA;;;EAAA;AqDqOA;EACE;EACA;ACpOF;ADsOE;EACE;EACA;ACpOJ;ADuOA;EACE;EACA;EACA;EACA;EACA;EAEA;ACrOF;ADuOE;EACE;ACrOJ;ADyOA;EACE;EACA;EACA;ACtOF;ADyOA;EACE;EACA;EACA;EACA;EACA;ACtOF;ADyOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACtOF;ADyOA;EACE;EACA;EACA;EACA;ACtOF;ADyOA;;EAEE;EACA;EACA;EACA;ACtOF;ADwOE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACrOJ;ADuOI;;EACE;EACA;EACA;ACpON;ADuOI;;EACE;EACA;ACpON;ADyOA;EACE;ACtOF;ADyOA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ACvOF;ADyOE;EACE;EACA;EACA;EACA;ACvOJ;AD2OA;EACE;ACxOF,C;AtDpHA;;;EAAA;AAQA;;;EAAA;AuDUA;EACE;EACA;EACA;ACTF;ADYA;EACE;EACA;EACA;ACTF,C;AxDlBA;;;EAAA;AAQA;;;EAAA;AyD2PA;EACE;AC1PF;AD4PE;EACE;EACA;EACA;AC1PJ;AD8PA;EACE;EACA;EACA;EACA;EACA;EAEA;AC5PF;AD8PE;EACE;AC5PJ;ADgQA;EACE;EACA;EACA;AC7PF;ADgQA;EACE;EACA;EACA;AC7PF;ADgQA;EACE;EACA;EACA;AC7PF,C;A1D7CA;;;EAAA;AAQA;;;EAAA;A2DkDC;EACE;EACA;EACA;EACA;ACjDH;ADoDA;EACE;ACjDF;ADoDA;EACE;EACA;EACA;EACA;ACjDF;ADoDA;EACE;EACA;EACA;EACA;ACjDF;ADoDA;EACE;ACjDF;ADoDA;EACE;EACA;EACA;EACA;ACjDF,C;A5D1CA;;;EAAA;AAQA;;;EAAA;A6D2LE;EACE;AC1LJ;AD8LA;EACE;AC3LF;AD6LE;EACE;AC3LJ;AD6LI;EACE;EACA;AC3LN;AD6LI;EACE;EACA;EACA;EACA;EACA;AC3LN;AD6LI;EACE;EACA;AC3LN;ADgMA;EAEE;EACA;AC9LF;ADiMA;EAEE;AC/LF;ADkMA;EACE;EACA;AC/LF;ADkMA;EACE;AC/LF;ADkMA;EACE;AC/LF,C;A9DtDA;;;EAAA;AAQA;;;EAAA;A+DsGE;EACE;ACrGJ;ADyGA;EACE;EACA;EACA;ACtGF,C;AhEhBA;;;EAAA;AAQA;;;EAAA;AiE8PA;EACE;EACA;EACA;AC7PF;AD+PE;EACE;EACA;EACA;EACA;EACA;AC7PJ;ADgQE;EACE;AC9PJ;ADiQE;EACE;EACA;EACA;AC/PJ;ADiQE;EACE;EACA;EAEA;EACA;AChQJ;ADmQE;;EAEE;EACA;ACjQJ;ADoQE;EACE;AClQJ;ADqQE;EACE;EACA;EACA;EACA;EACA;ACnQJ;ADoQI;EACE;EACA;AClQN;ADsQE;EACE;EACA;ACpQJ;ADuQE;EACE;EACA;EACA;ACrQJ;ADwQE;EACE;ACtQJ;AD0QE;EACE;EACA;EACA;EACA;EAEA;ACzQJ;AD2QI;EACE;ACzQN;AD6QE;EACE;EACA;EACA;EACA;AC3QJ;AD8QE;EACE;AC5QJ;AD8QI;EACE;AC5QN;ADgRE;EAGE;EACA;EACA;AChRJ;ADmRE;EACE;EACA;EACA;ACjRJ;ADoRE;EACE;EACA;EACA;EACA;EACA;EACA;AClRJ;ADqRE;EACE;EACA;EACA;ACnRJ;ADwRE;EACE;EACA;ACtRJ;ADuRI;EACE;EACA;ACrRN;AD0RA;EACE;ACvRF;AD0RA;EACE;ACvRF;AD2RE;EAEE;EACA;EACA;ACzRJ;AD4RE;;EAEE;EACA;AC1RJ;AD6RE;EACE;EACA;AC3RJ;AD8RE;EACE;EACA;EACA;AC5RJ;AD+RE;EACE;AC7RJ;ADiSE;EACI;AC/RN;ADkSE;EACE;AChSJ;ADmSE;EAEE;AClSJ;ADsSA;EACE;ACnSF,C;AlEjKA;;;EAAA;AAQA;;;EAAA;AmE4IC;EACI;EACA;AC3IL;AD8IC;EACI;EACA;EACA;EACA;AC3IL;ADiJG;;EAEI,WALK;EAML,YANK;EAOL;EACA;EAEA;EACA;EAEA;AChJP;ADiJO;;EACE,WAfG;EAgBH,YAhBG;EAiBH;EACA;EACA;AC9IT;ADiJO;;EACE;EACA;AC9IT;ADiJO;;EACE;EACA;AC9IT;ADmJA;EACG;EACA;EACA;AChJH;ADkJG;EACE;EACA;AChJL;ADoJC;EACI;EACA;EACA;ACjJL;ADmJC;EACI;AChJL;ADmJC;EACE;AChJH;ADmJC;EACE;EACA;EACA;AChJH;ADmJC;EACE;AChJH;ADmJC;EAEE;ACjJH;ADqJG;;EAEE;EACA;AClJL,C;ApE3FA;;;EAAA;AAQA;;;EAAA;AqEoSA;EACI;ACnSJ;ADsSM;EACE;ACpSR;ADwSI;EACI;EACA;EAEA;ACvSR;ADySQ;EACE;EACA;ACvSV;ADySU;EACE;ACvSZ;AD4SI;;EAEI;EACA;EACA;EACA;AC1SR;AD6SI;EACE;AC3SN;AD8SI;EACE;AC5SN;AD+SI;EACE;AC7SN;ADgTI;EACE;EACA;EACA;EACA;EACA;AC9SN;ADgTM;EACE;EACA;EACA;EACA;AC9SR;ADkTE;EACE;EACA;EACA;AChTJ;ADmTM;EACE;EACA;ACjTR;ADoTM;EACE;EACA;EACA;AClTR;ADsTE;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;ACvTJ;ADyTI;EACE;EACA;ACvTN;ADwTM;EACE;ACtTR;ADyTM;EACE;EACA;ACvTR;AD6TE;EACE;AC1TJ;AD4TE;EACE;AC1TJ;AD4TE;;EAEE;AC1TJ;AD4TE;EACE;AC1TJ;AD4TE;EACE;AC1TJ;AD+TE;;EAEE;EACA;AC5TJ;ADgUA;EACE;EACA;EACA;AC7TF,C;AtE1HA;;;EAAA;AAQA;;;EAAA;AuEuFA;EACI;EACA;ACtFJ;ADwFI;EACI,WAPG;EAQH;ACtFR;ADyFI;EACI;EACA;ACvFR;ADwFQ;EACE,WAfC;EAgBD,YAhBC;EAiBD;EACA;EAEA;EACA;EAEA;ACxFV;AD6FI;;EAEE;AC3FN;AD4FM;;EACE;ACzFR;AD8FM;EACE;AC5FR;ADiGM;EACE;AC/FR;ADmGI;EACE;ACjGN,C;AxE7CA;;;EAAA;AAQA;;;EAAA;AyEoLA;EACE;ACnLF;ADsLA;EACI;ACnLJ;ADsLA;EACI;ACnLJ;ADsLA;EACI;EACA;ACnLJ;ADsLA;EACE;EACA;ACnLF;ADsLA;EACE;EACA;ACnLF;ADqLE;EACE;ACnLJ;ADsLE;EACE;ACpLJ,C;A1EvCA;;;EAAA;AAQA;;;EAAA;A2E2TA;EACE;AC1TF;AD+TA;EACE,WAHS;EAIT,YAJS;EAKT;EACA;EACA;EACA;EACA;AC5TF;AD6TE;EACE,WAXO;EAYP,YAZO;EAaP;EACA;EACA;AC3TJ;AD+TA;EACE;EACA;AC5TF;AD+TA;EACE;EACA;AC5TF;AD+TA;;EAEE;EACA;AC5TF;AD+TA;EACE;AC5TF,C;A5E/CA;;;EAAA;AAQA;;;EAAA;A6EyBE;EACE;EACA;EACA;ACxBJ;AD0BI;EAEE;ACzBN;AD6BE;EACE;AC3BJ;AD8BE;EACE;AC5BJ;AD+BE;;EAEE;EACA;EACA;EACA;AC7BJ,C;AC4BA;EACE;EACA;ACvDF,C;AhFHA;;;EAAA;AAQA;;;EAAA;AiF+DA;EACI;EACA;AC9DJ;ADiEA;EACI;EACA;EACA;EACA;AC9DJ,C;AlFlBA;;;EAAA;AAQA;;;EAAA;AmF2EA;EACE;EACA;AC1EF;AD4EA;EACE;EACA;EACA;EACA;ACzEF;AD4EA;EACE;EACA;EAEA;AC1EF;AD8EE;EACE;AC3EJ;AD6EE;EACE;AC3EJ,C;ApF/BA;;;EAAA;AAQA;;;EAAA;AqFiIA;EACE;EACA;AChIF;ADkIA;EACE;EACA;EACA;EACA;AC/HF;ADkIA;;EAEE;EACA;EAEA;AChIF;ADmIA;EACE;AChIF,C;AtF7BA;;;EAAA;AAQA;;;EAAA;AuFsCA;EACE;EACA;EACA;EACA;EACA;EAEA;ACtCF;ADwCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ACvCJ;AD0CE;EACE;ACxCJ;AD2CE;EACE;EACA;EACA;ACzCJ,C;AxFnCA;;;EAAA;AAQA;;;EAAA;AyFwFA;EACE;EACA;ACvFF;AD0FA;EACE;EACA;EACA;EACA;ACvFF;AD0FA;EACE;EACA;EACA;ACvFF;ADyFE;EACE;ACvFJ;AD0FE;EAEE;EACA;ACzFJ,C;A1F/BA;;;EAAA;AAQA;;;EAAA;A2FsEA;EACE;EACA;ACrEF;ADwEA;EACE;EACA;EACA;EACA;ACrEF;ADwEA;EACE;EACA;EACA;ACrEF;ADuEE;EACE;ACrEJ;ADwEE;EACE;EACA;ACtEJ,C;A5F/BA;;;EAAA;AAQA;;;EAAA;A6FyGE;EACE;EACA;EACA;EACA;ACxGJ;AD2GE;EACI;EACA;ACxGN;AD6GE;EACI;EACA;EACA;EACA,mBANO;EAOP;EACA;EACA;EACA;EACA,eAXO;AC/Fb;AD4GM;EACI;EACA;AC1GV;AD6GM;EACI;EACA;AC3GV;AD8GM;EACE;EACA;AC5GR;ADgHE;EACE;EACA;EACA;EACA;AC7GJ;AD+GI;EACE;EACA;AC7GN;ADiHE;EACE;EACA;EACA;AC9GJ;ADiHA;EACE;EACA;AC9GF,C;A9FhEA;;;EAAA;AAQA;;;EAAA;A+FioBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ACjoBF;ADmoBE;EACE;ACjoBJ;ADqoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ACnoBF;ADsoBA;EACE;EACA;EACA;ACnoBF;ADqoBE;EACE;ACnoBJ;ADsoBE;EACE;ACpoBJ;ADwoBA;EACE;EACA;EACA;EACA;EACA;ACroBF;ADwoBA;EACE;EACA;EACA;EACA;EACA;ACroBF;ADwoBA;EACE;EAaA;EACA;ACjpBF;ADqoBE;EACE;EACA;EACA;ACnoBJ;ADqoBE;EACE;EACA;EACA;EACA;ACnoBJ;ADwoBE;EACE;EACA;EACA;ACtoBJ;ADyoBE;EAEE;EACA;EACA;ACxoBJ;AD8oBE;EACE;AC3oBJ;AD+oBA;EACE;EACA,gDAxGwB;EAyGxB;EACA;EACA;EACA;AC5oBF;AD8oBE;EACE;EACA;EACA;EACA;EACA;EACA;AC5oBJ;AD+oBE;EAEE;EACA;EACA;AC9oBJ;ADipBE;EACE;EACA;EACA;AC/oBJ;ADmpBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;ACjpBF;ADmpBE;EACE;ACjpBJ;ADqpBA;EACE;AClpBF;ADqpBA;EACE;EACA;EACA;EACA;EACA;AClpBF;ADqpBA;EACE;AClpBF;ADqpBA;EACE;AClpBF;ADspBE;EACE;ACnpBJ;ADupBA;EACE;ACppBF;ADupBA;EACE;ACppBF;ADupBA;EACE;ACppBF;ADupBA;EACE;EACA;ACppBF;ADupBA;EACE;EACA;ACppBF;ADupBA;EACE;EACA;ACppBF;ADupBA;EACE;EACA;EACA;EACA;ACppBF;ADupBA;EACE;EACA;EACA;EACA;ACppBF;ADwpBA;EACE;EACA;EACA;EACA;ACrpBF;ADupBE;EACE;ACrpBJ;ADwpBE;EACE;EACA;EACA;EACA;ACtpBJ;ADypBE;EACE;EACA;EACA;EACA;ACvpBJ;AD0pBE;EACE;ACxpBJ;AD6pBE;EACE;AC1pBJ;AD6pBE;EACE;EACA;AC3pBJ;AD8pBE;;EAEE;AC5pBJ;AD+pBE;EACE;AC7pBJ;ADkqBE;EACE;AC/pBJ;ADkqBE;EACE;AChqBJ;ADmqBE;EACE;ACjqBJ;ADoqBE;;EAEE;AClqBJ;ADsqBA;EACE;EAEA;ACpqBF;ADsqBE;EACE;ACpqBJ;AD0qBI;EACE;ACvqBN;ADyqBI;EACE;ACvqBN;AD4qBA;AACE;;IAEE;ACzqBF;AACF;AD4qBA;EACE;AC1qBF,C;AhGxRA;;;EAAA;AAQA;;;EAAA;AiGsEA;EACE;EACA;EACA;ACrEF;ADwEA;EACE;EACA;ACrEF;ADwEA;EACE;ACrEF;ADuEA;EACE;EACA;EACA;EACA;ACpEF;ADsEE;EACE;EACA;ACpEJ;ADsEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACpEN;ADqEM;EACE;ACnER;ADqEM;EACE;ACnER;ADwEA;EACE;ACrEF;ADwEA;EACE;EACA;EACA;ACrEF,C;AlG5DA;;;EAAA;AAQA;;;EAAA;AmGuOA;EACE;EACA;EACA;EAQA;AC7OF;ADwOI;EACE;ACtON;AD2OE;EACE;ACzOJ;AD6OI;EACE;AC3ON;AD+OE;EACE;EACA;AC7OJ;ADgPE;EACE;EACA;EACA;EACA;EACA;AC9OJ;ADiPE;EACE;AC/OJ;ADkPE;EACE;AChPJ;ADmPE;;EAEI;EACA;EACA;ACjPN;ADmPM;;;EAEE;EACA;EACA;AChPR;ADmPM;;;EAEE;EACA;EACA;AChPR;ADoPE;EACE;EACA;EACA;AClPJ;ADoPI;EAGE;EACA;EACA;ACpPN,C;ApGrEA;;;EAAA;AAQA;;;EAAA;AqGwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACvBF;AD0BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACvBF,C;AtG/BA;;;EAAA;AAQA;;;EAAA;AuGqCA;EACE;ACpCF;ADsCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACpCJ;ADsCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACpCN,C;AxG7BA;;;EAAA;AAQA;;;EAAA;AyGiJE;;EAGE;EACA;EACA;EACA,YAVa;EAWb;EACA;ACjJJ;ADkJI;;EACE;EACA;AC/IN;ADoJA;EACE;ACjJF;ADmJE;EACI;EACA;ACjJN;ADoJE;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AClJN;ADoJM;EACI;AClJV;ADuJA;EACI;EACA;ACpJJ;ADsJI;EACI;ACpJR,C;A1GnDA;;;EAAA;AAQA;;;EAAA;A2G4BA;EACE;EACA;EACA;EACA;AC3BF;AD6BE;EACE;EACA;AC3BJ,C;A5GjBA;;;EAAA;AAQA;;;EAAA;A6GuLA;EACE;EACA;EACA;EACA;ACtLF;ADwLE;EACE;EACA;EACA;EACA;ACtLJ;AD2LA;EACE;EACA;ACxLF;AD0LE;EACE;EACA;ACxLJ;AD0LI;EACE;ACxLN;AD6LA;EACE;AC1LF;AD4LA;EACE;ACzLF;AD0LE;EACE;ACxLJ;AD4LA;EACE;EACA;ACzLF;AD4LA;EACE;EACA;EACA;ACzLF;AD8LA;EACE;AC3LF;AD+LE;EACE;EACA;EACA,YAVa;EAYb;EACA;EACA;AC9LJ;ADgMI;EAGE;EACA;EACA;AChMN;ADqMA;EACE;AClMF;ADoMA;EACE;ACjMF;ADqME;EACE;AClMJ;ADoME;EACE;AClMJ;ADoME;EACE;EACA;EACA;AClMJ;ADsMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACnMF;ADqME;EACE;EACA;EACA;EACA;EACA;EACA;ACnMJ,C;A9G9GA;;;EAAA;AAQA;;;EAAA;A+GodE;EACE;ACndJ;ADsdE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;ACrdJ;ADudI;EAEE;EAEA;EACA;ACvdN;AD0dI;EACE;EACA;EACA;ACxdN;AD6dA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AC3dF;AD8dA;EACE;EACA;AC3dF;AD6dE;EACE;EACA;EACA;AC3dJ;AD+dA;EACE;AC5dF;AD6dE;EACE;EACA;EACA;AC3dJ;AD+dA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AC7dF;AD8dE;EACE;EACA;AC5dJ;ADgeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AC7dF;ADgeA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AC7dF;AD+dE;;EACE;EACA;AC5dJ;AD+dE;;EACE;EACA;AC5dJ;ADgeA;EACE;AC7dF;ADgeA;EACE;AC7dF;ADgeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AC9dF;ADgeE;EACE;EACA;EACA;AC9dJ;ADieE;EACE;AC/dJ;ADkeE;EACE;ACheJ;ADmeE;EACE;EACA;ACjeJ;ADqeA;EACE;EACA;ACleF;ADoeE;EACE;EACA;EAEA;EACA;ACneJ,C;AhHhKA;;;EAAA;AAQA;;;EAAA;AiH2OA;EACE;EACA;EACA;EACA;EjHrOA;EACA;EiHsOA;EACA;ACzOF;AD2OA;EACE;EAA0B;ACvO5B;AD0OA;EACE;EACA;ACvOF;AD0OA;EACE;EACA;ACvOF;AD0OA;EACE;EACA;ACvOF;AD0OA;EACI;EACA;EACA;EACA;EACA;ACvOJ;ADyOE;EACE;EACA;EACA;EACA;EACA;ACvOJ;ADwOI;EAEE;ACvON;ADyOI;EACE;ACvON;AD4OA;EACE;ACzOF;AD6OE;EAEE;AC3OJ;AD+OA;EACE;EACA;EACA;EACA;AC5OF;AD8OE;EACE;EACA;AC5OJ;AD+OE;EACE;EACA;EACA;EACA;EACA;AC7OJ;ADgPE;EACE;AC9OJ;ADkPA;EACE;EACA;EACA;AC/OF;ADiPE;EACE;AC/OJ;ADmPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AChPF;ADkPE;EACE;EACA;EACA;AChPJ;ADmPE;EACE;EACA;EACA;EACA;EACA;EACA;ACjPJ;ADoPE;EAEE;EACA;EACA;ACnPJ;ADsPE;EACE;EACA;EACA;ACpPJ,C","sources":["webpack://AlpheiosComponents/./styles/style.scss","webpack://AlpheiosComponents/./styles/skins/_alpheios.scss","webpack://AlpheiosComponents/./styles/_variables.scss","webpack://AlpheiosComponents/./styles/_content.scss","webpack://AlpheiosComponents/./styles/form-controls/_input.scss","webpack://AlpheiosComponents/./styles/form-controls/_select.scss","webpack://AlpheiosComponents/./styles/form-controls/_multiselect.scss","webpack://AlpheiosComponents/./styles/form-controls/_checkbox.scss","webpack://AlpheiosComponents/./styles/form-controls/_button.scss","webpack://AlpheiosComponents/./styles/_lex.scss","webpack://AlpheiosComponents/./styles/_alignment.scss","webpack://AlpheiosComponents/./styles/_page_injections.scss","webpack://AlpheiosComponents/./vue/components/lemma-translation.vue","webpack://AlpheiosComponents/../../../lemma-translation.vue","webpack://AlpheiosComponents/./vue/components/infl-attribute.vue","webpack://AlpheiosComponents/../../../infl-attribute.vue","webpack://AlpheiosComponents/./vue/components/tooltip.vue","webpack://AlpheiosComponents/../../../tooltip.vue","webpack://AlpheiosComponents/./vue/components/morph-parts/principal-parts.vue","webpack://AlpheiosComponents/../../../principal-parts.vue","webpack://AlpheiosComponents/./vue/components/morph-parts/morph-data.vue","webpack://AlpheiosComponents/../../../morph-data.vue","webpack://AlpheiosComponents/./vue/components/progress-bar.vue","webpack://AlpheiosComponents/../../../progress-bar.vue","webpack://AlpheiosComponents/./vue/components/shortdef.vue","webpack://AlpheiosComponents/../../../shortdef.vue","webpack://AlpheiosComponents/./vue/components/morph-parts/definitions-list.vue","webpack://AlpheiosComponents/../../../definitions-list.vue","webpack://AlpheiosComponents/./vue/components/morph-parts/inflections-list.vue","webpack://AlpheiosComponents/../../../inflections-list.vue","webpack://AlpheiosComponents/./vue/components/morph.vue","webpack://AlpheiosComponents/../../../morph.vue","webpack://AlpheiosComponents/../../../node_modules/vue-multiselect/dist/vue-multiselect.min.css","webpack://AlpheiosComponents/./vue/components/setting.vue","webpack://AlpheiosComponents/../../../setting.vue","webpack://AlpheiosComponents/./vue/components/notification-area.vue","webpack://AlpheiosComponents/../../../notification-area.vue","webpack://AlpheiosComponents/./vue/components/popup.vue","webpack://AlpheiosComponents/../../../popup.vue","webpack://AlpheiosComponents/./vue/components/nav/navbuttons-compact.vue","webpack://AlpheiosComponents/../../../navbuttons-compact.vue","webpack://AlpheiosComponents/./vue/components/inflections/inflections-subtables-wide.vue","webpack://AlpheiosComponents/../../../inflections-subtables-wide.vue","webpack://AlpheiosComponents/./vue/components/inflections/inflections-table-prerendered.vue","webpack://AlpheiosComponents/../../../inflections-table-prerendered.vue","webpack://AlpheiosComponents/./vue/components/inflections/infl-footnote.vue","webpack://AlpheiosComponents/../../../infl-footnote.vue","webpack://AlpheiosComponents/./vue/components/inflections/inflections-table-wide.vue","webpack://AlpheiosComponents/../../../inflections-table-wide.vue","webpack://AlpheiosComponents/./vue/components/inflections/inflections-supp-table-wide.vue","webpack://AlpheiosComponents/../../../inflections-supp-table-wide.vue","webpack://AlpheiosComponents/./vue/components/wordforms.vue","webpack://AlpheiosComponents/../../../wordforms.vue","webpack://AlpheiosComponents/./vue/components/inflections/inflections.vue","webpack://AlpheiosComponents/../../../inflections.vue","webpack://AlpheiosComponents/./vue/components/grammar.vue","webpack://AlpheiosComponents/../../../grammar.vue","webpack://AlpheiosComponents/./vue/components/treebank.vue","webpack://AlpheiosComponents/../../../treebank.vue","webpack://AlpheiosComponents/./vue/components/inflections/inflections-browser.vue","webpack://AlpheiosComponents/../../../inflections-browser.vue","webpack://AlpheiosComponents/./vue/components/user-auth.vue","webpack://AlpheiosComponents/../../../user-auth.vue","webpack://AlpheiosComponents/./vue/components/word-usage-examples/word-usage-examples-filters.vue","webpack://AlpheiosComponents/../../../word-usage-examples-filters.vue","webpack://AlpheiosComponents/./vue/components/word-usage-examples/word-usage-examples-sorting.vue","webpack://AlpheiosComponents/../../../word-usage-examples-sorting.vue","webpack://AlpheiosComponents/./vue/components/word-usage-examples/word-usage-examples.vue","webpack://AlpheiosComponents/../../../word-usage-examples.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-item-panel.vue","webpack://AlpheiosComponents/../../../word-item-panel.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-filter-panel.vue","webpack://AlpheiosComponents/../../../word-filter-panel.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-sorting-panel.vue","webpack://AlpheiosComponents/../../../word-sorting-panel.vue","webpack://AlpheiosComponents/./vue/components/word-list/download-confirmation.vue","webpack://AlpheiosComponents/../../../download-confirmation.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-language-panel.vue","webpack://AlpheiosComponents/../../../word-language-panel.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-tq-source-block.vue","webpack://AlpheiosComponents/../../../word-tq-source-block.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-context-panel.vue","webpack://AlpheiosComponents/../../../word-context-panel.vue","webpack://AlpheiosComponents/./vue/components/word-list/word-list-panel.vue","webpack://AlpheiosComponents/../../../word-list-panel.vue","webpack://AlpheiosComponents/./vue/components/resource-settings.vue","webpack://AlpheiosComponents/../../../resource-settings.vue","webpack://AlpheiosComponents/./vue/components/feature-settings.vue","webpack://AlpheiosComponents/../../../feature-settings.vue","webpack://AlpheiosComponents/./vue/components/font-size.vue","webpack://AlpheiosComponents/../../../font-size.vue","webpack://AlpheiosComponents/./vue/components/ui-settings.vue","webpack://AlpheiosComponents/../../../ui-settings.vue","webpack://AlpheiosComponents/./vue/components/advanced-settings.vue","webpack://AlpheiosComponents/../../../advanced-settings.vue","webpack://AlpheiosComponents/./vue/components/options.vue","webpack://AlpheiosComponents/../../../options.vue","webpack://AlpheiosComponents/./vue/components/panel-compact.vue","webpack://AlpheiosComponents/../../../panel-compact.vue","webpack://AlpheiosComponents/./vue/components/info.vue","webpack://AlpheiosComponents/../../../info.vue","webpack://AlpheiosComponents/./vue/components/panel-large.vue","webpack://AlpheiosComponents/../../../panel-large.vue","webpack://AlpheiosComponents/./vue/components/embed-lib-warning.vue","webpack://AlpheiosComponents/../../../embed-lib-warning.vue","webpack://AlpheiosComponents/./vue/components/nav/toolbar-compact.vue","webpack://AlpheiosComponents/../../../toolbar-compact.vue","webpack://AlpheiosComponents/./vue/components/form-components/input-autocomplete.vue","webpack://AlpheiosComponents/../../../input-autocomplete.vue","webpack://AlpheiosComponents/./vue/components/beta-codes-info.vue","webpack://AlpheiosComponents/../../../beta-codes-info.vue","webpack://AlpheiosComponents/./vue/components/lookup.vue","webpack://AlpheiosComponents/../../../lookup.vue","webpack://AlpheiosComponents/./vue/components/nav/toolbar-large.vue","webpack://AlpheiosComponents/../../../toolbar-large.vue","webpack://AlpheiosComponents/./vue/components/nav/action-panel.vue","webpack://AlpheiosComponents/../../../action-panel.vue"],"sourcesContent":["// A skin file\n@import \"skins/alpheios\";\n// Sass variables and mixins\n@import \"variables\";\n\n// Base content styles\n@import \"content\";\n\n// Form elements\n@import \"form-controls/input\";\n@import \"form-controls/select\";\n@import \"form-controls/multiselect\";\n@import \"form-controls/checkbox\";\n@import \"form-controls/button\";\n\n// Other styles\n@import \"lex\";\n@import \"alignment\";\n@import \"page_injections\";\n\n// Latin\n@font-face {\n  font-family: 'Source Sans Pro';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n  font-family: 'Source Sans Pro';\n  font-style: normal;\n  font-weight: 700;\n  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n  font-family: 'Source Sans Pro';\n  font-style: italic;\n  font-weight: 700;\n  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(https://fonts.gstatic.com/s/sourceserifpro/v6/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oA.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 600;\n  src: local('Source Serif Pro Semibold'), local('SourceSerifPro-Semibold'), url(https://fonts.gstatic.com/s/sourceserifpro/v6/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSyqxA.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 700;\n  src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'), url(https://fonts.gstatic.com/s/sourceserifpro/v6/neIXzD-0qpwxpaWvjeD0X88SAOeasc8btSyqxA.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n// Arabic\n\n@font-face {\n  font-family: 'Amiri';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v11/J7aRnpd8CGxBHpUrtLMA7w.woff2) format('woff2');\n  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;\n}\n\n// Syriac\n\n@font-face {\n  font-family: 'Noto Sans Syriac Western';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.eot);\n  src: url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.eot?#iefix) format('embedded-opentype'),\n       url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.woff2) format('woff2'),\n       url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.woff) format('woff'),\n       url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.ttf) format('truetype');\n}\n\nbody {\n    -webkit-touch-callout: auto;\n    -webkit-user-select: auto;\n    -khtml-user-select: auto;\n    -moz-user-select: auto;\n    -ms-user-select: auto;\n    user-select: auto;\n}\n","// This is a default Alpheios theme. All CSS custom props in it defined for an `html` element.\n// Custom skins should define their own custom props for a `:root` pseudo-class as it has a higher specificity.\nhtml {\n  // NB: all styles inside html selectors will be excluded from getting the !important flag\n  // added to them in the postprocessing of the file for Safari. See alpheios-project/components#758 for details\n  // Base font size of text elements that are scalable\n  --alpheios-base-text-size: 16px;\n  // Base size of UI elements that are scalable\n  --alpheios-base-ui-size: 16px;\n\n  --alpheios-sans-font-face: 'Source Sans Pro', sans-serif;\n  --alpheios-serif-font-face: 'Source Serif Pro', serif;\n  --alpheios-arabic-font-face: Amiri, serif;\n  --alpheios-syriac-font-face: 'Noto Sans Syriac Western', serif;\n\n  --alpheios-color-placehoder: #ddd;\n\n  // A skin's color palette\n  --alpheios-color-neutral-dark: #757575;\n  --alpheios-color-neutral-light: #E6E6E6;\n  --alpheios-color-neutral-lightest: #FFF;\n\n  --alpheios-color-dark: #0E2233;\n  --alpheios-color-dark-hover: #1B374F;\n  --alpheios-color-dark-pressed: var(--alpheios-color-dark);\n\n  --alpheios-color-muted: #185F6D;\n  --alpheios-color-muted-hover: #124D59;\n  --alpheios-color-muted-pressed: #093943;\n\n  --alpheios-color-vivid: #C64906;\n  --alpheios-color-vivid-hover: #F27431;\n  --alpheios-color-vivid-pressed: var(--alpheios-color-vivid);\n\n  --alpheios-color-bright: #FFC24F;\n  --alpheios-color-bright-hover: #FFD27D;\n  --alpheios-color-bright-pressed: var(--alpheios-color-bright);\n\n  --alpheios-color-light: #BCE5F0;\n\n  --alpheios-text-color: var(--alpheios-color-neutral-dark);\n  --alpheios-text-color-dark: var(--alpheios-color-dark);\n  --alpheios-text-color-vivid: var(--alpheios-color-vivid);\n  --alpheios-text-bg-color: var(--alpheios-color-neutral-lightest);\n  --alpheios-link-color-on-light: var(--alpheios-color-vivid);\n  --alpheios-link-color-on-medium: var(--alpheios-color-muted);\n  --alpheios-link-color-on-dark: var(--alpheios-color-bright);\n  --alpheios-toolbar-bg-color: var(--alpheios-color-dark);\n  --alpheios-toolbar-bg-color-hover: var(--alpheios-color-dark-hover);\n  --alpheios-border-color: var(--alpheios-color-neutral-dark);\n  --alpheios-icon-color: var(--alpheios-color-neutral-lightest);\n  --alpheios-icon-bg-color: transparent;\n  --alpheios-icon-color-active: var(--alpheios-color-bright);\n  --alpheios-icon-bg-color-active: transparent;\n  --alpheios-icon-color-hover: var(--alpheios-color-bright-hover);\n  --alpheios-icon-bg-color-hover: var(--alpheios-color-dark-hover);\n  --alpheios-icon-color-pressed: var(--alpheios-color-bright-pressed);\n  --alpheios-icon-bg-color-pressed: var(--alpheios-color-dark-pressed);\n\n  // Colors of buttons\n  --alpheios-btn-primary-font-color: var(--alpheios-color-neutral-lightest);\n  --alpheios-btn-primary-bg-color: var(--alpheios-color-vivid);\n  --alpheios-btn-primary-border-color: var(--alpheios-color-vivid);\n  --alpheios-btn-primary-font-color-hover: var(--alpheios-color-neutral-lightest);\n  --alpheios-btn-primary-bg-color-hover: var(--alpheios-color-vivid-hover);\n  --alpheios-btn-primary-border-color-hover: var(--alpheios-color-vivid-hover);\n  --alpheios-btn-primary-font-color-pressed: var(--alpheios-color-neutral-lightest);\n  --alpheios-btn-primary-bg-color-pressed: var(--alpheios-color-vivid-hover);\n  --alpheios-btn-primary-border-color-pressed: var(--alpheios-color-vivid-hover);\n\n  --alpheios-btn-secondary-font-color: var(--alpheios-color-dark);\n  --alpheios-btn-secondary-bg-color: var(--alpheios-color-bright);\n  --alpheios-btn-secondary-border-color: var(--alpheios-color-bright);\n  --alpheios-btn-secondary-font-color-hover: var(--alpheios-color-dark);\n  --alpheios-btn-secondary-bg-color-hover: var(--alpheios-color-bright-hover);\n  --alpheios-btn-secondary-border-color-hover: var(--alpheios-color-bright-hover);\n  --alpheios-btn-secondary-font-color-pressed: var(--alpheios-color-dark);\n  --alpheios-btn-secondary-bg-color-pressed: var(--alpheios-color-bright-pressed);\n  --alpheios-btn-secondary-border-color-pressed: var(--alpheios-color-bright-pressed);\n\n  --alpheios-btn-tertiary-font-color: var(--alpheios-color-muted);\n  --alpheios-btn-tertiary-bg-color: var(--alpheios-color-neutral-lightest);\n  --alpheios-btn-tertiary-border-color: var(--alpheios-color-muted);\n  --alpheios-btn-tertiary-font-color-hover: var(--alpheios-color-neutral-lightest);\n  --alpheios-btn-tertiary-bg-color-hover: var(--alpheios-color-muted);\n  --alpheios-btn-tertiary-border-color-hover: var(--alpheios-color-muted);\n  --alpheios-btn-tertiary-font-color-pressed: var(--alpheios-color-neutral-lightest);\n  --alpheios-btn-tertiary-bg-color-pressed: var(--alpheios-color-muted);\n  --alpheios-btn-tertiary-border-color-pressed: var(--alpheios-color-muted);\n\n  // Notifications\n\n\n  // Those colors are not defined in a style guide\n  --alpheios-highlight-color: #F6D918;\n  --alpheios-highlight-dark-color: #E49A0D;\n\n\n  //SKIN\n  --alpheios-icon-color-disabled: var(--alpheios-color-neutral-dark);\n\n  --alpheios-link-color: var(--alpheios-color-muted);\n  --alpheios-link-color-hover: var(--alpheios-color-muted-hover);\n\n  --alpheios-link-special-color: var(--alpheios-color-vivid);\n  --alpheios-link-special-color-hover: var(--alpheios-color-vivid-hover);\n\n  --alpheios-notification-color: var(--alpheios-color-bright);\n  --alpheios-notification-color-hover: var(--alpheios-color-bright-hover);\n\n  --alpheios-important-notification-color: var(--alpheios-color-vivid);\n  --alpheios-important-notification-color-hover: var(--alpheios-color-vivid-hover);\n\n  --alpheios-highlight-border-color: var(--alpheios-color-light);\n  --alpheios-highlight-light-color: var(--alpheios-color-light);\n  --alpheios-highlight-dark-color: var(--alpheios-color-vivid);\n  --alpheios-highlight-dark-color-hover: var(--alpheios-color-vivid-hover);\n\n  //Floating toolbar\n  --alpheios-desktop-toolbar-bg: var(--alpheios-toolbar-bg-color);\n  --alpheios-desktop-toolbar-border-color: var(--alpheios-border-color);\n  --alpheios-compact-toolbar-bg: var(--alpheios-toolbar-bg-color);\n\n  --alpheios-desktop-toolbar-icon-color: var(--alpheios-icon-color);\n  --alpheios-compact-toolbar-icon-color: var(--alpheios-icon-color);\n\n  --alpheios-desktop-toolbar-icon-color-hover: var(--alpheios-icon-color-hover);\n  --alpheios-desktop-toolbar-icon-color-active: var(--alpheios-icon-color-active);\n  --alpheios-desktop-toolbar-icon-color-disabled: var(--alpheios-icon-color-disabled);\n  --alpheios-desktop-toolbar-icon-bg-disabled: var(--alpheios-toolbar-bg-color);\n  --alpheios-compact-popup-progress-bar-line: var(--alpheios-toolbar-bg-color);\n\n  //Popup\n  --alpheios-desktop-popup-header-bg: var(--alpheios-toolbar-bg-color);\n  --alpheios-desktop-popup-icon-bg-hover: var(--alpheios-toolbar-bg-color);\n\n  --alpheios-desktop-popup-icon-color: var(--alpheios-icon-color);\n  --alpheios-desktop-popup-icon-color-hover: var(--alpheios-icon-color-hover);\n  --alpheios-desktop-popup-icon-color-active: var(--alpheios-icon-color-active);\n  --alpheios-desktop-popup-icon-color-disabled: var(--alpheios-icon-color-disabled);\n  --alpheios-desktop-popup-icon-color-pressed: var(--alpheios-icon-color-disabled);\n  --alpheios-desktop-popup-icon-bg-disabled: var(--alpheios-toolbar-bg-color);\n\n  --alpheios-desktop-popup-progress-bar-line: var(--alpheios-toolbar-bg-color);\n\n  --alpheios-desktop-popup-link-color: var(--alpheios-link-color);\n  --alpheios-desktop-popup-link-color-hover: var(--alpheios-link-color-hover);\n\n  --alpheios-desktop-popup-credit-link-color: var(--alpheios-color-bright);\n  --alpheios-desktop-popup-credit-link-color-hover: var(--alpheios-color-bright-hover);\n  --alpheios-desktop-popup-credit-providers-color: var(--alpheios-text-color);\n\n  --alpheios-desktop-popup-body-bg: var(--alpheios-text-bg-color);\n  --alpheios-desktop-popup-content-bg: var(--alpheios-text-bg-color);\n\n\n  //Panel\n  --alpheios-desktop-panel-header-bg: var(--alpheios-toolbar-bg-color);\n\n  --alpheios-desktop-panel-icon-color: var(--alpheios-icon-color);\n  --alpheios-desktop-panel-icon-bg: var(--alpheios-toolbar-bg-color);\n  --alpheios-desktop-panel-icon-color-hover: var(--alpheios-icon-color-hover);\n  --alpheios-desktop-panel-icon-bg-hover: var(--alpheios-toolbar-bg-color-hover);\n  --alpheios-desktop-panel-icon-color-active: var(--alpheios-icon-color-active);\n  --alpheios-desktop-panel-icon-bg-active: var(--alpheios-toolbar-bg-color);\n  --alpheios-desktop-panel-icon-color-pressed: var(--alpheios-icon-color-pressed);\n  --alpheios-desktop-panel-icon-color-disabled: var(--alpheios-icon-color-disabled);\n\n  --alpheios-compact-panel-header-bg: var(--alpheios-toolbar-bg-color);\n\n  --alpheios-compact-panel-icon-color: var(--alpheios-icon-color);\n  --alpheios-compact-panel-icon-bg: var(--alpheios-toolbar-bg-color);\n  --alpheios-compact-panel-icon-color-hover: var(--alpheios-icon-color-hover);\n  --alpheios-compact-panel-icon-bg-hover: var(--alpheios-toolbar-bg-color-hover);\n  --alpheios-compact-panel-icon-color-active: var(--alpheios-icon-color-active);\n  --alpheios-compact-panel-icon-bg-active: var(--alpheios-toolbar-bg-color);\n  --alpheios-compact-panel-icon-color-pressed: var(--alpheios-icon-color-pressed);\n  --alpheios-compact-panel-icon-color-disabled: var(--alpheios-icon-color-disabled);\n\n  --alpheios-compact-panel-content-bg: var(--alpheios-text-bg-color);\n\n\n  //Lookup\n  --alpheios-lookup-border-color: var(--alpheios-border-color);\n  --alpheios-lookup-bg: var(--alpheios-text-bg-color);\n\n  --alpheios-lookup-input-border-color: var(--alpheios-border-color);\n  --alpheios-lookup-button-color: var(--alpheios-btn-primary-font-color);\n  --alpheios-lookup-button-bg: var(--alpheios-btn-primary-bg-color);\n  --alpheios-lookup-button-border-color: var(--alpheios-btn-primary-border-color);\n\n  --alpheios-lookup-button-color-hover: var(--alpheios-btn-primary-font-color-hover);\n  --alpheios-lookup-button-bg-hover: var(--alpheios-btn-primary-bg-color-hover);\n  --alpheios-lookup-button-border-color-hover: var(--alpheios-btn-primary-border-color-hover);\n  --alpheios-lookup-link-color: var(--alpheios-link-special-color);\n  --alpheios-lookup-link-color-hover: var(--alpheios-link-special-color-hover);\n\n  //Definitions\n\n  --alpheios-definition-short-color: var(--alpheios-color-dark);\n\n  //Inflections\n\n  --alpheios-inflect-title-color: var(--alpheios-link-color-on-light);\n\n  --alpheios-inflect-button-control-color: var(--alpheios-btn-secondary-font-color);\n  --alpheios-inflect-button-control-bg: var(--alpheios-btn-secondary-bg-color);\n  --alpheios-inflect-button-control-border-color: var(--alpheios-btn-secondary-border-color);\n\n  --alpheios-inflect-button-control-color-hover: var(--alpheios-btn-secondary-font-color-hover);\n  --alpheios-inflect-button-control-bg-hover: var(--alpheios-btn-secondary-bg-color-hover);\n  --alpheios-inflect-button-control-border-color-hover: var(--alpheios-btn-secondary-border-color-hover);\n\n  --alpheios-inflect-morph-match-cell-border-color: var(--alpheios-highlight-border-color);\n  --alpheios-inflect-match-suff-bg: var(--alpheios-highlight-light-color);\n  --alpheios-inflect-match-suff-color: var(--alpheios-text-color);\n\n  --alpheios-inflect-full-match-suff-bg: var(--alpheios-highlight-color);\n  --alpheios-inflect-full-match-suff-color: var(--alpheios-text-color);\n\n  //Word usage\n\n  --alpheios-usage-progress-color: var(--alpheios-highlight-dark-color);\n  --alpheios-usage-link-color: var(--alpheios-highlight-dark-color);\n  --alpheios-usage-link-color-hover: var(--alpheios-highlight-dark-color-hover);\n\n  --alpheios-usage-target-color: var(--alpheios-highlight-dark-color);\n\n  //Grammar\n\n  --alpheios-grammar-back-button-color: var(--alpheios-btn-primary-font-color);\n  --alpheios-grammar-back-button-bg: var(--alpheios-btn-primary-bg-color);\n  --alpheios-grammar-back-button-border-color: var(--alpheios-btn-primary-border-color);\n\n  --alpheios-grammar-back-button-color-hover: var(--alpheios-btn-primary-font-color-hover);\n  --alpheios-grammar-back-button-bg-hover: var(--alpheios-btn-primary-bg-color-hover);\n  --alpheios-grammar-back-button-border-color-hover: var(--alpheios-btn-primary-border-color-hover);\n\n  //Settings\n\n  --alpheios-settings-font-size-dark-color: var(--alpheios-btn-primary-bg-color);\n  --alpheios-settings-font-size-light-color: var(--alpheios-color-neutral-lightest);\n\n  --alpheios-settings-font-multiselect-bg: var(--alpheios-btn-primary-bg-color);\n  --alpheios-settings-font-multiselect-font-color: var(--alpheios-btn-primary-font-color);\n\n  --alpheios-settings-reset-button-color: var(--alpheios-btn-primary-font-color);\n  --alpheios-settings-reset-button-bg: var(--alpheios-btn-primary-bg-color);\n  --alpheios-settings-reset-button-border-color: var(--alpheios-btn-primary-border-color);\n\n  --alpheios-settings-reset-button-color-hover: var(--alpheios-btn-primary-font-color-hover);\n  --alpheios-settings-reset-button-bg-hover: var(--alpheios-btn-primary-bg-color-hover);\n  --alpheios-settings-reset-button-border-color-hover: var(--alpheios-btn-primary-border-color-hover);\n\n  //Wordlist\n\n  --alpheios-word-list-important-item-color: var(--alpheios-link-color);\n  --alpheios-word-list-delete-item-color: var(--alpheios-text-color);\n  --alpheios-word-list-current-item-color: var(--alpheios-highlight-color);\n  --alpheios-word-list-default-item-color: var(--alpheios-highlight-color);\n\n  --alpheios-word-list-select-item-bg: var(--alpheios-text-bg-color);\n  --alpheios-word-list-select-item-bg-hover: var(--alpheios-highlight-color);\n  --alpheios-word-list-select-item-input-part-color: var(--alpheios-link-special-color);\n\n  --alpheios-word-list-sorting-link-color: var(--alpheios-text-color);\n  --alpheios-word-list-sorting-link-color-hover: var(--alpheios-link-color);\n\n  --alpheios-word-list-context-back-link-color: var(--alpheios-link-color);\n\n  --alpheios-word-list-context-source-link-color: var(--alpheios-link-color);\n  --alpheios-word-list-context-source-link-color-hover: var(--alpheios-link-color-hover);\n\n  --alpheios-word-list-context-incontext-bg: var(--alpheios-highlight-color);\n\n  //Notifications\n\n  --alpheios-notification-color: var(--alpheios-text-color);\n  --alpheios-notification-bg: rgba(255, 193, 77, 0.5);\n  --alpheios-notification-border-color: var(--alpheios-notification-color);\n\n  --alpheios-notification-important-color: var(--alpheios-important-notification-color);\n  --alpheios-notification-important-bg: rgba(198, 73, 6, 0.31);\n  --alpheios-notification-important-border-color: var(--alpheios-important-notification-color);\n\n  --alpheios-notification-important-alt-color: #31595E;\n  --alpheios-notification-important-alt-bg: #B0C38D;\n  --alpheios-notification-important-alt-border-color: #31595E;\n\n  //Hint\n  --alpheios-hint-color: var(--alpheios-text-color);\n  --alpheios-hint-bg: var(--alpheios-color-light);\n  --alpheios-hint-border-color: var(--alpheios-hint-color);\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n@function textsize ($px-size, $base-size: 16px) {\n  @return calc(var(--alpheios-base-text-size) * #{$px-size / $base-size})\n}\n\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n@function uisize ($px-size, $base-size: 16px) {\n  @return calc(var(--alpheios-base-ui-size) * #{$px-size / $base-size})\n}\n\n// A border of elements that are scaled along with the base UI size\n@mixin alpheios-ui-border {\n  border: 1px solid var(--alpheios-border-color);\n  border-radius: uisize(10px);\n}\n\n// A border of elements that are scaled along with the base text size (i.e. form controls)\n@mixin alpheios-controls-border {\n  border: 1px solid var(--alpheios-border-color);\n  // Specified without a shorthand so they can be redefined individually\n  border-top-left-radius: $alpheios-control-border-radius;\n  border-top-right-radius: $alpheios-control-border-radius;\n  border-bottom-right-radius: $alpheios-control-border-radius;\n  border-bottom-left-radius: $alpheios-control-border-radius;\n}\n\n@mixin alpheios-interactive {\n  color: var(--alpheios-color-muted);\n  cursor: pointer;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n@mixin alpheios-enabled {\n  cursor: pointer;\n}\n\n$alpheios-namespace: '.alpheios-content';\n// Defines width and height of Alpheios toolbar buttons\n$alpheios-toolbar-base-width: 44px;\n\n$alpheios-control-border-radius: textsize(10px);\n\n@mixin keyframes($animation-name) {\n  @-webkit-keyframes #{$animation-name} {\n    @content;\n  }\n  @-moz-keyframes #{$animation-name} {\n    @content;\n  }  \n  @-ms-keyframes #{$animation-name} {\n    @content;\n  }\n  @-o-keyframes #{$animation-name} {\n    @content;\n  }  \n  @keyframes #{$animation-name} {\n    @content;\n  }\n}\n\n@mixin animation($str) {\n  -webkit-animation: #{$str};\n  -moz-animation: #{$str};\n  -ms-animation: #{$str};\n  -o-animation: #{$str};\n  animation: #{$str};      \n}\n","#{$alpheios-namespace} {\n  // `Important` below is required to override aggressive styling on pages\n  font-family: var(--alpheios-sans-font-face) !important;\n  font-size: var(--alpheios-base-text-size);\n  font-weight: 400;\n  color: var(--alpheios-text-color);\n  box-sizing: border-box;\n  margin: 0;\n\n  // Set default text align to avoid inheritance from the host page\n  text-align: left;\n\n  // Prevent mobile browsers from inflating font size\n  text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n\n  [lang='ara'] {\n    // `Important` below is required to override aggressive styling on pages\n    font-family: var(--alpheios-arabic-font-face), Verdana, Arial, Helvetica, sans-serif !important;\n    font-variant-ligatures: normal;\n  }\n\n  [lang='syr'] {\n    // `Important` below is required to override aggressive styling on pages\n    font-family: var(--alpheios-syriac-font-face), Verdana, Arial, Helvetica, sans-serif !important;\n    font-variant-ligatures: normal;\n  }\n\n  h1, h2, h3, h4, h5, h6, p, span, a {\n    line-height: 1.15;\n    text-align: left;\n    padding: 0;\n    font-family: var(--alpheios-sans-font-face);\n    font-style: normal;\n    font-size: var(--alpheios-base-text-size);\n    color: var(--alpheios-text-color);\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    // To override page styles\n    margin: 0;\n    // To override default Firefox styles\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  p {\n    margin: 0 0 textsize(16px);\n  }\n\n  a {\n    @include alpheios-interactive;\n  }\n\n  h1 {\n    font-family: var(--alpheios-serif-font-face);\n    font-size: calc(var(--alpheios-base-text-size) * 1.625) !important;\n    font-weight: 700;\n    // `Important` below is required to override aggressive styling on pages\n    margin: 0 0 textsize(32px) 0 !important;\n    color: var(--alpheios-text-color-dark);\n  }\n\n  h2 {\n    font-family: var(--alpheios-sans-font-face);\n    font-size: calc(var(--alpheios-base-text-size) * 1.5);\n    font-weight: 700;\n    margin-bottom: textsize(26px);\n  }\n\n  h3 {\n    font-family: var(--alpheios-sans-font-face);\n    font-size: calc(var(--alpheios-base-text-size) * 1.125);\n    font-weight: 700;\n    margin-bottom: textsize(22px);\n  }\n\n  h4 {\n    font-family: var(--alpheios-serif-font-face);\n    font-size: calc(var(--alpheios-base-text-size) * 1.125);\n    font-weight: 400;\n    margin-bottom: textsize(18px);\n  }\n\n  h5 {\n    font-family: var(--alpheios-sans-font-face);\n    font-size: (--alpheios-base-text-size);\n    font-weight: 700;\n    font-style: italic;\n    margin-bottom: textsize(16px);\n  }\n\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n  }\n\n  select,\n  input,\n  button {\n    text-transform: none;\n    line-height: 1.15;\n    font-size: var(--alpheios-base-text-size);\n  }\n\n  button {\n    border: 0;\n    font-family: var(--alpheios-sans-font-face);\n\n  }\n\n  textarea {\n    overflow: auto;\n  }\n\n  [type=\"checkbox\"],\n  [type=\"radio\"] {\n    box-sizing: border-box;\n    padding: 0;\n    width: textsize(12px);\n    height: textsize(12px);\n  }\n\n  b {\n    margin: 0;\n    padding: 0;\n    vertical-align: inherit;\n    font-size: inherit;\n    letter-spacing: inherit;\n  }\n\n  i {\n    font-family: inherit;\n    font-size: inherit;\n    margin: 0;\n    padding: 0;\n    text-align: inherit;\n    font-style: inherit;\n  }\n\n  u {\n    margin: 0;\n    padding: 0;\n    vertical-align: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    text-decoration: inherit;\n    line-height: inherit;\n  }\n}\n\n.alpheios-clickable {\n  cursor: pointer;\n}\n\n.alpheios-text-small {\n  font-size: calc(var(--alpheios-base-text-size) * 0.875);\n  line-height: 1.5;\n}\n\n// Shall be applied to all logo SVGs that are shown on light background\n.alpheios-logo-on-light {\n  .svg-logo-bg {\n    fill: #D3ECEC;\n  }\n\n  .svg-logo-lines {\n    fill: #062135;\n  }\n}\n\n// Shall be applied to all logo SVGs that are shown on dark background\n.alpheios-logo-on-dark {\n  .svg-logo-bg {\n    display: none;\n  }\n\n  .svg-logo-lines {\n    fill: #FFF;\n  }\n}\n\n\n#{$alpheios-namespace} {\n  .alpheios-popup__body,\n  .alpheios-panel__content,\n  .alpheios-toolbar__lookup {\n    h1, h2, h3, h4, h5, h6, p, span, a {\n      line-height: 1.15;\n      text-align: left;\n      padding: 0;\n      font-family: var(--alpheios-sans-font-face);\n      font-style: normal;\n      font-size: var(--alpheios-base-text-size);\n      color: var(--alpheios-text-color);\n    }\n  }\n\n  *[data-alpheios-enable=\"all\"] {\n    @include alpheios-enabled;\n  }\n}\n","// We're using a double selector here to protect from styles leaked from the pages\ninput.alpheios-input {\n\n  &,\n  // The second selector below is required to override aggressive styling of some pages\n  &[type] {\n    box-sizing: border-box;\n    margin: 0;\n    font: inherit;\n    font-size: var(--alpheios-base-text-size);\n    max-width: 100%;\n    width: 100%;\n    @include alpheios-controls-border;\n    padding: textsize(8px);\n    background: var(--alpheios-text-bg-color);\n    color: var(--alpheios-text-color);\n    vertical-align: middle;\n    display: inline-block;\n    -webkit-appearance: none;\n  }\n\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"]::-webkit-inner-spin-button,\n  &[type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  &::-moz-placeholder {\n    opacity: 1;\n  }\n\n  &:not(input) {\n    line-height: 40px;\n  }\n\n  &:focus,\n  // The second selector below is required to override aggressive styling of some pages\n  &[type]:focus {\n    outline: none;\n    border: inherit;\n    // Include below is to override custom styles set by a page\n    border: 1px solid var(--alpheios-border-color);\n    @include alpheios-controls-border;\n  }\n\n  &:disabled {\n    background-color: var(--alpheios-color-neutral-dark);\n    color: var(--alpheios-color-neutral-lightest);\n    // Include below is to override custom styles set by a page\n    @include alpheios-controls-border;\n  }\n\n  &::placeholder {\n    color: var(--alpheios-color-neutral-light);\n  }\n\n  &::-ms-input-placeholder {\n    color: var(--alpheios-color-neutral-light) !important;\n  }\n}",".alpheios-select {\n  box-sizing: border-box;\n  margin: 0;\n  border-radius: textsize(10px);\n  font: inherit;\n  text-transform: none;\n  max-width: 100%;\n  width: 100%;\n  border: 1px solid var(--alpheios-border-color);\n  padding: 0 10px;\n  background: var(--alpheios-text-bg-color);\n  color: var(--alpheios-text-color);\n  -webkit-appearance: none;\n\n  &:not([multiple]):not([size]) {\n    height: textsize(36px);\n    vertical-align: middle;\n    display: inline-block;\n  }\n\n  &:not(select) {\n    line-height: textsize(36px);\n  }\n\n  &[multiple],\n  &[size] {\n    padding-top: textsize(4px);\n    padding-bottom: textsize(4px);\n    vertical-align: top;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: var(--alpheios-color-neutral-lightest);\n    color: var(--alpheios-color-neutral-light);\n  }\n\n  &:not([multiple]):not([size]) {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    padding-right: textsize(20px);\n    background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A\");\n    background-repeat: no-repeat;\n    background-position: 100% 50%;\n    background-size: textsize(24px);\n  }\n\n  &:not([multiple]):not([size])::-ms-expand {\n    display: none;\n  }\n\n  &:not([multiple]):not([size]) option {\n    color: var(--alpheios-text-color);\n  }\n\n  &:not([multiple]):not([size]):disabled {\n    background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A\");\n  }\n}","#{$alpheios-namespace} {\n  .multiselect {\n    display: inline-block;\n    vertical-align: middle;\n    border-radius: textsize(10px);\n    border: 1px solid var(--alpheios-border-color);\n  }\n\n  .multiselect__content-wrapper {\n    border: 1px solid var(--alpheios-border-color);\n    border-top: 0;\n    padding: textsize(10px);\n  }\n\n  ul.multiselect__content {\n    padding: 0;\n    margin: 0;\n  }\n\n  .multiselect__tags {\n    font-size: textsize(16px);\n    // Need this to prevent tags element's background to overlap rounded corners of multiselect\n    border-radius: textsize(10px);\n    min-height: textsize(40px);\n    padding: textsize(8px) textsize(40px) 0 textsize(8px);\n  }\n\n  span.multiselect__tag {\n    background-color: var(--alpheios-settings-font-multiselect-bg);\n\n    display: inline-block;\n    border-radius: textsize(5px);\n    padding: textsize(4px) textsize(26px) textsize(4px) textsize(10px);\n\n    position: relative;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    // To match scaling via the --alpheios-base-ui-size\n    min-height: textsize(24px);\n\n    span {\n      color: var(--alpheios-settings-font-multiselect-font-color);\n    }\n  }\n\n  .multiselect__select {\n    background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E%0A\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n\n    width: textsize(28px);\n    height: 100%;\n  }\n\n  .multiselect__select::before {\n    display: none;\n  }\n\n  .multiselect__content {\n    padding: 0;\n  }\n\n  .multiselect__single {\n    display: none;\n  }\n\n  span.multiselect__option {\n    padding: 12px;\n  }\n\n  .multiselect__option::after {\n    display: none;\n  }\n\n  .multiselect__option--highlight,\n  .multiselect__tag,\n  .multiselect__tag-icon:focus,\n  .multiselect__tag-icon:hover {\n    background: var(--alpheios-settings-font-multiselect-bg);\n  }\n\n  .multiselect__option.multiselect__option--highlight {\n    background-color: var(--alpheios-settings-font-multiselect-bg);\n\n    &:after {\n      display: none;\n    }\n\n    span {\n      color: var(--alpheios-settings-font-multiselect-font-color);\n    }\n  }\n\n  .multiselect__option--highlight span,\n  .multiselect__tag span,\n  .multiselect__tag-icon:focus span,\n  .multiselect__tag-icon:hover span {\n    color: var(--alpheios-settings-font-multiselect-font-color);\n  }\n\n  .multiselect__tag-icon:after {\n    content: \"\\D7\";\n    color: var(--alpheios-settings-font-multiselect-font-color);\n    font-size: textsize(24px);\n  }\n\n  .multiselect__tag-icon {\n    border-radius: 5px;\n    bottom: 0;\n    cursor: pointer;\n    font-style: normal;\n    font-weight: bold;\n    line-height: 1;\n    margin-left: 7px;\n    position: absolute;\n    right: 0;\n    text-align: center;\n    top: 0;\n    transition: all .2s ease;\n    width: textsize(24px);\n    color: var(--alpheios-settings-font-multiselect-font-color);\n\n    &:hover {\n      background-color: var(--alpheios-settings-font-multiselect-bg);\n    }\n  }\n}","\ndiv.alpheios-checkbox-block {\n  display: inline-block;\n  position: relative;\n  overflow: hidden;\n  line-height: textsize(22px);\n\n  max-width: textsize(235px);\n  vertical-align: top;\n\n  min-height: calc(var(--alpheios-base-ui-size) * 1.7);\n}\n\n.alpheios-checkbox-block {\n  input[type=\"checkbox\"] {\n    opacity: 0;\n    position: absolute;\n    left: -999px;\n  }\n\n  label {\n    position: relative;\n    display: inline-block;\n    user-select: none;\n    vertical-align: top;\n\n    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/\n    padding-left: textsize(22px);\n    padding-top: textsize(2px);\n\n    &::before,\n    &::after {\n      position: absolute;\n      content: \"\";\n\n      /*Needed for the line-height to take effect*/\n      display: inline-block;\n    }\n\n    &::before {\n      height: textsize(16px);\n      width: textsize(16px);\n\n      border: textsize(1px) solid;\n      border-radius: textsize(4px);\n      left: 0;\n\n      /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border\n       *to vertically center it.\n       */\n      top: textsize(3px);\n    }\n\n    &::after {\n      height: textsize(5px);\n      width: textsize(9px);\n      border-left: textsize(2px) solid;\n      border-bottom: textsize(2px) solid;\n\n      transform: rotate(-45deg);\n\n      left: textsize(3px);\n      top: textsize(6px);\n    }\n  }\n\n  input[type=\"checkbox\"] + label::after {\n    content: none;\n  }\n\n  // Unhide on the checked state\n  input[type=\"checkbox\"]:checked + label::after {\n    content: \"\";\n  }\n}\n","%alpheios-button {\n  font-family: var(--alpheios-sans-font-face);\n  font-size: var(--alpheios-base-text-size);\n  font-weight: 700;\n  margin: 0;\n  border: 1px solid transparent;\n  overflow: visible;\n  white-space: nowrap;\n  display: inline-block;\n  box-sizing: border-box;\n  padding: 0.6em 1.2em;\n  vertical-align: middle;\n  text-align: center;\n  text-decoration: none;\n  line-height: 1;\n  border-radius: 0.6em;\n  cursor: pointer;\n\n  // Remove the inner border and padding in Firefox\n  &::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n// A button with no color styles to serve as a base for custom buttons\n.alpheios-button {\n  @extend %alpheios-button;\n}\n\n.alpheios-button-primary {\n  @extend %alpheios-button;\n  color: var(--alpheios-btn-primary-font-color) !important; // To override styles on Loeb Classics\n  background-color: var(--alpheios-btn-primary-bg-color);\n  border-color: var(--alpheios-btn-primary-border-color);\n\n  &:hover,\n  &:focus {\n    color: var(--alpheios-btn-primary-font-color-hover) !important; // To override styles on Loeb Classics\n    background-color: var(--alpheios-btn-primary-bg-color-hover);\n    border-color: var(--alpheios-btn-primary-border-color-hover);\n    box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);\n  }\n\n  &:active {\n    color: var(--alpheios-btn-primary-font-color-pressed) !important; // To override styles on Loeb Classics\n    background-color: var(--alpheios-btn-primary-bg-color-pressed);\n    border-color: var(--alpheios-btn-primary-border-color-pressed);\n    box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);\n  }\n}\n\n.alpheios-button-secondary {\n  @extend %alpheios-button;\n  color: var(--alpheios-btn-secondary-font-color) !important; // To override styles on Loeb Classics\n  background-color: var(--alpheios-btn-secondary-bg-color);\n  border-color: var(--alpheios-btn-secondary-border-color);\n\n  &:hover,\n  &:focus {\n    color: var(--alpheios-btn-secondary-font-color-hover) !important; // To override styles on Loeb Classics\n    background-color: var(--alpheios-btn-secondary-bg-color-hover);\n    border-color: var(--alpheios-btn-secondary-border-color-hover);\n    box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);\n  }\n\n  &:active {\n    color: var(--alpheios-btn-secondary-font-color-pressed) !important; // To override styles on Loeb Classics\n    background-color: var(--alpheios-btn-secondary-bg-color-pressed);\n    border-color: var(--alpheios-btn-secondary-border-color-pressed);\n    box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);\n  }\n}\n\n.alpheios-button-tertiary, button.alpheios-button-tertiary {\n  @extend %alpheios-button;\n  color: var(--alpheios-btn-tertiary-font-color) !important; // To override styles on Loeb Classics\n  background: var(--alpheios-btn-tertiary-bg-color);\n  border-color: var(--alpheios-btn-tertiary-border-color);\n\n  &:hover,\n  &:focus {\n    color: var(--alpheios-btn-tertiary-font-color-hover) !important; // To override styles on Loeb Classics\n    background: var(--alpheios-btn-tertiary-bg-color-hover);\n    border-color: var(--alpheios-btn-tertiary-border-color-hover);\n    box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);\n  }\n\n  &:active {\n    color: var(--alpheios-btn-tertiary-font-color-pressed) !important; // To override styles on Loeb Classics\n    background: var(--alpheios-btn-tertiary-bg-color-pressed);\n    border-color: var(--alpheios-btn-tertiary-border-color-pressed);\n    box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);\n  }\n}",".alpheios-lex-text_container {\n  font-family: var(--alpheios-sans-font-face);\n  line-height: 1.25;\n}\n\n.alpheios-lex-lex_sense1, .lex_sense1 {\n  margin-left: .5em;\n}\n\n.alpheios-lex-lex_sense2, .lex_sense2 {\n  margin-left: 1em;\n}\n\n.alpheios-lex-lex_sense3, .lex_sense3 {\n  margin-left: 1.5em;\n}\n\n.alpheios-lex-lex_sense4, .lex_sense4 {\n  margin-left: 2em;\n}\n\n.alpheios-lex-lex_sense5, .lex_sense5 {\n  margin-left: 2.5em;\n}\n\n.alpheios-lex-lex_sense6, .lex_sense6 {\n  margin-left: 3em;\n}\n\n.alpheios-meaning .alpheios-provider {\n  font-style: italic;\n  font-size: smaller;\n}\n\n.alpheios-lex-sense-separator, .sense-separator {\n  line-height: 1em;\n}\n\n.alpheios-lex-sense-spacer1, .sense-spacer1 {\n  padding-left: 1em;\n}\n\n.alpheios-lex-sense-spacer2, .sense-spacer2 {\n  padding-left: 3em;\n}\n\n.alpheios-lex-alph-source, .alph-source {\n  margin-top: 1em;\n}\n",".alpheios-word {\n\ttransition: background-color 1s ease-out;\n}\n\n.alpheios-alignment__highlight_fix {\n    background-color: var(--alpheios-highlight-dark-color);\n}\n\n.alpheios-alignment__highlight {\n  \tbackground-color: var(--alpheios-highlight-color);\n}\n",".alpheios-disable-user-selection {\n  -ms-user-select: none !important;\n  -moz-user-select: none !important;\n  -webkit-user-select: none !important;\n  user-select: none !important;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-lemma__translations {\n  padding: 5px 0 0 22px;\n  font-style: italic;\n  color: #585858;\n  font-weight: bold;\n}\n\np.alpheios-lemma__translations-value {\n  margin-bottom: 5px;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-lemma__translations {\n  padding: 5px 0 0 22px;\n  font-style: italic;\n  color: #585858;\n  font-weight: bold;\n}\n\np.alpheios-lemma__translations-value {\n  margin-bottom: 5px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n#{$alpheios-namespace} {\n  // These rules intentionally use an increased specificity to fight the style leakage\n  .alpheios-inflections-list__inflgroup,\n  .alpheios-inflections-list__inflections {\n    span.alpheios-morph__attr {\n      font-weight: 400;\n      padding-right: .25em;\n    }\n\n    span.alpheios-morph__linkedattr {\n      @include alpheios-interactive;\n      font-weight: 700;\n      color: var(--alpheios-desktop-popup-link-color);\n      padding-right: .25em;\n\n      &:hover {\n        color: var(--alpheios-desktop-popup-link-color-hover);\n      }\n    }\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__attr,\n.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__attr {\n  font-weight: 400;\n  padding-right: 0.25em;\n}\n.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr,\n.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr {\n  color: var(--alpheios-color-muted);\n  cursor: pointer;\n  font-weight: 700;\n  color: var(--alpheios-desktop-popup-link-color);\n  padding-right: 0.25em;\n}\n.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr:hover, .alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr:active,\n.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr:hover,\n.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr:active {\n  text-decoration: underline;\n}\n.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr:hover,\n.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr:hover {\n  color: var(--alpheios-desktop-popup-link-color-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alph_tooltip {\n  position: relative;\n  display: inline-block;\n\n  span.alpheios-tooltiptext.alpheios-tooltiptext-span {\n    visibility: hidden;\n    position: absolute;\n    width: uisize(120px);\n    padding: uisize(5px);\n    background-color: var(--alpheios-text-bg-color);\n    color: var(--alpheios-text-color);\n    border: 1px solid var(--alpheios-border-color);\n    border-radius: uisize(10px);\n    z-index: 10;\n    opacity: 0;\n    transition: opacity .6s;\n    display: none;\n    font-size: textsize(12px);\n    text-align: center;\n  }\n}\n\n.alph_tooltip:hover span.alpheios-tooltiptext.alpheios-tooltiptext-span {\n  visibility: visible;\n  opacity: 1;\n  display: inline;\n}\n\n.alph_tooltip-top {\n  bottom: 125%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.alph_tooltip-top::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: var(--alpheios-border-color) transparent transparent transparent;\n}\n\n.alph_tooltip-top-right {\n  bottom: 125%;\n  right: 0;\n  margin-left: -50%;\n}\n\n.alph_tooltip-top-right::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  right: 15%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: var(--alpheios-border-color) transparent transparent transparent;\n}\n\n.alph_tooltip-top-left {\n  bottom: 125%;\n  left: 0;\n}\n\n.alph_tooltip-top-left::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-left: 5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: var(--alpheios-border-color) transparent transparent transparent;\n}\n\n.alph_tooltip-right {\n  top: 50%;\n  transform: translateY(-50%);\n  left: 125%;\n}\n\n.alph_tooltip-right::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 100%;\n  margin-top: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent var(--alpheios-border-color) transparent transparent;\n}\n\n.alph_tooltip-bottom {\n  top: 135%;\n  left: 50%;\n  margin-left: -50%;\n}\n\n.alph_tooltip-bottom-wide {\n  top: 135%;\n  left: -30%;\n}\n\n.alph_tooltip-bottom-narrow {\n  top: 135%;\n  left: -75%;\n}\n\n.alph_tooltip-bottom-narrow2 {\n  top: 135%;\n  left: -165%;\n}\n\n.alph_tooltip-bottom::after,\n.alph_tooltip-bottom-wide::after,\n.alph_tooltip-bottom-narrow::after,\n.alph_tooltip-bottom-narrow2::after  {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--alpheios-border-color) transparent;\n}\n\n.alph_tooltip-bottom-right {\n  top: 135%;\n  right: 0;\n  margin-left: -50%;\n}\n\n.alph_tooltip-bottom-right::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  right: 15%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--alpheios-border-color) transparent;\n}\n\n.alph_tooltip-bottom-left {\n  top: 135%;\n  right: 0;\n  left: auto;\n}\n\n.alph_tooltip-bottom-left::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  right: 15%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--alpheios-border-color) transparent;\n}\n\n.alpheios-panel--right {\n  .alph_tooltip-bottom-right {\n    top: 135%;\n    right: auto;\n    margin-left:0;\n    left: 0\n  }\n  .alph_tooltip-bottom-right::after {\n    margin-left:0;\n    right: auto;\n    left: 15%;\n  }\n}\n\n.alph_tooltip-left {\n  top: 50%;\n  transform: translateY(-50%);\n  bottom: auto;\n  right: 128%;\n}\n\n.alph_tooltip-left::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  margin-top: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent transparent var(--alpheios-border-color);\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alph_tooltip {\n  position: relative;\n  display: inline-block;\n}\n.alph_tooltip span.alpheios-tooltiptext.alpheios-tooltiptext-span {\n  visibility: hidden;\n  position: absolute;\n  width: calc(var(--alpheios-base-ui-size) * 7.5);\n  padding: calc(var(--alpheios-base-ui-size) * 0.3125);\n  background-color: var(--alpheios-text-bg-color);\n  color: var(--alpheios-text-color);\n  border: 1px solid var(--alpheios-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  z-index: 10;\n  opacity: 0;\n  transition: opacity 0.6s;\n  display: none;\n  font-size: calc(var(--alpheios-base-text-size) * 0.75);\n  text-align: center;\n}\n\n.alph_tooltip:hover span.alpheios-tooltiptext.alpheios-tooltiptext-span {\n  visibility: visible;\n  opacity: 1;\n  display: inline;\n}\n\n.alph_tooltip-top {\n  bottom: 125%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.alph_tooltip-top::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: var(--alpheios-border-color) transparent transparent transparent;\n}\n\n.alph_tooltip-top-right {\n  bottom: 125%;\n  right: 0;\n  margin-left: -50%;\n}\n\n.alph_tooltip-top-right::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  right: 15%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: var(--alpheios-border-color) transparent transparent transparent;\n}\n\n.alph_tooltip-top-left {\n  bottom: 125%;\n  left: 0;\n}\n\n.alph_tooltip-top-left::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-left: 5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: var(--alpheios-border-color) transparent transparent transparent;\n}\n\n.alph_tooltip-right {\n  top: 50%;\n  transform: translateY(-50%);\n  left: 125%;\n}\n\n.alph_tooltip-right::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 100%;\n  margin-top: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent var(--alpheios-border-color) transparent transparent;\n}\n\n.alph_tooltip-bottom {\n  top: 135%;\n  left: 50%;\n  margin-left: -50%;\n}\n\n.alph_tooltip-bottom-wide {\n  top: 135%;\n  left: -30%;\n}\n\n.alph_tooltip-bottom-narrow {\n  top: 135%;\n  left: -75%;\n}\n\n.alph_tooltip-bottom-narrow2 {\n  top: 135%;\n  left: -165%;\n}\n\n.alph_tooltip-bottom::after,\n.alph_tooltip-bottom-wide::after,\n.alph_tooltip-bottom-narrow::after,\n.alph_tooltip-bottom-narrow2::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--alpheios-border-color) transparent;\n}\n\n.alph_tooltip-bottom-right {\n  top: 135%;\n  right: 0;\n  margin-left: -50%;\n}\n\n.alph_tooltip-bottom-right::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  right: 15%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--alpheios-border-color) transparent;\n}\n\n.alph_tooltip-bottom-left {\n  top: 135%;\n  right: 0;\n  left: auto;\n}\n\n.alph_tooltip-bottom-left::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  right: 15%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--alpheios-border-color) transparent;\n}\n\n.alpheios-panel--right .alph_tooltip-bottom-right {\n  top: 135%;\n  right: auto;\n  margin-left: 0;\n  left: 0;\n}\n.alpheios-panel--right .alph_tooltip-bottom-right::after {\n  margin-left: 0;\n  right: auto;\n  left: 15%;\n}\n\n.alph_tooltip-left {\n  top: 50%;\n  transform: translateY(-50%);\n  bottom: auto;\n  right: 128%;\n}\n\n.alph_tooltip-left::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  margin-top: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent transparent var(--alpheios-border-color);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-principal-parts__lemma_index,\n.alpheios-principal-parts__lemma_index_spacer {\n  display: inline-block;\n  text-align: center;\n  font-weight: 700;\n  margin-right: textsize(5px);\n}\n\n.alpheios-principal-parts__groupitem--lemma-word__listitem:not(:last-child) {\n  margin-right: 3px;\n\n  &:after {\n    content: \" - \";\n  }\n}\n\n.alpheios-principal-parts__listitem:not(:last-child) {\n  margin-right: 3px;\n\n  &:after {\n    content: \", \";\n  }\n}\n\n.alpheios-principal-parts__item h4.alpheios-principal-parts__groupitem {\n  display: flex;\n  font-weight: 700;\n  margin-right: 5px;\n  margin-bottom: 0;\n}\n\nh4.alpheios-principal-parts__groupitem:last-of-type {\n    margin-right: 0;\n\n    // Comment the following rule out if colons are not required after headword(s)\n    &:after {\n        content: ':';\n        margin-left: 3px;\n    }\n}\n\n.alpheios-principal-parts__item {\n    display: flex;\n\n    .feature_extras {\n        margin-left: 5px;\n    }\n\n    .feature_source {\n        margin-left: 5px;\n    }\n}\n\n.alpheios-morph-data__chinese p {\n  margin-bottom: 0;\n}\n\n.alpheios-morph__attr i {\n  font-style: italic;\n  font-family: sans-serif;\n  font-size: 90%;\n}\n\n.alpheios-principal-parts__pointer {\n    &-tooltip {\n        display: block;\n        height: 22px;\n        margin-left: -5px;\n    }\n\n    &-icn {\n        display: block;\n        fill: var(--alpheios-color-vivid);\n        height: 22px;\n    }\n}\n\n.alpheios-principal-parts__dsmbg-providers {\n    display: block;\n    height: 22px;\n\n    &-tooltip {\n      margin-left: 5px;\n    }\n\n    &-icn {\n        fill: var(--alpheios-color-neutral-dark);\n        display: block;\n        height: 22px;\n    }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-principal-parts__lemma_index,\n.alpheios-principal-parts__lemma_index_spacer {\n  display: inline-block;\n  text-align: center;\n  font-weight: 700;\n  margin-right: calc(var(--alpheios-base-text-size) * 0.3125);\n}\n\n.alpheios-principal-parts__groupitem--lemma-word__listitem:not(:last-child) {\n  margin-right: 3px;\n}\n.alpheios-principal-parts__groupitem--lemma-word__listitem:not(:last-child):after {\n  content: \" - \";\n}\n\n.alpheios-principal-parts__listitem:not(:last-child) {\n  margin-right: 3px;\n}\n.alpheios-principal-parts__listitem:not(:last-child):after {\n  content: \", \";\n}\n\n.alpheios-principal-parts__item h4.alpheios-principal-parts__groupitem {\n  display: flex;\n  font-weight: 700;\n  margin-right: 5px;\n  margin-bottom: 0;\n}\n\nh4.alpheios-principal-parts__groupitem:last-of-type {\n  margin-right: 0;\n}\nh4.alpheios-principal-parts__groupitem:last-of-type:after {\n  content: \":\";\n  margin-left: 3px;\n}\n\n.alpheios-principal-parts__item {\n  display: flex;\n}\n.alpheios-principal-parts__item .feature_extras {\n  margin-left: 5px;\n}\n.alpheios-principal-parts__item .feature_source {\n  margin-left: 5px;\n}\n\n.alpheios-morph-data__chinese p {\n  margin-bottom: 0;\n}\n\n.alpheios-morph__attr i {\n  font-style: italic;\n  font-family: sans-serif;\n  font-size: 90%;\n}\n\n.alpheios-principal-parts__pointer-tooltip {\n  display: block;\n  height: 22px;\n  margin-left: -5px;\n}\n.alpheios-principal-parts__pointer-icn {\n  display: block;\n  fill: var(--alpheios-color-vivid);\n  height: 22px;\n}\n\n.alpheios-principal-parts__dsmbg-providers {\n  display: block;\n  height: 22px;\n}\n.alpheios-principal-parts__dsmbg-providers-tooltip {\n  margin-left: 5px;\n}\n.alpheios-principal-parts__dsmbg-providers-icn {\n  fill: var(--alpheios-color-neutral-dark);\n  display: block;\n  height: 22px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n#{$alpheios-namespace} {\n    // We have to use namespace to override increased specificity of content styles, that, in turn, had\n    // specificity increased to fight style leakage from some problematic websites.\n    .alpheios-morph-data__morphdata {\n        .alpheios-morph__linkedattr {\n            @include alpheios-interactive;\n            color: var(--alpheios-desktop-popup-link-color);\n            font-weight: 700;\n\n            &:hover {\n                color: var(--alpheios-desktop-popup-link-color-hover);\n            }\n        }\n    }\n}\n\n.alpheios-morph-data__pofs span:last-child:after {\n  content: \";\";\n}\n.alpheios-morph-data__morphdata {\n  display: inline;\n}\n\n.alpheios-morph-data__principal_parts {\n  .feature_source {\n    span {\n      font-size: smaller;\n    }\n  }\n}\n\n.alpheios-morph-data__morphdata {\n  span.alpheios-morph__attr, span.alpheios-morph__linkedattr {\n    padding-right: 5px;\n  }\n}\n\n.alpheios-morph-data__morphdata .alpheios-morph-data__pofs {\n  span {\n    padding-right: 5px;\n  }\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr {\n  color: var(--alpheios-color-muted);\n  cursor: pointer;\n  color: var(--alpheios-desktop-popup-link-color);\n  font-weight: 700;\n}\n.alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr:hover, .alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr:active {\n  text-decoration: underline;\n}\n.alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr:hover {\n  color: var(--alpheios-desktop-popup-link-color-hover);\n}\n\n.alpheios-morph-data__pofs span:last-child:after {\n  content: \";\";\n}\n\n.alpheios-morph-data__morphdata {\n  display: inline;\n}\n\n.alpheios-morph-data__principal_parts .feature_source span {\n  font-size: smaller;\n}\n\n.alpheios-morph-data__morphdata span.alpheios-morph__attr, .alpheios-morph-data__morphdata span.alpheios-morph__linkedattr {\n  padding-right: 5px;\n}\n\n.alpheios-morph-data__morphdata .alpheios-morph-data__pofs span {\n  padding-right: 5px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-popup-lexdataloading__progress-wrapper {\n  box-sizing: border-box;\n}\n\n.alpheios-popup-lexdataloading__progress-inner {\n  border: uisize(2px) solid var(--alpheios-desktop-popup-progress-bar-line);\n  border-radius: textsize(10px);\n  text-align: center;\n  box-sizing: border-box;\n  position: relative;\n  background: white;\n}\n\n.alpheios-popup-lexdataloading__progress-line {\n  background: var(--alpheios-desktop-popup-progress-bar-line);\n  animation: progress 3s infinite;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  border-radius: textsize(10px);\n}\n\n.alpheios-popup-lexdataloading__progress-text {\n  display: block;\n  padding: 4px;\n  box-sizing: border-box;\n  text-transform: uppercase;\n  position: relative;\n  z-index: 10;\n  border: 2px solid #fff;\n  border-radius: textsize(10px);\n  font-size: 85%;\n}\n\n@keyframes progress {\n  0% {\n    transform: translateX(-49.5%) scaleX(0.01);\n  }\n  100% {\n    transform: translateX(0%) scaleX(1);\n  }\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-popup-lexdataloading__progress-wrapper {\n  box-sizing: border-box;\n}\n\n.alpheios-popup-lexdataloading__progress-inner {\n  border: calc(var(--alpheios-base-ui-size) * 0.125) solid var(--alpheios-desktop-popup-progress-bar-line);\n  border-radius: calc(var(--alpheios-base-text-size) * 0.625);\n  text-align: center;\n  box-sizing: border-box;\n  position: relative;\n  background: white;\n}\n\n.alpheios-popup-lexdataloading__progress-line {\n  background: var(--alpheios-desktop-popup-progress-bar-line);\n  animation: progress 3s infinite;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  border-radius: calc(var(--alpheios-base-text-size) * 0.625);\n}\n\n.alpheios-popup-lexdataloading__progress-text {\n  display: block;\n  padding: 4px;\n  box-sizing: border-box;\n  text-transform: uppercase;\n  position: relative;\n  z-index: 10;\n  border: 2px solid #fff;\n  border-radius: calc(var(--alpheios-base-text-size) * 0.625);\n  font-size: 85%;\n}\n\n@keyframes progress {\n  0% {\n    transform: translateX(-49.5%) scaleX(0.01);\n  }\n  100% {\n    transform: translateX(0%) scaleX(1);\n  }\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n#{$alpheios-namespace} {\n  // These rules intentionally use an increased specificity to fight the style leakage\n  .alpheios-definition__short {\n    .alpheios-definition__text, .alpheios-definition__text * {\n      color: var(--alpheios-definition-short-color);\n      font-size: textsize(18px);\n      font-weight: bold;\n    }\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-content .alpheios-definition__short .alpheios-definition__text, .alpheios-content .alpheios-definition__short .alpheios-definition__text * {\n  color: var(--alpheios-definition-short-color);\n  font-size: calc(var(--alpheios-base-text-size) * 1.125);\n  font-weight: bold;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-morph__lexemes .alpheios-definition__lemma {\n  display: none;\n}\n\n.alpheios-panel__tab-panel .alpheios-morph__lexemes {\n  font-size: .75rem;\n}\n\n.alpheios-morph-definitions_list {\n  .alpheios-morph-definitions_list__definition {\n      margin-bottom: 5px;\n  }\n}\n.alpheios-morph-definitions_list {\n  .alpheios-morph-definitions_list__definition_index {\n    display: inline-block;\n    font-weight: bold;\n   }\n\n  .alpheios-definition__short {\n    display: inline-block;\n  }\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-morph__lexemes .alpheios-definition__lemma {\n  display: none;\n}\n\n.alpheios-panel__tab-panel .alpheios-morph__lexemes {\n  font-size: 0.75rem;\n}\n\n.alpheios-morph-definitions_list .alpheios-morph-definitions_list__definition {\n  margin-bottom: 5px;\n}\n\n.alpheios-morph-definitions_list .alpheios-morph-definitions_list__definition_index {\n  display: inline-block;\n  font-weight: bold;\n}\n.alpheios-morph-definitions_list .alpheios-definition__short {\n  display: inline-block;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-inflections-list__formtext {\n  font-weight: 700;\n}\n\n.alpheios-inflections-list__inflset {\n  margin-left: .5em;\n  margin-top: .5em;\n}\n\n.alpheios-inflections-list__inflections div.alpheios-inflections-list__inline {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  span {\n    padding-right: .25em;\n  }\n}\n\ndiv.alpheios-inflections-list__block {\n  display: block;\n}\n\n.alpheios-inflections-list__inflfeatures span:first-child:before {\n  content: '(';\n}\n\n.alpheios-inflections-list__inflfeatures span:last-child:after {\n  content: ')';\n}\n.alpheios-inflections-list__inflfeatures, .alpheios-inflections-list__inflgroup {\n  display: flex;\n  flex-direction: row;\n  span {\n    padding-right: .25em;\n  }\n}\n\n.alpheios-inflections-list__inflections {\n  .alpheios-inflections-list__inflset {\n    margin-top: 0;\n    margin-left: 7px;\n\n    .alpheios-inflections-list__forms {\n      margin-left: 0;\n      display: inline-block;\n      vertical-align: top;\n    }\n\n    .alpheios-inflections-list__inflset_index {\n      display: inline-block;\n      font-weight: bold;\n      vertical-align: top;\n      padding-top: 4px;\n    }\n\n  }\n}\n\n.alpheios-inflections-list__pointer {\n    &-tooltip {\n        display: block;\n        height: 22px;\n        margin-left: -5px;\n    }\n\n    &-icn {\n        display: block;\n        fill: var(--alpheios-color-vivid);\n        height: 22px;\n    }\n}\n\n.alpheios-inflections-list__dsmbg-providers {\n    display: block;\n    height: 22px;\n\n    &-tooltip {\n      margin-left: 5px;\n    }\n\n    &-icn {\n        fill: var(--alpheios-color-neutral-dark);\n        display: block;\n        height: 22px;\n    }\n}\n\n.alpheios-inflections-list__dupe-infl-set {\n    display: none;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-inflections-list__formtext {\n  font-weight: 700;\n}\n\n.alpheios-inflections-list__inflset {\n  margin-left: 0.5em;\n  margin-top: 0.5em;\n}\n\n.alpheios-inflections-list__inflections div.alpheios-inflections-list__inline {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.alpheios-inflections-list__inflections div.alpheios-inflections-list__inline span {\n  padding-right: 0.25em;\n}\n\ndiv.alpheios-inflections-list__block {\n  display: block;\n}\n\n.alpheios-inflections-list__inflfeatures span:first-child:before {\n  content: \"(\";\n}\n\n.alpheios-inflections-list__inflfeatures span:last-child:after {\n  content: \")\";\n}\n\n.alpheios-inflections-list__inflfeatures, .alpheios-inflections-list__inflgroup {\n  display: flex;\n  flex-direction: row;\n}\n.alpheios-inflections-list__inflfeatures span, .alpheios-inflections-list__inflgroup span {\n  padding-right: 0.25em;\n}\n\n.alpheios-inflections-list__inflections .alpheios-inflections-list__inflset {\n  margin-top: 0;\n  margin-left: 7px;\n}\n.alpheios-inflections-list__inflections .alpheios-inflections-list__inflset .alpheios-inflections-list__forms {\n  margin-left: 0;\n  display: inline-block;\n  vertical-align: top;\n}\n.alpheios-inflections-list__inflections .alpheios-inflections-list__inflset .alpheios-inflections-list__inflset_index {\n  display: inline-block;\n  font-weight: bold;\n  vertical-align: top;\n  padding-top: 4px;\n}\n\n.alpheios-inflections-list__pointer-tooltip {\n  display: block;\n  height: 22px;\n  margin-left: -5px;\n}\n.alpheios-inflections-list__pointer-icn {\n  display: block;\n  fill: var(--alpheios-color-vivid);\n  height: 22px;\n}\n\n.alpheios-inflections-list__dsmbg-providers {\n  display: block;\n  height: 22px;\n}\n.alpheios-inflections-list__dsmbg-providers-tooltip {\n  margin-left: 5px;\n}\n.alpheios-inflections-list__dsmbg-providers-icn {\n  fill: var(--alpheios-color-neutral-dark);\n  display: block;\n  height: 22px;\n}\n\n.alpheios-inflections-list__dupe-infl-set {\n  display: none;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n\n$lemma_index_size: 20px;\n\n.alpheios-morph__dictentry {\n  clear: both;\n  margin-bottom: textsize(20px);\n\n  .alpheios-morph-data__morphdata,\n  p.feature_extras,\n  .alpheios-morph-definitions_list,\n  .alpheios-morph__translation_list,\n  .alpheios-inflections-list__inflections,\n  .alpheios-morph-data__chinese {\n    margin-left: $lemma_index_size + 14px;\n  }\n\n  .alpheios-morph-definitions_list,\n  .alpheios-morph__translation_list,\n  .alpheios-inflections-list__inflections {\n    // border-top: 1px solid var(--alpheios-border-color);\n    margin-top: 5px;\n    padding-left: 15px;\n  }\n}\n\n\n.alpheios-morph__dictentry {\n  .alpheios-morph__features {\n    &:before,\n    &:after {\n      content: '';\n      display: table;\n      clear: both;\n    }\n\n    p {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-morph__dictentry {\n  clear: both;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n}\n.alpheios-morph__dictentry .alpheios-morph-data__morphdata,\n.alpheios-morph__dictentry p.feature_extras,\n.alpheios-morph__dictentry .alpheios-morph-definitions_list,\n.alpheios-morph__dictentry .alpheios-morph__translation_list,\n.alpheios-morph__dictentry .alpheios-inflections-list__inflections,\n.alpheios-morph__dictentry .alpheios-morph-data__chinese {\n  margin-left: 34px;\n}\n.alpheios-morph__dictentry .alpheios-morph-definitions_list,\n.alpheios-morph__dictentry .alpheios-morph__translation_list,\n.alpheios-morph__dictentry .alpheios-inflections-list__inflections {\n  margin-top: 5px;\n  padding-left: 15px;\n}\n\n.alpheios-morph__dictentry .alpheios-morph__features:before, .alpheios-morph__dictentry .alpheios-morph__features:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.alpheios-morph__dictentry .alpheios-morph__features p {\n  margin-bottom: 0;\n  margin-top: 0;\n}","fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:\"\";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:\"\\D7\";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:\"\"}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-setting__label {\n  width: 50%;\n}\n\n// The multiple selector is required to override styles from the page\ninput.alpheios-input.alpheios-setting__control,\nselect.alpheios-setting__control,\n.multiselect.alpheios-setting__control {\n  width: 50%;\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-setting__label {\n  width: 50%;\n}\n\ninput.alpheios-input.alpheios-setting__control,\nselect.alpheios-setting__control,\n.multiselect.alpheios-setting__control {\n  width: 50%;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-notification-area {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  flex: 0 0 auto;\n  background: var(--alpheios-color-neutral-lightest);\n\n  &__notification,\n  &__hint {\n    display: flex;\n    padding: uisize(16px) 0 uisize(16px) uisize(16px);\n    flex: 0 0 auto;\n    color: var(--alpheios-notification-color);\n    background: var(--alpheios-notification-bg);\n    border: 1px solid var(--alpheios-notification-border-color);\n    border-radius: uisize(10px);\n    margin: 0 uisize(16px) uisize(16px);\n  }\n\n  &__notification:first-child {\n    margin-top: uisize(16px);\n  }\n\n  &__notification--hidden + &__login-notification {\n    // If notification is hidden, set top margin of the login notification\n    margin-top: uisize(16px);\n  }\n\n  &__close-btn {\n    padding: 0 uisize(10px) 0 uisize(20px);\n    cursor: pointer;\n    fill: var(--alpheios-notification-close-btn-color);\n    stroke: var(--alpheios-notification-close-btn-color);\n\n    & svg {\n      width: uisize(20px);\n      height: uisize(20px);\n    }\n\n    &:hover,\n    &:focus {\n      fill: var(--alpheios-color-dark-hover);\n      stroke: var(--alpheios-color-dark-hover);\n    }\n\n    &:active {\n      fill: var(--alpheios-color-dark-pressed);\n      stroke: var(--alpheios-color-dark-pressed);\n    }\n  }\n\n  &__notification--important {\n    color: var(--alpheios-notification-important-color);\n    background: var(--alpheios-notification-important-bg);\n    border: 1px solid var(--alpheios-notification-important-border-color);\n\n    .alpheios-notification-area__close-btn {\n      fill: var(--alpheios-important-notification-color);\n      stroke: var(--alpheios-important-notification-color);\n\n      &:hover,\n      &:focus {\n        fill: var(--alpheios-important-notification-color-hover);\n        stroke: var(--alpheios-important-notification-color-hover);\n      }\n\n      &:active {\n        fill: var(--alpheios-important-notification-color);\n        stroke: var(--alpheios-important-notification-color);\n      }\n    }\n\n    &.alpheios-notification-area__notification--cedict-loaded {\n      color: var(--alpheios-notification-important-alt-color);\n      background: var(--alpheios-notification-important-alt-bg);\n      border: 1px solid var(--alpheios-notification-important-alt-border-color);\n    }\n\n    &.alpheios-notification-area__notification--cedict-loaded .alpheios-notification-area__close-btn {\n      fill: var(--alpheios-notification-important-alt-color);\n      stroke: var(--alpheios-notification-important-alt-color);\n    }\n  }\n\n  &__notification--important span {\n    color: var(--alpheios-notification-important-color);\n  }\n\n  &__msg {\n    padding-right: uisize(10px);\n    flex: 1 1 auto;\n  }\n\n  &__control-cont {\n    display: flex;\n    flex: 0;\n  }\n\n  &__control {\n    display: flex;\n\n    .alpheios-setting__control {\n      width: 140px;\n    }\n  }\n\n  &__controlbox {\n    flex-flow: wrap;\n    display: flex;\n    justify-content: flex-start;\n\n    button {\n      margin-bottom: 5px;\n      margin-right: 3px;\n    }\n  }\n}\n\n.alpheios-notification-area__hint {\n  color: var(--alpheios-hint-color);\n  background: var(--alpheios-hint-bg);\n  border: 1px solid var(--alpheios-hint-border-color);\n}\n\n.alpheios-notification-area__hint-btn, button.alpheios-notification-area__hint-btn {\n  // An `important` modifier is required to override `important` on Loeb classics website\n  color: var(--alpheios-color-neutral-lightest) !important;\n  background: var(--alpheios-color-muted);\n  border-color: var(--alpheios-color-muted);\n\n  &:hover,\n  &:focus {\n    box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);\n  }\n\n  &:active {\n    box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-notification-area {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  flex: 0 0 auto;\n  background: var(--alpheios-color-neutral-lightest);\n}\n.alpheios-notification-area__notification, .alpheios-notification-area__hint {\n  display: flex;\n  padding: calc(var(--alpheios-base-ui-size) * 1) 0 calc(var(--alpheios-base-ui-size) * 1) calc(var(--alpheios-base-ui-size) * 1);\n  flex: 0 0 auto;\n  color: var(--alpheios-notification-color);\n  background: var(--alpheios-notification-bg);\n  border: 1px solid var(--alpheios-notification-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  margin: 0 calc(var(--alpheios-base-ui-size) * 1) calc(var(--alpheios-base-ui-size) * 1);\n}\n.alpheios-notification-area__notification:first-child {\n  margin-top: calc(var(--alpheios-base-ui-size) * 1);\n}\n.alpheios-notification-area__notification--hidden + .alpheios-notification-area__login-notification {\n  margin-top: calc(var(--alpheios-base-ui-size) * 1);\n}\n.alpheios-notification-area__close-btn {\n  padding: 0 calc(var(--alpheios-base-ui-size) * 0.625) 0 calc(var(--alpheios-base-ui-size) * 1.25);\n  cursor: pointer;\n  fill: var(--alpheios-notification-close-btn-color);\n  stroke: var(--alpheios-notification-close-btn-color);\n}\n.alpheios-notification-area__close-btn svg {\n  width: calc(var(--alpheios-base-ui-size) * 1.25);\n  height: calc(var(--alpheios-base-ui-size) * 1.25);\n}\n.alpheios-notification-area__close-btn:hover, .alpheios-notification-area__close-btn:focus {\n  fill: var(--alpheios-color-dark-hover);\n  stroke: var(--alpheios-color-dark-hover);\n}\n.alpheios-notification-area__close-btn:active {\n  fill: var(--alpheios-color-dark-pressed);\n  stroke: var(--alpheios-color-dark-pressed);\n}\n.alpheios-notification-area__notification--important {\n  color: var(--alpheios-notification-important-color);\n  background: var(--alpheios-notification-important-bg);\n  border: 1px solid var(--alpheios-notification-important-border-color);\n}\n.alpheios-notification-area__notification--important .alpheios-notification-area__close-btn {\n  fill: var(--alpheios-important-notification-color);\n  stroke: var(--alpheios-important-notification-color);\n}\n.alpheios-notification-area__notification--important .alpheios-notification-area__close-btn:hover, .alpheios-notification-area__notification--important .alpheios-notification-area__close-btn:focus {\n  fill: var(--alpheios-important-notification-color-hover);\n  stroke: var(--alpheios-important-notification-color-hover);\n}\n.alpheios-notification-area__notification--important .alpheios-notification-area__close-btn:active {\n  fill: var(--alpheios-important-notification-color);\n  stroke: var(--alpheios-important-notification-color);\n}\n.alpheios-notification-area__notification--important.alpheios-notification-area__notification--cedict-loaded {\n  color: var(--alpheios-notification-important-alt-color);\n  background: var(--alpheios-notification-important-alt-bg);\n  border: 1px solid var(--alpheios-notification-important-alt-border-color);\n}\n.alpheios-notification-area__notification--important.alpheios-notification-area__notification--cedict-loaded .alpheios-notification-area__close-btn {\n  fill: var(--alpheios-notification-important-alt-color);\n  stroke: var(--alpheios-notification-important-alt-color);\n}\n.alpheios-notification-area__notification--important span {\n  color: var(--alpheios-notification-important-color);\n}\n.alpheios-notification-area__msg {\n  padding-right: calc(var(--alpheios-base-ui-size) * 0.625);\n  flex: 1 1 auto;\n}\n.alpheios-notification-area__control-cont {\n  display: flex;\n  flex: 0;\n}\n.alpheios-notification-area__control {\n  display: flex;\n}\n.alpheios-notification-area__control .alpheios-setting__control {\n  width: 140px;\n}\n.alpheios-notification-area__controlbox {\n  flex-flow: wrap;\n  display: flex;\n  justify-content: flex-start;\n}\n.alpheios-notification-area__controlbox button {\n  margin-bottom: 5px;\n  margin-right: 3px;\n}\n\n.alpheios-notification-area__hint {\n  color: var(--alpheios-hint-color);\n  background: var(--alpheios-hint-bg);\n  border: 1px solid var(--alpheios-hint-border-color);\n}\n\n.alpheios-notification-area__hint-btn, button.alpheios-notification-area__hint-btn {\n  color: var(--alpheios-color-neutral-lightest) !important;\n  background: var(--alpheios-color-muted);\n  border-color: var(--alpheios-color-muted);\n}\n.alpheios-notification-area__hint-btn:hover, .alpheios-notification-area__hint-btn:focus, button.alpheios-notification-area__hint-btn:hover, button.alpheios-notification-area__hint-btn:focus {\n  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);\n}\n.alpheios-notification-area__hint-btn:active, button.alpheios-notification-area__hint-btn:active {\n  box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-popup {\n  display: flex;\n  flex-direction: column;\n  min-width: 300px;\n  min-height: 150px;\n  z-index: 1000;\n  position: fixed;\n  left: 200px;\n  top: 100px;\n  // Required for Interact.js to take element size with paddings and work correctly\n  box-sizing: border-box;\n  touch-action: none; // Required by Interact.js\n  overflow: hidden;\n  @include alpheios-ui-border;\n\n  & .alpheios-notification-area {\n    padding-top: 0;\n  }\n}\n\n.alpheios-popup__header {\n  display: flex;\n  flex: 0 0 uisize(44px);\n  justify-content: space-between;\n  background: var(--alpheios-desktop-popup-header-bg);\n  touch-action: auto; // Required by Interact.js\n}\n\n.alpheios-popup__logo {\n  position: relative;\n  left: uisize(12px);\n  top: uisize(12px);\n\n  svg {\n    width: uisize(28px);\n    height: auto;\n  }\n}\n\n.alpheios-popup__toolbar-top__btn {\n  width: uisize(56px);\n  cursor: pointer;\n  fill: var(--alpheios-desktop-popup-icon-color);\n  stroke: var(--alpheios-desktop-popup-icon-color);\n  stroke-width: 0;\n\n  svg {\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n    left: uisize(16px);\n    width: uisize(22px);\n    height: auto;\n    stroke-width: 1;\n  }\n\n  &:hover,\n  &:focus {\n    fill: var(--alpheios-desktop-popup-icon-color-hover);\n    stroke: var(--alpheios-desktop-popup-icon-color-hover);\n    background: var(--alpheios-desktop-popup-icon-bg-hover);\n  }\n\n  &:active {\n    fill: var(--alpheios-desktop-popup-icon-color-active);\n    stroke: var(--alpheios-desktop-popup-icon-color-active);\n    background: var(--alpheios-desktop-popup-icon-bg-hover);\n  }\n\n  &.disabled {\n    fill: var(--alpheios-desktop-popup-icon-color-disabled);\n    stroke: var(--alpheios-desktop-popup-icon-color-disabled);\n    background: var(--alpheios-desktop-popup-icon-bg-disabled);\n  }\n}\n\n.alpheios-popup__close-btn {\n  width: uisize(56px);\n  cursor: pointer;\n  fill: var(--alpheios-desktop-popup-icon-color);\n  stroke: var(--alpheios-desktop-popup-icon-color);\n\n  svg {\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n    left: uisize(16px);\n    width: uisize(22px);\n    height: auto;\n  }\n\n  &:hover,\n  &:focus {\n    fill: var(--alpheios-desktop-popup-icon-color-hover);\n    stroke: var(--alpheios-desktop-popup-icon-color-hover);\n    background: var(--alpheios-desktop-popup-header-icon-active-bg);\n  }\n\n  &:active {\n    fill: var(--alpheios-desktop-popup-icon-color-active);\n    stroke: var(--alpheios-desktop-popup-icon-color-active);\n    background: var(--alpheios-desktop-popup-header-icon-active-bg);\n  }\n\n  &.disabled {\n    fill: var(--alpheios-desktop-popup-icon-color-disabled);\n    stroke: var(--alpheios-desktop-popup-icon-color-disabled);\n    background: var(--alpheios-desktop-popup-header-icon-bg-disabled);\n  }\n}\n\n.alpheios-popup__body {\n  display: flex;\n  flex-direction: column;\n  padding: textsize(16px);\n  background: var(--alpheios-desktop-popup-body-bg);\n  overflow: auto;\n  flex: 1 1;\n}\n\n.alpheios-popup__toolbar {\n  position: relative;\n  display: flex;\n  flex: 0 0;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: textsize(10px);\n  // It seems that Safari 13.1 disregards `flex-shrink: 0` on some occasions\n  // so we have to use `min-height` to prevent element from collapsing\n  min-height: textsize(24px);\n}\n\n.alpheios-popup__toolbar-text {\n  padding-right: textsize(20px);\n}\n\n.alpheios-popup__toolbar-text[lang='ara'] {\n  padding: 0 uisize(20px) 0 uisize(20px); /* the arabic amiri font does not like the top padding */\n}\n\nh3.alpheios-popup__toolbar-selection {\n  margin-top: textsize(12px);\n  margin-bottom: textsize(8px);\n  display: inline-block;\n}\n\n.alpheios-popup__toolbar-buttons {\n  display: flex;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n  align-items: stretch;\n\n    & > .alph_tooltip {\n      display: flex;\n    }\n}\n\n.alpheios-popup__toolbar-button {\n  margin: 0 0 uisize(10px) uisize(10px);\n}\n\n.alpheios-popup__content {\n  flex: 1 0;\n  padding: uisize(20px);\n  // This is to solve a problem when part of content is transparent in Chrome.\n  // However, this can be fixed with flex parameters\n  background: var(--alpheios-desktop-popup-content-bg);\n\n  @include alpheios-ui-border;\n}\n\n.alpheios-popup__providers {\n  margin-left: textsize(40px);\n}\n\na.alpheios-popup__providers-link,\n// This is required to override Bootstrap styles\na:not([href]):not([tabindex]).alpheios-popup__providers-link {\n  display: inline-block;\n  margin-bottom: textsize(6px);\n  font-weight: 700;\n  color: var(--alpheios-desktop-popup-credit-link-color);\n  &:hover {\n    color: var(--alpheios-desktop-popup-credit-link-color-hover);\n  }\n}\n\n.alpheios-popup__definitions--placeholder {\n  padding: textsize(10px) 0;\n}\n\n.alpheios-popup__providers-item {\n  color: var(--alpheios-desktop-popup-credit-providers-color);\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-popup {\n  display: flex;\n  flex-direction: column;\n  min-width: 300px;\n  min-height: 150px;\n  z-index: 1000;\n  position: fixed;\n  left: 200px;\n  top: 100px;\n  box-sizing: border-box;\n  touch-action: none;\n  overflow: hidden;\n  border: 1px solid var(--alpheios-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n}\n.alpheios-popup .alpheios-notification-area {\n  padding-top: 0;\n}\n\n.alpheios-popup__header {\n  display: flex;\n  flex: 0 0 calc(var(--alpheios-base-ui-size) * 2.75);\n  justify-content: space-between;\n  background: var(--alpheios-desktop-popup-header-bg);\n  touch-action: auto;\n}\n\n.alpheios-popup__logo {\n  position: relative;\n  left: calc(var(--alpheios-base-ui-size) * 0.75);\n  top: calc(var(--alpheios-base-ui-size) * 0.75);\n}\n.alpheios-popup__logo svg {\n  width: calc(var(--alpheios-base-ui-size) * 1.75);\n  height: auto;\n}\n\n.alpheios-popup__toolbar-top__btn {\n  width: calc(var(--alpheios-base-ui-size) * 3.5);\n  cursor: pointer;\n  fill: var(--alpheios-desktop-popup-icon-color);\n  stroke: var(--alpheios-desktop-popup-icon-color);\n  stroke-width: 0;\n}\n.alpheios-popup__toolbar-top__btn svg {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  left: calc(var(--alpheios-base-ui-size) * 1);\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: auto;\n  stroke-width: 1;\n}\n.alpheios-popup__toolbar-top__btn:hover, .alpheios-popup__toolbar-top__btn:focus {\n  fill: var(--alpheios-desktop-popup-icon-color-hover);\n  stroke: var(--alpheios-desktop-popup-icon-color-hover);\n  background: var(--alpheios-desktop-popup-icon-bg-hover);\n}\n.alpheios-popup__toolbar-top__btn:active {\n  fill: var(--alpheios-desktop-popup-icon-color-active);\n  stroke: var(--alpheios-desktop-popup-icon-color-active);\n  background: var(--alpheios-desktop-popup-icon-bg-hover);\n}\n.alpheios-popup__toolbar-top__btn.disabled {\n  fill: var(--alpheios-desktop-popup-icon-color-disabled);\n  stroke: var(--alpheios-desktop-popup-icon-color-disabled);\n  background: var(--alpheios-desktop-popup-icon-bg-disabled);\n}\n\n.alpheios-popup__close-btn {\n  width: calc(var(--alpheios-base-ui-size) * 3.5);\n  cursor: pointer;\n  fill: var(--alpheios-desktop-popup-icon-color);\n  stroke: var(--alpheios-desktop-popup-icon-color);\n}\n.alpheios-popup__close-btn svg {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  left: calc(var(--alpheios-base-ui-size) * 1);\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: auto;\n}\n.alpheios-popup__close-btn:hover, .alpheios-popup__close-btn:focus {\n  fill: var(--alpheios-desktop-popup-icon-color-hover);\n  stroke: var(--alpheios-desktop-popup-icon-color-hover);\n  background: var(--alpheios-desktop-popup-header-icon-active-bg);\n}\n.alpheios-popup__close-btn:active {\n  fill: var(--alpheios-desktop-popup-icon-color-active);\n  stroke: var(--alpheios-desktop-popup-icon-color-active);\n  background: var(--alpheios-desktop-popup-header-icon-active-bg);\n}\n.alpheios-popup__close-btn.disabled {\n  fill: var(--alpheios-desktop-popup-icon-color-disabled);\n  stroke: var(--alpheios-desktop-popup-icon-color-disabled);\n  background: var(--alpheios-desktop-popup-header-icon-bg-disabled);\n}\n\n.alpheios-popup__body {\n  display: flex;\n  flex-direction: column;\n  padding: calc(var(--alpheios-base-text-size) * 1);\n  background: var(--alpheios-desktop-popup-body-bg);\n  overflow: auto;\n  flex: 1 1;\n}\n\n.alpheios-popup__toolbar {\n  position: relative;\n  display: flex;\n  flex: 0 0;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);\n  min-height: calc(var(--alpheios-base-text-size) * 1.5);\n}\n\n.alpheios-popup__toolbar-text {\n  padding-right: calc(var(--alpheios-base-text-size) * 1.25);\n}\n\n.alpheios-popup__toolbar-text[lang=ara] {\n  padding: 0 calc(var(--alpheios-base-ui-size) * 1.25) 0 calc(var(--alpheios-base-ui-size) * 1.25);\n  /* the arabic amiri font does not like the top padding */\n}\n\nh3.alpheios-popup__toolbar-selection {\n  margin-top: calc(var(--alpheios-base-text-size) * 0.75);\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.5);\n  display: inline-block;\n}\n\n.alpheios-popup__toolbar-buttons {\n  display: flex;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n  align-items: stretch;\n}\n.alpheios-popup__toolbar-buttons > .alph_tooltip {\n  display: flex;\n}\n\n.alpheios-popup__toolbar-button {\n  margin: 0 0 calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625);\n}\n\n.alpheios-popup__content {\n  flex: 1 0;\n  padding: calc(var(--alpheios-base-ui-size) * 1.25);\n  background: var(--alpheios-desktop-popup-content-bg);\n  border: 1px solid var(--alpheios-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n}\n\n.alpheios-popup__providers {\n  margin-left: calc(var(--alpheios-base-text-size) * 2.5);\n}\n\na.alpheios-popup__providers-link,\na:not([href]):not([tabindex]).alpheios-popup__providers-link {\n  display: inline-block;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.375);\n  font-weight: 700;\n  color: var(--alpheios-desktop-popup-credit-link-color);\n}\na.alpheios-popup__providers-link:hover,\na:not([href]):not([tabindex]).alpheios-popup__providers-link:hover {\n  color: var(--alpheios-desktop-popup-credit-link-color-hover);\n}\n\n.alpheios-popup__definitions--placeholder {\n  padding: calc(var(--alpheios-base-text-size) * 0.625) 0;\n}\n\n.alpheios-popup__providers-item {\n  color: var(--alpheios-desktop-popup-credit-providers-color);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-navbuttons {\n  display: flex;\n  align-items: center;\n}\n\n.alpheios-navbuttons__btn {\n  display: block;\n  width: uisize(56px);\n  height: uisize(56px);\n  cursor: pointer;\n  fill: var(--alpheios-icon-color);\n  stroke: var(--alpheios-icon-color);\n  background-color: var(--alpheios-icon-bg-color);\n\n  svg {\n    width: 52%;\n    height: auto;\n    position: relative;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover,\n  &:focus,\n  &.active:hover,\n  &.active:focus{\n    fill: var(--alpheios-icon-color-hover);\n    stroke: var(--alpheios-icon-color-hover);\n    background-color: var(--alpheios-icon-bg-color-hover);\n  }\n\n  &.active {\n    fill: var(--alpheios-icon-color-active);\n    stroke: var(--alpheios-icon-color-active);\n    background-color: var(--alpheios-icon-bg-color-active);\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-navbuttons {\n  display: flex;\n  align-items: center;\n}\n\n.alpheios-navbuttons__btn {\n  display: block;\n  width: calc(var(--alpheios-base-ui-size) * 3.5);\n  height: calc(var(--alpheios-base-ui-size) * 3.5);\n  cursor: pointer;\n  fill: var(--alpheios-icon-color);\n  stroke: var(--alpheios-icon-color);\n  background-color: var(--alpheios-icon-bg-color);\n}\n.alpheios-navbuttons__btn svg {\n  width: 52%;\n  height: auto;\n  position: relative;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.alpheios-navbuttons__btn:hover, .alpheios-navbuttons__btn:focus, .alpheios-navbuttons__btn.active:hover, .alpheios-navbuttons__btn.active:focus {\n  fill: var(--alpheios-icon-color-hover);\n  stroke: var(--alpheios-icon-color-hover);\n  background-color: var(--alpheios-icon-bg-color-hover);\n}\n.alpheios-navbuttons__btn.active {\n  fill: var(--alpheios-icon-color-active);\n  stroke: var(--alpheios-icon-color-active);\n  background-color: var(--alpheios-icon-bg-color-active);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.infl-prdgm-tbl {\n  display: table;\n  border-top: 1px solid gray;\n  border-left: 1px solid gray;\n  margin-bottom: 30px;\n}\n\n.infl-prdgm-tbl__row {\n  display: table-row;\n}\n\n.infl-prdgm-tbl__cell {\n  display: table-cell;\n  padding: 2px 5px;\n  border-right: 1px solid gray;\n  border-bottom: 1px solid gray;\n}\n\n.infl-prdgm-tbl__cell--label {\n  font-weight: 700;\n}\n\n.infl-prdgm-tbl a.infl-prdgm-tbl__cell-reflink {\n  color: var(--alpheios-link-color);\n  text-decoration: underline;\n\n  &:hover {\n    color: var(--alpheios-link-color-hover);\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.infl-prdgm-tbl {\n  display: table;\n  border-top: 1px solid gray;\n  border-left: 1px solid gray;\n  margin-bottom: 30px;\n}\n\n.infl-prdgm-tbl__row {\n  display: table-row;\n}\n\n.infl-prdgm-tbl__cell {\n  display: table-cell;\n  padding: 2px 5px;\n  border-right: 1px solid gray;\n  border-bottom: 1px solid gray;\n}\n\n.infl-prdgm-tbl__cell--label {\n  font-weight: 700;\n}\n\n.infl-prdgm-tbl a.infl-prdgm-tbl__cell-reflink {\n  color: var(--alpheios-link-color);\n  text-decoration: underline;\n}\n.infl-prdgm-tbl a.infl-prdgm-tbl__cell-reflink:hover {\n  color: var(--alpheios-link-color-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.alpheios-inflections__title {\n  cursor: pointer;\n}\n",".alpheios-inflections__title {\n  cursor: pointer;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.infl-suff-footnote-link {\n  position: relative;\n}\n\n.alpheios-inflections__footnote-popup {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-row-gap: 2px;\n  background: #FFF;\n  color: var(--alpheios-text-color);\n  z-index: 10;\n  box-sizing: border-box;\n\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  & dd {\n    // Reset browser's default styling\n    margin-inline-start: 0;\n    padding-left: textsize(10px);\n  }\n\n  [data-ap-layout-type=\"compact\"] & {\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    width: 50vw;\n    border-top: 1px solid var(--alpheios-border-color);\n    padding: textsize(30px) 15px 15px uisize(50px);\n  }\n\n  [data-ap-layout-type=\"compact\"] .alpheios-panel--left & {\n    border-right: 1px solid var(--alpheios-border-color);\n  }\n\n  [data-ap-layout-type=\"compact\"] .alpheios-panel--right & {\n    left: auto;\n    right: 0;\n    border-left: 1px solid var(--alpheios-border-color);\n  }\n\n  [data-ap-screen-orientation=\"portrait\"][data-ap-layout-type=\"compact\"] &,\n  [data-ap-layout-type=\"compact\"] .alpheios-panel--expanded & {\n    width: 100vw;\n  }\n\n  [data-ap-layout-type=\"large\"] & {\n    position: absolute;\n    left: 0;\n    bottom: 20px;\n    min-width: 200px;\n    border: 1px solid var(--alpheios-border-color);\n    cursor: move;\n    padding: 30px 15px 15px;\n  }\n}\n\n.alpheios-inflections__footnote-popup.hidden {\n  display: none;\n}\n\n.alpheios-inflections__footnote-popup-title {\n  font-weight: 700;\n  position: absolute;\n  text-transform: uppercase;\n  left: 15px;\n  top: uisize(7px);\n\n  [data-ap-layout-type=\"large\"] & {\n    left: 15px;\n    top: 7px;\n  }\n}\n\n.alpheios-inflections__footnote-popup-close-btn {\n  position: absolute;\n  right: uisize(5px);\n  top: uisize(5px);\n  display: block;\n  width: uisize(44px);\n  height: uisize(44px);\n  margin: 0;\n  cursor: pointer;\n  fill: var(--alpheios-color-neutral-dark);\n  stroke: var(--alpheios-color-neutral-dark);\n\n  [data-ap-layout-type=\"large\"] & {\n    width: 20px;\n    height: 20px;\n  }\n}\n\n.alpheios-inflections__footnote-popup-close-btn:hover,\n.alpheios-inflections__footnote-popup-close-btn:active {\n  fill: var(--alpheios-color-neutral-light);\n  stroke: var(--alpheios-color-neutral-light);\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.infl-suff-footnote-link {\n  position: relative;\n}\n\n.alpheios-inflections__footnote-popup {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-row-gap: 2px;\n  background: #FFF;\n  color: var(--alpheios-text-color);\n  z-index: 10;\n  box-sizing: border-box;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.alpheios-inflections__footnote-popup dd {\n  margin-inline-start: 0;\n  padding-left: calc(var(--alpheios-base-text-size) * 0.625);\n}\n[data-ap-layout-type=compact] .alpheios-inflections__footnote-popup {\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 50vw;\n  border-top: 1px solid var(--alpheios-border-color);\n  padding: calc(var(--alpheios-base-text-size) * 1.875) 15px 15px calc(var(--alpheios-base-ui-size) * 3.125);\n}\n[data-ap-layout-type=compact] .alpheios-panel--left .alpheios-inflections__footnote-popup {\n  border-right: 1px solid var(--alpheios-border-color);\n}\n[data-ap-layout-type=compact] .alpheios-panel--right .alpheios-inflections__footnote-popup {\n  left: auto;\n  right: 0;\n  border-left: 1px solid var(--alpheios-border-color);\n}\n[data-ap-screen-orientation=portrait][data-ap-layout-type=compact] .alpheios-inflections__footnote-popup, [data-ap-layout-type=compact] .alpheios-panel--expanded .alpheios-inflections__footnote-popup {\n  width: 100vw;\n}\n[data-ap-layout-type=large] .alpheios-inflections__footnote-popup {\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  min-width: 200px;\n  border: 1px solid var(--alpheios-border-color);\n  cursor: move;\n  padding: 30px 15px 15px;\n}\n\n.alpheios-inflections__footnote-popup.hidden {\n  display: none;\n}\n\n.alpheios-inflections__footnote-popup-title {\n  font-weight: 700;\n  position: absolute;\n  text-transform: uppercase;\n  left: 15px;\n  top: calc(var(--alpheios-base-ui-size) * 0.4375);\n}\n[data-ap-layout-type=large] .alpheios-inflections__footnote-popup-title {\n  left: 15px;\n  top: 7px;\n}\n\n.alpheios-inflections__footnote-popup-close-btn {\n  position: absolute;\n  right: calc(var(--alpheios-base-ui-size) * 0.3125);\n  top: calc(var(--alpheios-base-ui-size) * 0.3125);\n  display: block;\n  width: calc(var(--alpheios-base-ui-size) * 2.75);\n  height: calc(var(--alpheios-base-ui-size) * 2.75);\n  margin: 0;\n  cursor: pointer;\n  fill: var(--alpheios-color-neutral-dark);\n  stroke: var(--alpheios-color-neutral-dark);\n}\n[data-ap-layout-type=large] .alpheios-inflections__footnote-popup-close-btn {\n  width: 20px;\n  height: 20px;\n}\n\n.alpheios-inflections__footnote-popup-close-btn:hover,\n.alpheios-inflections__footnote-popup-close-btn:active {\n  fill: var(--alpheios-color-neutral-light);\n  stroke: var(--alpheios-color-neutral-light);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-inflections__title {\n  color: var(--alpheios-inflect-title-color);\n  font-size: textsize(22px);\n  font-family: var(--alpheios-serif-font-face);\n  line-height: 1;\n  margin-bottom: textsize(10px);\n  font-weight: 700;\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n}\n\n.alpheios-inflections__not-impl-msg {\n  padding: 20px;\n  font-size: 0.875rem;\n}\n\n.alpheios-inflections__wide-view {\n  position: relative;\n}\n\n.alpheios-inflections__table-ctrl-cont {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n  position: absolute;\n  top: textsize(-50px);\n}\n\n.alpheios-inflections__table-ctrl-cell--btn {\n  display: inline-block;\n  margin: 0 0 15px 20px;\n}\n\n.alpheios-inflections__table-ctrl-cell {\n  flex-grow: 1;\n}\n\n// To override skin styles\ndiv.alpheios-inflections__table-ctrl-cont div.alpheios-inflections__table-ctrl-cell {\n  font-size: 0.875rem;\n}\n\n.alpheios-inflections__table-ctrl-btn-cont {\n  margin-left: 0.2rem;\n}\n\n// region Paradigm table styles\n.infl-prdgm-tbl {\n  display: table;\n  border-top: 1px solid gray;\n  border-left: 1px solid gray;\n  margin-bottom: 30px;\n}\n\n.infl-prdgm-tbl__row {\n  display: table-row;\n}\n\n.infl-prdgm-tbl__cell {\n  display: table-cell;\n  padding: 2px 5px;\n  border-right: 1px solid gray;\n  border-bottom: 1px solid gray;\n  min-width: 20px;\n}\n\n.infl-prdgm-tbl-cell--label {\n  font-weight: 700;\n}\n\n.infl-prdgm-tbl-cell--full-match {\n  background-color: var(--alpheios-highlight-color);\n  font-weight: 700;\n}\n\n// endregion Paradigm table styles\n\n// region Tables\n.infl-table {\n  display: grid;\n  border-left: 1px solid #111;\n  border-bottom: 1px solid #111;\n  margin-bottom: 1rem;\n}\n\n.infl-table--wide {\n  /* Data flow order: number- case - declension - gender - type*/\n  grid-auto-flow: row;\n  grid-template-columns: repeat(21, 1fr); /* Default value, will be redefined in JS if necessary */\n}\n\n.infl-table--narrow {\n  /* Data flow order: declension - number- case - gender - type*/\n  grid-auto-flow: row;\n  grid-template-columns: repeat(6, 1fr); /* Default value, will be redefined in JS if necessary */\n}\n\n.infl-table.hidden {\n  display: none;\n}\n\n.infl-table-narrow-views-cont {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.infl-cell {\n  font-size: var(--alpheios-base-text-size);\n  padding: 0 2px 0 5px;\n  border-right: 1px solid #111;\n  border-top: 1px solid #111;\n  position: relative;\n}\n\n.infl-cell.hidden {\n  display: none;\n}\n\n.infl-cell--hdr {\n  font-weight: 700;\n  text-align: center;\n}\n\n.infl-cell--hdr .infl-cell__conj-stem {\n  text-transform: none;\n}\n\n.infl-cell--fw {\n  grid-column: 1 / -1;\n  font-style: italic;\n  text-transform: capitalize;\n}\n\n.infl-cell.infl-cell--sep {\n  height: 50px;\n}\n\n.infl-cell--sp0 {\n  display: none;\n}\n\n@for $i from 1 through 24 {\n  .infl-cell--sp#{$i} {\n    grid-column-end: span #{$i};\n  }\n}\n\n.infl-cell--hl {\n  background: lightgray;\n}\n\n.infl-cell--morph-match,\n.infl-table .infl-cell.infl-cell--morph-match // To override a color schema\n{\n  border: 3px solid var(--alpheios-inflect-morph-match-cell-border-color);\n}\n\n.infl-cell__conj-stem {\n  text-transform: none;\n}\n\n.infl-suff {\n  line-height: 1.25;\n  cursor: pointer;\n}\n\n.row-title-cell {\n  text-transform: capitalize;\n}\n\n.infl-suff.infl-suff--suffix-match {\n  background-color: var(--alpheios-inflect-match-suff-bg);\n}\n\n.infl-suff--full-match {\n  background-color: var(--alpheios-inflect-match-suff-bg);\n  color: var(--alpheios-inflect-match-suff-color);\n}\n\n.infl-suff.infl-suff--suffix-match.infl-suff--full-match {\n  background-color: var(--alpheios-inflect-full-match-suff-bg);\n  color: var(--alpheios-inflect-full-match-suff-color);\n  font-weight: 700;\n}\n\n.alpheios-inflections__control-btn {\n  color: var(--alpheios-inflect-button-control-color);\n  background-color: var(--alpheios-inflect-button-control-bg);\n  border-color: var(--alpheios-inflect-button-control-border-color);\n\n  &:hover {\n    color: var(--alpheios-inflect-button-control-color-hover);\n    background-color: var(--alpheios-inflect-button-control-bg-hover);\n    border-color: var(--alpheios-inflect-button-control-border-color-hover);\n\n  }\n}\n// endregion Tables\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-inflections__title {\n  color: var(--alpheios-inflect-title-color);\n  font-size: calc(var(--alpheios-base-text-size) * 1.375);\n  font-family: var(--alpheios-serif-font-face);\n  line-height: 1;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);\n  font-weight: 700;\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n}\n\n.alpheios-inflections__not-impl-msg {\n  padding: 20px;\n  font-size: 0.875rem;\n}\n\n.alpheios-inflections__wide-view {\n  position: relative;\n}\n\n.alpheios-inflections__table-ctrl-cont {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n  position: absolute;\n  top: calc(var(--alpheios-base-text-size) * -3.125);\n}\n\n.alpheios-inflections__table-ctrl-cell--btn {\n  display: inline-block;\n  margin: 0 0 15px 20px;\n}\n\n.alpheios-inflections__table-ctrl-cell {\n  flex-grow: 1;\n}\n\ndiv.alpheios-inflections__table-ctrl-cont div.alpheios-inflections__table-ctrl-cell {\n  font-size: 0.875rem;\n}\n\n.alpheios-inflections__table-ctrl-btn-cont {\n  margin-left: 0.2rem;\n}\n\n.infl-prdgm-tbl {\n  display: table;\n  border-top: 1px solid gray;\n  border-left: 1px solid gray;\n  margin-bottom: 30px;\n}\n\n.infl-prdgm-tbl__row {\n  display: table-row;\n}\n\n.infl-prdgm-tbl__cell {\n  display: table-cell;\n  padding: 2px 5px;\n  border-right: 1px solid gray;\n  border-bottom: 1px solid gray;\n  min-width: 20px;\n}\n\n.infl-prdgm-tbl-cell--label {\n  font-weight: 700;\n}\n\n.infl-prdgm-tbl-cell--full-match {\n  background-color: var(--alpheios-highlight-color);\n  font-weight: 700;\n}\n\n.infl-table {\n  display: grid;\n  border-left: 1px solid #111;\n  border-bottom: 1px solid #111;\n  margin-bottom: 1rem;\n}\n\n.infl-table--wide {\n  /* Data flow order: number- case - declension - gender - type*/\n  grid-auto-flow: row;\n  grid-template-columns: repeat(21, 1fr);\n  /* Default value, will be redefined in JS if necessary */\n}\n\n.infl-table--narrow {\n  /* Data flow order: declension - number- case - gender - type*/\n  grid-auto-flow: row;\n  grid-template-columns: repeat(6, 1fr);\n  /* Default value, will be redefined in JS if necessary */\n}\n\n.infl-table.hidden {\n  display: none;\n}\n\n.infl-table-narrow-views-cont {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.infl-cell {\n  font-size: var(--alpheios-base-text-size);\n  padding: 0 2px 0 5px;\n  border-right: 1px solid #111;\n  border-top: 1px solid #111;\n  position: relative;\n}\n\n.infl-cell.hidden {\n  display: none;\n}\n\n.infl-cell--hdr {\n  font-weight: 700;\n  text-align: center;\n}\n\n.infl-cell--hdr .infl-cell__conj-stem {\n  text-transform: none;\n}\n\n.infl-cell--fw {\n  grid-column: 1/-1;\n  font-style: italic;\n  text-transform: capitalize;\n}\n\n.infl-cell.infl-cell--sep {\n  height: 50px;\n}\n\n.infl-cell--sp0 {\n  display: none;\n}\n\n.infl-cell--sp1 {\n  grid-column-end: span 1;\n}\n\n.infl-cell--sp2 {\n  grid-column-end: span 2;\n}\n\n.infl-cell--sp3 {\n  grid-column-end: span 3;\n}\n\n.infl-cell--sp4 {\n  grid-column-end: span 4;\n}\n\n.infl-cell--sp5 {\n  grid-column-end: span 5;\n}\n\n.infl-cell--sp6 {\n  grid-column-end: span 6;\n}\n\n.infl-cell--sp7 {\n  grid-column-end: span 7;\n}\n\n.infl-cell--sp8 {\n  grid-column-end: span 8;\n}\n\n.infl-cell--sp9 {\n  grid-column-end: span 9;\n}\n\n.infl-cell--sp10 {\n  grid-column-end: span 10;\n}\n\n.infl-cell--sp11 {\n  grid-column-end: span 11;\n}\n\n.infl-cell--sp12 {\n  grid-column-end: span 12;\n}\n\n.infl-cell--sp13 {\n  grid-column-end: span 13;\n}\n\n.infl-cell--sp14 {\n  grid-column-end: span 14;\n}\n\n.infl-cell--sp15 {\n  grid-column-end: span 15;\n}\n\n.infl-cell--sp16 {\n  grid-column-end: span 16;\n}\n\n.infl-cell--sp17 {\n  grid-column-end: span 17;\n}\n\n.infl-cell--sp18 {\n  grid-column-end: span 18;\n}\n\n.infl-cell--sp19 {\n  grid-column-end: span 19;\n}\n\n.infl-cell--sp20 {\n  grid-column-end: span 20;\n}\n\n.infl-cell--sp21 {\n  grid-column-end: span 21;\n}\n\n.infl-cell--sp22 {\n  grid-column-end: span 22;\n}\n\n.infl-cell--sp23 {\n  grid-column-end: span 23;\n}\n\n.infl-cell--sp24 {\n  grid-column-end: span 24;\n}\n\n.infl-cell--hl {\n  background: lightgray;\n}\n\n.infl-cell--morph-match,\n.infl-table .infl-cell.infl-cell--morph-match {\n  border: 3px solid var(--alpheios-inflect-morph-match-cell-border-color);\n}\n\n.infl-cell__conj-stem {\n  text-transform: none;\n}\n\n.infl-suff {\n  line-height: 1.25;\n  cursor: pointer;\n}\n\n.row-title-cell {\n  text-transform: capitalize;\n}\n\n.infl-suff.infl-suff--suffix-match {\n  background-color: var(--alpheios-inflect-match-suff-bg);\n}\n\n.infl-suff--full-match {\n  background-color: var(--alpheios-inflect-match-suff-bg);\n  color: var(--alpheios-inflect-match-suff-color);\n}\n\n.infl-suff.infl-suff--suffix-match.infl-suff--full-match {\n  background-color: var(--alpheios-inflect-full-match-suff-bg);\n  color: var(--alpheios-inflect-full-match-suff-color);\n  font-weight: 700;\n}\n\n.alpheios-inflections__control-btn {\n  color: var(--alpheios-inflect-button-control-color);\n  background-color: var(--alpheios-inflect-button-control-bg);\n  border-color: var(--alpheios-inflect-button-control-border-color);\n}\n.alpheios-inflections__control-btn:hover {\n  color: var(--alpheios-inflect-button-control-color-hover);\n  background-color: var(--alpheios-inflect-button-control-bg-hover);\n  border-color: var(--alpheios-inflect-button-control-border-color-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nh3.alpheios-inflections__supp-table-title {\n  font-size: 1rem;\n  line-height: 1;\n  margin: 1.5rem 0 0.6rem 0;\n  font-weight: 700;\n}\n\n.infl-supp-tbl__cont {\n  margin-bottom: 20px;\n  display: inline-block;\n}\n\n.infl-prdgm-tbl--supp {\n  margin-bottom: 10px;\n}\n\n.infl-supp-tbl__cont a.infl-supp-tbl__reflink {\n  float: right;\n  color: var(--alpheios-link-color);\n  text-decoration: underline;\n\n  &:hover {\n    color: var(--alpheios-link-color-hover);\n  }\n}\n","h3.alpheios-inflections__supp-table-title {\n  font-size: 1rem;\n  line-height: 1;\n  margin: 1.5rem 0 0.6rem 0;\n  font-weight: 700;\n}\n\n.infl-supp-tbl__cont {\n  margin-bottom: 20px;\n  display: inline-block;\n}\n\n.infl-prdgm-tbl--supp {\n  margin-bottom: 10px;\n}\n\n.infl-supp-tbl__cont a.infl-supp-tbl__reflink {\n  float: right;\n  color: var(--alpheios-link-color);\n  text-decoration: underline;\n}\n.infl-supp-tbl__cont a.infl-supp-tbl__reflink:hover {\n  color: var(--alpheios-link-color-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-inflections__form-parts {\n  display: inline-block;\n}\n\n.alpheios-inflections__forms-cont {\n  color: var(--alpheios-text-color-dark);\n  font-size: textsize(20px);\n  margin-bottom: textsize(40px)\n}\n\n.alpheios-inflections__forms-targetword {\n  font-weight: 700;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-inflections__form-parts {\n  display: inline-block;\n}\n\n.alpheios-inflections__forms-cont {\n  color: var(--alpheios-text-color-dark);\n  font-size: calc(var(--alpheios-base-text-size) * 1.25);\n  margin-bottom: calc(var(--alpheios-base-text-size) * 2.5);\n}\n\n.alpheios-inflections__forms-targetword {\n  font-weight: 700;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\nh4.alpheios-inflections__additional_title {\n  line-height: 1.6;\n  font-weight: bold;\n  text-align: left;\n  margin: 0 0 0.6rem 0;\n}\n\n.alpheios-select.alpheios-inflections__view-selector {\n  height: auto !important;\n  max-width: 220px;\n  line-height: 1.6;\n}\n\n.alpheios-inflections__actions {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 0.6rem;\n  margin-top: 10px;\n}\n\n.alpheios-inflections__form {\n  font-weight: bold;\n  line-height: 1.2;\n  justify-content: flex-start;\n}\n\n// region Footnotes\n.alpheios-inflections__footnotes {\n  display: none;\n  grid-template-columns: 1.6rem 1fr;\n  font-size: 0.875rem;\n  line-height: 1.2;\n  margin-bottom: 2rem;\n\n  dt {\n    font-weight: 700;\n  }\n}\n\n[data-footnote] {\n  position: relative;\n  padding-left: 2px;\n  vertical-align: super;\n}\n\n.alpheios-inflections__credits-cont {\n  margin-bottom: 10px;\n}\n\nh3.alpheios-inflections__credits-title {\n  font-weight: 700;\n  margin-bottom: 0;\n}\n\n.alpheios-inflections__credits-text {\n  font-size: textsize(12px);\n  font-weight: normal;\n  font-style: italic;\n  padding: 5px;\n}\n\n.alpheios-inflections__paradigms-expl {\n  font-size: textsize(12px);\n  font-weight: normal;\n  font-style: italic;\n  margin: 20px 0 10px;\n}\n\n.alpheios-inflections__paradigms-expl span {\n  font-weight: 700;\n}\n\n.alpheios-inflections__supp-tables {\n  margin-top: 4rem;\n}\n// endregion Footnotes\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\nh4.alpheios-inflections__additional_title {\n  line-height: 1.6;\n  font-weight: bold;\n  text-align: left;\n  margin: 0 0 0.6rem 0;\n}\n\n.alpheios-select.alpheios-inflections__view-selector {\n  height: auto !important;\n  max-width: 220px;\n  line-height: 1.6;\n}\n\n.alpheios-inflections__actions {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 0.6rem;\n  margin-top: 10px;\n}\n\n.alpheios-inflections__form {\n  font-weight: bold;\n  line-height: 1.2;\n  justify-content: flex-start;\n}\n\n.alpheios-inflections__footnotes {\n  display: none;\n  grid-template-columns: 1.6rem 1fr;\n  font-size: 0.875rem;\n  line-height: 1.2;\n  margin-bottom: 2rem;\n}\n.alpheios-inflections__footnotes dt {\n  font-weight: 700;\n}\n\n[data-footnote] {\n  position: relative;\n  padding-left: 2px;\n  vertical-align: super;\n}\n\n.alpheios-inflections__credits-cont {\n  margin-bottom: 10px;\n}\n\nh3.alpheios-inflections__credits-title {\n  font-weight: 700;\n  margin-bottom: 0;\n}\n\n.alpheios-inflections__credits-text {\n  font-size: calc(var(--alpheios-base-text-size) * 0.75);\n  font-weight: normal;\n  font-style: italic;\n  padding: 5px;\n}\n\n.alpheios-inflections__paradigms-expl {\n  font-size: calc(var(--alpheios-base-text-size) * 0.75);\n  font-weight: normal;\n  font-style: italic;\n  margin: 20px 0 10px;\n}\n\n.alpheios-inflections__paradigms-expl span {\n  font-weight: 700;\n}\n\n.alpheios-inflections__supp-tables {\n  margin-top: 4rem;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-grammar__titles {\n  padding: 10px 30px 5px;\n  border-bottom: 3px solid var(--alpheios-color-neutral-light);\n\n  h1.alpheios-panel__title {\n    font-size: calc(var(--alpheios-base-text-size) * 1.3) !important;\n    margin: 0 0 calc(var(--alpheios-base-text-size) * 0.5) 0 !important;\n  }\n}\np.alpheios-grammar__block__title {\n  color: var(--alpheios-inflect-title-color);\n  font-size: calc(var(--alpheios-base-text-size) * 1.1);\n  font-family: var(--alpheios-serif-font-face);\n  font-weight: 700;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.5);\n  // To have the border under the text only\n  display: inline-block;\n\n  &.open {\n    border-bottom: textsize(2px) solid var(--alpheios-inflect-title-color);\n  }\n}\n\n.alpheios-grammar {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.alpheios-grammar__frame-cont {\n  flex: 1 1 auto;\n  position: relative;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: auto;\n  flex-direction: column;\n}\n\n.alpheios-grammar__frame {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n  margin: 0;\n  padding: 0;\n  overflow: scroll;\n}\n\n.alpheios-grammar__provider {\n  flex: none;\n  font-weight: normal;\n  padding: 20px 25px 20px;\n  font-size: 80%;\n}\n\n.alpheios-grammar__button--back-block,\n.alpheios-grammar__button--show-titles-block {\n  position: absolute;\n  top: 5px;\n  right: 20px;\n  z-index: 1000;\n\n  button {\n    color: var(--alpheios-grammar-back-button-color);\n    background-color: var(--alpheios-grammar-back-button-bg);\n    border-color: var(--alpheios-grammar-back-button-border-color);\n    width: 30px;\n    height: 30px !important; // To override specific height set on Loeb Classics\n    padding: 0 !important; // To override values set on Loeb Classics\n    position: relative;\n\n    &:hover {\n      color: var(--alpheios-grammar-back-button-color-hover);\n      background-color: var(--alpheios-grammar-back-button-bg-hover);\n      border-color: var(--alpheios-grammar-back-button-border-color-hover);\n    }\n\n    svg {\n      position: relative;\n      top: 1px;\n    }\n  }\n}\n\n.alpheios-grammar__button--show-titles-block {\n  right: 60px;\n}\n\n.alpheios-svg-index {\n  display: block;\n  border-radius: 15px;\n  opacity: 0.5;\n\n  padding: 0;\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n  text-align: center;\n\n  svg {\n    display: inline-block;\n    width: 22px;\n    height: auto;\n    fill: var(--alpheios-btn-primary-font-color);\n  }\n}\n\n.alpheios-grammar__frame-progress {\n  padding: 20px;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-grammar__titles {\n  padding: 10px 30px 5px;\n  border-bottom: 3px solid var(--alpheios-color-neutral-light);\n}\n.alpheios-grammar__titles h1.alpheios-panel__title {\n  font-size: calc(var(--alpheios-base-text-size) * 1.3) !important;\n  margin: 0 0 calc(var(--alpheios-base-text-size) * 0.5) 0 !important;\n}\n\np.alpheios-grammar__block__title {\n  color: var(--alpheios-inflect-title-color);\n  font-size: calc(var(--alpheios-base-text-size) * 1.1);\n  font-family: var(--alpheios-serif-font-face);\n  font-weight: 700;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.5);\n  display: inline-block;\n}\np.alpheios-grammar__block__title.open {\n  border-bottom: calc(var(--alpheios-base-text-size) * 0.125) solid var(--alpheios-inflect-title-color);\n}\n\n.alpheios-grammar {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.alpheios-grammar__frame-cont {\n  flex: 1 1 auto;\n  position: relative;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: auto;\n  flex-direction: column;\n}\n\n.alpheios-grammar__frame {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n  margin: 0;\n  padding: 0;\n  overflow: scroll;\n}\n\n.alpheios-grammar__provider {\n  flex: none;\n  font-weight: normal;\n  padding: 20px 25px 20px;\n  font-size: 80%;\n}\n\n.alpheios-grammar__button--back-block,\n.alpheios-grammar__button--show-titles-block {\n  position: absolute;\n  top: 5px;\n  right: 20px;\n  z-index: 1000;\n}\n.alpheios-grammar__button--back-block button,\n.alpheios-grammar__button--show-titles-block button {\n  color: var(--alpheios-grammar-back-button-color);\n  background-color: var(--alpheios-grammar-back-button-bg);\n  border-color: var(--alpheios-grammar-back-button-border-color);\n  width: 30px;\n  height: 30px !important;\n  padding: 0 !important;\n  position: relative;\n}\n.alpheios-grammar__button--back-block button:hover,\n.alpheios-grammar__button--show-titles-block button:hover {\n  color: var(--alpheios-grammar-back-button-color-hover);\n  background-color: var(--alpheios-grammar-back-button-bg-hover);\n  border-color: var(--alpheios-grammar-back-button-border-color-hover);\n}\n.alpheios-grammar__button--back-block button svg,\n.alpheios-grammar__button--show-titles-block button svg {\n  position: relative;\n  top: 1px;\n}\n\n.alpheios-grammar__button--show-titles-block {\n  right: 60px;\n}\n\n.alpheios-svg-index {\n  display: block;\n  border-radius: 15px;\n  opacity: 0.5;\n  padding: 0;\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n  text-align: center;\n}\n.alpheios-svg-index svg {\n  display: inline-block;\n  width: 22px;\n  height: auto;\n  fill: var(--alpheios-btn-primary-font-color);\n}\n\n.alpheios-grammar__frame-progress {\n  padding: 20px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-treebank {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.alpheios-treebank__frame {\n  width: 100%;\n  flex: 1 1 100vh;\n  height: 100%;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-treebank {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.alpheios-treebank__frame {\n  width: 100%;\n  flex: 1 1 100vh;\n  height: 100%;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-ib {\n  margin-bottom: textsize(20px);\n\n  .alpheios-inflections__title {\n    font-family: var(--alpheios-sans-font-face);\n    font-size: var(--alpheios-base-text-size);\n    margin: 0 0 textsize(20px) textsize(48px);\n  }\n}\n\n.alpheios-ib__title {\n  color: var(--alpheios-inflect-title-color);\n  font-size: textsize(24px);\n  font-family: var(--alpheios-serif-font-face);\n  font-weight: 700;\n  margin-bottom: textsize(20px);\n  // To have the border under the text only\n  display: inline-block;\n\n  &.open {\n    border-bottom: textsize(2px) solid var(--alpheios-inflect-title-color);\n  }\n}\n\n.alpheios-ib__pofs-title {\n  font-weight: 700;\n  font-size: textsize(22px);\n  margin-bottom: textsize(10px);\n}\n\n.alpheios-ib__pofs-title-l2 {\n  font-weight: 700;\n  margin-left: textsize(16px);\n  margin-bottom: textsize(20px);\n}\n\n.alpheios-ib__pofs-title-l3 {\n  font-weight: 700;\n  margin-left: textsize(32px);\n  margin-bottom: textsize(20px);\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-ib {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n}\n.alpheios-ib .alpheios-inflections__title {\n  font-family: var(--alpheios-sans-font-face);\n  font-size: var(--alpheios-base-text-size);\n  margin: 0 0 calc(var(--alpheios-base-text-size) * 1.25) calc(var(--alpheios-base-text-size) * 3);\n}\n\n.alpheios-ib__title {\n  color: var(--alpheios-inflect-title-color);\n  font-size: calc(var(--alpheios-base-text-size) * 1.5);\n  font-family: var(--alpheios-serif-font-face);\n  font-weight: 700;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n  display: inline-block;\n}\n.alpheios-ib__title.open {\n  border-bottom: calc(var(--alpheios-base-text-size) * 0.125) solid var(--alpheios-inflect-title-color);\n}\n\n.alpheios-ib__pofs-title {\n  font-weight: 700;\n  font-size: calc(var(--alpheios-base-text-size) * 1.375);\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);\n}\n\n.alpheios-ib__pofs-title-l2 {\n  font-weight: 700;\n  margin-left: calc(var(--alpheios-base-text-size) * 1);\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n}\n\n.alpheios-ib__pofs-title-l3 {\n  font-weight: 700;\n  margin-left: calc(var(--alpheios-base-text-size) * 2);\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n .alpheios-user-auth {\n   display: flex;\n   flex-direction: column;\n   height: 100%;\n   justify-content: space-between;\n }\n\n.alpheios-user-auth__user-login-instuctions {\n  color: var(--alpheios-text-color-vivid);\n}\n\n.alpheios-user-auth__user-info-box {\n  margin: uisize(20px) auto uisize(50px);\n  display: flex;\n  border-top: 1px solid var(--alpheios-border-color);\n  flex-direction: column;\n}\n\n.alpheios-user-auth__user-info-item-box {\n  display: flex;\n  flex-direction: row;\n  padding: uisize(5px) uisize(10px);\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n\n.alpheios-user-auth__user-info-item-name {\n  flex: 1 1;\n}\n\n.alpheios-user-auth__user-info-item-value {\n  font-weight: 700;\n  flex: 1 1;\n  color: var(--alpheios-link-color-on-light) !important;\n  text-align: right;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-user-auth {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: space-between;\n}\n\n.alpheios-user-auth__user-login-instuctions {\n  color: var(--alpheios-text-color-vivid);\n}\n\n.alpheios-user-auth__user-info-box {\n  margin: calc(var(--alpheios-base-ui-size) * 1.25) auto calc(var(--alpheios-base-ui-size) * 3.125);\n  display: flex;\n  border-top: 1px solid var(--alpheios-border-color);\n  flex-direction: column;\n}\n\n.alpheios-user-auth__user-info-item-box {\n  display: flex;\n  flex-direction: row;\n  padding: calc(var(--alpheios-base-ui-size) * 0.3125) calc(var(--alpheios-base-ui-size) * 0.625);\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n\n.alpheios-user-auth__user-info-item-name {\n  flex: 1 1;\n}\n\n.alpheios-user-auth__user-info-item-value {\n  font-weight: 700;\n  flex: 1 1;\n  color: var(--alpheios-link-color-on-light) !important;\n  text-align: right;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-word-usage-filters-select .alpheios-select {\n  option.alpheios-select-disabled-option {\n    color: var(--alpheios-color-placehoder);\n  }\n}\n\n.alpheios-word-usage-header-select-type-filters-block {\n  margin-bottom: 10px;\n\n  .alpheios-word-usage-header-select-type-filter {\n    cursor: pointer;\n\n    input[type=\"radio\"] {\n      display: inline-block;\n      vertical-align: middle;\n    }\n    label {\n      padding-left: 5px;\n      font-size: var(--alpheios-base-text-size);\n      line-height: 100%;\n      display: inline-block;\n      vertical-align: middle;\n    }\n    &.alpheios-word-usage-header-select-type-filter-disabled {\n      color: var(--alpheios-color-neutral-dark);\n      cursor: inherit;\n    }\n  }\n}\n\n.alpheios-word-usage-header-filters\n.alpheios-word-usage-header-actions button:disabled {\n  background-color: var(--alpheios-color-neutral-dark);\n  border-color: transparent;\n}\n\n.alpheios-word-usage-header\n.alpheios-word-usage-header-select-textwork {\n  margin-top: 10px;\n}\n\n.alpheios-word-usage-header-filters .alpheios-word-usage-get-data-progress {\n  color: var(--alpheios-usage-progress-color);\n  font-weight: bold;\n}\n\np.alpheios-word-usage-filter-title {\n  margin: 0 0 calc(var(--alpheios-base-text-size) * 0.5);\n}\n\n.alpheios-word-usage-filters-select {\n  margin-bottom: 10px;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-word-usage-filters-select .alpheios-select option.alpheios-select-disabled-option {\n  color: var(--alpheios-color-placehoder);\n}\n\n.alpheios-word-usage-header-select-type-filters-block {\n  margin-bottom: 10px;\n}\n.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter {\n  cursor: pointer;\n}\n.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter input[type=radio] {\n  display: inline-block;\n  vertical-align: middle;\n}\n.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter label {\n  padding-left: 5px;\n  font-size: var(--alpheios-base-text-size);\n  line-height: 100%;\n  display: inline-block;\n  vertical-align: middle;\n}\n.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter.alpheios-word-usage-header-select-type-filter-disabled {\n  color: var(--alpheios-color-neutral-dark);\n  cursor: inherit;\n}\n\n.alpheios-word-usage-header-filters .alpheios-word-usage-header-actions button:disabled {\n  background-color: var(--alpheios-color-neutral-dark);\n  border-color: transparent;\n}\n\n.alpheios-word-usage-header .alpheios-word-usage-header-select-textwork {\n  margin-top: 10px;\n}\n\n.alpheios-word-usage-header-filters .alpheios-word-usage-get-data-progress {\n  color: var(--alpheios-usage-progress-color);\n  font-weight: bold;\n}\n\np.alpheios-word-usage-filter-title {\n  margin: 0 0 calc(var(--alpheios-base-text-size) * 0.5);\n}\n\n.alpheios-word-usage-filters-select {\n  margin-bottom: 10px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-word-usage-sorting-select .alpheios-select {\n  option.alpheios-select-disabled-option {\n    color: var(--alpheios-color-placehoder);\n  }\n}\n\n.alpheios-word-usage-header-sorting {\n  padding-bottom: 10px;\n  margin-top: 10px;\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-word-usage-sorting-select .alpheios-select option.alpheios-select-disabled-option {\n  color: var(--alpheios-color-placehoder);\n}\n\n.alpheios-word-usage-header-sorting {\n  padding-bottom: 10px;\n  margin-top: 10px;\n  border-bottom: 1px solid var(--alpheios-border-color);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-word-usage {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  div.alpheios_word_usage_list_title {\n    flex: none;\n    font-weight: bold;\n    padding-bottom: 5px;\n    border-bottom: 1px solid var(--alpheios-border-color);\n    margin-bottom: 10px;\n  }\n\n  div.alpheios_word_usage_list_title div.alpheios_word_usage_hint {\n    font-weight: normal;\n  }\n\n  div.alpheios_word_usage_list_mainblock {\n    flex: 1 1 auto;\n    position: relative;\n    -webkit-overflow-scrolling: touch;\n  }\n  div.alpheios-word_usage_list__provider {\n    flex: none;\n    font-weight: normal;\n\n    padding: 10px 0;\n    font-size: 80%;\n  }\n\n  .alpheios-word-usage-header-filter-select,\n  .alpheios-word-usage-header-select-sortBy {\n    width: 88%;\n    max-width: 400px;\n  }\n\n  & .alpheios-select:not([multiple]):not([size]) {\n    background-size: calc(var(--alpheios-base-text-size) * 2);\n  }\n\n  .alpheios-word-usage-header-clear-icon {\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    cursor: pointer;\n    vertical-align: middle;\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .alpheios-word-usage-header-clear-disabled.alpheios-word-usage-header-clear-icon {\n    cursor: inherit;\n    fill: var(--alpheios-text-color);\n  }\n\n  &__examples {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    grid-auto-rows: auto;\n  }\n\n  &__examples-show-sources-cbx {\n    margin: 40px 0  20px;\n  }\n\n\n  &__examples-source-link-large {\n    grid-column: 1/4;\n    color: var(--alpheios-usage-link-color);\n    padding-top: 10px;\n    padding-bottom: 5px;\n\n    cursor: pointer;\n\n    &:hover {\n      color: var(--alpheios-usage-link-color-hover);\n    }\n  }\n\n  &__examples-source-link-compact-cont {\n    grid-column: 1/4;\n    padding-top: 5px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid var(--alpheios-border-color);\n  }\n\n  a#{&}__examples-source-link-compact-text {\n    color: var(--alpheios-usage-link-color);\n\n    &:hover {\n      color: var(--alpheios-usage-link-color-hover);\n    }\n  }\n\n  &__examples-pre,\n  &__examples-target-word,\n  &__examples-post {\n    padding-bottom: 10px;\n    border-bottom: 1px solid var(--alpheios-border-color);\n    white-space: nowrap;\n  }\n\n  &__examples-pre {\n    grid-column: 1;\n    text-align: right;\n    border-bottom: 1px solid var(--alpheios-border-color);\n  }\n\n  &__examples-target-word {\n    grid-column: 2;\n    text-align: center;\n    padding: 0 3px;\n    color: var(--alpheios-usage-target-color);\n    font-weight: 700;\n    border-bottom: 1px solid var(--alpheios-border-color);\n  }\n\n  &__examples-post {\n    grid-column: 3;\n    text-align: left;\n    border-bottom: 1px solid var(--alpheios-border-color);\n  }\n\n\n\n  .alpheios-word-usage-header-show-link {\n    cursor: pointer;\n    color: var(--alpheios-usage-link-color);\n    &:hover {\n      text-decoration: underline;\n      color: var(--alpheios-usage-link-color-hover);\n    }\n  }\n}\n\n.alpheios-word-usage__examples-show-sources-cbx {\n  display: none;\n}\n\n.alpheios-word-usage__examples-show-sources-cbx label {\n  color: var(--alpheios-usage-link-color)\n}\n\n.alpheios-layout-compact {\n  .alpheios-word-usage-header-select-type-filters-block\n  .alpheios-word-usage-header-select-type-filter {\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 20px;\n  }\n\n  .alpheios-word-usage-filters-select,\n  .alpheios-word-usage-header-actions {\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .alpheios-word-usage-filters-select {\n    width: 100%;\n    max-width: 450px;\n  }\n\n  .alpheios-word-usage-header-actions {\n    border-top: 0;\n    margin-top: 0;\n    padding-top: 10px;\n  }\n\n  .alpheios-word-usage__examples-show-sources-cbx {\n    margin: 0 0 0 10px;\n  }\n\n\n  .alpheios-word-usage__examples-source-link-large {\n      display: none;\n    }\n\n  .alpheios-word-usage__examples-show-sources-cbx {\n    display: inline-block;\n  }\n\n  .alpheios-word-usage__examples--sources-visible\n    .alpheios-word-usage__examples-source-link-large{\n    display: block;\n  }\n}\n\n.alpheios_word_usage_list_mainblock i {\n  font-style: italic;\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-word-usage {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.alpheios-word-usage div.alpheios_word_usage_list_title {\n  flex: none;\n  font-weight: bold;\n  padding-bottom: 5px;\n  border-bottom: 1px solid var(--alpheios-border-color);\n  margin-bottom: 10px;\n}\n.alpheios-word-usage div.alpheios_word_usage_list_title div.alpheios_word_usage_hint {\n  font-weight: normal;\n}\n.alpheios-word-usage div.alpheios_word_usage_list_mainblock {\n  flex: 1 1 auto;\n  position: relative;\n  -webkit-overflow-scrolling: touch;\n}\n.alpheios-word-usage div.alpheios-word_usage_list__provider {\n  flex: none;\n  font-weight: normal;\n  padding: 10px 0;\n  font-size: 80%;\n}\n.alpheios-word-usage .alpheios-word-usage-header-filter-select,\n.alpheios-word-usage .alpheios-word-usage-header-select-sortBy {\n  width: 88%;\n  max-width: 400px;\n}\n.alpheios-word-usage .alpheios-select:not([multiple]):not([size]) {\n  background-size: calc(var(--alpheios-base-text-size) * 2);\n}\n.alpheios-word-usage .alpheios-word-usage-header-clear-icon {\n  width: 20px;\n  height: 20px;\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.alpheios-word-usage .alpheios-word-usage-header-clear-icon svg {\n  width: 100%;\n  height: 100%;\n}\n.alpheios-word-usage .alpheios-word-usage-header-clear-disabled.alpheios-word-usage-header-clear-icon {\n  cursor: inherit;\n  fill: var(--alpheios-text-color);\n}\n.alpheios-word-usage__examples {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  grid-auto-rows: auto;\n}\n.alpheios-word-usage__examples-show-sources-cbx {\n  margin: 40px 0 20px;\n}\n.alpheios-word-usage__examples-source-link-large {\n  grid-column: 1/4;\n  color: var(--alpheios-usage-link-color);\n  padding-top: 10px;\n  padding-bottom: 5px;\n  cursor: pointer;\n}\n.alpheios-word-usage__examples-source-link-large:hover {\n  color: var(--alpheios-usage-link-color-hover);\n}\n.alpheios-word-usage__examples-source-link-compact-cont {\n  grid-column: 1/4;\n  padding-top: 5px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n.alpheios-word-usage a.alpheios-word-usage__examples-source-link-compact-text {\n  color: var(--alpheios-usage-link-color);\n}\n.alpheios-word-usage a.alpheios-word-usage__examples-source-link-compact-text:hover {\n  color: var(--alpheios-usage-link-color-hover);\n}\n.alpheios-word-usage__examples-pre, .alpheios-word-usage__examples-target-word, .alpheios-word-usage__examples-post {\n  padding-bottom: 10px;\n  border-bottom: 1px solid var(--alpheios-border-color);\n  white-space: nowrap;\n}\n.alpheios-word-usage__examples-pre {\n  grid-column: 1;\n  text-align: right;\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n.alpheios-word-usage__examples-target-word {\n  grid-column: 2;\n  text-align: center;\n  padding: 0 3px;\n  color: var(--alpheios-usage-target-color);\n  font-weight: 700;\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n.alpheios-word-usage__examples-post {\n  grid-column: 3;\n  text-align: left;\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n.alpheios-word-usage .alpheios-word-usage-header-show-link {\n  cursor: pointer;\n  color: var(--alpheios-usage-link-color);\n}\n.alpheios-word-usage .alpheios-word-usage-header-show-link:hover {\n  text-decoration: underline;\n  color: var(--alpheios-usage-link-color-hover);\n}\n\n.alpheios-word-usage__examples-show-sources-cbx {\n  display: none;\n}\n\n.alpheios-word-usage__examples-show-sources-cbx label {\n  color: var(--alpheios-usage-link-color);\n}\n\n.alpheios-layout-compact .alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 20px;\n}\n.alpheios-layout-compact .alpheios-word-usage-filters-select,\n.alpheios-layout-compact .alpheios-word-usage-header-actions {\n  display: inline-block;\n  vertical-align: middle;\n}\n.alpheios-layout-compact .alpheios-word-usage-filters-select {\n  width: 100%;\n  max-width: 450px;\n}\n.alpheios-layout-compact .alpheios-word-usage-header-actions {\n  border-top: 0;\n  margin-top: 0;\n  padding-top: 10px;\n}\n.alpheios-layout-compact .alpheios-word-usage__examples-show-sources-cbx {\n  margin: 0 0 0 10px;\n}\n.alpheios-layout-compact .alpheios-word-usage__examples-source-link-large {\n  display: none;\n}\n.alpheios-layout-compact .alpheios-word-usage__examples-show-sources-cbx {\n  display: inline-block;\n}\n.alpheios-layout-compact .alpheios-word-usage__examples--sources-visible .alpheios-word-usage__examples-source-link-large {\n  display: block;\n}\n\n.alpheios_word_usage_list_mainblock i {\n  font-style: italic;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n .alpheios-wordlist-language__worditem {\n     border-bottom: 1px solid var(--alpheios-border-color);\n     padding: 7px 0;\n }\n\n .alpheios-worditem__data {\n     display: inline-block;\n     vertical-align: middle;\n     box-sizing: border-box;\n     padding: 7px 0;\n }\n\n $iconsize: 22px;\n\n .alpheios-wordlist-language__worditem {\n   .alpheios-worditem__icon,\n   .alpheios-worditem__controlIcon {\n       width: $iconsize;\n       height: $iconsize;\n       text-align: center;\n       cursor: pointer;\n\n       fill: var(--alpheios-word-list-default-item-color);\n       stroke: var(--alpheios-word-list-default-item-color);\n\n       margin: 5px;\n       svg {\n         width: $iconsize;\n         height: $iconsize;\n         display: inline-block;\n         vertical-align: top;\n         padding: 2px;\n       }\n\n       &.alpheios-worditem__delete_icon {\n         fill: var(--alpheios-word-list-delete-item-color);\n         stroke: var(--alpheios-word-list-delete-item-color);\n       }\n\n       &.alpheios-worditem__current_session_icon {\n         stroke: var(--alpheios-word-list-current-item-color);\n         fill: var(--alpheios-word-list-current-item-color);\n       }\n   }\n }\n\n.alpheios-wordlist-language__worditem__active .alpheios-worditem__data {\n   fill: var(--alpheios-word-list-important-item-color);\n   stroke: var(--alpheios-word-list-important-item-color);\n   color: var(--alpheios-word-list-important-item-color);\n\n   &.alpheios-worditem__delete_icon {\n     fill: var(--alpheios-word-list-delete-item-color);\n     stroke: var(--alpheios-word-list-delete-item-color);\n   }\n }\n\n .alpheios-worditem__targetWord {\n     font-weight: bold;\n     width: calc((100% - 250px)/2);\n     cursor: pointer;\n }\n .alpheios-worditem__lemmasList {\n     width: calc((100% - 250px)/2);\n }\n\n .alpheios-worditem__frequency {\n   width: 20px;\n }\n\n .alpheios-worditem__updatedDT {\n   width: 70px;\n   font-size: 80%;\n   white-space: nowrap;\n }\n\n .alpheios-visibility__hidden {\n   visibility: hidden;\n }\n\n .alpheios-lemma-clickable\n .alpheios-worditem__lemmasList-lemmaitem {\n   cursor: pointer;\n }\n\n .alpheios-rtl {\n   .alpheios-worditem__targetWord,\n   .alpheios-worditem__lemmasList {\n     direction: rtl;\n     text-align: right;\n   }\n }\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlist-language__worditem {\n  border-bottom: 1px solid var(--alpheios-border-color);\n  padding: 7px 0;\n}\n\n.alpheios-worditem__data {\n  display: inline-block;\n  vertical-align: middle;\n  box-sizing: border-box;\n  padding: 7px 0;\n}\n\n.alpheios-wordlist-language__worditem .alpheios-worditem__icon,\n.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon {\n  width: 22px;\n  height: 22px;\n  text-align: center;\n  cursor: pointer;\n  fill: var(--alpheios-word-list-default-item-color);\n  stroke: var(--alpheios-word-list-default-item-color);\n  margin: 5px;\n}\n.alpheios-wordlist-language__worditem .alpheios-worditem__icon svg,\n.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon svg {\n  width: 22px;\n  height: 22px;\n  display: inline-block;\n  vertical-align: top;\n  padding: 2px;\n}\n.alpheios-wordlist-language__worditem .alpheios-worditem__icon.alpheios-worditem__delete_icon,\n.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon.alpheios-worditem__delete_icon {\n  fill: var(--alpheios-word-list-delete-item-color);\n  stroke: var(--alpheios-word-list-delete-item-color);\n}\n.alpheios-wordlist-language__worditem .alpheios-worditem__icon.alpheios-worditem__current_session_icon,\n.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon.alpheios-worditem__current_session_icon {\n  stroke: var(--alpheios-word-list-current-item-color);\n  fill: var(--alpheios-word-list-current-item-color);\n}\n\n.alpheios-wordlist-language__worditem__active .alpheios-worditem__data {\n  fill: var(--alpheios-word-list-important-item-color);\n  stroke: var(--alpheios-word-list-important-item-color);\n  color: var(--alpheios-word-list-important-item-color);\n}\n.alpheios-wordlist-language__worditem__active .alpheios-worditem__data.alpheios-worditem__delete_icon {\n  fill: var(--alpheios-word-list-delete-item-color);\n  stroke: var(--alpheios-word-list-delete-item-color);\n}\n\n.alpheios-worditem__targetWord {\n  font-weight: bold;\n  width: calc((100% - 250px) / 2);\n  cursor: pointer;\n}\n\n.alpheios-worditem__lemmasList {\n  width: calc((100% - 250px) / 2);\n}\n\n.alpheios-worditem__frequency {\n  width: 20px;\n}\n\n.alpheios-worditem__updatedDT {\n  width: 70px;\n  font-size: 80%;\n  white-space: nowrap;\n}\n\n.alpheios-visibility__hidden {\n  visibility: hidden;\n}\n\n.alpheios-lemma-clickable .alpheios-worditem__lemmasList-lemmaitem {\n  cursor: pointer;\n}\n\n.alpheios-rtl .alpheios-worditem__targetWord,\n.alpheios-rtl .alpheios-worditem__lemmasList {\n  direction: rtl;\n  text-align: right;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-wordlist-filters {\n    padding: 10px;\n\n    .alpheios-select.alpheios-wordlist-header-select-filterBy {\n      option.alpheios-select-disabled-option {\n        color: var(--alpheios-color-placehoder);\n      }\n    }\n\n    p.alpheios-wordlist-header-title {\n        margin: 0;\n        font-weight: bold;\n        // padding-bottom: 20px;\n        cursor: pointer;\n\n        &.alpheios-wordlist-filters__hidden {\n          text-decoration: underline;\n          color: var(--alpheios-link-color);\n\n          &:hover {\n            color: var(--alpheios-link-color-hover);\n          }\n        }\n    }\n\n    .alpheios-wordlist-header-select-filterBy-block,\n    .alpheios-wordlist-header-input-filterBy-block {\n        width: 48%;\n        display: inline-block;\n        vertical-align: top;\n        margin: 7px 0;\n    }\n\n    .alpheios-wordlist-header-input-filterBy-block {\n      margin-left: 1%;\n    }\n\n    .alpheios-wordlist-header-select-filterBy{\n      width: 80%;\n    }\n\n    .alpheios-wordlist-header-input-filterBy {\n      width: 100%;\n    }\n\n    .alpheios-wordlist-header-clear-icon {\n      width: 20px;\n      height: 20px;\n      display: inline-block;\n      cursor: pointer;\n      vertical-align: middle;\n\n      svg {\n        width: 100%;\n        height: 100%;\n        display: inline-block;\n        vertical-align: top;\n      }\n    }\n\n  .alpheios-select-input-group {\n    position: relative;\n    width: 80%;\n    display: inline-block;\n\n    &.alpheios-select-input-group-show-select {\n      .alpheios-wordlist-header-input-filterBy {\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      .alpheios-select-list {\n        display: block;\n        border-bottom-right-radius: calc(var(--alpheios-base-text-size) * 0.625);\n        border-bottom-left-radius: calc(var(--alpheios-base-text-size) * 0.625);\n      }\n    }\n  }\n  .alpheios-select-list {\n    position:absolute;\n    box-sizing: border-box;\n    width: 100%;\n    margin: 0;\n    background: var(--alpheios-word-list-select-item-bg);\n\n    padding: 5px 0;\n    border: 1px solid var(--alpheios-border-color);\n    border-top: 0;\n\n    max-height: 110px;\n    overflow-y: auto;\n\n    list-style: none;\n    display: none;\n\n    li {\n      cursor: pointer;\n      padding: 0 5px;\n      &:hover {\n        background-color: var(--alpheios-word-list-select-item-bg-hover);\n      }\n\n      .alpheios-select-input-filter-part {\n        font-weight: bold;\n        color: var(--alpheios-color-vivid);\n      }\n    }\n  }\n}\n.alpheios-layout-compact {\n  .alpheios-wordlist-filters {\n    padding: 10px 2px;\n  }\n  .alpheios-wordlist-header-select-filterBy-block {\n    width: 42%;\n  }\n  .alpheios-wordlist-header-select-filterBy,\n  .alpheios-wordlist-header-input-filterBy {\n    font-size: 85%;\n  }\n  .alpheios-wordlist-header-input-filterBy-block {\n    width: 52%;\n  }\n  .alpheios-select-input-group {\n    width: 68%;\n  }\n}\n\n.alpheios-rtl {\n  .alpheios-wordlist-header-input-filterBy-block,\n  .alpheios-select-list {\n    direction: rtl;\n    text-align: right;\n  }\n}\n\n.alpheios-number-input span.alpheios-number-input-description {\n  padding: 5px;\n  color: #acacac;\n  font-size: 90%;\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlist-filters {\n  padding: 10px;\n}\n.alpheios-wordlist-filters .alpheios-select.alpheios-wordlist-header-select-filterBy option.alpheios-select-disabled-option {\n  color: var(--alpheios-color-placehoder);\n}\n.alpheios-wordlist-filters p.alpheios-wordlist-header-title {\n  margin: 0;\n  font-weight: bold;\n  cursor: pointer;\n}\n.alpheios-wordlist-filters p.alpheios-wordlist-header-title.alpheios-wordlist-filters__hidden {\n  text-decoration: underline;\n  color: var(--alpheios-link-color);\n}\n.alpheios-wordlist-filters p.alpheios-wordlist-header-title.alpheios-wordlist-filters__hidden:hover {\n  color: var(--alpheios-link-color-hover);\n}\n.alpheios-wordlist-filters .alpheios-wordlist-header-select-filterBy-block,\n.alpheios-wordlist-filters .alpheios-wordlist-header-input-filterBy-block {\n  width: 48%;\n  display: inline-block;\n  vertical-align: top;\n  margin: 7px 0;\n}\n.alpheios-wordlist-filters .alpheios-wordlist-header-input-filterBy-block {\n  margin-left: 1%;\n}\n.alpheios-wordlist-filters .alpheios-wordlist-header-select-filterBy {\n  width: 80%;\n}\n.alpheios-wordlist-filters .alpheios-wordlist-header-input-filterBy {\n  width: 100%;\n}\n.alpheios-wordlist-filters .alpheios-wordlist-header-clear-icon {\n  width: 20px;\n  height: 20px;\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.alpheios-wordlist-filters .alpheios-wordlist-header-clear-icon svg {\n  width: 100%;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n}\n.alpheios-wordlist-filters .alpheios-select-input-group {\n  position: relative;\n  width: 80%;\n  display: inline-block;\n}\n.alpheios-wordlist-filters .alpheios-select-input-group.alpheios-select-input-group-show-select .alpheios-wordlist-header-input-filterBy {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.alpheios-wordlist-filters .alpheios-select-input-group.alpheios-select-input-group-show-select .alpheios-select-list {\n  display: block;\n  border-bottom-right-radius: calc(var(--alpheios-base-text-size) * 0.625);\n  border-bottom-left-radius: calc(var(--alpheios-base-text-size) * 0.625);\n}\n.alpheios-wordlist-filters .alpheios-select-list {\n  position: absolute;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  background: var(--alpheios-word-list-select-item-bg);\n  padding: 5px 0;\n  border: 1px solid var(--alpheios-border-color);\n  border-top: 0;\n  max-height: 110px;\n  overflow-y: auto;\n  list-style: none;\n  display: none;\n}\n.alpheios-wordlist-filters .alpheios-select-list li {\n  cursor: pointer;\n  padding: 0 5px;\n}\n.alpheios-wordlist-filters .alpheios-select-list li:hover {\n  background-color: var(--alpheios-word-list-select-item-bg-hover);\n}\n.alpheios-wordlist-filters .alpheios-select-list li .alpheios-select-input-filter-part {\n  font-weight: bold;\n  color: var(--alpheios-color-vivid);\n}\n\n.alpheios-layout-compact .alpheios-wordlist-filters {\n  padding: 10px 2px;\n}\n.alpheios-layout-compact .alpheios-wordlist-header-select-filterBy-block {\n  width: 42%;\n}\n.alpheios-layout-compact .alpheios-wordlist-header-select-filterBy,\n.alpheios-layout-compact .alpheios-wordlist-header-input-filterBy {\n  font-size: 85%;\n}\n.alpheios-layout-compact .alpheios-wordlist-header-input-filterBy-block {\n  width: 52%;\n}\n.alpheios-layout-compact .alpheios-select-input-group {\n  width: 68%;\n}\n\n.alpheios-rtl .alpheios-wordlist-header-input-filterBy-block,\n.alpheios-rtl .alpheios-select-list {\n  direction: rtl;\n  text-align: right;\n}\n\n.alpheios-number-input span.alpheios-number-input-description {\n  padding: 5px;\n  color: #acacac;\n  font-size: 90%;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n$iconsize: 22px;\n\n.alpheios-wordlist-sorting {\n    padding-bottom: 5px;\n    border-bottom: 1px solid var(--alpheios-color-neutral-dark);\n\n    .alpheios-worditem__controlIcon {\n        width: $iconsize;\n        margin: 0 5px;          \n    }\n\n    .alpheios-worditem__icon {      \n        text-align: center;   \n        box-sizing: border-box;\n        svg {\n          width: $iconsize;\n          height: $iconsize;\n          display: inline-block;\n          vertical-align: top;\n\n          cursor: pointer;\n          padding: 7px;\n          \n          box-sizing: content-box;\n        }\n        \n    }\n\n    .alpheios-worditem__icon.alpheios-worditem__frequency,\n    .alpheios-worditem__icon.alpheios-updatedDT {\n      padding: 0 10px;\n      svg {\n        padding: 7px 0;\n      }\n    }\n\n    .alpheios-icon-asc {\n      .sort-arrow-down {\n        fill: var(--alpheios-link-color-on-light);\n      }\n    }\n\n    .alpheios-icon-desc {\n      .sort-arrow-up {\n        fill: var(--alpheios-link-color-on-light);\n      }\n    }\n\n    .alpheios-worditem__icon.alpheios-worditem__frequency {\n      width: 40px;\n    }\n}\n\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlist-sorting {\n  padding-bottom: 5px;\n  border-bottom: 1px solid var(--alpheios-color-neutral-dark);\n}\n.alpheios-wordlist-sorting .alpheios-worditem__controlIcon {\n  width: 22px;\n  margin: 0 5px;\n}\n.alpheios-wordlist-sorting .alpheios-worditem__icon {\n  text-align: center;\n  box-sizing: border-box;\n}\n.alpheios-wordlist-sorting .alpheios-worditem__icon svg {\n  width: 22px;\n  height: 22px;\n  display: inline-block;\n  vertical-align: top;\n  cursor: pointer;\n  padding: 7px;\n  box-sizing: content-box;\n}\n.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-worditem__frequency,\n.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-updatedDT {\n  padding: 0 10px;\n}\n.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-worditem__frequency svg,\n.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-updatedDT svg {\n  padding: 7px 0;\n}\n.alpheios-wordlist-sorting .alpheios-icon-asc .sort-arrow-down {\n  fill: var(--alpheios-link-color-on-light);\n}\n.alpheios-wordlist-sorting .alpheios-icon-desc .sort-arrow-up {\n  fill: var(--alpheios-link-color-on-light);\n}\n.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-worditem__frequency {\n  width: 40px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-wordlist-download-confirmation {\n  margin-top: 10px;\n}\n\n.alpheios-wordlist-download-with-filters {\n    margin-top: 5px;\n}\n\n.alpheios-wordlist-download-with-filters label {\n    color: var(--alpheios-usage-link-color)\n}\n\n.alpheios-wordlist-download-confirmation__buttons.alpheios-notification-area__control {\n    min-width: 120px;\n    display: inline-block;\n}\n\n.alpheios-wordlist-download-confirmation .alpheios-wordlist-download-amount p {\n  font-size: 90%;\n  margin: 10px 0 0;\n}\n\n.alpheios-wordlist-download-confirmation-loading {\n  padding: 10px 20px 0 0;\n  color: var(--alpheios-color-bright);\n\n  .alpheios-popup-lexdataloading__progress-inner {\n    border-color: var(--alpheios-color-vivid);\n  }\n\n  .alpheios-popup-lexdataloading__progress-line {\n    background: var(--alpheios-color-vivid-hover);\n  }\n\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlist-download-confirmation {\n  margin-top: 10px;\n}\n\n.alpheios-wordlist-download-with-filters {\n  margin-top: 5px;\n}\n\n.alpheios-wordlist-download-with-filters label {\n  color: var(--alpheios-usage-link-color);\n}\n\n.alpheios-wordlist-download-confirmation__buttons.alpheios-notification-area__control {\n  min-width: 120px;\n  display: inline-block;\n}\n\n.alpheios-wordlist-download-confirmation .alpheios-wordlist-download-amount p {\n  font-size: 90%;\n  margin: 10px 0 0;\n}\n\n.alpheios-wordlist-download-confirmation-loading {\n  padding: 10px 20px 0 0;\n  color: var(--alpheios-color-bright);\n}\n.alpheios-wordlist-download-confirmation-loading .alpheios-popup-lexdataloading__progress-inner {\n  border-color: var(--alpheios-color-vivid);\n}\n.alpheios-wordlist-download-confirmation-loading .alpheios-popup-lexdataloading__progress-line {\n  background: var(--alpheios-color-vivid-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-wordlist-commands {\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n\n$iconsize: 22px;\n\n.alpheios-wordlist-commands .alpheios-wordlist-commands__item {\n  width: $iconsize;\n  height: $iconsize;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  margin: 0 5px 10px;\n  svg {\n    width: $iconsize;\n    height: $iconsize;\n    display: inline-block;\n    vertical-align: top;\n    padding: 2px;\n  }\n}\n\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-no-important {\n  fill: var(--alpheios-word-list-default-item-color);\n  stroke: var(--alpheios-word-list-default-item-color);\n}\n\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-all-important {\n  fill: var(--alpheios-word-list-important-item-color);\n  stroke: var(--alpheios-word-list-important-item-color);\n}\n\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-remove-all,\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-download {\n  fill: var(--alpheios-word-list-delete-item-color);\n  stroke: var(--alpheios-word-list-delete-item-color);\n}\n\n.alpheios-wordlist-delete-all-confirmation {\n  margin-top: 10px;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlist-commands {\n  border-bottom: 1px solid var(--alpheios-border-color);\n}\n\n.alpheios-wordlist-commands .alpheios-wordlist-commands__item {\n  width: 22px;\n  height: 22px;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  margin: 0 5px 10px;\n}\n.alpheios-wordlist-commands .alpheios-wordlist-commands__item svg {\n  width: 22px;\n  height: 22px;\n  display: inline-block;\n  vertical-align: top;\n  padding: 2px;\n}\n\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-no-important {\n  fill: var(--alpheios-word-list-default-item-color);\n  stroke: var(--alpheios-word-list-default-item-color);\n}\n\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-all-important {\n  fill: var(--alpheios-word-list-important-item-color);\n  stroke: var(--alpheios-word-list-important-item-color);\n}\n\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-remove-all,\n.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-download {\n  fill: var(--alpheios-word-list-delete-item-color);\n  stroke: var(--alpheios-word-list-delete-item-color);\n}\n\n.alpheios-wordlist-delete-all-confirmation {\n  margin-top: 10px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n.alpheios-wordlists-tq {\n\n  a.alpheios-wordlists-tq-title {\n    font-weight: bold;\n    padding: 5px 0;\n    color: var(--alpheios-word-list-context-source-link-color);\n\n    &:hover,\n    &:focus {\n      color: var(--alpheios-word-list-context-source-link-color-hover);\n    }\n  }\n\n  .alpheios-wordlists-tq-contextHTML-block {\n    padding: 5px 0 5px 10px;\n  }\n\n  .alpheios-wordlists-tq-contextHTML {\n    font-style: italic;\n  }\n\n  .alpheios_worditem_incontext,\n  .alpheios_worditem_incontext_add {\n    font-weight: bold;\n    background: var(--alpheios-word-list-context-incontext-bg);\n    display: inline-block;\n    padding: 0 5px;\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlists-tq a.alpheios-wordlists-tq-title {\n  font-weight: bold;\n  padding: 5px 0;\n  color: var(--alpheios-word-list-context-source-link-color);\n}\n.alpheios-wordlists-tq a.alpheios-wordlists-tq-title:hover, .alpheios-wordlists-tq a.alpheios-wordlists-tq-title:focus {\n  color: var(--alpheios-word-list-context-source-link-color-hover);\n}\n.alpheios-wordlists-tq .alpheios-wordlists-tq-contextHTML-block {\n  padding: 5px 0 5px 10px;\n}\n.alpheios-wordlists-tq .alpheios-wordlists-tq-contextHTML {\n  font-style: italic;\n}\n.alpheios-wordlists-tq .alpheios_worditem_incontext,\n.alpheios-wordlists-tq .alpheios_worditem_incontext_add {\n  font-weight: bold;\n  background: var(--alpheios-word-list-context-incontext-bg);\n  display: inline-block;\n  padding: 0 5px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.alpheios-wordlist-commands__item-back {\n  fill: var(--alpheios-word-list-context-back-link-color);\n  stroke: var(--alpheios-word-list-context-back-link-color);\n}\n",".alpheios-wordlist-commands__item-back {\n  fill: var(--alpheios-word-list-context-back-link-color);\n  stroke: var(--alpheios-word-list-context-back-link-color);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-wordlist-language {\n    padding-bottom: 5px;\n    margin-bottom: 25px;\n}\n\n.alpheios-wordlist-language__title {\n    font-weight: bold;\n    font-size: 120%;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-wordlist-language {\n  padding-bottom: 5px;\n  margin-bottom: 25px;\n}\n\n.alpheios-wordlist-language__title {\n  font-weight: bold;\n  font-size: 120%;\n  display: inline-block;\n  vertical-align: middle;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n.alpheios-resource-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n.alpheios-resource-options__item {\n  margin-bottom: textsize(15px);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-resource-options__cont-fieldset {\n  margin-bottom: 20px;\n  padding: 10px;\n\n  border: 2px groove var(--alpheios-color-placehoder);\n}\n\n.alpheios-resource-options__item {\n  .alpheios-setting__label {\n    width: 30%;\n  }\n  .alpheios-setting__control {\n    width: 70%;\n  }\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-resource-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-resource-options__item {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-resource-options__cont-fieldset {\n  margin-bottom: 20px;\n  padding: 10px;\n  border: 2px groove var(--alpheios-color-placehoder);\n}\n\n.alpheios-resource-options__item .alpheios-setting__label {\n  width: 30%;\n}\n.alpheios-resource-options__item .alpheios-setting__control {\n  width: 70%;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n.alpheios-feature-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n.alpheios-feature-options__item {\n  margin-bottom: textsize(10px);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-feature-options__cont-concord,\n .alpheios-feature-options__cont-wordselect {\n  margin: textsize(15px) 0;\n  padding: 10px;\n\n  border: 2px groove var(--alpheios-color-placehoder);\n}\n\n.alpheios-ui-options__cont-wordselect {\n  margin-bottom: textsize(10px);\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-feature-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-feature-options__item {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-feature-options__cont-concord,\n.alpheios-feature-options__cont-wordselect {\n  margin: calc(var(--alpheios-base-text-size) * 0.9375) 0;\n  padding: 10px;\n  border: 2px groove var(--alpheios-color-placehoder);\n}\n\n.alpheios-ui-options__cont-wordselect {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-setting__button-group {\n  color: var(--alpheios-settings-font-size-dark-color);\n  border: 1px solid var(--alpheios-settings-font-size-dark-color);\n  border-radius: textsize(10px);\n  max-width: textsize(200px);\n  display: flex;\n  // To prevent buttons background from spilling outside of the border radius areas\n  overflow: hidden;\n\n  button {\n    border: none;\n    border-right: 1px solid var(--alpheios-settings-font-size-dark-color);\n    background: transparent;\n    padding: textsize(6px) textsize(12px) !important; // To override styles on Loeb Classics\n    font-size: textsize(10px);\n    cursor: pointer;\n    flex: 1;\n    // Need below to override default styles of Safari\n    margin: 0;\n    border-radius: 0;\n    height: auto !important; // To override specific height set on Loeb Classics\n  }\n\n  button:last-child {\n    border-right: none;\n  }\n\n  button.active {\n    color: var(--alpheios-settings-font-size-light-color) !important; // To override styles on Loeb Classics\n    background: var(--alpheios-settings-font-size-dark-color);\n    box-shadow: inset 0 textsize(4px) textsize(4px) rgba(0, 0, 0, 0.1);\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-setting__button-group {\n  color: var(--alpheios-settings-font-size-dark-color);\n  border: 1px solid var(--alpheios-settings-font-size-dark-color);\n  border-radius: calc(var(--alpheios-base-text-size) * 0.625);\n  max-width: calc(var(--alpheios-base-text-size) * 12.5);\n  display: flex;\n  overflow: hidden;\n}\n.alpheios-setting__button-group button {\n  border: none;\n  border-right: 1px solid var(--alpheios-settings-font-size-dark-color);\n  background: transparent;\n  padding: calc(var(--alpheios-base-text-size) * 0.375) calc(var(--alpheios-base-text-size) * 0.75) !important;\n  font-size: calc(var(--alpheios-base-text-size) * 0.625);\n  cursor: pointer;\n  flex: 1;\n  margin: 0;\n  border-radius: 0;\n  height: auto !important;\n}\n.alpheios-setting__button-group button:last-child {\n  border-right: none;\n}\n.alpheios-setting__button-group button.active {\n  color: var(--alpheios-settings-font-size-light-color) !important;\n  background: var(--alpheios-settings-font-size-dark-color);\n  box-shadow: inset 0 calc(var(--alpheios-base-text-size) * 0.25) calc(var(--alpheios-base-text-size) * 0.25) rgba(0, 0, 0, 0.1);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n.alpheios-ui-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-ui-options__item {\n  margin-bottom: textsize(15px);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-ui-options__popup-size-item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: textsize(20px);\n\n  &_top-label {\n    margin-bottom: textsize(5px);\n  }\n\n  &_bottom-label {\n    // Needs an `important!` to override styles on https://scaife.perseus.org\n    display: flex !important;\n    justify-content: space-between;\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-ui-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-ui-options__item {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-ui-options__popup-size-item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n}\n.alpheios-ui-options__popup-size-item_top-label {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.3125);\n}\n.alpheios-ui-options__popup-size-item_bottom-label {\n  display: flex !important;\n  justify-content: space-between;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n.alpheios-adv-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-adv-options__item {\n  margin-bottom: textsize(15px);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-adv-options__popup-size-item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: textsize(20px);\n\n  &_top-label {\n    margin-bottom: textsize(5px);\n  }\n\n  &_bottom-label {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-adv-options__cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-adv-options__item {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-adv-options__popup-size-item {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n}\n.alpheios-adv-options__popup-size-item_top-label {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.3125);\n}\n.alpheios-adv-options__popup-size-item_bottom-label {\n  display: flex;\n  justify-content: space-between;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  @import \"../../styles/variables\";\n\n  .alpheios-tab-options {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    justify-content: space-between;\n  }\n\n  .alpheios-tab-options-switch {\n      margin-bottom: textsize(15px);\n      text-align: right;\n  }\n\n  $iconSize: 20px;\n\n  .alpheios-tab-options-switch--item {\n      display: inline-block;\n      padding: $iconSize/3 $iconSize*0.65;\n      margin-left: $iconSize / 4;\n      border-radius: $iconSize;\n      font-weight: bold;\n      background: var(--alpheios-desktop-panel-icon-bg);\n      color: var(--alpheios-desktop-panel-icon-color);\n      cursor: pointer;\n      font-size: $iconSize;\n\n      &:hover {\n          background: var(--alpheios-desktop-panel-icon-bg-hover);\n          color: var(--alpheios-desktop-panel-icon-color-hover);\n      }\n\n      &.alpheios-active {\n          background: var(--alpheios-desktop-panel-icon-bg-active);\n          color: var(--alpheios-desktop-panel-icon-color-active);\n      }\n\n      span.alpheios-tab-options-switch--item__smaller {\n        font-size: 65%;\n        color: inherit;\n      }\n  }\n\n  .alpheios-tab-options-reset-all-block {\n    display: flex;\n    align-items: baseline;\n    flex: 1 1 auto;\n    padding-top: 10px;\n\n    .alpheios-tab-options-reset-all-block--title {\n      font-weight: bold;\n      margin-left: 15px;\n    }\n  }\n\n  .alpheios-tab-options__aboutcont {\n    border-top: 1px solid;\n    padding-top: 10px;\n    font-size: textsize(12px);\n  }\n\n.alpheios-panel__tab-panel--options fieldset {\n  padding: textsize(10px) textsize(20px) textsize(20px);\n  border: 2px groove threedface;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-tab-options {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: space-between;\n}\n\n.alpheios-tab-options-switch {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);\n  text-align: right;\n}\n\n.alpheios-tab-options-switch--item {\n  display: inline-block;\n  padding: 6.6666666667px 13px;\n  margin-left: 5px;\n  border-radius: 20px;\n  font-weight: bold;\n  background: var(--alpheios-desktop-panel-icon-bg);\n  color: var(--alpheios-desktop-panel-icon-color);\n  cursor: pointer;\n  font-size: 20px;\n}\n.alpheios-tab-options-switch--item:hover {\n  background: var(--alpheios-desktop-panel-icon-bg-hover);\n  color: var(--alpheios-desktop-panel-icon-color-hover);\n}\n.alpheios-tab-options-switch--item.alpheios-active {\n  background: var(--alpheios-desktop-panel-icon-bg-active);\n  color: var(--alpheios-desktop-panel-icon-color-active);\n}\n.alpheios-tab-options-switch--item span.alpheios-tab-options-switch--item__smaller {\n  font-size: 65%;\n  color: inherit;\n}\n\n.alpheios-tab-options-reset-all-block {\n  display: flex;\n  align-items: baseline;\n  flex: 1 1 auto;\n  padding-top: 10px;\n}\n.alpheios-tab-options-reset-all-block .alpheios-tab-options-reset-all-block--title {\n  font-weight: bold;\n  margin-left: 15px;\n}\n\n.alpheios-tab-options__aboutcont {\n  border-top: 1px solid;\n  padding-top: 10px;\n  font-size: calc(var(--alpheios-base-text-size) * 0.75);\n}\n\n.alpheios-panel__tab-panel--options fieldset {\n  padding: calc(var(--alpheios-base-text-size) * 0.625) calc(var(--alpheios-base-text-size) * 1.25) calc(var(--alpheios-base-text-size) * 1.25);\n  border: 2px groove threedface;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n$alpheios-toolbar-height: uisize(56px);\n\n.alpheios-panel {\n  z-index: 2000;\n  position: fixed;\n  resize: both;\n  opacity: 0.95;\n  direction: ltr;\n  display: grid;\n  grid-template-columns: min-content;\n  grid-template-rows: $alpheios-toolbar-height 1fr min-content;\n  grid-template-areas: \"header\" \"content\" \"notifications\";\n\n  touch-action: pan-x pan-y;\n\n  &[data-resized=\"true\"] {\n    grid-template-columns: auto;\n  }\n}\n\n.alpheios-panel__header {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  grid-area: header;\n  background: var(--alpheios-compact-panel-header-bg);\n  // The rule below required to make sizes and positions of header element dependent on the UI base size\n  font-size: var(--alpheios-base-ui-size);\n}\n\n.alpheios-panel__menu-icon {\n  width: 32px;\n  height: auto;\n  fill: var(--alpheios-compact-panel-icon-color);\n\n  &:hover {\n    fill: var(--alpheios-compact-panel-icon-color-hover);\n  }\n\n  &.menu-open {\n    fill: var(--alpheios-compact-panel-icon-color-hover);\n  }\n}\n\n.alpheios-panel__header-btn-group--start {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n.alpheios-panel__header-btn-group--end {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n.alpheios-panel__header-btn {\n  padding: 0 0 0 10px;\n\n  .alpheios-navbuttons__icon-span {\n    display: inline-block;\n    padding: uisize(8px);\n    position: relative;\n  }\n  & svg {\n    width: uisize(22px);\n    height: uisize(22px);\n    top: 50%;\n    position: relative;\n  }\n  fill: var(--alpheios-compact-panel-icon-color);\n  stroke: var(--alpheios-compact-panel-icon-color);\n\n  &:hover {\n    fill: var(--alpheios-compact-panel-icon-color-hover);\n    stroke: var(--alpheios-compact-panel-icon-color-hover);\n    background: var(--alpheios-compact-panel-icon-bg-hover);\n  }\n\n  &:active,\n  &.alpheios-navbuttons__icon-active {\n    fill: var(--alpheios-compact-panel-icon-color-pressed);\n    stroke: var(--alpheios-compact-panel-icon-color-pressed);\n    background: var(--alpheios-compact-panel-icon-bg-active);\n  }\n}\n\n.alpheios-panel__header-btn-group--end\n.alpheios-panel__header-btn {\n  & svg {\n    transform: translateY(-50%);\n  }\n}\n\n.alpheios-panel__close-btn {\n  width: uisize(60px);\n  height: $alpheios-toolbar-height;\n  cursor: pointer;\n  fill: var(--alpheios-compact-panel-icon-color);\n  stroke: var(--alpheios-compact-panel-icon-color);\n  stroke-width: 0;\n\n  svg {\n    position: relative;\n    left: uisize(20px);\n    width: uisize(22px);\n    height: auto;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &:hover,\n  &:focus {\n    fill: var(--alpheios-compact-panel-icon-color-hover);\n    stroke: var(--alpheios-compact-panel-icon-color-hover);\n    background: var(--alpheios-compact-panel-icon-bg-hover);\n  }\n\n  &:active {\n    fill: var(--alpheios-compact-panel-icon-color-pressed);\n    stroke: var(--alpheios-compact-panel-icon-color-pressed);\n    background: var(--alpheios-compact-panel-icon-bg-active);\n  }\n}\n\n.alpheios-panel__content {\n  overflow: auto;\n  grid-area: content;\n  direction: ltr;\n  box-sizing: border-box;\n  display: flex;\n  flex-flow: wrap;\n  align-items: stretch;\n  // Need to set element as an offset parent for panel content items\n  position: relative;\n  background: var(--alpheios-compact-panel-content-bg);\n\n  [data-resized=\"true\"] & {\n    max-width: none;\n  }\n}\n\n.alpheios-panel__title {\n  text-transform: capitalize;\n}\n\n.alpheios-panel__tab-panel {\n  display: flex;\n  flex-direction: column;\n  padding: 40px 20px 20px;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n}\n\n.alpheios-panel__tab-panel--scroll {\n  overflow: auto;\n}\n\n.alpheios-panel__tab-panel--no-padding {\n  padding: 0;\n}\n\n.alpheios-panel__tab__inflections {\n  h1 {\n    margin-bottom: textsize(5px);\n  }\n}\n\n.alpheios-panel__message {\n  margin-bottom: 0.5rem;\n}\n\n.alpheios-panel__contentitem {\n  margin-bottom: 1em;\n}\n\n.alpheios-panel__tab__word-usage {\n  width: 100%;\n}\n\n.alpheios-panel__tab-panel--options {\n  display: block;\n  max-width: 100vw; // To prevent it from expanding beyond the viewport on mobile\n}\n\n.alpheios-panel__tab__treebank {\n  width: 100%;\n  height: 100%;\n}\n\n.alpheios-panel__tab-panel-options-cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-panel__options-item {\n  margin-bottom: textsize(15px);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-panel__menu-btn {\n  width: 40px;\n  height: 40px;\n  margin: 16px 10px 10px 30px;\n  cursor: pointer;\n}\n\n// Special styles for compact panel\n.alpheios-panel--compact {\n  height: 50vh;\n  width: 100vw;\n  left: 0;\n  bottom: 0;\n\n  &.alpheios-panel {\n    grid-template-columns: auto;\n  }\n\n  &.alpheios-panel--left {\n    height: 100%;\n    width: 50vw;\n    top: 0;\n    bottom: auto;\n  }\n\n  &.alpheios-panel--right {\n    height: 100%;\n    width: 50vw;\n    right: 0;\n    left: auto;\n  }\n\n  & .alpheios-panel__content {\n    overflow: auto;\n  }\n}\n\n.alpheios-panel--left {\n  &.alpheios-panel {\n    left: 0;\n  }\n\n  .alpheios-panel__header {\n    direction: ltr;\n    border-top-right-radius: uisize(10px);\n  }\n\n  .alpheios-panel__content,\n  .alpheios-notification-area {\n    border-right: 1px solid var(--alpheios-border-color);\n  }\n\n  .alpheios-panel__close-btn {\n    border-top-right-radius: uisize(10px);\n  }\n}\n\n.alpheios-panel--right {\n  &.alpheios-panel {\n    right: 0;\n  }\n\n  .alpheios-panel__header {\n    border-top-left-radius: uisize(10px);\n  }\n\n  .alpheios-panel__header-logo {\n    margin-left: uisize(16px);\n  }\n\n  .alpheios-panel__content,\n  .alpheios-notification-area {\n    border-left: 1px solid var(--alpheios-border-color);\n  }\n}\n\n.alpheios-panel.alpheios-panel--expanded {\n  width: 100vw;\n  // Do not use 100vh as it will go below the toolbar on Chrome and Safari\n  height: 100%;\n\n  .alpheios-panel__header {\n    border-radius: 0;\n  }\n}\n\n.alpheios-panel--compact {\n  .alpheios-panel__tab__inflections {\n    h1 {\n      margin-bottom: 0!important;\n    }\n    .alpheios-inflections__forms-cont {\n      margin-bottom: 0;\n    }\n  }\n}\n\n@media screen and (max-width: 359px) {\n  .alpheios-panel__header-btn--infl-data,\n  .alpheios-panel__header-btn--treebank-data {\n    display: none;\n  }\n}\n\n.alpheios-panel__tab-panel--options {\n  padding-top:10px;\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-panel {\n  z-index: 2000;\n  position: fixed;\n  resize: both;\n  opacity: 0.95;\n  direction: ltr;\n  display: grid;\n  grid-template-columns: min-content;\n  grid-template-rows: calc(var(--alpheios-base-ui-size) * 3.5) 1fr min-content;\n  grid-template-areas: \"header\" \"content\" \"notifications\";\n  touch-action: pan-x pan-y;\n}\n.alpheios-panel[data-resized=true] {\n  grid-template-columns: auto;\n}\n\n.alpheios-panel__header {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  grid-area: header;\n  background: var(--alpheios-compact-panel-header-bg);\n  font-size: var(--alpheios-base-ui-size);\n}\n\n.alpheios-panel__menu-icon {\n  width: 32px;\n  height: auto;\n  fill: var(--alpheios-compact-panel-icon-color);\n}\n.alpheios-panel__menu-icon:hover {\n  fill: var(--alpheios-compact-panel-icon-color-hover);\n}\n.alpheios-panel__menu-icon.menu-open {\n  fill: var(--alpheios-compact-panel-icon-color-hover);\n}\n\n.alpheios-panel__header-btn-group--start {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n.alpheios-panel__header-btn-group--end {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n.alpheios-panel__header-btn {\n  padding: 0 0 0 10px;\n  fill: var(--alpheios-compact-panel-icon-color);\n  stroke: var(--alpheios-compact-panel-icon-color);\n}\n.alpheios-panel__header-btn .alpheios-navbuttons__icon-span {\n  display: inline-block;\n  padding: calc(var(--alpheios-base-ui-size) * 0.5);\n  position: relative;\n}\n.alpheios-panel__header-btn svg {\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: calc(var(--alpheios-base-ui-size) * 1.375);\n  top: 50%;\n  position: relative;\n}\n.alpheios-panel__header-btn:hover {\n  fill: var(--alpheios-compact-panel-icon-color-hover);\n  stroke: var(--alpheios-compact-panel-icon-color-hover);\n  background: var(--alpheios-compact-panel-icon-bg-hover);\n}\n.alpheios-panel__header-btn:active, .alpheios-panel__header-btn.alpheios-navbuttons__icon-active {\n  fill: var(--alpheios-compact-panel-icon-color-pressed);\n  stroke: var(--alpheios-compact-panel-icon-color-pressed);\n  background: var(--alpheios-compact-panel-icon-bg-active);\n}\n\n.alpheios-panel__header-btn-group--end .alpheios-panel__header-btn svg {\n  transform: translateY(-50%);\n}\n\n.alpheios-panel__close-btn {\n  width: calc(var(--alpheios-base-ui-size) * 3.75);\n  height: calc(var(--alpheios-base-ui-size) * 3.5);\n  cursor: pointer;\n  fill: var(--alpheios-compact-panel-icon-color);\n  stroke: var(--alpheios-compact-panel-icon-color);\n  stroke-width: 0;\n}\n.alpheios-panel__close-btn svg {\n  position: relative;\n  left: calc(var(--alpheios-base-ui-size) * 1.25);\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: auto;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.alpheios-panel__close-btn:hover, .alpheios-panel__close-btn:focus {\n  fill: var(--alpheios-compact-panel-icon-color-hover);\n  stroke: var(--alpheios-compact-panel-icon-color-hover);\n  background: var(--alpheios-compact-panel-icon-bg-hover);\n}\n.alpheios-panel__close-btn:active {\n  fill: var(--alpheios-compact-panel-icon-color-pressed);\n  stroke: var(--alpheios-compact-panel-icon-color-pressed);\n  background: var(--alpheios-compact-panel-icon-bg-active);\n}\n\n.alpheios-panel__content {\n  overflow: auto;\n  grid-area: content;\n  direction: ltr;\n  box-sizing: border-box;\n  display: flex;\n  flex-flow: wrap;\n  align-items: stretch;\n  position: relative;\n  background: var(--alpheios-compact-panel-content-bg);\n}\n[data-resized=true] .alpheios-panel__content {\n  max-width: none;\n}\n\n.alpheios-panel__title {\n  text-transform: capitalize;\n}\n\n.alpheios-panel__tab-panel {\n  display: flex;\n  flex-direction: column;\n  padding: 40px 20px 20px;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n}\n\n.alpheios-panel__tab-panel--scroll {\n  overflow: auto;\n}\n\n.alpheios-panel__tab-panel--no-padding {\n  padding: 0;\n}\n\n.alpheios-panel__tab__inflections h1 {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.3125);\n}\n\n.alpheios-panel__message {\n  margin-bottom: 0.5rem;\n}\n\n.alpheios-panel__contentitem {\n  margin-bottom: 1em;\n}\n\n.alpheios-panel__tab__word-usage {\n  width: 100%;\n}\n\n.alpheios-panel__tab-panel--options {\n  display: block;\n  max-width: 100vw;\n}\n\n.alpheios-panel__tab__treebank {\n  width: 100%;\n  height: 100%;\n}\n\n.alpheios-panel__tab-panel-options-cont {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-panel__options-item {\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);\n  display: flex;\n  align-items: flex-start;\n  flex: 1 1 auto;\n}\n\n.alpheios-panel__menu-btn {\n  width: 40px;\n  height: 40px;\n  margin: 16px 10px 10px 30px;\n  cursor: pointer;\n}\n\n.alpheios-panel--compact {\n  height: 50vh;\n  width: 100vw;\n  left: 0;\n  bottom: 0;\n}\n.alpheios-panel--compact.alpheios-panel {\n  grid-template-columns: auto;\n}\n.alpheios-panel--compact.alpheios-panel--left {\n  height: 100%;\n  width: 50vw;\n  top: 0;\n  bottom: auto;\n}\n.alpheios-panel--compact.alpheios-panel--right {\n  height: 100%;\n  width: 50vw;\n  right: 0;\n  left: auto;\n}\n.alpheios-panel--compact .alpheios-panel__content {\n  overflow: auto;\n}\n\n.alpheios-panel--left.alpheios-panel {\n  left: 0;\n}\n.alpheios-panel--left .alpheios-panel__header {\n  direction: ltr;\n  border-top-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n}\n.alpheios-panel--left .alpheios-panel__content,\n.alpheios-panel--left .alpheios-notification-area {\n  border-right: 1px solid var(--alpheios-border-color);\n}\n.alpheios-panel--left .alpheios-panel__close-btn {\n  border-top-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n}\n\n.alpheios-panel--right.alpheios-panel {\n  right: 0;\n}\n.alpheios-panel--right .alpheios-panel__header {\n  border-top-left-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n}\n.alpheios-panel--right .alpheios-panel__header-logo {\n  margin-left: calc(var(--alpheios-base-ui-size) * 1);\n}\n.alpheios-panel--right .alpheios-panel__content,\n.alpheios-panel--right .alpheios-notification-area {\n  border-left: 1px solid var(--alpheios-border-color);\n}\n\n.alpheios-panel.alpheios-panel--expanded {\n  width: 100vw;\n  height: 100%;\n}\n.alpheios-panel.alpheios-panel--expanded .alpheios-panel__header {\n  border-radius: 0;\n}\n\n.alpheios-panel--compact .alpheios-panel__tab__inflections h1 {\n  margin-bottom: 0 !important;\n}\n.alpheios-panel--compact .alpheios-panel__tab__inflections .alpheios-inflections__forms-cont {\n  margin-bottom: 0;\n}\n\n@media screen and (max-width: 359px) {\n  .alpheios-panel__header-btn--infl-data,\n.alpheios-panel__header-btn--treebank-data {\n    display: none;\n  }\n}\n.alpheios-panel__tab-panel--options {\n  padding-top: 10px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-info {\n  color: var(--alpheios-text-color);\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n.alpheios-info__currentlanguage {\n  font-size: textsize(12px);\n  font-weight: bold;\n}\n\n.alpheios-info__helptext {\n  margin-top: 1em;\n}\n.alpheios-info__helpitem {\n  display: flex;\n  column-count: 2;\n  align-items: center;\n  margin-bottom: 1em;\n\n  & .alpheios-info__helpicon {\n    padding-right: 15px;\n    height: 44px;\n\n    svg {\n      width: textsize(30px);\n      height: auto;\n      padding-right: textsize(10px);\n      position: relative;\n      fill: var(--alpheios-compact-toolbar-bg);\n      stroke: var(--alpheios-compact-toolbar-bg);\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      display: inline-block;\n      .svg-logo-bg {\n        fill: var(--alpheios-color-light);\n      }\n      .svg-logo-lines {\n        fill: var(--alpheios-compact-toolbar-bg);\n      }\n    }\n  }\n}\n.alpheios-info__languagenotification {\n  color: var(--alpheios-notification-important-color);\n}\n\n.alpheios-info__faq {\n  display:flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-info {\n  color: var(--alpheios-text-color);\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n.alpheios-info__currentlanguage {\n  font-size: calc(var(--alpheios-base-text-size) * 0.75);\n  font-weight: bold;\n}\n\n.alpheios-info__helptext {\n  margin-top: 1em;\n}\n\n.alpheios-info__helpitem {\n  display: flex;\n  column-count: 2;\n  align-items: center;\n  margin-bottom: 1em;\n}\n.alpheios-info__helpitem .alpheios-info__helpicon {\n  padding-right: 15px;\n  height: 44px;\n}\n.alpheios-info__helpitem .alpheios-info__helpicon svg {\n  width: calc(var(--alpheios-base-text-size) * 1.875);\n  height: auto;\n  padding-right: calc(var(--alpheios-base-text-size) * 0.625);\n  position: relative;\n  fill: var(--alpheios-compact-toolbar-bg);\n  stroke: var(--alpheios-compact-toolbar-bg);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: inline-block;\n}\n.alpheios-info__helpitem .alpheios-info__helpicon svg .svg-logo-bg {\n  fill: var(--alpheios-color-light);\n}\n.alpheios-info__helpitem .alpheios-info__helpicon svg .svg-logo-lines {\n  fill: var(--alpheios-compact-toolbar-bg);\n}\n\n.alpheios-info__languagenotification {\n  color: var(--alpheios-notification-important-color);\n}\n\n.alpheios-info__faq {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-panel--large {\n  height: 100vh;\n  max-width: 80vw;\n  top: 0;\n\n  .alpheios-navbuttons__btn {\n    svg {\n      width: uisize(22px);\n    }\n  }\n\n  /** make sure the panel is wide enough when we don't have navigation **/\n  .alpheios-panel__nav-spacer {\n    width: 600px;\n  }\n\n  &.alpheios-panel--left {\n    .alpheios-panel__header {\n      padding-left: uisize(14px);\n    }\n  }\n\n  .alpheios-panel__header-logo {\n    width: uisize(44px);\n    height: auto;\n  }\n\n  .alpheios-panel__header-btn-group--center {\n    direction: ltr;\n    display: flex;\n    flex-wrap: nowrap;\n    box-sizing: border-box;\n    align-items: stretch;\n  }\n\n  .alpheios-panel__close-btn {\n    width: uisize(80px);\n  }\n\n  .alpheios-panel__header {\n    background: var(--alpheios-desktop-panel-header-bg);\n  }\n\n  .alpheios-navbuttons__btn,\n  .alpheios-panel__close-btn {\n      fill: var(--alpheios-desktop-panel-icon-color);\n      stroke: var(--alpheios-desktop-panel-icon-color);\n      background: var(--alpheios-desktop-panel-icon-bg);\n\n      &:hover,\n      &:focus {\n        fill: var(--alpheios-desktop-panel-icon-color-hover);\n        stroke: var(--alpheios-desktop-panel-icon-color-hover);\n        background: var(--alpheios-desktop-panel-icon-bg-hover);\n      }\n\n      &:active,\n      &.active {\n        fill: var(--alpheios-desktop-panel-icon-color-pressed);\n        stroke: var(--alpheios-desktop-panel-icon-color-pressed);\n        background: var(--alpheios-desktop-panel-icon-bg-active);\n      }\n  }\n\n  .alpheios-reset-button {\n    color: var(--alpheios-settings-reset-button-color);\n    background-color: var(--alpheios-settings-reset-button-bg);\n    border-color: var(--alpheios-settings-reset-button-border-color);\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: var(--alpheios-settings-reset-button-color-hover);\n      background-color: var(--alpheios-settings-reset-button-bg-hover);\n      border-color: var(--alpheios-settings-reset-button-border-color-hover);\n    }\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-panel--large {\n  height: 100vh;\n  max-width: 80vw;\n  top: 0;\n  /** make sure the panel is wide enough when we don't have navigation **/\n}\n.alpheios-panel--large .alpheios-navbuttons__btn svg {\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n}\n.alpheios-panel--large .alpheios-panel__nav-spacer {\n  width: 600px;\n}\n.alpheios-panel--large.alpheios-panel--left .alpheios-panel__header {\n  padding-left: calc(var(--alpheios-base-ui-size) * 0.875);\n}\n.alpheios-panel--large .alpheios-panel__header-logo {\n  width: calc(var(--alpheios-base-ui-size) * 2.75);\n  height: auto;\n}\n.alpheios-panel--large .alpheios-panel__header-btn-group--center {\n  direction: ltr;\n  display: flex;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  align-items: stretch;\n}\n.alpheios-panel--large .alpheios-panel__close-btn {\n  width: calc(var(--alpheios-base-ui-size) * 5);\n}\n.alpheios-panel--large .alpheios-panel__header {\n  background: var(--alpheios-desktop-panel-header-bg);\n}\n.alpheios-panel--large .alpheios-navbuttons__btn,\n.alpheios-panel--large .alpheios-panel__close-btn {\n  fill: var(--alpheios-desktop-panel-icon-color);\n  stroke: var(--alpheios-desktop-panel-icon-color);\n  background: var(--alpheios-desktop-panel-icon-bg);\n}\n.alpheios-panel--large .alpheios-navbuttons__btn:hover, .alpheios-panel--large .alpheios-navbuttons__btn:focus,\n.alpheios-panel--large .alpheios-panel__close-btn:hover,\n.alpheios-panel--large .alpheios-panel__close-btn:focus {\n  fill: var(--alpheios-desktop-panel-icon-color-hover);\n  stroke: var(--alpheios-desktop-panel-icon-color-hover);\n  background: var(--alpheios-desktop-panel-icon-bg-hover);\n}\n.alpheios-panel--large .alpheios-navbuttons__btn:active, .alpheios-panel--large .alpheios-navbuttons__btn.active,\n.alpheios-panel--large .alpheios-panel__close-btn:active,\n.alpheios-panel--large .alpheios-panel__close-btn.active {\n  fill: var(--alpheios-desktop-panel-icon-color-pressed);\n  stroke: var(--alpheios-desktop-panel-icon-color-pressed);\n  background: var(--alpheios-desktop-panel-icon-bg-active);\n}\n.alpheios-panel--large .alpheios-reset-button {\n  color: var(--alpheios-settings-reset-button-color);\n  background-color: var(--alpheios-settings-reset-button-bg);\n  border-color: var(--alpheios-settings-reset-button-border-color);\n}\n.alpheios-panel--large .alpheios-reset-button:hover, .alpheios-panel--large .alpheios-reset-button:focus, .alpheios-panel--large .alpheios-reset-button:active {\n  color: var(--alpheios-settings-reset-button-color-hover);\n  background-color: var(--alpheios-settings-reset-button-bg-hover);\n  border-color: var(--alpheios-settings-reset-button-border-color-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-embed-lib-warning {\n  background: var(--alpheios-color-muted);\n  color: var(--alpheios-color-neutral-light);\n  font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  font-size: 16px;\n  position: fixed;\n  top: 0;\n  left: 0;\n  padding: 5px 30px 5px 20px;\n  z-index: 1000000\n}\n\n.alpheios-embed-lib-warning__close {\n  cursor: pointer;\n  height: 20px;\n  width: 20px;\n  font-size: 16px;\n  line-height: normal;\n  stroke-width: 2;\n  stroke: var(--alpheios-text-color);\n  position: absolute;\n  top: 5px;\n  right: 5px;\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-embed-lib-warning {\n  background: var(--alpheios-color-muted);\n  color: var(--alpheios-color-neutral-light);\n  font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  font-size: 16px;\n  position: fixed;\n  top: 0;\n  left: 0;\n  padding: 5px 30px 5px 20px;\n  z-index: 1000000;\n}\n\n.alpheios-embed-lib-warning__close {\n  cursor: pointer;\n  height: 20px;\n  width: 20px;\n  font-size: 16px;\n  line-height: normal;\n  stroke-width: 2;\n  stroke: var(--alpheios-text-color);\n  position: absolute;\n  top: 5px;\n  right: 5px;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-toolbar {\n  position: fixed;\n\n  &.alpheios-toolbar--compact {\n    cursor: pointer;\n    background-color: var(--alpheios-compact-toolbar-bg);\n    border-radius: 50%;\n    right: 15px;\n    bottom: 60px;\n    width: 44px;\n    height: 44px;\n\n    svg {\n      width: uisize(20px);\n      height: auto;\n      position: relative;\n      fill: var(--alpheios-compact-toolbar-icon-color);\n      stroke: var(--alpheios-compact-toolbar-icon-color);\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-toolbar {\n  position: fixed;\n}\n.alpheios-toolbar.alpheios-toolbar--compact {\n  cursor: pointer;\n  background-color: var(--alpheios-compact-toolbar-bg);\n  border-radius: 50%;\n  right: 15px;\n  bottom: 60px;\n  width: 44px;\n  height: 44px;\n}\n.alpheios-toolbar.alpheios-toolbar--compact svg {\n  width: calc(var(--alpheios-base-ui-size) * 1.25);\n  height: auto;\n  position: relative;\n  fill: var(--alpheios-compact-toolbar-icon-color);\n  stroke: var(--alpheios-compact-toolbar-icon-color);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n$fieldsetHeight: 40px;\n\n.alpheios-content .alpheios-input-group {\n\n  input.alpheios-input,\n  input.alpheios-input:focus\n  {\n    width: 100%;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    height: $fieldsetHeight;\n    min-width: 0;\n    border-color: var(--alpheios-lookup-input-border-color);\n    &.alpheios-rtl {\n      direction: rtl;\n      text-align: right;\n    }\n  }\n}\n\n.alpheios-input-group {\n  position: relative;\n\n  input.alpheios-input {\n      position: relative;\n      z-index: 10;\n  }\n\n  .alpheios-input-autocomplete {\n      position: absolute;\n      width: 100%;\n      border: 1px solid var(--alpheios-lookup-input-border-color);\n      background: #fff;\n      /* border-top: 0; */\n      top: $fieldsetHeight - 8px;\n      z-index: 15;\n      box-sizing: border-box;\n      padding: 0 0 10px;\n\n      .alpheios-input-autocomplete-item {\n          padding: 5px 10px;\n      }\n  }\n}\n\n.alpheios-input-autocomplete-item {\n    display: block;\n    cursor: pointer;\n\n    &:hover {\n        background: var(--alpheios-color-bright-hover);\n    }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-content .alpheios-input-group input.alpheios-input,\n.alpheios-content .alpheios-input-group input.alpheios-input:focus {\n  width: 100%;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  height: 40px;\n  min-width: 0;\n  border-color: var(--alpheios-lookup-input-border-color);\n}\n.alpheios-content .alpheios-input-group input.alpheios-input.alpheios-rtl,\n.alpheios-content .alpheios-input-group input.alpheios-input:focus.alpheios-rtl {\n  direction: rtl;\n  text-align: right;\n}\n\n.alpheios-input-group {\n  position: relative;\n}\n.alpheios-input-group input.alpheios-input {\n  position: relative;\n  z-index: 10;\n}\n.alpheios-input-group .alpheios-input-autocomplete {\n  position: absolute;\n  width: 100%;\n  border: 1px solid var(--alpheios-lookup-input-border-color);\n  background: #fff;\n  /* border-top: 0; */\n  top: 32px;\n  z-index: 15;\n  box-sizing: border-box;\n  padding: 0 0 10px;\n}\n.alpheios-input-group .alpheios-input-autocomplete .alpheios-input-autocomplete-item {\n  padding: 5px 10px;\n}\n\n.alpheios-input-autocomplete-item {\n  display: block;\n  cursor: pointer;\n}\n.alpheios-input-autocomplete-item:hover {\n  background: var(--alpheios-color-bright-hover);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n.alpheios-lookup__form .alpheios-lookup__form-beta-codes-info {\n  border-bottom: 1px solid var(--alpheios-color-placehoder);\n  margin-bottom: textsize(10px);\n  padding-bottom: textsize(20px);\n  font-size: 94%;\n\n  div {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n  }\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-lookup__form .alpheios-lookup__form-beta-codes-info {\n  border-bottom: 1px solid var(--alpheios-color-placehoder);\n  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);\n  padding-bottom: calc(var(--alpheios-base-text-size) * 1.25);\n  font-size: 94%;\n}\n.alpheios-lookup__form .alpheios-lookup__form-beta-codes-info div {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../styles/variables\";\n\n.alpheios-lookup__form {\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .alpheios-setting__label {\n    display: inline-block;\n    margin-bottom: uisize(6px);\n    width: auto;\n    vertical-align: middle;\n  }\n}\n\n// Placed here to have a double selector to override .alpheios-content input margin\n.alpheios-lookup__form-element {\n  margin-bottom: uisize(10px);\n  padding-top: uisize(10px);\n\n  &.alpheios-lookup__lang-control {\n    flex-direction: column;\n    margin-right: uisize(50px);\n\n    .alpheios-setting__control {\n      width: textsize(120px);\n    }\n  }\n}\n\n.alpheios-lookup__lang-hint {\n  font-size: textsize(12px);\n}\nspan.alpheios-lookup__lang-change {\n  color: var(--alpheios-lookup-link-color);\n  &:hover {\n    color: var(--alpheios-lookup-link-color-hover);\n  }\n}\n\n.alpheios-lookup__settings {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-lookup__form-row {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n$fieldsetHeight: 40px;\n\n.alpheios-lookup__search-control {\n  display: flex;\n\n  // Double selector is used to prevent style leaks from host pages\n\n  button {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    height: $fieldsetHeight;\n\n    background-color: var(--alpheios-lookup-button-bg);\n    color: var(--alpheios-lookup-button-color);\n    border-color: var(--alpheios-lookup-button-border-color);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: var(--alpheios-lookup-button-bg-hover);\n      color: var(--alpheios-lookup-button-color-hover);\n      border-color: var(--alpheios-lookup-button-border-color-hover);\n    }\n  }\n}\n\n.alpheios-lookup__search-control-icon {\n  display: none;\n}\n.alpheios-button-primary span.alpheios-lookup__search-control-label {\n  color: var(--alpheios-btn-primary-font-color);\n}\n\n.alpheios-lookup__panel.alpheios-landscape {\n  .alpheios-lookup__search-control-label {\n    display: none;\n  }\n  .alpheios-button-primary {\n    padding: 0;\n  }\n  .alpheios-lookup__search-control-icon {\n    display: inline-block;\n    width: 35px;\n    height: 25px;\n  }\n}\n\n.alpheios-lookup__form-icon {\n  width: uisize(15px);\n  height: uisize(15px);\n  box-sizing: border-box;\n  position: relative;\n  fill: var(--alpheios-desktop-toolbar-bg);\n  stroke: var(--alpheios-desktop-toolbar-bg);\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n\n  svg {\n    width: 92%;\n    height: auto;\n    position: relative;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-lookup__form {\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n.alpheios-lookup__form .alpheios-setting__label {\n  display: inline-block;\n  margin-bottom: calc(var(--alpheios-base-ui-size) * 0.375);\n  width: auto;\n  vertical-align: middle;\n}\n\n.alpheios-lookup__form-element {\n  margin-bottom: calc(var(--alpheios-base-ui-size) * 0.625);\n  padding-top: calc(var(--alpheios-base-ui-size) * 0.625);\n}\n.alpheios-lookup__form-element.alpheios-lookup__lang-control {\n  flex-direction: column;\n  margin-right: calc(var(--alpheios-base-ui-size) * 3.125);\n}\n.alpheios-lookup__form-element.alpheios-lookup__lang-control .alpheios-setting__control {\n  width: calc(var(--alpheios-base-text-size) * 7.5);\n}\n\n.alpheios-lookup__lang-hint {\n  font-size: calc(var(--alpheios-base-text-size) * 0.75);\n}\n\nspan.alpheios-lookup__lang-change {\n  color: var(--alpheios-lookup-link-color);\n}\nspan.alpheios-lookup__lang-change:hover {\n  color: var(--alpheios-lookup-link-color-hover);\n}\n\n.alpheios-lookup__settings {\n  display: flex;\n  flex-direction: column;\n}\n\n.alpheios-lookup__form-row {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n.alpheios-lookup__search-control {\n  display: flex;\n}\n.alpheios-lookup__search-control button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  height: 40px;\n  background-color: var(--alpheios-lookup-button-bg);\n  color: var(--alpheios-lookup-button-color);\n  border-color: var(--alpheios-lookup-button-border-color);\n}\n.alpheios-lookup__search-control button:hover, .alpheios-lookup__search-control button:active, .alpheios-lookup__search-control button:focus {\n  background-color: var(--alpheios-lookup-button-bg-hover);\n  color: var(--alpheios-lookup-button-color-hover);\n  border-color: var(--alpheios-lookup-button-border-color-hover);\n}\n\n.alpheios-lookup__search-control-icon {\n  display: none;\n}\n\n.alpheios-button-primary span.alpheios-lookup__search-control-label {\n  color: var(--alpheios-btn-primary-font-color);\n}\n\n.alpheios-lookup__panel.alpheios-landscape .alpheios-lookup__search-control-label {\n  display: none;\n}\n.alpheios-lookup__panel.alpheios-landscape .alpheios-button-primary {\n  padding: 0;\n}\n.alpheios-lookup__panel.alpheios-landscape .alpheios-lookup__search-control-icon {\n  display: inline-block;\n  width: 35px;\n  height: 25px;\n}\n\n.alpheios-lookup__form-icon {\n  width: calc(var(--alpheios-base-ui-size) * 0.9375);\n  height: calc(var(--alpheios-base-ui-size) * 0.9375);\n  box-sizing: border-box;\n  position: relative;\n  fill: var(--alpheios-desktop-toolbar-bg);\n  stroke: var(--alpheios-desktop-toolbar-bg);\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.alpheios-lookup__form-icon svg {\n  width: 92%;\n  height: auto;\n  position: relative;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-toolbar {\n  &.alpheios-toolbar--large {\n    background: transparent;\n  }\n\n  .alpheios-navbuttons__btn {\n    width: uisize($alpheios-toolbar-base-width);\n    height: uisize($alpheios-toolbar-base-width);\n    margin: uisize(8px) 0;\n    box-sizing: border-box;\n    position: relative;\n    background-color: var(--alpheios-desktop-toolbar-bg);\n    border: uisize(1px) solid var(--alpheios-desktop-toolbar-border-color);\n    border-radius: uisize(10px);\n\n    fill: var(--alpheios-desktop-toolbar-icon-color);\n    stroke: var(--alpheios-desktop-toolbar-icon-color);\n\n    &:hover,\n    &.active {\n      background-color: var(--alpheios-desktop-toolbar-bg);\n\n      fill: var(--alpheios-desktop-toolbar-icon-color-hover);\n      stroke: var(--alpheios-desktop-toolbar-icon-color-hover);\n    }\n\n    &.disabled {\n      fill: var(--alpheios-desktop-toolbar-icon-color-disabled);\n      stroke: var(--alpheios-desktop-toolbar-icon-color-disabled);\n      cursor: default;\n    }\n  }\n}\n\n.alpheios-toolbar__drag-handle {\n  width: uisize($alpheios-toolbar-base-width);\n  height: uisize(24px);\n  border-bottom: none;\n  background: var(--alpheios-desktop-toolbar-bg);\n  box-sizing: border-box;\n  border-top-left-radius: uisize(10px);\n  border-top-right-radius: uisize(10px);\n  border-bottom: 1px solid var();\n  // Need this for interact.js to work more reliably\n  touch-action: none;\n}\n\n.alpheios-toolbar__lookup-control {\n  cursor: pointer;\n  background: var(--alpheios-desktop-toolbar-bg);\n\n  .alpheios-navbuttons__btn {\n    margin: 0;\n    border-radius: 0;\n    border: none;\n  }\n}\n\n.alpheios-toolbar__help-control {\n  background: var(--alpheios-desktop-toolbar-bg);\n  .alpheios-navbuttons__btn {\n    margin: 0;\n    border-radius: 0;\n    border: none;\n  }\n}\n\n.alpheios-toolbar__header {\n  width: uisize($alpheios-toolbar-base-width);\n  border-bottom: none;\n  background: var(--alpheios-desktop-toolbar-bg);\n  box-sizing: border-box;\n  text-align: center;\n  border-bottom-left-radius: uisize(10px);\n  border-bottom-right-radius: uisize(10px);\n  position: relative;\n  // Need this for interact.js to work more reliably\n  touch-action: none;\n  .alpheios-navbuttons__btn {\n    margin: 0 0 uisize(4px) 0;\n    border: none;\n  }\n}\n\n.alpheios-toolbar__header-icon {\n  width: uisize(22px);\n  height: auto;\n  position: relative;\n  top: uisize(4px);\n  left: 1px;\n  fill: var(--alpheios-desktop-toolbar-icon-color);\n  stroke: var( --alpheios-desktop-toolbar-icon-color);\n}\n\n.alpheios-toolbar__header-icon-collapsed,\n.alpheios-toolbar__header-icon-expanded {\n  width: uisize(22px);\n  height: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  fill: var(--alpheios-desktop-toolbar-icon-color);\n  stroke: var( --alpheios-desktop-toolbar-icon-color);\n  cursor: pointer;\n\n  &:hover {\n    fill: var(--alpheios-desktop-toolbar-icon-color-hover);\n    stroke: var(--alpheios-desktop-toolbar-icon-color-hover);\n  }\n\n  .expanded & {\n    fill: var(--alpheios-desktop-toolbar-icon-color-active);\n    stroke: var(--alpheios-desktop-toolbar-icon-color-active);\n  }\n}\n\n.alpheios-toolbar__header-icon-collapsed {\n  top: uisize(24px);\n}\n\n.alpheios-toolbar__header-icon-expanded {\n  top: uisize(34px);\n}\n\n.alpheios-toolbar__lookup {\n  display: flex;\n  position: absolute;\n  width: uisize(330px);\n  height: textsize(160px);\n  background: var(--alpheios-lookup-bg);\n  left: uisize(-320px);\n  top: 0;\n  border: uisize(1px) solid var(--alpheios-lookup-border-color);\n  border-radius: uisize(10px) 0 0 uisize(10px);\n  box-sizing: border-box;\n  padding: uisize(10px) uisize(20px) uisize(10px) uisize(10px);\n  // To place it below other toolbar elements so that it will blend smoothly with rounded corners of those\n  z-index: -1;\n\n  .alpheios-toolbar--left & {\n    left: $alpheios-toolbar-base-width - 10px;\n    border-radius: 0 uisize(10px) uisize(10px) 0;\n    padding: uisize(10px) uisize(10px) uisize(10px) uisize(20px);\n  }\n\n  .alpheios-lookup__form {\n    justify-content: center;\n  }\n\n  .alph_tooltip {\n    display: inline-block;\n  }\n\n  &.alpheios-toolbar__lookup-beta-codes {\n    height: textsize(450px);\n    border-radius: uisize(10px) 0 uisize(10px) uisize(10px);\n  }\n}\n\n.alpheios-toolbar__buttons {\n  display: flex;\n  flex-direction: column;\n\n  .alpheios-navbuttons__btn.disabled {\n    fill: var(--alpheios-desktop-toolbar-icon-color-disabled);\n    stroke: var(--alpheios-desktop-toolbar-icon-color-disabled);\n\n    background-color: var(--alpheios-desktop-toolbar-icon-bg-disabled);\n    cursor: default;\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-toolbar.alpheios-toolbar--large {\n  background: transparent;\n}\n.alpheios-toolbar .alpheios-navbuttons__btn {\n  width: calc(var(--alpheios-base-ui-size) * 2.75);\n  height: calc(var(--alpheios-base-ui-size) * 2.75);\n  margin: calc(var(--alpheios-base-ui-size) * 0.5) 0;\n  box-sizing: border-box;\n  position: relative;\n  background-color: var(--alpheios-desktop-toolbar-bg);\n  border: calc(var(--alpheios-base-ui-size) * 0.0625) solid var(--alpheios-desktop-toolbar-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  fill: var(--alpheios-desktop-toolbar-icon-color);\n  stroke: var(--alpheios-desktop-toolbar-icon-color);\n}\n.alpheios-toolbar .alpheios-navbuttons__btn:hover, .alpheios-toolbar .alpheios-navbuttons__btn.active {\n  background-color: var(--alpheios-desktop-toolbar-bg);\n  fill: var(--alpheios-desktop-toolbar-icon-color-hover);\n  stroke: var(--alpheios-desktop-toolbar-icon-color-hover);\n}\n.alpheios-toolbar .alpheios-navbuttons__btn.disabled {\n  fill: var(--alpheios-desktop-toolbar-icon-color-disabled);\n  stroke: var(--alpheios-desktop-toolbar-icon-color-disabled);\n  cursor: default;\n}\n\n.alpheios-toolbar__drag-handle {\n  width: calc(var(--alpheios-base-ui-size) * 2.75);\n  height: calc(var(--alpheios-base-ui-size) * 1.5);\n  border-bottom: none;\n  background: var(--alpheios-desktop-toolbar-bg);\n  box-sizing: border-box;\n  border-top-left-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  border-top-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  border-bottom: 1px solid var();\n  touch-action: none;\n}\n\n.alpheios-toolbar__lookup-control {\n  cursor: pointer;\n  background: var(--alpheios-desktop-toolbar-bg);\n}\n.alpheios-toolbar__lookup-control .alpheios-navbuttons__btn {\n  margin: 0;\n  border-radius: 0;\n  border: none;\n}\n\n.alpheios-toolbar__help-control {\n  background: var(--alpheios-desktop-toolbar-bg);\n}\n.alpheios-toolbar__help-control .alpheios-navbuttons__btn {\n  margin: 0;\n  border-radius: 0;\n  border: none;\n}\n\n.alpheios-toolbar__header {\n  width: calc(var(--alpheios-base-ui-size) * 2.75);\n  border-bottom: none;\n  background: var(--alpheios-desktop-toolbar-bg);\n  box-sizing: border-box;\n  text-align: center;\n  border-bottom-left-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  border-bottom-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  position: relative;\n  touch-action: none;\n}\n.alpheios-toolbar__header .alpheios-navbuttons__btn {\n  margin: 0 0 calc(var(--alpheios-base-ui-size) * 0.25) 0;\n  border: none;\n}\n\n.alpheios-toolbar__header-icon {\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: auto;\n  position: relative;\n  top: calc(var(--alpheios-base-ui-size) * 0.25);\n  left: 1px;\n  fill: var(--alpheios-desktop-toolbar-icon-color);\n  stroke: var(--alpheios-desktop-toolbar-icon-color);\n}\n\n.alpheios-toolbar__header-icon-collapsed,\n.alpheios-toolbar__header-icon-expanded {\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  fill: var(--alpheios-desktop-toolbar-icon-color);\n  stroke: var(--alpheios-desktop-toolbar-icon-color);\n  cursor: pointer;\n}\n.alpheios-toolbar__header-icon-collapsed:hover,\n.alpheios-toolbar__header-icon-expanded:hover {\n  fill: var(--alpheios-desktop-toolbar-icon-color-hover);\n  stroke: var(--alpheios-desktop-toolbar-icon-color-hover);\n}\n.expanded .alpheios-toolbar__header-icon-collapsed,\n.expanded .alpheios-toolbar__header-icon-expanded {\n  fill: var(--alpheios-desktop-toolbar-icon-color-active);\n  stroke: var(--alpheios-desktop-toolbar-icon-color-active);\n}\n\n.alpheios-toolbar__header-icon-collapsed {\n  top: calc(var(--alpheios-base-ui-size) * 1.5);\n}\n\n.alpheios-toolbar__header-icon-expanded {\n  top: calc(var(--alpheios-base-ui-size) * 2.125);\n}\n\n.alpheios-toolbar__lookup {\n  display: flex;\n  position: absolute;\n  width: calc(var(--alpheios-base-ui-size) * 20.625);\n  height: calc(var(--alpheios-base-text-size) * 10);\n  background: var(--alpheios-lookup-bg);\n  left: calc(var(--alpheios-base-ui-size) * -20);\n  top: 0;\n  border: calc(var(--alpheios-base-ui-size) * 0.0625) solid var(--alpheios-lookup-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625) 0 0 calc(var(--alpheios-base-ui-size) * 0.625);\n  box-sizing: border-box;\n  padding: calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 1.25) calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625);\n  z-index: -1;\n}\n.alpheios-toolbar--left .alpheios-toolbar__lookup {\n  left: 34px;\n  border-radius: 0 calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625) 0;\n  padding: calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 1.25);\n}\n.alpheios-toolbar__lookup .alpheios-lookup__form {\n  justify-content: center;\n}\n.alpheios-toolbar__lookup .alph_tooltip {\n  display: inline-block;\n}\n.alpheios-toolbar__lookup.alpheios-toolbar__lookup-beta-codes {\n  height: calc(var(--alpheios-base-text-size) * 28.125);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625) 0 calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625);\n}\n\n.alpheios-toolbar__buttons {\n  display: flex;\n  flex-direction: column;\n}\n.alpheios-toolbar__buttons .alpheios-navbuttons__btn.disabled {\n  fill: var(--alpheios-desktop-toolbar-icon-color-disabled);\n  stroke: var(--alpheios-desktop-toolbar-icon-color-disabled);\n  background-color: var(--alpheios-desktop-toolbar-icon-bg-disabled);\n  cursor: default;\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../../styles/variables\";\n\n.alpheios-action-panel {\n  width: auto;\n  height: auto;\n  position: fixed;\n  padding: 10px;\n  @include alpheios-ui-border;\n  background-color: var(--alpheios-text-bg-color);\n  transition: display 0.4s;\n}\n.alpheios-action-panel__cont {\n  margin-top: uisize(30px); /* must allow for the close icon */\n}\n\n.alpheios-action-panel.alpheios-action-panel--lookup-visible {\n  height: uisize(190px);\n  width: uisize(300px);\n}\n\n.alpheios-action-panel.alpheios-action-panel--nav-visible {\n  height: uisize(100px);\n  width: uisize(280px);\n}\n\n.alpheios-action-panel.alpheios-action-panel--lookup-visible.alpheios-action-panel--nav-visible {\n  height: uisize(270px);\n  width: uisize(300px);\n}\n\n.alpheios-action-panel__close-icon-span {\n    display: inline-block;\n    padding: uisize(8px);\n    position: absolute;\n    cursor: pointer;\n    right: 10px;\n\n  .alpheios-action-panel__close-icon {\n    width: uisize(22px);\n    height: uisize(22px);\n    top: 50%;\n    position: relative;\n    fill: var(--alpheios-btn-primary-bg-color);\n    &:hover,\n    &:focus {\n      fill: var(--alpheios-btn-primary-bg-color-hover);\n    }\n    &:active {\n      fill: var(--alpheios-btn-primary-bg-color-pressed);\n    }\n  }\n}\n\n.alpheios-action-panel__lookup-cont {\n  position: relative;\n}\n\n.alpheios-action-panel__lookup {\n  & input.alpheios-input,\n  & input.alpheios-input:focus {\n    width: 65%;\n  }\n}\n\n.alpheios-action-panel__progress-bar {\n  position: absolute;\n  left: 0;\n  top: uisize(70px);\n  width: 100%;\n\n  & .alpheios-popup-lexdataloading__progress-inner {\n    height: uisize(16px);\n    border-color: var(--alpheios-compact-popup-progress-bar-line);\n  }\n\n  & .alpheios-popup-lexdataloading__progress-line {\n    background-color: var(--alpheios-compact-popup-progress-bar-line);\n    left: 0.6%;\n    top: 1px;\n    height: 10px;\n    width: 98.8%;\n  }\n\n  & .alpheios-popup-lexdataloading__progress-text {\n    display: none;\n  }\n}\n\n.alpheios-action-panel__nav-cont {\n  display: flex;\n  justify-content: flex-start;\n  margin: 10px 0;\n\n  & .alph_tooltip {\n    margin-right: 8px;\n  }\n}\n\n.alpheios-action-panel__navbutton {\n  display: block;\n  width: uisize(44px);\n  height: uisize(44px);\n  cursor: pointer;\n  fill: var(--alpheios-compact-panel-icon-color);\n  stroke: var(--alpheios-compact-panel-icon-color);\n  background-color: var(--alpheios-compact-panel-icon-bg);\n  border-radius: 50%;\n\n  &.disabled {\n    fill: var(--alpheios-compact-panel-icon-color-disabled);\n    stroke: var(--alpheios-compact-panel-icon-color-disabled);\n    cursor: default;\n  }\n\n  svg {\n    width: 50%;\n    height: auto;\n    position: relative;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover:not(.disabled),\n  &:focus:not(.disabled) {\n    fill: var(--alpheios-compact-panel-icon-color-hover);\n    stroke: var(--alpheios-compact-panel-icon-color-hover);\n    background-color: var(--alpheios-compact-panel-icon-bg);\n  }\n\n  &.active {\n    fill: var(--alpheios-compact-panel-icon-color-active);\n    stroke: var(--alpheios-compact-panel-icon-color-active);\n    background-color: var(--alpheios-compact-panel-icon-bg);\n  }\n}\n","/*\n Calculates a size of text elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.\n */\n/*\n Calculates a size of UI elements relative to the base size.\n Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.\n */\n.alpheios-action-panel {\n  width: auto;\n  height: auto;\n  position: fixed;\n  padding: 10px;\n  border: 1px solid var(--alpheios-border-color);\n  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);\n  background-color: var(--alpheios-text-bg-color);\n  transition: display 0.4s;\n}\n\n.alpheios-action-panel__cont {\n  margin-top: calc(var(--alpheios-base-ui-size) * 1.875);\n  /* must allow for the close icon */\n}\n\n.alpheios-action-panel.alpheios-action-panel--lookup-visible {\n  height: calc(var(--alpheios-base-ui-size) * 11.875);\n  width: calc(var(--alpheios-base-ui-size) * 18.75);\n}\n\n.alpheios-action-panel.alpheios-action-panel--nav-visible {\n  height: calc(var(--alpheios-base-ui-size) * 6.25);\n  width: calc(var(--alpheios-base-ui-size) * 17.5);\n}\n\n.alpheios-action-panel.alpheios-action-panel--lookup-visible.alpheios-action-panel--nav-visible {\n  height: calc(var(--alpheios-base-ui-size) * 16.875);\n  width: calc(var(--alpheios-base-ui-size) * 18.75);\n}\n\n.alpheios-action-panel__close-icon-span {\n  display: inline-block;\n  padding: calc(var(--alpheios-base-ui-size) * 0.5);\n  position: absolute;\n  cursor: pointer;\n  right: 10px;\n}\n.alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon {\n  width: calc(var(--alpheios-base-ui-size) * 1.375);\n  height: calc(var(--alpheios-base-ui-size) * 1.375);\n  top: 50%;\n  position: relative;\n  fill: var(--alpheios-btn-primary-bg-color);\n}\n.alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon:hover, .alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon:focus {\n  fill: var(--alpheios-btn-primary-bg-color-hover);\n}\n.alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon:active {\n  fill: var(--alpheios-btn-primary-bg-color-pressed);\n}\n\n.alpheios-action-panel__lookup-cont {\n  position: relative;\n}\n\n.alpheios-action-panel__lookup input.alpheios-input, .alpheios-action-panel__lookup input.alpheios-input:focus {\n  width: 65%;\n}\n\n.alpheios-action-panel__progress-bar {\n  position: absolute;\n  left: 0;\n  top: calc(var(--alpheios-base-ui-size) * 4.375);\n  width: 100%;\n}\n.alpheios-action-panel__progress-bar .alpheios-popup-lexdataloading__progress-inner {\n  height: calc(var(--alpheios-base-ui-size) * 1);\n  border-color: var(--alpheios-compact-popup-progress-bar-line);\n}\n.alpheios-action-panel__progress-bar .alpheios-popup-lexdataloading__progress-line {\n  background-color: var(--alpheios-compact-popup-progress-bar-line);\n  left: 0.6%;\n  top: 1px;\n  height: 10px;\n  width: 98.8%;\n}\n.alpheios-action-panel__progress-bar .alpheios-popup-lexdataloading__progress-text {\n  display: none;\n}\n\n.alpheios-action-panel__nav-cont {\n  display: flex;\n  justify-content: flex-start;\n  margin: 10px 0;\n}\n.alpheios-action-panel__nav-cont .alph_tooltip {\n  margin-right: 8px;\n}\n\n.alpheios-action-panel__navbutton {\n  display: block;\n  width: calc(var(--alpheios-base-ui-size) * 2.75);\n  height: calc(var(--alpheios-base-ui-size) * 2.75);\n  cursor: pointer;\n  fill: var(--alpheios-compact-panel-icon-color);\n  stroke: var(--alpheios-compact-panel-icon-color);\n  background-color: var(--alpheios-compact-panel-icon-bg);\n  border-radius: 50%;\n}\n.alpheios-action-panel__navbutton.disabled {\n  fill: var(--alpheios-compact-panel-icon-color-disabled);\n  stroke: var(--alpheios-compact-panel-icon-color-disabled);\n  cursor: default;\n}\n.alpheios-action-panel__navbutton svg {\n  width: 50%;\n  height: auto;\n  position: relative;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.alpheios-action-panel__navbutton:hover:not(.disabled), .alpheios-action-panel__navbutton:focus:not(.disabled) {\n  fill: var(--alpheios-compact-panel-icon-color-hover);\n  stroke: var(--alpheios-compact-panel-icon-color-hover);\n  background-color: var(--alpheios-compact-panel-icon-bg);\n}\n.alpheios-action-panel__navbutton.active {\n  fill: var(--alpheios-compact-panel-icon-color-active);\n  stroke: var(--alpheios-compact-panel-icon-color-active);\n  background-color: var(--alpheios-compact-panel-icon-bg);\n}"],"names":[],"sourceRoot":""}