main {
  background-color: #f3f5f9;
  position: relative;
}
main::before, main::after {
  position: absolute;
  content: "";
  height: 15%;
  width: auto;
  aspect-ratio: 1/1;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIwIiBoZWlnaHQ9IjE4OCIgdmlld0JveD0iMCAwIDIyMCAxODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMDciIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTc2XzczMzkpIj4KPHBhdGggZD0iTTQxLjI1OTYgNTQuMzI4NkMzMi44MTIyIDU3LjY4MjggMjUuNDI0NyA2Mi40ODY5IDE5LjMwMzcgNjguNjA3OUMxMy4xODI3IDc0LjcyOSA4LjM3ODU1IDgyLjExNjQgNS4wMjg5NyA5MC41NTQ2QzEuNjkzMTUgOTguOTMzMiAwIDEwOC4yMzkgMCAxMTguMjE0QzAgMTI4LjMwOSAxLjY4Mzk3IDEzNy43NDcgNS4wMTA2MSAxNDYuMjU5QzguMzU1NjEgMTU0Ljg1MyAxMy4xNTUyIDE2Mi4zNSAxOS4yNzE2IDE2OC41NDVDMjUuMzg4IDE3NC43MzkgMzIuNzgwMSAxNzkuNTk0IDQxLjI1OTYgMTgyLjk3NkM0OS42NDczIDE4Ni4zMDcgNTguOTUyNyAxODggNjguOTA5NyAxODhDNzguODY2NyAxODggODguMTcyMSAxODYuMzA3IDk2LjU3MzYgMTgyLjk3MUMxMDUuMDMgMTc5LjU5OSAxMTIuNDI3IDE3NC43NDggMTE4LjU1NyAxNjguNTRDMTI0LjY2IDE2Mi4zNSAxMjkuNDU5IDE1NC44NTMgMTMyLjgxMyAxNDYuMjYzQzEzNi4xNCAxMzcuNzUyIDEzNy44MjQgMTI4LjMxMyAxMzcuODI0IDExOC4yMTRMMTM3LjgyNCA0OS4yOTk3TDY4LjkwOTcgNDkuMjk5N0M1OC45MzQzIDQ5LjI5OTcgNDkuNjMzNSA1MC45OTI4IDQxLjI1OTYgNTQuMzI4NlpNMTIyLjMzOCAxMTguMjE0QzEyMi4zMzggMTI2LjM3NyAxMjEuMDEyIDEzMy45MiAxMTguMzkyIDE0MC42MjlDMTE1LjgwNCAxNDcuMjUgMTEyLjE1MSAxNTIuOTg1IDEwNy41MzUgMTU3LjY2NkMxMDIuOTE5IDE2Mi4zMzcgOTcuMzAzMiAxNjYuMDEyIDkwLjg0NzIgMTY4LjU4NkM4NC4yODExIDE3MS4xOTcgNzYuODk4MiAxNzIuNTE4IDY4LjkwOTcgMTcyLjUxOEM2MC45MjEyIDE3Mi41MTggNTMuNTQyOSAxNzEuMTk3IDQ2Ljk4NiAxNjguNTkxQzQwLjUxMTYgMTY2LjAxMiAzNC44OTUzIDE2Mi4zMzcgMzAuMjkzMSAxNTcuNjdDMjUuNjY3OSAxNTIuOTg1IDIyLjAxNTUgMTQ3LjI1NCAxOS40MzY4IDE0MC42MzNDMTYuODE2OCAxMzMuOTIgMTUuNDg2MSAxMjYuMzc3IDE1LjQ4NjEgMTE4LjIxNEMxNS40ODYxIDExMC4yMDcgMTYuODA3NiAxMDIuODI5IDE5LjQxODQgOTYuMjc2NEMyMS45ODggODkuODAyMSAyNS42MzU4IDg0LjE3NjYgMzAuMjU2NCA3OS41NTZDMzQuODc3IDc0LjkzNTQgNDAuNTAyNSA3MS4yODc2IDQ2Ljk4NiA2OC43MTM1QzUzLjUzMzcgNjYuMTA3MiA2MC45MTIgNjQuNzg1NyA2OC45MTQzIDY0Ljc4NTdIMTIyLjM0N0wxMjIuMzM4IDExOC4yMTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTE3Nl83MzM5KSIvPgo8cGF0aCBkPSJNMTUwLjEwNyAxMTEuMDkzQzE1MC4xMDcgMTIxLjk1NCAxNTEuOTUyIDEzMi4wODUgMTU1LjU4MSAxNDEuMjAyQzE1OS4yMzQgMTUwLjQwMiAxNjQuNDY5IDE1OC40NDYgMTcxLjEzMiAxNjUuMTEzQzE3Ny43OTkgMTcxLjc4IDE4NS44NDIgMTc3LjAxMSAxOTUuMDMzIDE4MC42NjNDMjAyLjUzMSAxODMuNjUgMjEwLjcxNyAxODUuNDIxIDIxOS40MjUgMTg1Ljk2M1YxNjkuMDU5QzIxMi45MDEgMTY4LjU1OSAyMDYuODEyIDE2Ny4yMDEgMjAxLjI2OSAxNjQuOTk0QzE5NC4yMTYgMTYyLjE5NSAxODguMDkxIDE1OC4yMjEgMTgzLjA1NyAxNTMuMTg3QzE3OC4wMjQgMTQ4LjE1NCAxNzQuMDU1IDE0Mi4wMjggMTcxLjI1MSAxMzQuOTcxQzE2OC40MTEgMTI3Ljg0MSAxNjYuOTcgMTE5LjgwNiAxNjYuOTcgMTExLjA5M0wxNjYuOTcgNTIuOTAxOEgyMTkuNDIxVjM2LjAzOTFIMTUwLjEwN0wxNTAuMTA3IDExMS4wOTNaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMTE3Nl83MzM5KSIvPgo8cGF0aCBkPSJNMzIuMDg3MSAzLjA1NzEyQzM3LjE4NDkgOC4wODE1IDQzLjQyNTMgMTIuMDY0MyA1MC42MzgzIDE0Ljg4MTZDNTcuOTQ3OCAxNy43MzU2IDY2LjE2MTEgMTkuMTgxIDc1LjA1MzYgMTkuMTgxTDEzMy4yNDUgMTkuMTgxVi0wLjI2MDM1M0gxNTAuMTA3VjM2LjAzOTFMNzUuMDUzNiAzNi4wMzkxQzY0LjA1NSAzNi4wMzkxIDUzLjc3NjggMzQuMjAzNyA0NC41MDgxIDMwLjU4MzRDMzUuMTUyMiAyNi45MjYzIDI2Ljk4OTMgMjEuNzA0NyAyMC4yNDQzIDE1LjA1NkMxNS42ODc5IDEwLjU1NDcgMTEuODA2MSA1LjQyNDc2IDguNjMwODYgLTAuMjYwMzUzSDI5LjA0NUMzMC4wMTMxIDAuODkxMzU0IDMxLjAyMjYgMi4wMDE3NyAzMi4wODcxIDMuMDU3MTJaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMTE3Nl83MzM5KSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTE3Nl83MzM5IiB4MT0iNjguOTEyIiB5MT0iMTg4IiB4Mj0iNjguOTEyIiB5Mj0iNDkuMjk5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDY3NzU3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA2Nzc1NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzExNzZfNzMzOSIgeDE9IjE4NC43NjYiIHkxPSIxODUuOTYzIiB4Mj0iMTg0Ljc2NiIgeTI9IjM2LjAzOTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2Nzc1NyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNjc3NTciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xMTc2XzczMzkiIHgxPSI3OS4zNjkxIiB5MT0iMzYuMDM5MSIgeDI9Ijc5LjM2OTEiIHkyPSItMC4yNjAzNTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2Nzc1NyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNjc3NTciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTE3Nl83MzM5Ij4KPHJlY3Qgd2lkdGg9IjIxOS40MjEiIGhlaWdodD0iMTg4LjI2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxODgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  z-index: 1;
}
main::after {
  height: 20%;
  display: block;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAzIiBoZWlnaHQ9IjI2MSIgdmlld0JveD0iMCAwIDMwMyAyNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMDciIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTc2XzczNDUpIj4KPHBhdGggZD0iTTI0NS45NDUgMTg0Ljg0NEMyNTcuNjI2IDE4MC4yMDYgMjY3Ljg0MiAxNzMuNTYzIDI3Ni4zMDYgMTY1LjA5OEMyODQuNzcxIDE1Ni42MzQgMjkxLjQxNCAxNDYuNDE5IDI5Ni4wNDYgMTM0Ljc1QzMwMC42NTkgMTIzLjE2NCAzMDMgMTEwLjI5NiAzMDMgOTYuNTAyQzMwMyA4Mi41NDI5IDMwMC42NzEgNjkuNDkxMSAyOTYuMDcxIDU3LjcyMUMyOTEuNDQ2IDQ1LjgzNjcgMjg0LjgwOSAzNS40Njg5IDI3Ni4zNTEgMjYuOTAzMUMyNjcuODkzIDE4LjMzNzIgMjU3LjY3MSAxMS42MjQyIDI0NS45NDUgNi45NDc4NkMyMzQuMzQ2IDIuMzQxMzUgMjIxLjQ3OSAxLjkzOTkxZS0wNSAyMDcuNzEgMS44MTk1NGUtMDVDMTkzLjk0MSAxLjY5OTE3ZS0wNSAxODEuMDczIDIuMzQxMzQgMTY5LjQ1NiA2Ljk1NDJDMTU3Ljc2MiAxMS42MTc4IDE0Ny41MzMgMTguMzI0NSAxMzkuMDU2IDI2LjkwOTRDMTMwLjYxNyAzNS40Njg5IDEyMy45OCA0NS44MzY3IDExOS4zNDIgNTcuNzE0N0MxMTQuNzQyIDY5LjQ4NDggMTEyLjQxMyA4Mi41MzY1IDExMi40MTMgOTYuNTAyTDExMi40MTMgMTkxLjc5OEwyMDcuNzEgMTkxLjc5OEMyMjEuNTA0IDE5MS43OTggMjM0LjM2NSAxODkuNDU3IDI0NS45NDUgMTg0Ljg0NFpNMTMzLjgyOCA5Ni41MDJDMTMzLjgyOCA4NS4yMTQyIDEzNS42NjIgNzQuNzgyOSAxMzkuMjg1IDY1LjUwNjRDMTQyLjg2MyA1Ni4zNTA1IDE0Ny45MTQgNDguNDE5MiAxNTQuMjk3IDQxLjk0NzJDMTYwLjY4IDM1LjQ4NzkgMTY4LjQ0NyAzMC40MDU1IDE3Ny4zNzQgMjYuODQ2QzE4Ni40NTQgMjMuMjM1NiAxOTYuNjYzIDIxLjQwODMgMjA3LjcxIDIxLjQwODNDMjE4Ljc1NyAyMS40MDgzIDIyOC45NTkgMjMuMjM1NiAyMzguMDI3IDI2LjgzOTZDMjQ2Ljk3OSAzMC40MDU1IDI1NC43NDYgMzUuNDg3OSAyNjEuMTEgNDEuOTQwOUMyNjcuNTA2IDQ4LjQxOTIgMjcyLjU1NiA1Ni4zNDQyIDI3Ni4xMjIgNjUuNTAwMUMyNzkuNzQ1IDc0Ljc4MjkgMjgxLjU4NSA4NS4yMTQyIDI4MS41ODUgOTYuNTAyQzI4MS41ODUgMTA3LjU3NCAyNzkuNzU4IDExNy43NzcgMjc2LjE0OCAxMjYuODM4QzI3Mi41OTQgMTM1Ljc5MSAyNjcuNTUgMTQzLjU3IDI2MS4xNjEgMTQ5Ljk1OUMyNTQuNzcxIDE1Ni4zNDkgMjQ2Ljk5MiAxNjEuMzkzIDIzOC4wMjcgMTY0Ljk1M0MyMjguOTcyIDE2OC41NTcgMjE4Ljc2OSAxNzAuMzg0IDIwNy43MDQgMTcwLjM4NEwxMzMuODE1IDE3MC4zODRMMTMzLjgyOCA5Ni41MDJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTE3Nl83MzQ1KSIvPgo8cGF0aCBkPSJNOTUuNDI3NyAxMDYuMzVDOTUuNDI3NyA5MS4zMzEgOTIuODc3IDc3LjMyMTEgODcuODU4MSA2NC43MTM1QzgyLjgwNzQgNTEuOTkxNiA3NS41Njc3IDQwLjg2ODcgNjYuMzU0NyAzMS42NDk0QzU3LjEzNTMgMjIuNDMgNDYuMDEyNCAxNS4xOTY2IDMzLjMwMzMgMTAuMTQ1OUMyMi45MzU0IDYuMDE1MzEgMTEuNjE1OSAzLjU2NjEyIC0wLjQyNzA3MSAyLjgxNzRMLTAuNDI3MDczIDI2LjE5MjZDOC41OTU2IDI2Ljg4NDIgMTcuMDE1NSAyOC43NjI0IDI0LjY4MDMgMzEuODE0M0MzNC40MzI3IDM1LjY4NDggNDIuOTAzMyA0MS4xNzk2IDQ5Ljg2MzkgNDguMTQwMkM1Ni44MjQ0IDU1LjEwMDcgNjIuMzEyOSA2My41NzE0IDY2LjE4OTcgNzMuMzMwMUM3MC4xMTczIDgzLjE5MDMgNzIuMTA5NiA5NC4zMDA1IDcyLjEwOTYgMTA2LjM1TDcyLjEwOTYgMTg2LjgxOEwtMC40MjA3NTQgMTg2LjgxOEwtMC40MjA3NTYgMjEwLjEzNkw5NS40Mjc3IDIxMC4xMzZMOTUuNDI3NyAxMDYuMzVaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMTE3Nl83MzQ1KSIvPgo8cGF0aCBkPSJNMjU4LjYyOCAyNTUuNzQ0QzI1MS41NzkgMjQ4Ljc5NiAyNDIuOTUgMjQzLjI4OSAyMzIuOTc1IDIzOS4zOTNDMjIyLjg2OCAyMzUuNDQ2IDIxMS41MSAyMzMuNDQ4IDE5OS4yMTMgMjMzLjQ0OEwxMTguNzQ1IDIzMy40NDhMMTE4Ljc0NSAyNjAuMzMyTDk1LjQyNzIgMjYwLjMzMkw5NS40MjcyIDIxMC4xMzZMMTk5LjIxMyAyMTAuMTM2QzIxNC40MjIgMjEwLjEzNiAyMjguNjM1IDIxMi42NzQgMjQxLjQ1MiAyMTcuNjhDMjU0LjM5IDIyMi43MzcgMjY1LjY3OCAyMjkuOTU4IDI3NS4wMDUgMjM5LjE1MkMyODEuMzA2IDI0NS4zNzYgMjg2LjY3NCAyNTIuNDcgMjkxLjA2NCAyNjAuMzMyTDI2Mi44MzUgMjYwLjMzMkMyNjEuNDk2IDI1OC43MzkgMjYwLjEwMSAyNTcuMjAzIDI1OC42MjggMjU1Ljc0NFoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8xMTc2XzczNDUpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMTc2XzczNDUiIHgxPSIyMDcuNzA3IiB5MT0iMS44MTk1MWUtMDUiIHgyPSIyMDcuNzA3IiB5Mj0iMTkxLjc5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDY3NzU3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA2Nzc1NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzExNzZfNzM0NSIgeDE9IjQ3LjUwMDMiIHkxPSIyLjgxNzQxIiB4Mj0iNDcuNTAwMyIgeTI9IjIxMC4xMzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2Nzc1NyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNjc3NTciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xMTc2XzczNDUiIHgxPSIxOTMuMjQ2IiB5MT0iMjEwLjEzNiIgeDI9IjE5My4yNDYiIHkyPSIyNjAuMzMyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwNjc3NTciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDY3NzU3IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNzZfNzM0NSI+CjxyZWN0IHdpZHRoPSIzMDMuNDIxIiBoZWlnaHQ9IjI2MC4zMzEiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAtOC43NDIyOGUtMDggLTguNzQyMjhlLTA4IDEgMzAzIDIuNjUyNTllLTA1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-position: bottom left;
}
main:has(section.syntropia-test-page .syntropia-test__intro.is-active)::before {
  bottom: 0;
  top: auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDY4IiBoZWlnaHQ9IjU0MSIgdmlld0JveD0iMCAwIDQ2OCA1NDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMDciIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTc2XzczODcpIj4KPHBhdGggZD0iTTExOS4xMTggMzg0LjMxNEM5NC44MzEyIDM3NC42NyA3My41OTE5IDM2MC44NTggNTUuOTkzNSAzNDMuMjZDMzguMzk1MiAzMjUuNjYxIDI0LjU4MyAzMDQuNDIyIDE0Ljk1MjggMjgwLjE2MkM1LjM2MjA3IDI1Ni4wNzMgMC40OTQxNjEgMjI5LjMxOSAwLjQ5NDE1OCAyMDAuNjM5QzAuNDk0MTU2IDE3MS42MTcgNS4zMzU2NyAxNDQuNDggMTQuOSAxMjAuMDA5QzI0LjUxNyA5NS4zMDAxIDM4LjMxNiA3My43NDQxIDU1LjkwMTIgNTUuOTM0N0M3My40ODYzIDM4LjEyNTMgOTQuNzM4OCAyNC4xNjggMTE5LjExOCAxNC40NDU0QzE0My4yMzMgNC44Njc5MyAxNjkuOTg3IDIuNjA5NjNlLTA1IDE5OC42MTQgMi4zNTkzN2UtMDVDMjI3LjI0MSAyLjEwOTFlLTA1IDI1My45OTQgNC44Njc5MiAyNzguMTQ5IDE0LjQ1ODZDMzAyLjQ2MiAyNC4xNTQ4IDMyMy43MjggMzguMDk4OSAzNDEuMzUzIDU1Ljk0NzlDMzU4Ljg5OCA3My43NDQxIDM3Mi42OTcgOTUuMyAzODIuMzQxIDExOS45OTZDMzkxLjkwNSAxNDQuNDY3IDM5Ni43NDcgMTcxLjYwMyAzOTYuNzQ3IDIwMC42MzlMMzk2Ljc0NyAzOTguNzcyTDE5OC42MTQgMzk4Ljc3MkMxNjkuOTM0IDM5OC43NzIgMTQzLjE5NCAzOTMuOTA0IDExOS4xMTggMzg0LjMxNFpNMzUyLjIyMyAyMDAuNjM5QzM1Mi4yMjMgMTc3LjE3IDM0OC40MTEgMTU1LjQ4MyAzNDAuODc4IDEzNi4xOTZDMzMzLjQzOCAxMTcuMTU5IDMyMi45MzcgMTAwLjY2OSAzMDkuNjY1IDg3LjIxMzNDMjk2LjM5NCA3My43ODM3IDI4MC4yNDcgNjMuMjE2OCAyNjEuNjg1IDU1LjgxNkMyNDIuODA4IDQ4LjMwOTcgMjIxLjU4MSA0NC41MTAzIDE5OC42MTQgNDQuNTEwM0MxNzUuNjQ2IDQ0LjUxMDMgMTU0LjQzMyA0OC4zMDk3IDEzNS41ODIgNTUuODAyOEMxMTYuOTY4IDYzLjIxNjggMTAwLjgyIDczLjc4MzcgODcuNTg4NyA4Ny4yMDAxQzc0LjI5MSAxMDAuNjY5IDYzLjc5MDEgMTE3LjE0NiA1Ni4zNzYxIDEzNi4xODNDNDguODQzNCAxNTUuNDgzIDQ1LjAxNzcgMTc3LjE3MSA0NS4wMTc3IDIwMC42MzlDNDUuMDE3NyAyMjMuNjYgNDguODE3IDI0NC44NzMgNTYuMzIzMyAyNjMuNzExQzYzLjcxMDkgMjgyLjMyNSA3NC4xOTg3IDI5OC40OTkgODcuNDgzMiAzMTEuNzgzQzEwMC43NjggMzI1LjA2OCAxMTYuOTQxIDMzNS41NTUgMTM1LjU4MiAzNDIuOTU2QzE1NC40MDcgMzUwLjQ0OSAxNzUuNjIgMzU0LjI0OSAxOTguNjI3IDM1NC4yNDlMMzUyLjI1IDM1NC4yNDlMMzUyLjIyMyAyMDAuNjM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzExNzZfNzM4NykiLz4KPHBhdGggZD0iTTQzMi4wNjEgMjIxLjExM0M0MzIuMDYxIDE4OS44ODcgNDM3LjM2NCAxNjAuNzU5IDQ0Ny43OTkgMTM0LjU0NkM0NTguMyAxMDguMDk2IDQ3My4zNTIgODQuOTY5OCA0OTIuNTA3IDY1LjgwMTZDNTExLjY3NSA0Ni42MzM0IDUzNC44MDEgMzEuNTk0NCA1NjEuMjI1IDIxLjA5MzRDNTgyLjc4MSAxMi41MDUzIDYwNi4zMTYgNy40MTMxNCA2MzEuMzU0IDUuODU2NDdMNjMxLjM1NCA1NC40NTYzQzYxMi41OTUgNTUuODk0MyA1OTUuMDg5IDU5Ljc5OTIgNTc5LjE1MyA2Ni4xNDQ2QzU1OC44NzcgNzQuMTkxOCA1NDEuMjY1IDg1LjYxNjIgNTI2Ljc5MyAxMDAuMDg4QzUxMi4zMjIgMTE0LjU2IDUwMC45MSAxMzIuMTcxIDQ5Mi44NSAxNTIuNDYxQzQ4NC42ODQgMTcyLjk2MSA0ODAuNTQyIDE5Ni4wNjEgNDgwLjU0MiAyMjEuMTEzTDQ4MC41NDIgMzg4LjQxNkw2MzEuMzQxIDM4OC40MTVMNjMxLjM0MSA0MzYuODk3TDQzMi4wNjEgNDM2Ljg5N0w0MzIuMDYxIDIyMS4xMTNaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMTE3Nl83Mzg3KSIvPgo8cGF0aCBkPSJNOTIuNzQ2OSA1MzEuNzI0QzEwNy40MDMgNTE3LjI3OCAxMjUuMzQ1IDUwNS44MjcgMTQ2LjA4MyA0OTcuNzI3QzE2Ny4wOTggNDg5LjUyMiAxOTAuNzEyIDQ4NS4zNjYgMjE2LjI3OCA0ODUuMzY2TDM4My41ODEgNDg1LjM2NkwzODMuNTgxIDU0MS4yNjJMNDMyLjA2MiA1NDEuMjYyTDQzMi4wNjIgNDM2Ljg5OEwyMTYuMjc4IDQzNi44OThDMTg0LjY1NyA0MzYuODk4IDE1NS4xMDYgNDQyLjE3NSAxMjguNDU4IDQ1Mi41ODRDMTAxLjU1OSA0NjMuMDk4IDc4LjA5MDQgNDc4LjExMSA1OC42OTc5IDQ5Ny4yMjZDNDUuNTk4MSA1MTAuMTY4IDM0LjQzNzYgNTI0LjkxNiAyNS4zMDg2IDU0MS4yNjJMODQuMDAwNSA1NDEuMjYyQzg2Ljc4NCA1MzcuOTUgODkuNjg2MyA1MzQuNzU4IDkyLjc0NjkgNTMxLjcyNFoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8xMTc2XzczODcpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMTc2XzczODciIHgxPSIxOTguNjIiIHkxPSIyLjM1OTMxZS0wNSIgeDI9IjE5OC42MiIgeTI9IjM5OC43NzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2Nzc1NyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNjc3NTciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xMTc2XzczODciIHgxPSI1MzEuNzA3IiB5MT0iNS44NTY0OCIgeDI9IjUzMS43MDciIHkyPSI0MzYuODk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwNjc3NTciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDY3NzU3IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMTE3Nl83Mzg3IiB4MT0iMjI4LjY4NSIgeTE9IjQzNi44OTgiIHgyPSIyMjguNjg1IiB5Mj0iNTQxLjI2MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDY3NzU3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA2Nzc1NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMTc2XzczODciPgo8cmVjdCB3aWR0aD0iNDY4IiBoZWlnaHQ9IjU0MSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-position: bottom right;
  height: 65%;
}
main:has(section.syntropia-test-page .syntropia-test__intro.is-active)::after {
  display: none;
}
main:has(section.syntropia-test-page .syntropia-test__intro.is-active) section.header .contenedor .logo {
  display: flex;
}
main:has(section.syntropia-test-page .syntropia-test__intro.is-active) section.header .contenedor .boton-retroceso {
  display: none;
}

header,
footer {
  display: none !important;
}

section {
  position: relative;
  z-index: 2;
}
section.header {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 1rem 0;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
section.header .contenedor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
section.header .contenedor .logo {
  display: none;
}
section.header .contenedor .logo picture {
  height: 5rem;
  width: auto;
  aspect-ratio: 16/9;
}
@media (max-width: 780px) {
  section.header .contenedor .logo picture {
    height: 4rem;
  }
}
section.header .contenedor .logo picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center left;
     object-position: center left;
}
section.header .contenedor .boton-retroceso {
  display: block;
  align-items: center;
  gap: 0.5rem;
  border: 0;
  background: transparent;
  color: #495f77;
  font-weight: 600;
  cursor: pointer;
  padding: 0.5rem 0;
}
section.syntropia-test-page {
  min-height: calc(100dvh - 5rem);
  display: flex;
  flex-direction: column;
}
@media (max-width: 780px) {
  section.syntropia-test-page {
    padding: 0;
  }
}
section.syntropia-test-page .contenedor {
  flex: 1;
  display: flex;
  flex-direction: column;
}
section.syntropia-test-page .contenedor .syntropia-test__intro {
  width: 50rem;
  max-width: 100%;
  flex: 1;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
section.syntropia-test-page .contenedor .syntropia-test__intro.is-active {
  display: flex;
}
section.syntropia-test-page .contenedor .syntropia-test__content * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section.syntropia-test-page .contenedor .syntropia-test__content .has-text-align-center {
  text-align: center;
}
section.syntropia-test-page .contenedor .syntropia-test__content p {
  margin: 0.5rem 0;
}
section.syntropia-test-page .contenedor .syntropia-test__content strong,
section.syntropia-test-page .contenedor .syntropia-test__content b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section.syntropia-test-page .contenedor .syntropia-test__content h1,
section.syntropia-test-page .contenedor .syntropia-test__content h2,
section.syntropia-test-page .contenedor .syntropia-test__content h3,
section.syntropia-test-page .contenedor .syntropia-test__content h4, section.syntropia-test-page .contenedor .syntropia-test__content > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section.syntropia-test-page .contenedor .syntropia-test__content h1 strong,
section.syntropia-test-page .contenedor .syntropia-test__content h2 strong,
section.syntropia-test-page .contenedor .syntropia-test__content h3 strong,
section.syntropia-test-page .contenedor .syntropia-test__content h4 strong, section.syntropia-test-page .contenedor .syntropia-test__content > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section.syntropia-test-page .contenedor .syntropia-test__content h2,
section.syntropia-test-page .contenedor .syntropia-test__content h3,
section.syntropia-test-page .contenedor .syntropia-test__content h4 {
  margin: 1rem 0;
}
section.syntropia-test-page .contenedor .syntropia-test__content ul li,
section.syntropia-test-page .contenedor .syntropia-test__content ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section.syntropia-test-page .contenedor .syntropia-test__content ul li::marker,
section.syntropia-test-page .contenedor .syntropia-test__content ol li::marker {
  color: #495f77;
}
section.syntropia-test-page .contenedor .syntropia-test__content ol li {
  list-style-type: decimal;
}
section.syntropia-test-page .contenedor .syntropia-test__content > ul, section.syntropia-test-page .contenedor .syntropia-test__content > ol {
  padding: 0.5rem 0;
}
section.syntropia-test-page .contenedor .syntropia-test__content > ul ol li,
section.syntropia-test-page .contenedor .syntropia-test__content > ul ul li, section.syntropia-test-page .contenedor .syntropia-test__content > ol ol li,
section.syntropia-test-page .contenedor .syntropia-test__content > ol ul li {
  padding: 0;
}
section.syntropia-test-page .contenedor .syntropia-test__content > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section.syntropia-test-page .contenedor .syntropia-test__content img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section.syntropia-test-page .contenedor .syntropia-test__content img {
    border-radius: 0.8rem;
  }
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video, section.syntropia-test-page .contenedor .syntropia-test__content > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-container, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-container video, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-overlay, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-overlay-button, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-controls, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-controls {
  opacity: 1;
}
section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-controls:has(.mejs-play), section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-controls:has(.mejs-play) {
  display: none;
}
@media (max-width: 780px) {
  section.syntropia-test-page .contenedor .syntropia-test__content * {
    color: #495f77;
    font-weight: 100;
    line-height: 130%;
    font-size: 0.875rem;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content .has-text-align-center {
    text-align: center;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content p {
    margin: 0.5rem 0;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content strong,
  section.syntropia-test-page .contenedor .syntropia-test__content b {
    color: color(display-p3 0.12 0.35 0.33);
    font-weight: 800;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content h1,
  section.syntropia-test-page .contenedor .syntropia-test__content h2,
  section.syntropia-test-page .contenedor .syntropia-test__content h3,
  section.syntropia-test-page .contenedor .syntropia-test__content h4, section.syntropia-test-page .contenedor .syntropia-test__content > strong {
    font-size: 1.875rem;
    font-weight: 800;
    color: color(display-p3 0.12 0.35 0.33);
  }
  section.syntropia-test-page .contenedor .syntropia-test__content h1 strong,
  section.syntropia-test-page .contenedor .syntropia-test__content h2 strong,
  section.syntropia-test-page .contenedor .syntropia-test__content h3 strong,
  section.syntropia-test-page .contenedor .syntropia-test__content h4 strong, section.syntropia-test-page .contenedor .syntropia-test__content > strong strong {
    color: color(display-p3 0.09 0.5 0.44);
    font-size: 1.875rem;
    font-weight: 800;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content h2,
  section.syntropia-test-page .contenedor .syntropia-test__content h3,
  section.syntropia-test-page .contenedor .syntropia-test__content h4 {
    margin: 1rem 0;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content ul li,
  section.syntropia-test-page .contenedor .syntropia-test__content ol li {
    list-style-type: disc;
    margin-left: 1.5rem;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content ul li::marker,
  section.syntropia-test-page .contenedor .syntropia-test__content ol li::marker {
    color: #495f77;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content ol li {
    list-style-type: decimal;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > ul, section.syntropia-test-page .contenedor .syntropia-test__content > ol {
    padding: 0.5rem 0;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > ul ol li,
  section.syntropia-test-page .contenedor .syntropia-test__content > ul ul li, section.syntropia-test-page .contenedor .syntropia-test__content > ol ol li,
  section.syntropia-test-page .contenedor .syntropia-test__content > ol ul li {
    padding: 0;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > p:has(img) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content img {
    width: 50%;
    height: auto;
    aspect-ratio: 16/9;
    max-width: 100%;
    border-radius: 1.5rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 780px) and (max-width: 780px) {
  section.syntropia-test-page .contenedor .syntropia-test__content img {
    border-radius: 0.8rem;
  }
}
@media (max-width: 780px) {
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video, section.syntropia-test-page .contenedor .syntropia-test__content > video {
    width: 100% !important;
    height: auto;
    aspect-ratio: 15/8.25;
    border-radius: 1rem;
    overflow: hidden;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-container, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-container {
    width: 100% !important;
    height: 100% !important;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-container video, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-container video {
    width: 100% !important;
    height: 100% !important;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-overlay, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-overlay {
    background: linear-gradient(45deg, black, transparent);
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-overlay-button, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-overlay-button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-controls, section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-controls {
    opacity: 1;
  }
  section.syntropia-test-page .contenedor .syntropia-test__content > .wp-video .mejs-controls:has(.mejs-play), section.syntropia-test-page .contenedor .syntropia-test__content > video .mejs-controls:has(.mejs-play) {
    display: none;
  }
}
section.syntropia-test-page .contenedor .syntropia-test__start {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section.syntropia-test-page .contenedor .syntropia-test__start:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
@media (max-width: 780px) {
  section.syntropia-test-page .contenedor .syntropia-test__start {
    font-size: 0.875rem;
  }
}

.syntropia-test--slides {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.syntropia-test--slides .syntropia-test__form {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.syntropia-test--slides .syntropia-test__quiz-header {
  width: 40rem;
  max-width: 100%;
  margin: auto;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__quiz-header {
    gap: 0.5rem;
  }
}
.syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__title {
  border-radius: 1rem 0 1rem 1rem;
  padding: 1rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #eeeeee;
  background-color: color(display-p3 0.09 0.5 0.44);
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__title {
    font-size: 1.5625rem;
    text-align: center;
  }
}
.syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__count {
  width: 15rem;
  max-width: 100%;
}
.syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__counter {
  width: 100%;
}
.syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__counter b {
  font-weight: 400;
}
.syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__progress-bar {
  width: 100%;
  height: 2px;
  background: rgba(73, 95, 119, 0.12);
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;
}
.syntropia-test--slides .syntropia-test__quiz-header .syntropia-test__progress-fill {
  height: 100%;
  background: linear-gradient(90deg, color(display-p3 0.12 0.35 0.33), color(display-p3 0.09 0.5 0.44));
  border-radius: 3px;
  transition: width 0.35s ease;
}
.syntropia-test--slides .syntropia-test__viewport {
  flex: 1;
  position: relative;
  min-height: 0;
  overflow: hidden;
}
.syntropia-test--slides .syntropia-test__questions {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}
.syntropia-test--slides .syntropia-test__question {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(2rem);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}
.syntropia-test--slides .syntropia-test__question.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
.syntropia-test--slides .syntropia-test__question.is-enter-back {
  transform: translateX(-2rem);
}
.syntropia-test--slides .syntropia-test__question-inner {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
}
.syntropia-test--slides .syntropia-test__question-text {
  line-height: 1.35;
  font-weight: bold;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__question-text {
    font-size: 0.875rem;
  }
}
.syntropia-test--slides .syntropia-test__answers {
  display: flex;
  gap: 10px;
}
.syntropia-test--slides .syntropia-test__question-number {
  font-weight: bold;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__question-number {
    font-size: 0.875rem;
  }
}
.syntropia-test--slides .syntropia-test__answer {
  width: 100%;
  cursor: pointer;
  padding: 13px 10px;
  border: 1px solid #c1c7f0;
  border-radius: 3rem;
  background: #fff;
  color: #495f77;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__answer {
    padding: 0.5rem;
  }
}
.syntropia-test--slides .syntropia-test__answer::before {
  position: relative;
  content: "";
  height: 1.1rem;
  width: auto;
  display: flex;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #e1e1e1;
  border: 3px solid #e1e1e1;
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__answer::before {
    height: 0.8rem;
    border-width: 2px;
  }
}
.syntropia-test--slides .syntropia-test__answer input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__answer span {
    font-size: 0.875rem;
  }
}
.syntropia-test--slides .syntropia-test__answer:hover {
  border-color: #bccecb;
}
.syntropia-test--slides .syntropia-test__answer:has(input:checked) {
  border-color: #bccecb;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
}
.syntropia-test--slides .syntropia-test__answer:has(input:checked) span {
  font-weight: bold;
  color: color(display-p3 0.09 0.5 0.44);
}
.syntropia-test--slides .syntropia-test__answer:has(input:checked)::before {
  background-color: color(display-p3 0.09 0.5 0.44);
}
.syntropia-test--slides .syntropia-test__message {
  min-height: 1.25rem;
  margin: 1rem 0 0;
  text-align: center;
  color: #b91c1c;
  font-size: 0.9rem;
}
.syntropia-test--slides .syntropia-test__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 2rem;
  padding-top: 1rem;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__nav {
    padding: 0;
    margin: 0;
  }
}
.syntropia-test--slides .syntropia-test__nav.is-last-step {
  flex-direction: column;
  align-items: center;
}
.syntropia-test--slides .syntropia-test__nav.is-last-step .syntropia-test__submit {
  order: -1;
}
.syntropia-test--slides .syntropia-test__next,
.syntropia-test--slides .syntropia-test__submit {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
.syntropia-test--slides .syntropia-test__next:hover,
.syntropia-test--slides .syntropia-test__submit:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
.syntropia-test--slides .syntropia-test__next,
.syntropia-test--slides .syntropia-test__submit {
  max-width: 40rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 780px) {
  .syntropia-test--slides .syntropia-test__next,
  .syntropia-test--slides .syntropia-test__submit {
    font-size: 0.875rem;
  }
}
.syntropia-test--slides .syntropia-test__prev {
  background: transparent;
  font-size: 0.875rem;
  text-decoration: underline;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.syntropia-test--slides .syntropia-test__prev:disabled,
.syntropia-test--slides .syntropia-test__next:disabled,
.syntropia-test--slides .syntropia-test__submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

.syntropia-test--form-step .contenido {
  width: 40rem;
  max-width: 100%;
  margin: 0 auto;
}
.syntropia-test--form-step .contenido h2 {
  border-radius: 1rem 0 1rem 1rem;
  padding: 0.5rem 1rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #eeeeee;
  background-color: color(display-p3 0.09 0.5 0.44);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}
@media (max-width: 780px) {
  .syntropia-test--form-step .contenido h2 {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.5625rem;
    text-align: center;
  }
}
.syntropia-test--form-step .contenido p {
  text-align: center;
}
@media (max-width: 780px) {
  .syntropia-test--form-step .contenido p {
    font-size: 0.875rem;
  }
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js {
  width: 50rem;
  max-width: 100%;
  margin: 0 auto;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1rem;
}
@media (max-width: 650px) {
  .syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
  }
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form label {
  color: #3a3a3a;
  font-weight: bold;
  font-size: 0.813rem;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form input,
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form textarea {
  border-radius: 0.5rem;
  background-color: #e9efee;
  color: color(display-p3 0.12 0.35 0.33);
  font-size: 0.875rem;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  width: 100%;
  resize: none;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form input::-moz-placeholder, .syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form textarea::-moz-placeholder {
  font-size: 0.875rem;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 300;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form input::placeholder,
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form textarea::placeholder {
  font-size: 0.875rem;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 300;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form textarea {
  height: 8rem;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form .wpcf7-not-valid-tip {
  position: absolute;
  top: 90%;
  left: 1rem;
  transform: translateY(50%);
  color: red;
  font-size: 0.75rem;
  font-weight: 500;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > div:has(p label) label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > div:has(p label):has(span[data-name=your-name]) {
  grid-column: 1/3;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > div:has(p label):has(span[data-name=your-email]) {
  grid-column: 1/3;
}
@media (max-width: 780px) {
  .syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > div .custom-select .select-items {
    top: auto;
    bottom: 0;
  }
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) label:has(input[name=your-name]), .syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) label:has(textarea) {
  grid-column: span 2;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) button,
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) small {
  grid-column: span 2;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) button {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) button:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
@media (max-width: 780px) {
  .syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) button {
    font-size: 0.875rem;
  }
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form > p:has(button[type=submit]) small {
  color: #495f77;
  font-size: 0.875rem;
  font-weight: 500;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form .wpcf7-response-output {
  display: none;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label span a {
  font-weight: 500;
}
.syntropia-test--form-step .syntropia-test__cf7 .wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label span a:hover {
  text-decoration: underline;
}/*# sourceMappingURL=index.css.map */