commit e78a06547a236feb17aef82b8fc547ea51a3a1b5 Author: Gabor Körber Date: Tue Oct 3 21:57:16 2023 +0200 BATMAN 🦇 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ea8c4bf --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/target diff --git a/Cargo.lock b/Cargo.lock new file mode 100644 index 0000000..cd6709c --- /dev/null +++ b/Cargo.lock @@ -0,0 +1,1188 @@ +# This file is automatically @generated by Cargo. +# It is not intended for manual editing. +version = 3 + +[[package]] +name = "addr2line" +version = "0.21.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8a30b2e23b9e17a9f90641c7ab1549cd9b44f296d3ccbf309d2863cfe398a0cb" +dependencies = [ + "gimli", +] + +[[package]] +name = "adler" +version = "1.0.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe" + +[[package]] +name = "aho-corasick" +version = "1.1.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "ea5d730647d4fadd988536d06fecce94b7b4f2a7efdae548f1cf4b63205518ab" +dependencies = [ + "memchr", +] + +[[package]] +name = "anyhow" +version = "1.0.75" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a4668cab20f66d8d020e1fbc0ebe47217433c1b6c8f2040faf858554e394ace6" + +[[package]] +name = "async-trait" +version = "0.1.73" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "bc00ceb34980c03614e35a3a4e218276a0a824e911d07651cd0d858a51e8c0f0" +dependencies = [ + "proc-macro2", + "quote", + "syn", +] + +[[package]] +name = "autocfg" +version = "1.1.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa" + +[[package]] +name = "axum" +version = "0.6.20" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3b829e4e32b91e643de6eafe82b1d90675f5874230191a4ffbc1b336dec4d6bf" +dependencies = [ + "async-trait", + "axum-core", + "bitflags", + "bytes", + "futures-util", + "http", + "http-body", + "hyper", + "itoa", + "matchit", + "memchr", + "mime", + "percent-encoding", + "pin-project-lite", + "rustversion", + "serde", + "serde_json", + "serde_path_to_error", + "serde_urlencoded", + "sync_wrapper", + "tokio", + "tower", + "tower-layer", + "tower-service", +] + +[[package]] +name = "axum-core" +version = "0.3.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "759fa577a247914fd3f7f76d62972792636412fbfd634cd452f6a385a74d2d2c" +dependencies = [ + "async-trait", + "bytes", + "futures-util", + "http", + "http-body", + "mime", + "rustversion", + "tower-layer", + "tower-service", +] + +[[package]] +name = "backtrace" +version = "0.3.69" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "2089b7e3f35b9dd2d0ed921ead4f6d318c27680d4a5bd167b3ee120edb105837" +dependencies = [ + "addr2line", + "cc", + "cfg-if", + "libc", + "miniz_oxide", + "object", + "rustc-demangle", +] + +[[package]] +name = "bitflags" +version = "1.3.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a" + +[[package]] +name = "block-buffer" +version = "0.10.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3078c7629b62d3f0439517fa394996acacc5cbc91c5a20d8c658e77abd503a71" +dependencies = [ + "generic-array", +] + +[[package]] +name = "bstr" +version = "1.6.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4c2f7349907b712260e64b0afe2f84692af14a454be26187d9df565c7f69266a" +dependencies = [ + "memchr", + "serde", +] + +[[package]] +name = "bytes" +version = "1.5.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a2bd12c1caf447e69cd4528f47f94d203fd2582878ecb9e9465484c4148a8223" + +[[package]] +name = "cc" +version = "1.0.83" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f1174fb0b6ec23863f8b971027804a42614e347eafb0a95bf0b12cdae21fc4d0" +dependencies = [ + "libc", +] + +[[package]] +name = "cfg-if" +version = "1.0.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd" + +[[package]] +name = "cpufeatures" +version = "0.2.9" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a17b76ff3a4162b0b27f354a0c87015ddad39d35f9c0c36607a3bdd175dde1f1" +dependencies = [ + "libc", +] + +[[package]] +name = "crypto-common" +version = "0.1.6" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "1bfb12502f3fc46cca1bb51ac28df9d618d813cdc3d2f25b9fe775a34af26bb3" +dependencies = [ + "generic-array", + "typenum", +] + +[[package]] +name = "digest" +version = "0.10.7" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292" +dependencies = [ + "block-buffer", + "crypto-common", +] + +[[package]] +name = "filetime" +version = "0.2.22" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d4029edd3e734da6fe05b6cd7bd2960760a616bd2ddd0d59a0124746d6272af0" +dependencies = [ + "cfg-if", + "libc", + "redox_syscall", + "windows-sys 0.48.0", +] + +[[package]] +name = "fnv" +version = "1.0.7" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1" + +[[package]] +name = "form_urlencoded" +version = "1.2.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a62bc1cf6f830c2ec14a513a9fb124d0a213a629668a4186f329db21fe045652" +dependencies = [ + "percent-encoding", +] + +[[package]] +name = "fsevent-sys" +version = "4.1.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "76ee7a02da4d231650c7cea31349b889be2f45ddb3ef3032d2ec8185f6313fd2" +dependencies = [ + "libc", +] + +[[package]] +name = "futures-channel" +version = "0.3.28" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "955518d47e09b25bbebc7a18df10b81f0c766eaf4c4f1cccef2fca5f2a4fb5f2" +dependencies = [ + "futures-core", +] + +[[package]] +name = "futures-core" +version = "0.3.28" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4bca583b7e26f571124fe5b7561d49cb2868d79116cfa0eefce955557c6fee8c" + +[[package]] +name = "futures-task" +version = "0.3.28" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "76d3d132be6c0e6aa1534069c705a74a5997a356c0dc2f86a47765e5617c5b65" + +[[package]] +name = "futures-util" +version = "0.3.28" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "26b01e40b772d54cf6c6d721c1d1abd0647a0106a12ecaa1c186273392a69533" +dependencies = [ + "futures-core", + "futures-task", + "pin-project-lite", + "pin-utils", +] + +[[package]] +name = "generic-array" +version = "0.14.7" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "85649ca51fd72272d7821adaf274ad91c288277713d9c18820d8499a7ff69e9a" +dependencies = [ + "typenum", + "version_check", +] + +[[package]] +name = "getopts" +version = "0.2.21" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "14dbbfd5c71d70241ecf9e6f13737f7b5ce823821063188d7e46c41d371eebd5" +dependencies = [ + "unicode-width", +] + +[[package]] +name = "gimli" +version = "0.28.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "6fb8d784f27acf97159b40fc4db5ecd8aa23b9ad5ef69cdd136d3bc80665f0c0" + +[[package]] +name = "globset" +version = "0.4.13" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "759c97c1e17c55525b57192c06a267cda0ac5210b222d6b82189a2338fa1c13d" +dependencies = [ + "aho-corasick", + "bstr", + "fnv", + "log", + "regex", +] + +[[package]] +name = "hermit-abi" +version = "0.3.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d77f7ec81a6d05a3abb01ab6eb7590f6083d08449fe5a1c8b1e620283546ccb7" + +[[package]] +name = "http" +version = "0.2.9" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "bd6effc99afb63425aff9b05836f029929e345a6148a14b7ecd5ab67af944482" +dependencies = [ + "bytes", + "fnv", + "itoa", +] + +[[package]] +name = "http-body" +version = "0.4.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d5f38f16d184e36f2408a55281cd658ecbd3ca05cce6d6510a176eca393e26d1" +dependencies = [ + "bytes", + "http", + "pin-project-lite", +] + +[[package]] +name = "httparse" +version = "1.8.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d897f394bad6a705d5f4104762e116a75639e470d80901eed05a860a95cb1904" + +[[package]] +name = "httpdate" +version = "1.0.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "df3b46402a9d5adb4c86a0cf463f42e19994e3ee891101b1841f30a545cb49a9" + +[[package]] +name = "hyper" +version = "0.14.27" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "ffb1cfd654a8219eaef89881fdb3bb3b1cdc5fa75ded05d6933b2b382e395468" +dependencies = [ + "bytes", + "futures-channel", + "futures-core", + "futures-util", + "http", + "http-body", + "httparse", + "httpdate", + "itoa", + "pin-project-lite", + "socket2 0.4.9", + "tokio", + "tower-service", + "tracing", + "want", +] + +[[package]] +name = "inotify" +version = "0.9.6" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f8069d3ec154eb856955c1c0fbffefbf5f3c40a104ec912d4797314c1801abff" +dependencies = [ + "bitflags", + "inotify-sys", + "libc", +] + +[[package]] +name = "inotify-sys" +version = "0.1.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "e05c02b5e89bff3b946cedeca278abc628fe811e604f027c45a8aa3cf793d0eb" +dependencies = [ + "libc", +] + +[[package]] +name = "itoa" +version = "1.0.9" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "af150ab688ff2122fcef229be89cb50dd66af9e01a4ff320cc137eecc9bacc38" + +[[package]] +name = "kqueue" +version = "1.0.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "7447f1ca1b7b563588a205fe93dea8df60fd981423a768bc1c0ded35ed147d0c" +dependencies = [ + "kqueue-sys", + "libc", +] + +[[package]] +name = "kqueue-sys" +version = "1.0.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "ed9625ffda8729b85e45cf04090035ac368927b8cebc34898e7c120f52e4838b" +dependencies = [ + "bitflags", + "libc", +] + +[[package]] +name = "libc" +version = "0.2.148" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9cdc71e17332e86d2e1d38c1f99edcb6288ee11b815fb1a4b049eaa2114d369b" + +[[package]] +name = "lock_api" +version = "0.4.10" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "c1cc9717a20b1bb222f333e6a92fd32f7d8a18ddc5a3191a11af45dcbf4dcd16" +dependencies = [ + "autocfg", + "scopeguard", +] + +[[package]] +name = "log" +version = "0.4.20" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "b5e6163cb8c49088c2c36f57875e58ccd8c87c7427f7fbd50ea6710b2f3f2e8f" + +[[package]] +name = "matchit" +version = "0.7.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "0e7465ac9959cc2b1404e8e2367b43684a6d13790fe23056cc8c6c5a6b7bcb94" + +[[package]] +name = "memchr" +version = "2.6.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8f232d6ef707e1956a43342693d2a31e72989554d58299d7a88738cc95b0d35c" + +[[package]] +name = "memo-map" +version = "0.3.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "aec276c09560ce4447087aaefc19eb0c18d97e31bd05ebac38881c4723400c40" + +[[package]] +name = "mime" +version = "0.3.17" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "6877bb514081ee2a7ff5ef9de3281f14a4dd4bceac4c09388074a6b5df8a139a" + +[[package]] +name = "mime_guess" +version = "2.0.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4192263c238a5f0d0c6bfd21f336a313a4ce1c450542449ca191bb657b4642ef" +dependencies = [ + "mime", + "unicase", +] + +[[package]] +name = "minijinja" +version = "1.0.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "80084fa3099f58b7afab51e5f92e24c2c2c68dcad26e96ad104bd6011570461d" +dependencies = [ + "memo-map", + "self_cell", + "serde", +] + +[[package]] +name = "minijinja-autoreload" +version = "1.0.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "dbe548b8e2b0590e25f0baf95f76c1d7ea73ca264f1f90fe1bf6e00cc6612d19" +dependencies = [ + "minijinja", + "notify", +] + +[[package]] +name = "miniweb" +version = "0.1.0" +dependencies = [ + "anyhow", + "axum", + "mime_guess", + "minijinja", + "minijinja-autoreload", + "once_cell", + "pulldown-cmark", + "rust-embed", + "serde", + "tokio", +] + +[[package]] +name = "miniz_oxide" +version = "0.7.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "e7810e0be55b428ada41041c41f32c9f1a42817901b4ccf45fa3d4b6561e74c7" +dependencies = [ + "adler", +] + +[[package]] +name = "mio" +version = "0.8.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "927a765cd3fc26206e66b296465fa9d3e5ab003e651c1b3c060e7956d96b19d2" +dependencies = [ + "libc", + "log", + "wasi", + "windows-sys 0.48.0", +] + +[[package]] +name = "notify" +version = "5.2.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "729f63e1ca555a43fe3efa4f3efdf4801c479da85b432242a7b726f353c88486" +dependencies = [ + "bitflags", + "filetime", + "fsevent-sys", + "inotify", + "kqueue", + "libc", + "mio", + "walkdir", + "windows-sys 0.45.0", +] + +[[package]] +name = "num_cpus" +version = "1.16.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4161fcb6d602d4d2081af7c3a45852d875a03dd337a6bfdd6e06407b61342a43" +dependencies = [ + "hermit-abi", + "libc", +] + +[[package]] +name = "object" +version = "0.32.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9cf5f9dd3933bd50a9e1f149ec995f39ae2c496d31fd772c1fd45ebc27e902b0" +dependencies = [ + "memchr", +] + +[[package]] +name = "once_cell" +version = "1.18.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "dd8b5dd2ae5ed71462c540258bedcb51965123ad7e7ccf4b9a8cafaa4a63576d" + +[[package]] +name = "parking_lot" +version = "0.12.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3742b2c103b9f06bc9fff0a37ff4912935851bee6d36f3c02bcc755bcfec228f" +dependencies = [ + "lock_api", + "parking_lot_core", +] + +[[package]] +name = "parking_lot_core" +version = "0.9.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "93f00c865fe7cabf650081affecd3871070f26767e7b2070a3ffae14c654b447" +dependencies = [ + "cfg-if", + "libc", + "redox_syscall", + "smallvec", + "windows-targets 0.48.5", +] + +[[package]] +name = "percent-encoding" +version = "2.3.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9b2a4787296e9989611394c33f193f676704af1686e70b8f8033ab5ba9a35a94" + +[[package]] +name = "pin-project" +version = "1.1.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "fda4ed1c6c173e3fc7a83629421152e01d7b1f9b7f65fb301e490e8cfc656422" +dependencies = [ + "pin-project-internal", +] + +[[package]] +name = "pin-project-internal" +version = "1.1.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4359fd9c9171ec6e8c62926d6faaf553a8dc3f64e1507e76da7911b4f6a04405" +dependencies = [ + "proc-macro2", + "quote", + "syn", +] + +[[package]] +name = "pin-project-lite" +version = "0.2.13" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8afb450f006bf6385ca15ef45d71d2288452bc3683ce2e2cacc0d18e4be60b58" + +[[package]] +name = "pin-utils" +version = "0.1.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184" + +[[package]] +name = "proc-macro2" +version = "1.0.67" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3d433d9f1a3e8c1263d9456598b16fec66f4acc9a74dacffd35c7bb09b3a1328" +dependencies = [ + "unicode-ident", +] + +[[package]] +name = "pulldown-cmark" +version = "0.9.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "77a1a2f1f0a7ecff9c31abbe177637be0e97a0aef46cf8738ece09327985d998" +dependencies = [ + "bitflags", + "getopts", + "memchr", + "unicase", +] + +[[package]] +name = "quote" +version = "1.0.33" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "5267fca4496028628a95160fc423a33e8b2e6af8a5302579e322e4b520293cae" +dependencies = [ + "proc-macro2", +] + +[[package]] +name = "redox_syscall" +version = "0.3.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "567664f262709473930a4bf9e51bf2ebf3348f2e748ccc50dea20646858f8f29" +dependencies = [ + "bitflags", +] + +[[package]] +name = "regex" +version = "1.9.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "697061221ea1b4a94a624f67d0ae2bfe4e22b8a17b6a192afb11046542cc8c47" +dependencies = [ + "aho-corasick", + "memchr", + "regex-automata", + "regex-syntax", +] + +[[package]] +name = "regex-automata" +version = "0.3.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "c2f401f4955220693b56f8ec66ee9c78abffd8d1c4f23dc41a23839eb88f0795" +dependencies = [ + "aho-corasick", + "memchr", + "regex-syntax", +] + +[[package]] +name = "regex-syntax" +version = "0.7.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "dbb5fb1acd8a1a18b3dd5be62d25485eb770e05afb408a9627d14d451bae12da" + +[[package]] +name = "rust-embed" +version = "8.0.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "b1e7d90385b59f0a6bf3d3b757f3ca4ece2048265d70db20a2016043d4509a40" +dependencies = [ + "axum", + "rust-embed-impl", + "rust-embed-utils", + "tokio", + "walkdir", +] + +[[package]] +name = "rust-embed-impl" +version = "8.0.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3c3d8c6fd84090ae348e63a84336b112b5c3918b3bf0493a581f7bd8ee623c29" +dependencies = [ + "proc-macro2", + "quote", + "rust-embed-utils", + "syn", + "walkdir", +] + +[[package]] +name = "rust-embed-utils" +version = "8.0.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "873feff8cb7bf86fdf0a71bb21c95159f4e4a37dd7a4bd1855a940909b583ada" +dependencies = [ + "globset", + "sha2", + "walkdir", +] + +[[package]] +name = "rustc-demangle" +version = "0.1.23" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d626bb9dae77e28219937af045c257c28bfd3f69333c512553507f5f9798cb76" + +[[package]] +name = "rustversion" +version = "1.0.14" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "7ffc183a10b4478d04cbbbfc96d0873219d962dd5accaff2ffbd4ceb7df837f4" + +[[package]] +name = "ryu" +version = "1.0.15" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "1ad4cc8da4ef723ed60bced201181d83791ad433213d8c24efffda1eec85d741" + +[[package]] +name = "same-file" +version = "1.0.6" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502" +dependencies = [ + "winapi-util", +] + +[[package]] +name = "scopeguard" +version = "1.2.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49" + +[[package]] +name = "self_cell" +version = "1.0.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4c309e515543e67811222dbc9e3dd7e1056279b782e1dacffe4242b718734fb6" + +[[package]] +name = "serde" +version = "1.0.188" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "cf9e0fcba69a370eed61bcf2b728575f726b50b55cba78064753d708ddc7549e" +dependencies = [ + "serde_derive", +] + +[[package]] +name = "serde_derive" +version = "1.0.188" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4eca7ac642d82aa35b60049a6eccb4be6be75e599bd2e9adb5f875a737654af2" +dependencies = [ + "proc-macro2", + "quote", + "syn", +] + +[[package]] +name = "serde_json" +version = "1.0.107" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "6b420ce6e3d8bd882e9b243c6eed35dbc9a6110c9769e74b584e0d68d1f20c65" +dependencies = [ + "itoa", + "ryu", + "serde", +] + +[[package]] +name = "serde_path_to_error" +version = "0.1.14" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4beec8bce849d58d06238cb50db2e1c417cfeafa4c63f692b15c82b7c80f8335" +dependencies = [ + "itoa", + "serde", +] + +[[package]] +name = "serde_urlencoded" +version = "0.7.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d3491c14715ca2294c4d6a88f15e84739788c1d030eed8c110436aafdaa2f3fd" +dependencies = [ + "form_urlencoded", + "itoa", + "ryu", + "serde", +] + +[[package]] +name = "sha2" +version = "0.10.8" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "793db75ad2bcafc3ffa7c68b215fee268f537982cd901d132f89c6343f3a3dc8" +dependencies = [ + "cfg-if", + "cpufeatures", + "digest", +] + +[[package]] +name = "signal-hook-registry" +version = "1.4.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d8229b473baa5980ac72ef434c4415e70c4b5e71b423043adb4ba059f89c99a1" +dependencies = [ + "libc", +] + +[[package]] +name = "smallvec" +version = "1.11.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "62bb4feee49fdd9f707ef802e22365a35de4b7b299de4763d44bfea899442ff9" + +[[package]] +name = "socket2" +version = "0.4.9" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "64a4a911eed85daf18834cfaa86a79b7d266ff93ff5ba14005426219480ed662" +dependencies = [ + "libc", + "winapi", +] + +[[package]] +name = "socket2" +version = "0.5.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4031e820eb552adee9295814c0ced9e5cf38ddf1e8b7d566d6de8e2538ea989e" +dependencies = [ + "libc", + "windows-sys 0.48.0", +] + +[[package]] +name = "syn" +version = "2.0.37" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "7303ef2c05cd654186cb250d29049a24840ca25d2747c25c0381c8d9e2f582e8" +dependencies = [ + "proc-macro2", + "quote", + "unicode-ident", +] + +[[package]] +name = "sync_wrapper" +version = "0.1.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "2047c6ded9c721764247e62cd3b03c09ffc529b2ba5b10ec482ae507a4a70160" + +[[package]] +name = "tokio" +version = "1.32.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "17ed6077ed6cd6c74735e21f37eb16dc3935f96878b1fe961074089cc80893f9" +dependencies = [ + "backtrace", + "bytes", + "libc", + "mio", + "num_cpus", + "parking_lot", + "pin-project-lite", + "signal-hook-registry", + "socket2 0.5.4", + "tokio-macros", + "windows-sys 0.48.0", +] + +[[package]] +name = "tokio-macros" +version = "2.1.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "630bdcf245f78637c13ec01ffae6187cca34625e8c63150d424b59e55af2675e" +dependencies = [ + "proc-macro2", + "quote", + "syn", +] + +[[package]] +name = "tower" +version = "0.4.13" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "b8fa9be0de6cf49e536ce1851f987bd21a43b771b09473c3549a6c853db37c1c" +dependencies = [ + "futures-core", + "futures-util", + "pin-project", + "pin-project-lite", + "tokio", + "tower-layer", + "tower-service", + "tracing", +] + +[[package]] +name = "tower-layer" +version = "0.3.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "c20c8dbed6283a09604c3e69b4b7eeb54e298b8a600d4d5ecb5ad39de609f1d0" + +[[package]] +name = "tower-service" +version = "0.3.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "b6bc1c9ce2b5135ac7f93c72918fc37feb872bdc6a5533a8b85eb4b86bfdae52" + +[[package]] +name = "tracing" +version = "0.1.37" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8ce8c33a8d48bd45d624a6e523445fd21ec13d3653cd51f681abf67418f54eb8" +dependencies = [ + "cfg-if", + "log", + "pin-project-lite", + "tracing-core", +] + +[[package]] +name = "tracing-core" +version = "0.1.31" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "0955b8137a1df6f1a2e9a37d8a6656291ff0297c1a97c24e0d8425fe2312f79a" +dependencies = [ + "once_cell", +] + +[[package]] +name = "try-lock" +version = "0.2.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3528ecfd12c466c6f163363caf2d02a71161dd5e1cc6ae7b34207ea2d42d81ed" + +[[package]] +name = "typenum" +version = "1.17.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "42ff0bf0c66b8238c6f3b578df37d0b7848e55df8577b3f74f92a69acceeb825" + +[[package]] +name = "unicase" +version = "2.7.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f7d2d4dafb69621809a81864c9c1b864479e1235c0dd4e199924b9742439ed89" +dependencies = [ + "version_check", +] + +[[package]] +name = "unicode-ident" +version = "1.0.12" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "3354b9ac3fae1ff6755cb6db53683adb661634f67557942dea4facebec0fee4b" + +[[package]] +name = "unicode-width" +version = "0.1.11" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "e51733f11c9c4f72aa0c160008246859e340b00807569a0da0e7a1079b27ba85" + +[[package]] +name = "version_check" +version = "0.9.4" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f" + +[[package]] +name = "walkdir" +version = "2.4.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "d71d857dc86794ca4c280d616f7da00d2dbfd8cd788846559a6813e6aa4b54ee" +dependencies = [ + "same-file", + "winapi-util", +] + +[[package]] +name = "want" +version = "0.3.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "bfa7760aed19e106de2c7c0b581b509f2f25d3dacaf737cb82ac61bc6d760b0e" +dependencies = [ + "try-lock", +] + +[[package]] +name = "wasi" +version = "0.11.0+wasi-snapshot-preview1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423" + +[[package]] +name = "winapi" +version = "0.3.9" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419" +dependencies = [ + "winapi-i686-pc-windows-gnu", + "winapi-x86_64-pc-windows-gnu", +] + +[[package]] +name = "winapi-i686-pc-windows-gnu" +version = "0.4.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6" + +[[package]] +name = "winapi-util" +version = "0.1.6" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f29e6f9198ba0d26b4c9f07dbe6f9ed633e1f3d5b8b414090084349e46a52596" +dependencies = [ + "winapi", +] + +[[package]] +name = "winapi-x86_64-pc-windows-gnu" +version = "0.4.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f" + +[[package]] +name = "windows-sys" +version = "0.45.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0" +dependencies = [ + "windows-targets 0.42.2", +] + +[[package]] +name = "windows-sys" +version = "0.48.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "677d2418bec65e3338edb076e806bc1ec15693c5d0104683f2efe857f61056a9" +dependencies = [ + "windows-targets 0.48.5", +] + +[[package]] +name = "windows-targets" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8e5180c00cd44c9b1c88adb3693291f1cd93605ded80c250a75d472756b4d071" +dependencies = [ + "windows_aarch64_gnullvm 0.42.2", + "windows_aarch64_msvc 0.42.2", + "windows_i686_gnu 0.42.2", + "windows_i686_msvc 0.42.2", + "windows_x86_64_gnu 0.42.2", + "windows_x86_64_gnullvm 0.42.2", + "windows_x86_64_msvc 0.42.2", +] + +[[package]] +name = "windows-targets" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9a2fa6e2155d7247be68c096456083145c183cbbbc2764150dda45a87197940c" +dependencies = [ + "windows_aarch64_gnullvm 0.48.5", + "windows_aarch64_msvc 0.48.5", + "windows_i686_gnu 0.48.5", + "windows_i686_msvc 0.48.5", + "windows_x86_64_gnu 0.48.5", + "windows_x86_64_gnullvm 0.48.5", + "windows_x86_64_msvc 0.48.5", +] + +[[package]] +name = "windows_aarch64_gnullvm" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "597a5118570b68bc08d8d59125332c54f1ba9d9adeedeef5b99b02ba2b0698f8" + +[[package]] +name = "windows_aarch64_gnullvm" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "2b38e32f0abccf9987a4e3079dfb67dcd799fb61361e53e2882c3cbaf0d905d8" + +[[package]] +name = "windows_aarch64_msvc" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "e08e8864a60f06ef0d0ff4ba04124db8b0fb3be5776a5cd47641e942e58c4d43" + +[[package]] +name = "windows_aarch64_msvc" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "dc35310971f3b2dbbf3f0690a219f40e2d9afcf64f9ab7cc1be722937c26b4bc" + +[[package]] +name = "windows_i686_gnu" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "c61d927d8da41da96a81f029489353e68739737d3beca43145c8afec9a31a84f" + +[[package]] +name = "windows_i686_gnu" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "a75915e7def60c94dcef72200b9a8e58e5091744960da64ec734a6c6e9b3743e" + +[[package]] +name = "windows_i686_msvc" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "44d840b6ec649f480a41c8d80f9c65108b92d89345dd94027bfe06ac444d1060" + +[[package]] +name = "windows_i686_msvc" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8f55c233f70c4b27f66c523580f78f1004e8b5a8b659e05a4eb49d4166cca406" + +[[package]] +name = "windows_x86_64_gnu" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "8de912b8b8feb55c064867cf047dda097f92d51efad5b491dfb98f6bbb70cb36" + +[[package]] +name = "windows_x86_64_gnu" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "53d40abd2583d23e4718fddf1ebec84dbff8381c07cae67ff7768bbf19c6718e" + +[[package]] +name = "windows_x86_64_gnullvm" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "26d41b46a36d453748aedef1486d5c7a85db22e56aff34643984ea85514e94a3" + +[[package]] +name = "windows_x86_64_gnullvm" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "0b7b52767868a23d5bab768e390dc5f5c55825b6d30b86c844ff2dc7414044cc" + +[[package]] +name = "windows_x86_64_msvc" +version = "0.42.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "9aec5da331524158c6d1a4ac0ab1541149c0b9505fde06423b02f5ef0106b9f0" + +[[package]] +name = "windows_x86_64_msvc" +version = "0.48.5" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "ed94fce61571a4006852b7389a063ab983c02eb1bb37b47f8272ce92d06d9538" diff --git a/Cargo.toml b/Cargo.toml new file mode 100644 index 0000000..df38050 --- /dev/null +++ b/Cargo.toml @@ -0,0 +1,18 @@ +[package] +name = "miniweb" +version = "0.1.0" +edition = "2021" + +# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html + +[dependencies] +anyhow = "1.0.75" +axum = "0.6.20" +mime_guess = "2.0.4" +minijinja = { version = "1.0.8", features = ["loader"] } +minijinja-autoreload = "1.0.8" +once_cell = "1.18.0" +pulldown-cmark = "0.9.3" +rust-embed = { version = "8.0.0", features = ["axum", "tokio", "include-exclude"] } +serde = { version = "1.0.188", features = ["derive"] } +tokio = { version = "1.32.0", features = ["full"] } diff --git a/README.md b/README.md new file mode 100644 index 0000000..1d6fb49 --- /dev/null +++ b/README.md @@ -0,0 +1,47 @@ +# MiniWeb + +## Abstract + +This is a biased little project, that tries to establish a basic infrastructure to build a webservice. + +The main objective is to build a basic template one can quickly start developing a service with + +The project aims to implement approaches as *simple straight-forward* over *generalized multi-purpose*. + +It assumes that you clone the code, and adjust it from there, without keeping up to date. +So this is not thought of being a framework. + +## Choices + +### On the Backend + + - `axum` as webserver framework + - `minijinja` as template renderer + - `diesel` as database framework + - `rust_embed` to embed vital static files + +### On the Frontend + + - `markdown.css` to provide out of the box CSS for markdown + - `hyperscript` for light weight event scripting + - `htmx` for service interaction + - `GUIKit` for a default CSS framework + +## Features + +### The aims of the project for now are: + - [x] Template Rendering with Hot-Reload + - [x] Static-File Serving + - [x] 404 Handler + - [ ] 500 Handler + - [ ] Media File Serving + +### Future Ideas: + + - Direct Markdown Sites with wikiserve + - `static-image` and `media-image` Service for automatic thumbnails + - Small Admin Layer + - User and Role Implementation + - Event-Bus link to RabbitMQ + - Logging + \ No newline at end of file diff --git a/src/lib.rs b/src/lib.rs new file mode 100644 index 0000000..ed3adcf --- /dev/null +++ b/src/lib.rs @@ -0,0 +1,2 @@ +pub mod service; +pub mod state; diff --git a/src/main.rs b/src/main.rs new file mode 100644 index 0000000..b8dba32 --- /dev/null +++ b/src/main.rs @@ -0,0 +1,40 @@ +mod service; +mod state; + +use crate::service::{handlers, templates}; +use crate::state::AppState; +use axum::{ + extract::State, handler::HandlerWithoutStateExt, response::IntoResponse, routing::get, Router, +}; +use std::net::SocketAddr; + +async fn home(templates: State) -> impl IntoResponse { + templates.render_html("index.html", ()) +} + +async fn hello_world(templates: State) -> impl IntoResponse { + templates.render_html("hello_world.html", ()) +} + +#[tokio::main] +async fn main() { + // Prepare App State + let tmpl = templates::Templates::initialize().expect("Template Engine could not be loaded."); + let state: AppState = AppState { templates: tmpl }; + + // Application Route + let app = Router::new() + .route("/", get(home)) + .route("/hello", get(hello_world)) + .route_service("/static/*file", handlers::static_handler.into_service()) + .fallback(handlers::not_found_handler) + .with_state(state); + + // Run Server + let addr = SocketAddr::from(([127, 0, 0, 1], 3000)); + println!("listening on {}", addr); + axum::Server::bind(&addr) + .serve(app.into_make_service()) + .await + .unwrap(); +} diff --git a/src/service/error.rs b/src/service/error.rs new file mode 100644 index 0000000..f90a61d --- /dev/null +++ b/src/service/error.rs @@ -0,0 +1,86 @@ +use axum::{ + http::StatusCode, + response::{IntoResponse, Response}, +}; +use std::fmt; + +pub struct Error { + inner: anyhow::Error, + status: StatusCode, + message: String, +} + +impl Error { + // Provide a builder method to set the status code + pub fn with_status(mut self, status: StatusCode) -> Self { + self.status = status; + self + } + + // Provide a builder method to set the custom message + pub fn with_message(mut self, message: String) -> Self { + self.message = message; + self + } +} + +impl Default for Error { + fn default() -> Self { + Self { + inner: anyhow::Error::new(std::fmt::Error), + status: StatusCode::INTERNAL_SERVER_ERROR, + message: String::from("An internal error occurred"), + } + } +} + +impl IntoResponse for Error { + fn into_response(self) -> Response { + (self.status, format!("{}: {}", self.message, self.inner)).into_response() + } +} + +impl fmt::Display for Error { + fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result { + write!(f, "{}: {}", self.message, self.inner) + } +} + +// make it possible to use ? on anyhow::Error Results +impl From for Error { + fn from(err: anyhow::Error) -> Self { + Self { + inner: err, + status: StatusCode::INTERNAL_SERVER_ERROR, + message: String::from("An unknown internal error occurred"), + } + } +} + +impl From for Error { + fn from(err: minijinja::Error) -> Self { + Self { + inner: anyhow::Error::new(err), + status: StatusCode::INTERNAL_SERVER_ERROR, + message: String::from("A Templating Error occured"), + } + } +} + +#[cfg(test)] +mod tests { + use super::*; + use anyhow::anyhow; + use axum::http::StatusCode; + + #[test] + fn test_error_with_status_and_message() { + let error = Error::from(anyhow!("Test error")) + .with_status(StatusCode::BAD_REQUEST) + .with_message(String::from("A custom error message")); + + assert_eq!(error.status, StatusCode::BAD_REQUEST); + assert_eq!(error.message, "A custom error message"); + assert_eq!(format!("{}", error.inner), "Test error"); + } +} diff --git a/src/service/handlers.rs b/src/service/handlers.rs new file mode 100644 index 0000000..4be456c --- /dev/null +++ b/src/service/handlers.rs @@ -0,0 +1,73 @@ +/* Default handlers */ +use crate::service::templates::Templates; +use axum::{ + body::{boxed, Full}, + extract::State, + http::{header, StatusCode, Uri}, + response::{IntoResponse, Response}, +}; +use rust_embed::RustEmbed; +use std::marker::PhantomData; + +// usage: .route_service("/static/*file", static_handler.into_service()) +pub async fn static_handler(uri: Uri) -> impl IntoResponse { + let mut path = uri.path().trim_start_matches('/').to_string(); + + if path.starts_with("static/") { + path = path.replace("static/", ""); + } + + StaticFile::get(path) +} + +// usage: .fallback(not_found_handler) +pub async fn not_found_handler( + State(templates): State, +) -> axum::response::Result { + not_found(templates) +} + +fn not_found(templates: Templates) -> axum::response::Result { + let body = templates.render_html("http404.html", ()); + Ok((StatusCode::NOT_FOUND, body)) +} + +pub struct EmbeddedFile { + pub path: T, + embed: PhantomData, +} + +impl EmbeddedFile { + pub fn get(path: T) -> Self { + Self { + path, + embed: PhantomData, + } + } +} + +impl IntoResponse for EmbeddedFile +where + E: RustEmbed, + T: AsRef, +{ + fn into_response(self) -> Response { + let path: &str = self.path.as_ref(); + match E::get(path) { + Some(content) => { + let body = boxed(Full::from(content.data)); + let mime = mime_guess::from_path(path).first_or_octet_stream(); + Response::builder() + .header(header::CONTENT_TYPE, mime.as_ref()) + .body(body) + .unwrap() + } + None => StatusCode::NOT_FOUND.into_response(), + } + } +} + +#[derive(RustEmbed)] +#[folder = "static"] +struct StaticDir; +type StaticFile = EmbeddedFile; diff --git a/src/service/mod.rs b/src/service/mod.rs new file mode 100644 index 0000000..56497cf --- /dev/null +++ b/src/service/mod.rs @@ -0,0 +1,3 @@ +pub mod error; +pub mod handlers; +pub mod templates; diff --git a/src/service/templates.rs b/src/service/templates.rs new file mode 100644 index 0000000..aaae101 --- /dev/null +++ b/src/service/templates.rs @@ -0,0 +1,71 @@ +use crate::service::error::Error; +use axum::response::Html; +use minijinja::{path_loader, Environment, Template, Value}; +use minijinja_autoreload::AutoReloader; +use pulldown_cmark::{Event, Tag}; +use std::sync::Arc; + +pub struct RenderTarget {} + +#[derive(Clone)] +pub struct Templates { + pub reloader: Arc, +} + +impl Templates { + pub fn initialize() -> Result { + let reloader = AutoReloader::new(move |notifier| { + let mut environment = Environment::new(); + let template_path = "templates"; + //environment.set_loader(); + + environment.set_loader(path_loader(&template_path)); + environment.add_filter("markdown", markdown); + + notifier.watch_path(template_path, true); + //environment.set_source(Source::from_path(template_path)); + Ok(environment) + }); + Ok(Self { + reloader: Arc::new(reloader), + }) + } + + pub fn render(&self, key: &str, data: D) -> Result { + let env = self.reloader.acquire_env()?; + let template = env.get_template(key)?; + let rendered = template.render(&data)?; + + Ok(rendered) + } + + pub fn render_html( + &self, + key: &str, + data: D, + ) -> Result, Error> { + let result = self.render(key, data)?; + Ok(Html(result)) + } + + pub fn render_indirect(&self, key: &str) -> Result { + let env = self.reloader.acquire_env()?; + + Ok(RenderTarget {}) + } +} + +fn markdown(value: String) -> Value { + let parser = pulldown_cmark::Parser::new(&value); + let parser: Box> = Box::new(parser.into_iter()); + let mut html = String::new(); + pulldown_cmark::html::push_html(&mut html, parser); + Value::from_safe_string(html) + /* + value + .to_lowercase() + .split_whitespace() + .collect::>() + .join("-") + */ +} diff --git a/src/state.rs b/src/state.rs new file mode 100644 index 0000000..3c640e7 --- /dev/null +++ b/src/state.rs @@ -0,0 +1,14 @@ +use axum::extract::FromRef; + +use crate::service::templates; + +#[derive(Clone)] +pub struct AppState { + pub templates: templates::Templates, +} + +impl FromRef for templates::Templates { + fn from_ref(app_state: &AppState) -> templates::Templates { + app_state.templates.clone() + } +} diff --git a/static/hyperscript/hyperscript.min.js b/static/hyperscript/hyperscript.min.js new file mode 100644 index 0000000..ab174f7 --- /dev/null +++ b/static/hyperscript/hyperscript.min.js @@ -0,0 +1 @@ +(function (e, t) { const r = t(e); if (typeof exports === "object" && typeof exports["nodeName"] !== "string") { module.exports = r } else { e["_hyperscript"] = r; if ("document" in e) e["_hyperscript"].browserInit() } })(typeof self !== "undefined" ? self : this, (e => { "use strict"; const t = { dynamicResolvers: [function (e, t) { if (e === "Fixed") { return Number(t).toFixed() } else if (e.indexOf("Fixed:") === 0) { let r = e.split(":")[1]; return Number(t).toFixed(parseInt(r)) } }], String: function (e) { if (e.toString) { return e.toString() } else { return "" + e } }, Int: function (e) { return parseInt(e) }, Float: function (e) { return parseFloat(e) }, Number: function (e) { return Number(e) }, Date: function (e) { return new Date(e) }, Array: function (e) { return Array.from(e) }, JSON: function (e) { return JSON.stringify(e) }, Object: function (e) { if (e instanceof String) { e = e.toString() } if (typeof e === "string") { return JSON.parse(e) } else { return Object.assign({}, e) } } }; const r = { attributes: "_, script, data-script", defaultTransition: "all 500ms ease-in", disableSelector: "[disable-scripting], [data-disable-scripting]", hideShowStrategies: {}, conversions: t }; class n { static OP_TABLE = { "+": "PLUS", "-": "MINUS", "*": "MULTIPLY", "/": "DIVIDE", ".": "PERIOD", "..": "ELLIPSIS", "\\": "BACKSLASH", ":": "COLON", "%": "PERCENT", "|": "PIPE", "!": "EXCLAMATION", "?": "QUESTION", "#": "POUND", "&": "AMPERSAND", $: "DOLLAR", ";": "SEMI", ",": "COMMA", "(": "L_PAREN", ")": "R_PAREN", "<": "L_ANG", ">": "R_ANG", "<=": "LTE_ANG", ">=": "GTE_ANG", "==": "EQ", "===": "EQQ", "!=": "NEQ", "!==": "NEQQ", "{": "L_BRACE", "}": "R_BRACE", "[": "L_BRACKET", "]": "R_BRACKET", "=": "EQUALS" }; static isValidCSSClassChar(e) { return n.isAlpha(e) || n.isNumeric(e) || e === "-" || e === "_" || e === ":" } static isValidCSSIDChar(e) { return n.isAlpha(e) || n.isNumeric(e) || e === "-" || e === "_" || e === ":" } static isWhitespace(e) { return e === " " || e === "\t" || n.isNewline(e) } static positionString(e) { return "[Line: " + e.line + ", Column: " + e.column + "]" } static isNewline(e) { return e === "\r" || e === "\n" } static isNumeric(e) { return e >= "0" && e <= "9" } static isAlpha(e) { return e >= "a" && e <= "z" || e >= "A" && e <= "Z" } static isIdentifierChar(e, t) { return e === "_" || e === "$" } static isReservedChar(e) { return e === "`" || e === "^" } static isValidSingleQuoteStringStart(e) { if (e.length > 0) { var t = e[e.length - 1]; if (t.type === "IDENTIFIER" || t.type === "CLASS_REF" || t.type === "ID_REF") { return false } if (t.op && (t.value === ">" || t.value === ")")) { return false } } return true } static tokenize(e, t) { var r = []; var a = e; var o = 0; var s = 0; var u = 1; var l = ""; var c = 0; function f() { return t && c === 0 } while (o < a.length) { if (S() === "-" && q() === "-" && (n.isWhitespace(N(2)) || N(2) === "" || N(2) === "-") || S() === "/" && q() === "/" && (n.isWhitespace(N(2)) || N(2) === "" || N(2) === "/")) { h() } else if (S() === "/" && q() === "*" && (n.isWhitespace(N(2)) || N(2) === "" || N(2) === "*")) { v() } else { if (n.isWhitespace(S())) { r.push(R()) } else if (!I() && S() === "." && (n.isAlpha(q()) || q() === "{" || q() === "-")) { r.push(d()) } else if (!I() && S() === "#" && (n.isAlpha(q()) || q() === "{")) { r.push(k()) } else if (S() === "[" && q() === "@") { r.push(E()) } else if (S() === "@") { r.push(T()) } else if (S() === "*" && n.isAlpha(q())) { r.push(y()) } else if (n.isAlpha(S()) || !f() && n.isIdentifierChar(S())) { r.push(x()) } else if (n.isNumeric(S())) { r.push(g()) } else if (!f() && (S() === '"' || S() === "`")) { r.push(w()) } else if (!f() && S() === "'") { if (n.isValidSingleQuoteStringStart(r)) { r.push(w()) } else { r.push(b()) } } else if (n.OP_TABLE[S()]) { if (l === "$" && S() === "{") { c++ } if (S() === "}") { c-- } r.push(b()) } else if (f() || n.isReservedChar(S())) { r.push(p("RESERVED", C())) } else { if (o < a.length) { throw Error("Unknown token: " + S() + " ") } } } } return new i(r, [], a); function m(e, t) { var r = p(e, t); r.op = true; return r } function p(e, t) { return { type: e, value: t || "", start: o, end: o + 1, column: s, line: u } } function h() { while (S() && !n.isNewline(S())) { C() } C() } function v() { while (S() && !(S() === "*" && q() === "/")) { C() } C(); C() } function d() { var e = p("CLASS_REF"); var t = C(); if (S() === "{") { e.template = true; t += C(); while (S() && S() !== "}") { t += C() } if (S() !== "}") { throw Error("Unterminated class reference") } else { t += C() } } else { while (n.isValidCSSClassChar(S())) { t += C() } } e.value = t; e.end = o; return e } function E() { var e = p("ATTRIBUTE_REF"); var t = C(); while (o < a.length && S() !== "]") { t += C() } if (S() === "]") { t += C() } e.value = t; e.end = o; return e } function T() { var e = p("ATTRIBUTE_REF"); var t = C(); while (n.isValidCSSIDChar(S())) { t += C() } if (S() === "=") { t += C(); if (S() === '"' || S() === "'") { let e = w(); t += e.value } else if (n.isAlpha(S()) || n.isNumeric(S()) || n.isIdentifierChar(S())) { let e = x(); t += e.value } } e.value = t; e.end = o; return e } function y() { var e = p("STYLE_REF"); var t = C(); while (n.isAlpha(S()) || S() === "-") { t += C() } e.value = t; e.end = o; return e } function k() { var e = p("ID_REF"); var t = C(); if (S() === "{") { e.template = true; t += C(); while (S() && S() !== "}") { t += C() } if (S() !== "}") { throw Error("Unterminated id reference") } else { C() } } else { while (n.isValidCSSIDChar(S())) { t += C() } } e.value = t; e.end = o; return e } function x() { var e = p("IDENTIFIER"); var t = C(); while (n.isAlpha(S()) || n.isNumeric(S()) || n.isIdentifierChar(S())) { t += C() } if (S() === "!" && t === "beep") { t += C() } e.value = t; e.end = o; return e } function g() { var e = p("NUMBER"); var t = C(); while (n.isNumeric(S())) { t += C() } if (S() === "." && n.isNumeric(q())) { t += C() } while (n.isNumeric(S())) { t += C() } if (S() === "e" || S() === "E") { if (n.isNumeric(q())) { t += C() } else if (q() === "-") { t += C(); t += C() } } while (n.isNumeric(S())) { t += C() } e.value = t; e.end = o; return e } function b() { var e = m(); var t = C(); while (S() && n.OP_TABLE[t + S()]) { t += C() } e.type = n.OP_TABLE[t]; e.value = t; e.end = o; return e } function w() { var e = p("STRING"); var t = C(); var r = ""; while (S() && S() !== t) { if (S() === "\\") { C(); let e = C(); if (e === "b") { r += "\b" } else if (e === "f") { r += "\f" } else if (e === "n") { r += "\n" } else if (e === "r") { r += "\r" } else if (e === "t") { r += "\t" } else if (e === "v") { r += "\v" } else { r += e } } else { r += C() } } if (S() !== t) { throw Error("Unterminated string at " + n.positionString(e)) } else { C() } e.value = r; e.end = o; e.template = t === "`"; return e } function S() { return a.charAt(o) } function q() { return a.charAt(o + 1) } function N(e = 1) { return a.charAt(o + e) } function C() { l = S(); o++; s++; return l } function I() { return n.isAlpha(l) || n.isNumeric(l) || l === ")" || l === '"' || l === "'" || l === "`" || l === "}" || l === "]" } function R() { var e = p("WHITESPACE"); var t = ""; while (S() && n.isWhitespace(S())) { if (n.isNewline(S())) { s = 0; u++ } t += C() } e.value = t; e.end = o; return e } } tokenize(e, t) { return n.tokenize(e, t) } } class i { constructor(e, t, r) { this.tokens = e; this.consumed = t; this.source = r; this.consumeWhitespace() } get list() { return this.tokens } _lastConsumed = null; consumeWhitespace() { while (this.token(0, true).type === "WHITESPACE") { this.consumed.push(this.tokens.shift()) } } raiseError(e, t) { a.raiseParseError(e, t) } requireOpToken(e) { var t = this.matchOpToken(e); if (t) { return t } else { this.raiseError(this, "Expected '" + e + "' but found '" + this.currentToken().value + "'") } } matchAnyOpToken(e, t, r) { for (var n = 0; n < arguments.length; n++) { var i = arguments[n]; var a = this.matchOpToken(i); if (a) { return a } } } matchAnyToken(e, t, r) { for (var n = 0; n < arguments.length; n++) { var i = arguments[n]; var a = this.matchToken(i); if (a) { return a } } } matchOpToken(e) { if (this.currentToken() && this.currentToken().op && this.currentToken().value === e) { return this.consumeToken() } } requireTokenType(e, t, r, n) { var i = this.matchTokenType(e, t, r, n); if (i) { return i } else { this.raiseError(this, "Expected one of " + JSON.stringify([e, t, r])) } } matchTokenType(e, t, r, n) { if (this.currentToken() && this.currentToken().type && [e, t, r, n].indexOf(this.currentToken().type) >= 0) { return this.consumeToken() } } requireToken(e, t) { var r = this.matchToken(e, t); if (r) { return r } else { this.raiseError(this, "Expected '" + e + "' but found '" + this.currentToken().value + "'") } } peekToken(e, t, r) { t = t || 0; r = r || "IDENTIFIER"; if (this.tokens[t] && this.tokens[t].value === e && this.tokens[t].type === r) { return this.tokens[t] } } matchToken(e, t) { if (this.follows.indexOf(e) !== -1) { return } t = t || "IDENTIFIER"; if (this.currentToken() && this.currentToken().value === e && this.currentToken().type === t) { return this.consumeToken() } } consumeToken() { var e = this.tokens.shift(); this.consumed.push(e); this._lastConsumed = e; this.consumeWhitespace(); return e } consumeUntil(e, t) { var r = []; var n = this.token(0, true); while ((t == null || n.type !== t) && (e == null || n.value !== e) && n.type !== "EOF") { var i = this.tokens.shift(); this.consumed.push(i); r.push(n); n = this.token(0, true) } this.consumeWhitespace(); return r } lastWhitespace() { if (this.consumed[this.consumed.length - 1] && this.consumed[this.consumed.length - 1].type === "WHITESPACE") { return this.consumed[this.consumed.length - 1].value } else { return "" } } consumeUntilWhitespace() { return this.consumeUntil(null, "WHITESPACE") } hasMore() { return this.tokens.length > 0 } token(e, t) { var r; var n = 0; do { if (!t) { while (this.tokens[n] && this.tokens[n].type === "WHITESPACE") { n++ } } r = this.tokens[n]; e--; n++ } while (e > -1); if (r) { return r } else { return { type: "EOF", value: "<<>>" } } } currentToken() { return this.token(0) } lastMatch() { return this._lastConsumed } static sourceFor = function () { return this.programSource.substring(this.startToken.start, this.endToken.end) }; static lineFor = function () { return this.programSource.split("\n")[this.startToken.line - 1] }; follows = []; pushFollow(e) { this.follows.push(e) } popFollow() { this.follows.pop() } clearFollows() { var e = this.follows; this.follows = []; return e } restoreFollows(e) { this.follows = e } } class a { constructor(e) { this.runtime = e; this.possessivesDisabled = false; this.addGrammarElement("feature", (function (e, t, r) { if (r.matchOpToken("(")) { var n = e.requireElement("feature", r); r.requireOpToken(")"); return n } var i = e.FEATURES[r.currentToken().value || ""]; if (i) { return i(e, t, r) } })); this.addGrammarElement("command", (function (e, t, r) { if (r.matchOpToken("(")) { const t = e.requireElement("command", r); r.requireOpToken(")"); return t } var n = e.COMMANDS[r.currentToken().value || ""]; let i; if (n) { i = n(e, t, r) } else if (r.currentToken().type === "IDENTIFIER") { i = e.parseElement("pseudoCommand", r) } if (i) { return e.parseElement("indirectStatement", r, i) } return i })); this.addGrammarElement("commandList", (function (e, t, r) { if (r.hasMore()) { var n = e.parseElement("command", r); if (n) { r.matchToken("then"); const t = e.parseElement("commandList", r); if (t) n.next = t; return n } } return { type: "emptyCommandListCommand", op: function (e) { return t.findNext(this, e) }, execute: function (e) { return t.unifiedExec(this, e) } } })); this.addGrammarElement("leaf", (function (e, t, r) { var n = e.parseAnyOf(e.LEAF_EXPRESSIONS, r); if (n == null) { return e.parseElement("symbol", r) } return n })); this.addGrammarElement("indirectExpression", (function (e, t, r, n) { for (var i = 0; i < e.INDIRECT_EXPRESSIONS.length; i++) { var a = e.INDIRECT_EXPRESSIONS[i]; n.endToken = r.lastMatch(); var o = e.parseElement(a, r, n); if (o) { return o } } return n })); this.addGrammarElement("indirectStatement", (function (e, t, r, n) { if (r.matchToken("unless")) { n.endToken = r.lastMatch(); var i = e.requireElement("expression", r); var a = { type: "unlessStatementModifier", args: [i], op: function (e, t) { if (t) { return this.next } else { return n } }, execute: function (e) { return t.unifiedExec(this, e) } }; n.parent = a; return a } return n })); this.addGrammarElement("primaryExpression", (function (e, t, r) { var n = e.parseElement("leaf", r); if (n) { return e.parseElement("indirectExpression", r, n) } e.raiseParseError(r, "Unexpected value: " + r.currentToken().value) })) } use(e) { e(this); return this } GRAMMAR = {}; COMMANDS = {}; FEATURES = {}; LEAF_EXPRESSIONS = []; INDIRECT_EXPRESSIONS = []; initElt(e, t, r) { e.startToken = t; e.sourceFor = i.sourceFor; e.lineFor = i.lineFor; e.programSource = r.source } parseElement(e, t, r = undefined) { var n = this.GRAMMAR[e]; if (n) { var i = t.currentToken(); var a = n(this, this.runtime, t, r); if (a) { this.initElt(a, i, t); a.endToken = a.endToken || t.lastMatch(); var r = a.root; while (r != null) { this.initElt(r, i, t); r = r.root } } return a } } requireElement(e, t, r, n) { var i = this.parseElement(e, t, n); if (!i) a.raiseParseError(t, r || "Expected " + e); return i } parseAnyOf(e, t) { for (var r = 0; r < e.length; r++) { var n = e[r]; var i = this.parseElement(n, t); if (i) { return i } } } addGrammarElement(e, t) { this.GRAMMAR[e] = t } addCommand(e, t) { var r = e + "Command"; var n = function (e, n, i) { const a = t(e, n, i); if (a) { a.type = r; a.execute = function (e) { e.meta.command = a; return n.unifiedExec(this, e) }; return a } }; this.GRAMMAR[r] = n; this.COMMANDS[e] = n } addFeature(e, t) { var r = e + "Feature"; var n = function (n, i, a) { var o = t(n, i, a); if (o) { o.isFeature = true; o.keyword = e; o.type = r; return o } }; this.GRAMMAR[r] = n; this.FEATURES[e] = n } addLeafExpression(e, t) { this.LEAF_EXPRESSIONS.push(e); this.addGrammarElement(e, t) } addIndirectExpression(e, t) { this.INDIRECT_EXPRESSIONS.push(e); this.addGrammarElement(e, t) } static createParserContext(e) { var t = e.currentToken(); var r = e.source; var n = r.split("\n"); var i = t && t.line ? t.line - 1 : n.length - 1; var a = n[i]; var o = t && t.line ? t.column : a.length - 1; return a + "\n" + " ".repeat(o) + "^^\n\n" } static raiseParseError(e, t) { t = (t || "Unexpected Token : " + e.currentToken().value) + "\n\n" + a.createParserContext(e); var r = new Error(t); r["tokens"] = e; throw r } raiseParseError(e, t) { a.raiseParseError(e, t) } parseHyperScript(e) { var t = this.parseElement("hyperscript", e); if (e.hasMore()) this.raiseParseError(e); if (t) return t } setParent(e, t) { if (typeof e === "object") { e.parent = t; if (typeof t === "object") { t.children = t.children || new Set; t.children.add(e) } this.setParent(e.next, t) } } commandStart(e) { return this.COMMANDS[e.value || ""] } featureStart(e) { return this.FEATURES[e.value || ""] } commandBoundary(e) { if (e.value == "end" || e.value == "then" || e.value == "else" || e.value == "otherwise" || e.value == ")" || this.commandStart(e) || this.featureStart(e) || e.type == "EOF") { return true } return false } parseStringTemplate(e) { var t = [""]; do { t.push(e.lastWhitespace()); if (e.currentToken().value === "$") { e.consumeToken(); var r = e.matchOpToken("{"); t.push(this.requireElement("expression", e)); if (r) { e.requireOpToken("}") } t.push("") } else if (e.currentToken().value === "\\") { e.consumeToken(); e.consumeToken() } else { var n = e.consumeToken(); t[t.length - 1] += n ? n.value : "" } } while (e.hasMore()); t.push(e.lastWhitespace()); return t } ensureTerminated(e) { const t = this.runtime; var r = { type: "implicitReturn", op: function (e) { e.meta.returned = true; if (e.meta.resolve) { e.meta.resolve() } return t.HALT }, execute: function (e) { } }; var n = e; while (n.next) { n = n.next } n.next = r } } class o { constructor(e, t) { this.lexer = e ?? new n; this.parser = t ?? new a(this).use(T).use(y); this.parser.runtime = this } matchesSelector(e, t) { var r = e.matches || e.matchesSelector || e.msMatchesSelector || e.mozMatchesSelector || e.webkitMatchesSelector || e.oMatchesSelector; return r && r.call(e, t) } makeEvent(t, r) { var n; if (e.Event && typeof e.Event === "function") { n = new Event(t, { bubbles: true, cancelable: true }); n["detail"] = r } else { n = document.createEvent("CustomEvent"); n.initCustomEvent(t, true, true, r) } return n } triggerEvent(e, t, r, n) { r = r || {}; r["sender"] = n; var i = this.makeEvent(t, r); var a = e.dispatchEvent(i); return a } isArrayLike(e) { return Array.isArray(e) || typeof NodeList !== "undefined" && (e instanceof NodeList || e instanceof HTMLCollection) } isIterable(e) { return typeof e === "object" && Symbol.iterator in e && typeof e[Symbol.iterator] === "function" } shouldAutoIterate(e) { return e != null && e[p] || this.isArrayLike(e) } forEach(e, t) { if (e == null) { } else if (this.isIterable(e)) { for (const r of e) { t(r) } } else if (this.isArrayLike(e)) { for (var r = 0; r < e.length; r++) { t(e[r]) } } else { t(e) } } implicitLoop(e, t) { if (this.shouldAutoIterate(e)) { for (const r of e) t(r) } else { t(e) } } wrapArrays(e) { var t = []; for (var r = 0; r < e.length; r++) { var n = e[r]; if (Array.isArray(n)) { t.push(Promise.all(n)) } else { t.push(n) } } return t } unwrapAsyncs(e) { for (var t = 0; t < e.length; t++) { var r = e[t]; if (r.asyncWrapper) { e[t] = r.value } if (Array.isArray(r)) { for (var n = 0; n < r.length; n++) { var i = r[n]; if (i.asyncWrapper) { r[n] = i.value } } } } } static HALT = {}; HALT = o.HALT; unifiedExec(e, t) { while (true) { try { var r = this.unifiedEval(e, t) } catch (n) { if (t.meta.handlingFinally) { console.error(" Exception in finally block: ", n); r = o.HALT } else { this.registerHyperTrace(t, n); if (t.meta.errorHandler && !t.meta.handlingError) { t.meta.handlingError = true; t.locals[t.meta.errorSymbol] = n; e = t.meta.errorHandler; continue } else { t.meta.currentException = n; r = o.HALT } } } if (r == null) { console.error(e, " did not return a next element to execute! context: ", t); return } else if (r.then) { r.then((e => { this.unifiedExec(e, t) })).catch((e => { this.unifiedExec({ op: function () { throw e } }, t) })); return } else if (r === o.HALT) { if (t.meta.finallyHandler && !t.meta.handlingFinally) { t.meta.handlingFinally = true; e = t.meta.finallyHandler } else { if (t.meta.onHalt) { t.meta.onHalt() } if (t.meta.currentException) { if (t.meta.reject) { t.meta.reject(t.meta.currentException); return } else { throw t.meta.currentException } } else { return } } } else { e = r } } } unifiedEval(e, t) { var r = [t]; var n = false; var i = false; if (e.args) { for (var a = 0; a < e.args.length; a++) { var o = e.args[a]; if (o == null) { r.push(null) } else if (Array.isArray(o)) { var s = []; for (var u = 0; u < o.length; u++) { var l = o[u]; var c = l ? l.evaluate(t) : null; if (c) { if (c.then) { n = true } else if (c.asyncWrapper) { i = true } } s.push(c) } r.push(s) } else if (o.evaluate) { var c = o.evaluate(t); if (c) { if (c.then) { n = true } else if (c.asyncWrapper) { i = true } } r.push(c) } else { r.push(o) } } } if (n) { return new Promise(((t, n) => { r = this.wrapArrays(r); Promise.all(r).then((function (r) { if (i) { this.unwrapAsyncs(r) } try { var a = e.op.apply(e, r); t(a) } catch (e) { n(e) } })).catch((function (e) { n(e) })) })) } else { if (i) { this.unwrapAsyncs(r) } return e.op.apply(e, r) } } _scriptAttrs = null; getScriptAttributes() { if (this._scriptAttrs == null) { this._scriptAttrs = r.attributes.replace(/ /g, "").split(",") } return this._scriptAttrs } getScript(e) { for (var t = 0; t < this.getScriptAttributes().length; t++) { var r = this.getScriptAttributes()[t]; if (e.hasAttribute && e.hasAttribute(r)) { return e.getAttribute(r) } } if (e instanceof HTMLScriptElement && e.type === "text/hyperscript") { return e.innerText } return null } hyperscriptFeaturesMap = new WeakMap; getHyperscriptFeatures(e) { var t = this.hyperscriptFeaturesMap.get(e); if (typeof t === "undefined") { if (e) { this.hyperscriptFeaturesMap.set(e, t = {}) } } return t } addFeatures(e, t) { if (e) { Object.assign(t.locals, this.getHyperscriptFeatures(e)); this.addFeatures(e.parentElement, t) } } makeContext(e, t, r, n) { return new f(e, t, r, n, this) } getScriptSelector() { return this.getScriptAttributes().map((function (e) { return "[" + e + "]" })).join(", ") } convertValue(e, r) { var n = t.dynamicResolvers; for (var i = 0; i < n.length; i++) { var a = n[i]; var o = a(r, e); if (o !== undefined) { return o } } if (e == null) { return null } var s = t[r]; if (s) { return s(e) } throw "Unknown conversion : " + r } parse(e) { const t = this.lexer, r = this.parser; var n = t.tokenize(e); if (this.parser.commandStart(n.currentToken())) { var i = r.requireElement("commandList", n); if (n.hasMore()) r.raiseParseError(n); r.ensureTerminated(i); return i } else if (r.featureStart(n.currentToken())) { var a = r.requireElement("hyperscript", n); if (n.hasMore()) r.raiseParseError(n); return a } else { var o = r.requireElement("expression", n); if (n.hasMore()) r.raiseParseError(n); return o } } evaluateNoPromise(e, t) { let r = e.evaluate(t); if (r.next) { throw new Error(i.sourceFor.call(e) + " returned a Promise in a context that they are not allowed.") } return r } evaluate(t, r, n) { class i extends EventTarget { constructor(e) { super(); this.module = e } toString() { return this.module.id } } var a = "document" in e ? e.document.body : new i(n && n.module); r = Object.assign(this.makeContext(a, null, a, null), r || {}); var o = this.parse(t); if (o.execute) { o.execute(r); return r.result } else if (o.apply) { o.apply(a, a, n); return this.getHyperscriptFeatures(a) } else { return o.evaluate(r) } function s() { return {} } } processNode(e) { var t = this.getScriptSelector(); if (this.matchesSelector(e, t)) { this.initElement(e, e) } if (e instanceof HTMLScriptElement && e.type === "text/hyperscript") { this.initElement(e, document.body) } if (e.querySelectorAll) { this.forEach(e.querySelectorAll(t + ", [type='text/hyperscript']"), (e => { this.initElement(e, e instanceof HTMLScriptElement && e.type === "text/hyperscript" ? document.body : e) })) } } initElement(e, t) { if (e.closest && e.closest(r.disableSelector)) { return } var n = this.getInternalData(e); if (!n.initialized) { var i = this.getScript(e); if (i) { try { n.initialized = true; n.script = i; const r = this.lexer, s = this.parser; var a = r.tokenize(i); var o = s.parseHyperScript(a); if (!o) return; o.apply(t || e, e); setTimeout((() => { this.triggerEvent(t || e, "load", { hyperscript: true }) }), 1) } catch (t) { this.triggerEvent(e, "exception", { error: t }); console.error("hyperscript errors were found on the following element:", e, "\n\n", t.message, t.stack) } } } } internalDataMap = new WeakMap; getInternalData(e) { var t = this.internalDataMap.get(e); if (typeof t === "undefined") { this.internalDataMap.set(e, t = {}) } return t } typeCheck(e, t, r) { if (e == null && r) { return true } var n = Object.prototype.toString.call(e).slice(8, -1); return n === t } getElementScope(e) { var t = e.meta && e.meta.owner; if (t) { var r = this.getInternalData(t); var n = "elementScope"; if (e.meta.feature && e.meta.feature.behavior) { n = e.meta.feature.behavior + "Scope" } var i = h(r, n); return i } else { return {} } } isReservedWord(e) { return ["meta", "it", "result", "locals", "event", "target", "detail", "sender", "body"].includes(e) } isHyperscriptContext(e) { return e instanceof f } resolveSymbol(t, r, n) { if (t === "me" || t === "my" || t === "I") { return r.me } if (t === "it" || t === "its" || t === "result") { return r.result } if (t === "you" || t === "your" || t === "yourself") { return r.you } else { if (n === "global") { return e[t] } else if (n === "element") { var i = this.getElementScope(r); return i[t] } else if (n === "local") { return r.locals[t] } else { if (r.meta && r.meta.context) { var a = r.meta.context[t]; if (typeof a !== "undefined") { return a } if (r.meta.context.detail) { a = r.meta.context.detail[t]; if (typeof a !== "undefined") { return a } } } if (this.isHyperscriptContext(r) && !this.isReservedWord(t)) { var o = r.locals[t] } else { var o = r[t] } if (typeof o !== "undefined") { return o } else { var i = this.getElementScope(r); o = i[t]; if (typeof o !== "undefined") { return o } else { return e[t] } } } } } setSymbol(t, r, n, i) { if (n === "global") { e[t] = i } else if (n === "element") { var a = this.getElementScope(r); a[t] = i } else if (n === "local") { r.locals[t] = i } else { if (this.isHyperscriptContext(r) && !this.isReservedWord(t) && typeof r.locals[t] !== "undefined") { r.locals[t] = i } else { var a = this.getElementScope(r); var o = a[t]; if (typeof o !== "undefined") { a[t] = i } else { if (this.isHyperscriptContext(r) && !this.isReservedWord(t)) { r.locals[t] = i } else { r[t] = i } } } } } findNext(e, t) { if (e) { if (e.resolveNext) { return e.resolveNext(t) } else if (e.next) { return e.next } else { return this.findNext(e.parent, t) } } } flatGet(e, t, r) { if (e != null) { var n = r(e, t); if (typeof n !== "undefined") { return n } if (this.shouldAutoIterate(e)) { var i = []; for (var a of e) { var o = r(a, t); i.push(o) } return i } } } resolveProperty(e, t) { return this.flatGet(e, t, ((e, t) => e[t])) } resolveAttribute(e, t) { return this.flatGet(e, t, ((e, t) => e.getAttribute && e.getAttribute(t))) } resolveStyle(e, t) { return this.flatGet(e, t, ((e, t) => e.style && e.style[t])) } resolveComputedStyle(e, t) { return this.flatGet(e, t, ((e, t) => getComputedStyle(e).getPropertyValue(t))) } assignToNamespace(t, r, n, i) { let a; if (typeof document !== "undefined" && t === document.body) { a = e } else { a = this.getHyperscriptFeatures(t) } var o; while ((o = r.shift()) !== undefined) { var s = a[o]; if (s == null) { s = {}; a[o] = s } a = s } a[n] = i } getHyperTrace(e, t) { var r = []; var n = e; while (n.meta.caller) { n = n.meta.caller } if (n.meta.traceMap) { return n.meta.traceMap.get(t, r) } } registerHyperTrace(e, t) { var r = []; var n = null; while (e != null) { r.push(e); n = e; e = e.meta.caller } if (n.meta.traceMap == null) { n.meta.traceMap = new Map } if (!n.meta.traceMap.get(t)) { var i = { trace: r, print: function (e) { e = e || console.error; e("hypertrace /// "); var t = 0; for (var n = 0; n < r.length; n++) { t = Math.max(t, r[n].meta.feature.displayName.length) } for (var n = 0; n < r.length; n++) { var i = r[n]; e(" ->", i.meta.feature.displayName.padEnd(t + 2), "-", i.meta.owner) } } }; n.meta.traceMap.set(t, i) } } escapeSelector(e) { return e.replace(/:/g, (function (e) { return "\\" + e })) } nullCheck(e, t) { if (e == null) { throw new Error("'" + t.sourceFor() + "' is null") } } isEmpty(e) { return e == undefined || e.length === 0 } doesExist(e) { if (e == null) { return false } if (this.shouldAutoIterate(e)) { for (const t of e) { return true } return false } return true } getRootNode(e) { if (e && e instanceof Node) { var t = e.getRootNode(); if (t instanceof Document || t instanceof ShadowRoot) return t } return document } getEventQueueFor(e, t) { let r = this.getInternalData(e); var n = r.eventQueues; if (n == null) { n = new Map; r.eventQueues = n } var i = n.get(t); if (i == null) { i = { queue: [], executing: false }; n.set(t, i) } return i } beepValueToConsole(e, t, r) { if (this.triggerEvent(e, "hyperscript:beep", { element: e, expression: t, value: r })) { var n; if (r) { if (r instanceof m) { n = "ElementCollection" } else if (r.constructor) { n = r.constructor.name } else { n = "unknown" } } else { n = "object (null)" } var a = r; if (n === "String") { a = '"' + a + '"' } else if (r instanceof m) { a = Array.from(r) } console.log("///_ BEEP! The expression (" + i.sourceFor.call(t).replace("beep! ", "") + ") evaluates to:", a, "of type " + n) } } hyperscriptUrl = "document" in e && document.currentScript ? document.currentScript.src : null } function s() { let e = document.cookie.split("; ").map((e => { let t = e.split("="); return { name: t[0], value: decodeURIComponent(t[1]) } })); return e } function u(e) { document.cookie = e + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT" } function l() { for (const e of s()) { u(e.name) } } const c = new Proxy({}, { get(e, t) { if (t === "then" || t === "asyncWrapper") { return null } else if (t === "length") { return s().length } else if (t === "clear") { return u } else if (t === "clearAll") { return l } else if (typeof t === "string") { if (!isNaN(t)) { return s()[parseInt(t)] } else { let e = document.cookie.split("; ").find((e => e.startsWith(t + "=")))?.split("=")[1]; if (e) { return decodeURIComponent(e) } } } else if (t === Symbol.iterator) { return s()[t] } }, set(e, t, r) { var n = null; if ("string" === typeof r) { n = encodeURIComponent(r); n += ";samesite=lax" } else { n = encodeURIComponent(r.value); if (r.expires) { n += ";expires=" + r.maxAge } if (r.maxAge) { n += ";max-age=" + r.maxAge } if (r.partitioned) { n += ";partitioned=" + r.partitioned } if (r.path) { n += ";path=" + r.path } if (r.samesite) { n += ";samesite=" + r.path } if (r.secure) { n += ";secure=" + r.path } } document.cookie = t + "=" + n; return true } }); class f { constructor(t, r, n, i, a) { this.meta = { parser: a.parser, lexer: a.lexer, runtime: a, owner: t, feature: r, iterators: {}, ctx: this }; this.locals = { cookies: c }; this.me = n, this.you = undefined; this.result = undefined; this.event = i; this.target = i ? i.target : null; this.detail = i ? i.detail : null; this.sender = i ? i.detail ? i.detail.sender : null : null; this.body = "document" in e ? document.body : null; a.addFeatures(t, this) } } class m { constructor(e, t, r) { this._css = e; this.relativeToElement = t; this.escape = r; this[p] = true } get css() { if (this.escape) { return o.prototype.escapeSelector(this._css) } else { return this._css } } get className() { return this._css.substr(1) } get id() { return this.className() } contains(e) { for (let t of this) { if (t.contains(e)) { return true } } return false } get length() { return this.selectMatches().length } [Symbol.iterator]() { let e = this.selectMatches(); return e[Symbol.iterator]() } selectMatches() { let e = o.prototype.getRootNode(this.relativeToElement).querySelectorAll(this.css); return e } } const p = Symbol(); function h(e, t) { var r = e[t]; if (r) { return r } else { var n = {}; e[t] = n; return n } } function v(e) { try { return JSON.parse(e) } catch (e) { d(e); return null } } function d(e) { if (console.error) { console.error(e) } else if (console.log) { console.log("ERROR: ", e) } } function E(e, t) { return new (e.bind.apply(e, [e].concat(t))) } function T(t) { t.addLeafExpression("parenthesized", (function (e, t, r) { if (r.matchOpToken("(")) { var n = r.clearFollows(); try { var i = e.requireElement("expression", r) } finally { r.restoreFollows(n) } r.requireOpToken(")"); return i } })); t.addLeafExpression("string", (function (e, t, r) { var i = r.matchTokenType("STRING"); if (!i) return; var a = i.value; var o; if (i.template) { var s = n.tokenize(a, true); o = e.parseStringTemplate(s) } else { o = [] } return { type: "string", token: i, args: o, op: function (e) { var t = ""; for (var r = 1; r < arguments.length; r++) { var n = arguments[r]; if (n !== undefined) { t += n } } return t }, evaluate: function (e) { if (o.length === 0) { return a } else { return t.unifiedEval(this, e) } } } })); t.addGrammarElement("nakedString", (function (e, t, r) { if (r.hasMore()) { var n = r.consumeUntilWhitespace(); r.matchTokenType("WHITESPACE"); return { type: "nakedString", tokens: n, evaluate: function (e) { return n.map((function (e) { return e.value })).join("") } } } })); t.addLeafExpression("number", (function (e, t, r) { var n = r.matchTokenType("NUMBER"); if (!n) return; var i = n; var a = parseFloat(n.value); return { type: "number", value: a, numberToken: i, evaluate: function () { return a } } })); t.addLeafExpression("idRef", (function (e, t, r) { var i = r.matchTokenType("ID_REF"); if (!i) return; if (!i.value) return; if (i.template) { var a = i.value.substring(2); var o = n.tokenize(a); var s = e.requireElement("expression", o); return { type: "idRefTemplate", args: [s], op: function (e, r) { return t.getRootNode(e.me).getElementById(r) }, evaluate: function (e) { return t.unifiedEval(this, e) } } } else { const e = i.value.substring(1); return { type: "idRef", css: i.value, value: e, evaluate: function (r) { return t.getRootNode(r.me).getElementById(e) } } } })); t.addLeafExpression("classRef", (function (e, t, r) { var i = r.matchTokenType("CLASS_REF"); if (!i) return; if (!i.value) return; if (i.template) { var a = i.value.substring(2); var o = n.tokenize(a); var s = e.requireElement("expression", o); return { type: "classRefTemplate", args: [s], op: function (e, t) { return new m("." + t, e.me, true) }, evaluate: function (e) { return t.unifiedEval(this, e) } } } else { const e = i.value; return { type: "classRef", css: e, evaluate: function (t) { return new m(e, t.me, true) } } } })); class r extends m { constructor(e, t, r) { super(e, t); this.templateParts = r; this.elements = r.filter((e => e instanceof Element)) } get css() { let e = "", t = 0; for (const r of this.templateParts) { if (r instanceof Element) { e += "[data-hs-query-id='" + t++ + "']" } else e += r } return e } [Symbol.iterator]() { this.elements.forEach(((e, t) => e.dataset.hsQueryId = t)); const e = super[Symbol.iterator](); this.elements.forEach((e => e.removeAttribute("data-hs-query-id"))); return e } } t.addLeafExpression("queryRef", (function (e, t, i) { var a = i.matchOpToken("<"); if (!a) return; var o = i.consumeUntil("/"); i.requireOpToken("/"); i.requireOpToken(">"); var s = o.map((function (e) { if (e.type === "STRING") { return '"' + e.value + '"' } else { return e.value } })).join(""); var u, l, c; if (s.indexOf("$") >= 0) { u = true; l = n.tokenize(s, true); c = e.parseStringTemplate(l) } return { type: "queryRef", css: s, args: c, op: function (e, ...t) { if (u) { return new r(s, e.me, t) } else { return new m(s, e.me) } }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addLeafExpression("attributeRef", (function (e, t, r) { var n = r.matchTokenType("ATTRIBUTE_REF"); if (!n) return; if (!n.value) return; var i = n.value; if (i.indexOf("[") === 0) { var a = i.substring(2, i.length - 1) } else { var a = i.substring(1) } var o = "[" + a + "]"; var s = a.split("="); var u = s[0]; var l = s[1]; if (l) { if (l.indexOf('"') === 0) { l = l.substring(1, l.length - 1) } } return { type: "attributeRef", name: u, css: o, value: l, op: function (e) { var t = e.you || e.me; if (t) { return t.getAttribute(u) } }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addLeafExpression("styleRef", (function (e, t, r) { var n = r.matchTokenType("STYLE_REF"); if (!n) return; if (!n.value) return; var i = n.value.substr(1); if (i.startsWith("computed-")) { i = i.substr("computed-".length); return { type: "computedStyleRef", name: i, op: function (e) { var r = e.you || e.me; if (r) { return t.resolveComputedStyle(r, i) } }, evaluate: function (e) { return t.unifiedEval(this, e) } } } else { return { type: "styleRef", name: i, op: function (e) { var r = e.you || e.me; if (r) { return t.resolveStyle(r, i) } }, evaluate: function (e) { return t.unifiedEval(this, e) } } } })); t.addGrammarElement("objectKey", (function (e, t, r) { var n; if (n = r.matchTokenType("STRING")) { return { type: "objectKey", key: n.value, evaluate: function () { return n.value } } } else if (r.matchOpToken("[")) { var i = e.parseElement("expression", r); r.requireOpToken("]"); return { type: "objectKey", expr: i, args: [i], op: function (e, t) { return t }, evaluate: function (e) { return t.unifiedEval(this, e) } } } else { var a = ""; do { n = r.matchTokenType("IDENTIFIER") || r.matchOpToken("-"); if (n) a += n.value } while (n); return { type: "objectKey", key: a, evaluate: function () { return a } } } })); t.addLeafExpression("objectLiteral", (function (e, t, r) { if (!r.matchOpToken("{")) return; var n = []; var i = []; if (!r.matchOpToken("}")) { do { var a = e.requireElement("objectKey", r); r.requireOpToken(":"); var o = e.requireElement("expression", r); i.push(o); n.push(a) } while (r.matchOpToken(",")); r.requireOpToken("}") } return { type: "objectLiteral", args: [n, i], op: function (e, t, r) { var n = {}; for (var i = 0; i < t.length; i++) { n[t[i]] = r[i] } return n }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("nakedNamedArgumentList", (function (e, t, r) { var n = []; var i = []; if (r.currentToken().type === "IDENTIFIER") { do { var a = r.requireTokenType("IDENTIFIER"); r.requireOpToken(":"); var o = e.requireElement("expression", r); i.push(o); n.push({ name: a, value: o }) } while (r.matchOpToken(",")) } return { type: "namedArgumentList", fields: n, args: [i], op: function (e, t) { var r = { _namedArgList_: true }; for (var i = 0; i < t.length; i++) { var a = n[i]; r[a.name.value] = t[i] } return r }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("namedArgumentList", (function (e, t, r) { if (!r.matchOpToken("(")) return; var n = e.requireElement("nakedNamedArgumentList", r); r.requireOpToken(")"); return n })); t.addGrammarElement("symbol", (function (e, t, r) { var n = "default"; if (r.matchToken("global")) { n = "global" } else if (r.matchToken("element") || r.matchToken("module")) { n = "element"; if (r.matchOpToken("'")) { r.requireToken("s") } } else if (r.matchToken("local")) { n = "local" } let i = r.matchOpToken(":"); let a = r.matchTokenType("IDENTIFIER"); if (a && a.value) { var o = a.value; if (i) { o = ":" + o } if (n === "default") { if (o.indexOf("$") === 0) { n = "global" } if (o.indexOf(":") === 0) { n = "element" } } return { type: "symbol", token: a, scope: n, name: o, evaluate: function (e) { return t.resolveSymbol(o, e, n) } } } })); t.addGrammarElement("implicitMeTarget", (function (e, t, r) { return { type: "implicitMeTarget", evaluate: function (e) { return e.you || e.me } } })); t.addLeafExpression("boolean", (function (e, t, r) { var n = r.matchToken("true") || r.matchToken("false"); if (!n) return; const i = n.value === "true"; return { type: "boolean", evaluate: function (e) { return i } } })); t.addLeafExpression("null", (function (e, t, r) { if (r.matchToken("null")) { return { type: "null", evaluate: function (e) { return null } } } })); t.addLeafExpression("arrayLiteral", (function (e, t, r) { if (!r.matchOpToken("[")) return; var n = []; if (!r.matchOpToken("]")) { do { var i = e.requireElement("expression", r); n.push(i) } while (r.matchOpToken(",")); r.requireOpToken("]") } return { type: "arrayLiteral", values: n, args: [n], op: function (e, t) { return t }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addLeafExpression("blockLiteral", (function (e, t, r) { if (!r.matchOpToken("\\")) return; var n = []; var i = r.matchTokenType("IDENTIFIER"); if (i) { n.push(i); while (r.matchOpToken(",")) { n.push(r.requireTokenType("IDENTIFIER")) } } r.requireOpToken("-"); r.requireOpToken(">"); var a = e.requireElement("expression", r); return { type: "blockLiteral", args: n, expr: a, evaluate: function (e) { var t = function () { for (var t = 0; t < n.length; t++) { e.locals[n[t].value] = arguments[t] } return a.evaluate(e) }; return t } } })); t.addIndirectExpression("propertyAccess", (function (e, t, r, n) { if (!r.matchOpToken(".")) return; var i = r.requireTokenType("IDENTIFIER"); var a = { type: "propertyAccess", root: n, prop: i, args: [n], op: function (e, r) { var n = t.resolveProperty(r, i.value); return n }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return e.parseElement("indirectExpression", r, a) })); t.addIndirectExpression("of", (function (e, t, r, n) { if (!r.matchToken("of")) return; var i = e.requireElement("unaryExpression", r); var a = null; var o = n; while (o.root) { a = o; o = o.root } if (o.type !== "symbol" && o.type !== "attributeRef" && o.type !== "styleRef" && o.type !== "computedStyleRef") { e.raiseParseError(r, "Cannot take a property of a non-symbol: " + o.type) } var s = o.type === "attributeRef"; var u = o.type === "styleRef" || o.type === "computedStyleRef"; if (s || u) { var l = o } var c = o.name; var f = { type: "ofExpression", prop: o.token, root: i, attribute: l, expression: n, args: [i], op: function (e, r) { if (s) { return t.resolveAttribute(r, c) } else if (u) { if (o.type === "computedStyleRef") { return t.resolveComputedStyle(r, c) } else { return t.resolveStyle(r, c) } } else { return t.resolveProperty(r, c) } }, evaluate: function (e) { return t.unifiedEval(this, e) } }; if (o.type === "attributeRef") { f.attribute = o } if (a) { a.root = f; a.args = [f] } else { n = f } return e.parseElement("indirectExpression", r, n) })); t.addIndirectExpression("possessive", (function (e, t, r, n) { if (e.possessivesDisabled) { return } var i = r.matchOpToken("'"); if (i || n.type === "symbol" && (n.name === "my" || n.name === "its" || n.name === "your") && (r.currentToken().type === "IDENTIFIER" || r.currentToken().type === "ATTRIBUTE_REF" || r.currentToken().type === "STYLE_REF")) { if (i) { r.requireToken("s") } var a, o, s; a = e.parseElement("attributeRef", r); if (a == null) { o = e.parseElement("styleRef", r); if (o == null) { s = r.requireTokenType("IDENTIFIER") } } var u = { type: "possessive", root: n, attribute: a || o, prop: s, args: [n], op: function (e, r) { if (a) { var n = t.resolveAttribute(r, a.name) } else if (o) { var n; if (o.type === "computedStyleRef") { n = t.resolveComputedStyle(r, o["name"]) } else { n = t.resolveStyle(r, o["name"]) } } else { var n = t.resolveProperty(r, s.value) } return n }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return e.parseElement("indirectExpression", r, u) } })); t.addIndirectExpression("inExpression", (function (e, t, r, n) { if (!r.matchToken("in")) return; var i = e.requireElement("unaryExpression", r); var a = { type: "inExpression", root: n, args: [n, i], op: function (e, r, n) { var i = []; if (r.css) { t.implicitLoop(n, (function (e) { var t = e.querySelectorAll(r.css); for (var n = 0; n < t.length; n++) { i.push(t[n]) } })) } else if (r instanceof Element) { var a = false; t.implicitLoop(n, (function (e) { if (e.contains(r)) { a = true } })); if (a) { return r } } else { t.implicitLoop(r, (function (e) { t.implicitLoop(n, (function (t) { if (e === t) { i.push(e) } })) })) } return i }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return e.parseElement("indirectExpression", r, a) })); t.addIndirectExpression("asExpression", (function (e, t, r, n) { if (!r.matchToken("as")) return; r.matchToken("a") || r.matchToken("an"); var i = e.requireElement("dotOrColonPath", r).evaluate(); var a = { type: "asExpression", root: n, args: [n], op: function (e, r) { return t.convertValue(r, i) }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return e.parseElement("indirectExpression", r, a) })); t.addIndirectExpression("functionCall", (function (e, t, r, n) { if (!r.matchOpToken("(")) return; var i = []; if (!r.matchOpToken(")")) { do { i.push(e.requireElement("expression", r)) } while (r.matchOpToken(",")); r.requireOpToken(")") } if (n.root) { var a = { type: "functionCall", root: n, argExressions: i, args: [n.root, i], op: function (e, r, i) { t.nullCheck(r, n.root); var a = r[n.prop.value]; t.nullCheck(a, n); if (a.hyperfunc) { i.push(e) } return a.apply(r, i) }, evaluate: function (e) { return t.unifiedEval(this, e) } } } else { var a = { type: "functionCall", root: n, argExressions: i, args: [n, i], op: function (e, r, i) { t.nullCheck(r, n); if (r.hyperfunc) { i.push(e) } var a = r.apply(null, i); return a }, evaluate: function (e) { return t.unifiedEval(this, e) } } } return e.parseElement("indirectExpression", r, a) })); t.addIndirectExpression("attributeRefAccess", (function (e, t, r, n) { var i = e.parseElement("attributeRef", r); if (!i) return; var a = { type: "attributeRefAccess", root: n, attribute: i, args: [n], op: function (e, r) { var n = t.resolveAttribute(r, i.name); return n }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return a })); t.addIndirectExpression("arrayIndex", (function (e, t, r, n) { if (!r.matchOpToken("[")) return; var i = false; var a = false; var o = null; var s = null; if (r.matchOpToken("..")) { i = true; o = e.requireElement("expression", r) } else { o = e.requireElement("expression", r); if (r.matchOpToken("..")) { a = true; var u = r.currentToken(); if (u.type !== "R_BRACKET") { s = e.parseElement("expression", r) } } } r.requireOpToken("]"); var l = { type: "arrayIndex", root: n, prop: o, firstIndex: o, secondIndex: s, args: [n, o, s], op: function (e, t, r, n) { if (t == null) { return null } if (i) { if (r < 0) { r = t.length + r } return t.slice(0, r + 1) } else if (a) { if (n != null) { if (n < 0) { n = t.length + n } return t.slice(r, n + 1) } else { return t.slice(r) } } else { return t[r] } }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return e.parseElement("indirectExpression", r, l) })); var a = ["em", "ex", "cap", "ch", "ic", "rem", "lh", "rlh", "vw", "vh", "vi", "vb", "vmin", "vmax", "cm", "mm", "Q", "pc", "pt", "px"]; t.addGrammarElement("postfixExpression", (function (e, t, r) { var n = e.parseElement("primaryExpression", r); let i = r.matchAnyToken.apply(r, a) || r.matchOpToken("%"); if (i) { return { type: "stringPostfix", postfix: i.value, args: [n], op: function (e, t) { return "" + t + i.value }, evaluate: function (e) { return t.unifiedEval(this, e) } } } var o = null; if (r.matchToken("s") || r.matchToken("seconds")) { o = 1e3 } else if (r.matchToken("ms") || r.matchToken("milliseconds")) { o = 1 } if (o) { return { type: "timeExpression", time: n, factor: o, args: [n], op: function (e, t) { return t * o }, evaluate: function (e) { return t.unifiedEval(this, e) } } } if (r.matchOpToken(":")) { var s = r.requireTokenType("IDENTIFIER"); if (!s.value) return; var u = !r.matchOpToken("!"); return { type: "typeCheck", typeName: s, nullOk: u, args: [n], op: function (e, r) { var n = t.typeCheck(r, this.typeName.value, u); if (n) { return r } else { throw new Error("Typecheck failed! Expected: " + s.value) } }, evaluate: function (e) { return t.unifiedEval(this, e) } } } else { return n } })); t.addGrammarElement("logicalNot", (function (e, t, r) { if (!r.matchToken("not")) return; var n = e.requireElement("unaryExpression", r); return { type: "logicalNot", root: n, args: [n], op: function (e, t) { return !t }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("noExpression", (function (e, t, r) { if (!r.matchToken("no")) return; var n = e.requireElement("unaryExpression", r); return { type: "noExpression", root: n, args: [n], op: function (e, r) { return t.isEmpty(r) }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addLeafExpression("some", (function (e, t, r) { if (!r.matchToken("some")) return; var n = e.requireElement("expression", r); return { type: "noExpression", root: n, args: [n], op: function (e, r) { return !t.isEmpty(r) }, evaluate(e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("negativeNumber", (function (e, t, r) { if (!r.matchOpToken("-")) return; var n = e.requireElement("unaryExpression", r); return { type: "negativeNumber", root: n, args: [n], op: function (e, t) { return -1 * t }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("unaryExpression", (function (e, t, r) { r.matchToken("the"); return e.parseAnyOf(["beepExpression", "logicalNot", "relativePositionalExpression", "positionalExpression", "noExpression", "negativeNumber", "postfixExpression"], r) })); t.addGrammarElement("beepExpression", (function (e, t, r) { if (!r.matchToken("beep!")) return; var n = e.parseElement("unaryExpression", r); if (n) { n["booped"] = true; var i = n.evaluate; n.evaluate = function (e) { let r = i.apply(n, arguments); let a = e.me; t.beepValueToConsole(a, n, r); return r }; return n } })); var s = function (e, t, r, n) { var i = t.querySelectorAll(r); for (var a = 0; a < i.length; a++) { var o = i[a]; if (o.compareDocumentPosition(e) === Node.DOCUMENT_POSITION_PRECEDING) { return o } } if (n) { return i[0] } }; var u = function (e, t, r, n) { var i = t.querySelectorAll(r); for (var a = i.length - 1; a >= 0; a--) { var o = i[a]; if (o.compareDocumentPosition(e) === Node.DOCUMENT_POSITION_FOLLOWING) { return o } } if (n) { return i[i.length - 1] } }; var l = function (e, t, r, n) { var i = []; o.prototype.forEach(t, (function (t) { if (t.matches(r) || t === e) { i.push(t) } })); for (var a = 0; a < i.length - 1; a++) { var s = i[a]; if (s === e) { return i[a + 1] } } if (n) { var u = i[0]; if (u && u.matches(r)) { return u } } }; var c = function (e, t, r, n) { return l(e, Array.from(t).reverse(), r, n) }; t.addGrammarElement("relativePositionalExpression", (function (e, t, r) { var n = r.matchAnyToken("next", "previous"); if (!n) return; var a = n.value === "next"; var o = e.parseElement("expression", r); if (r.matchToken("from")) { r.pushFollow("in"); try { var f = e.requireElement("unaryExpression", r) } finally { r.popFollow() } } else { var f = e.requireElement("implicitMeTarget", r) } var m = false; var p; if (r.matchToken("in")) { m = true; var h = e.requireElement("unaryExpression", r) } else if (r.matchToken("within")) { p = e.requireElement("unaryExpression", r) } else { p = document.body } var v = false; if (r.matchToken("with")) { r.requireToken("wrapping"); v = true } return { type: "relativePositionalExpression", from: f, forwardSearch: a, inSearch: m, wrapping: v, inElt: h, withinElt: p, operator: n.value, args: [o, f, h, p], op: function (e, t, r, n, f) { var p = t.css; if (p == null) { throw "Expected a CSS value to be returned by " + i.sourceFor.apply(o) } if (m) { if (n) { if (a) { return l(r, n, p, v) } else { return c(r, n, p, v) } } } else { if (f) { if (a) { return s(r, f, p, v) } else { return u(r, f, p, v) } } } }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("positionalExpression", (function (e, t, r) { var n = r.matchAnyToken("first", "last", "random"); if (!n) return; r.matchAnyToken("in", "from", "of"); var i = e.requireElement("unaryExpression", r); const a = n.value; return { type: "positionalExpression", rhs: i, operator: n.value, args: [i], op: function (e, t) { if (t && !Array.isArray(t)) { if (t.children) { t = t.children } else { t = Array.from(t) } } if (t) { if (a === "first") { return t[0] } else if (a === "last") { return t[t.length - 1] } else if (a === "random") { return t[Math.floor(Math.random() * t.length)] } } }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); t.addGrammarElement("mathOperator", (function (e, t, r) { var n = e.parseElement("unaryExpression", r); var i, a = null; i = r.matchAnyOpToken("+", "-", "*", "/") || r.matchToken("mod"); while (i) { a = a || i; var o = i.value; if (a.value !== o) { e.raiseParseError(r, "You must parenthesize math operations with different operators") } var s = e.parseElement("unaryExpression", r); n = { type: "mathOperator", lhs: n, rhs: s, operator: o, args: [n, s], op: function (e, t, r) { if (o === "+") { return t + r } else if (o === "-") { return t - r } else if (o === "*") { return t * r } else if (o === "/") { return t / r } else if (o === "mod") { return t % r } }, evaluate: function (e) { return t.unifiedEval(this, e) } }; i = r.matchAnyOpToken("+", "-", "*", "/") || r.matchToken("mod") } return n })); t.addGrammarElement("mathExpression", (function (e, t, r) { return e.parseAnyOf(["mathOperator", "unaryExpression"], r) })); function f(e, t, r) { if (t["contains"]) { return t.contains(r) } else if (t["includes"]) { return t.includes(r) } else { throw Error("The value of " + e.sourceFor() + " does not have a contains or includes method on it") } } function p(e, t, r) { if (t["match"]) { return !!t.match(r) } else if (t["matches"]) { return t.matches(r) } else { throw Error("The value of " + e.sourceFor() + " does not have a match or matches method on it") } } t.addGrammarElement("comparisonOperator", (function (e, t, r) { var n = e.parseElement("mathExpression", r); var i = r.matchAnyOpToken("<", ">", "<=", ">=", "==", "===", "!=", "!=="); var a = i ? i.value : null; var o = true; var s = false; if (a == null) { if (r.matchToken("is") || r.matchToken("am")) { if (r.matchToken("not")) { if (r.matchToken("in")) { a = "not in" } else if (r.matchToken("a")) { a = "not a"; s = true } else if (r.matchToken("empty")) { a = "not empty"; o = false } else { if (r.matchToken("really")) { a = "!==" } else { a = "!=" } if (r.matchToken("equal")) { r.matchToken("to") } } } else if (r.matchToken("in")) { a = "in" } else if (r.matchToken("a")) { a = "a"; s = true } else if (r.matchToken("empty")) { a = "empty"; o = false } else if (r.matchToken("less")) { r.requireToken("than"); if (r.matchToken("or")) { r.requireToken("equal"); r.requireToken("to"); a = "<=" } else { a = "<" } } else if (r.matchToken("greater")) { r.requireToken("than"); if (r.matchToken("or")) { r.requireToken("equal"); r.requireToken("to"); a = ">=" } else { a = ">" } } else { if (r.matchToken("really")) { a = "===" } else { a = "==" } if (r.matchToken("equal")) { r.matchToken("to") } } } else if (r.matchToken("equals")) { a = "==" } else if (r.matchToken("really")) { r.requireToken("equals"); a = "===" } else if (r.matchToken("exist") || r.matchToken("exists")) { a = "exist"; o = false } else if (r.matchToken("matches") || r.matchToken("match")) { a = "match" } else if (r.matchToken("contains") || r.matchToken("contain")) { a = "contain" } else if (r.matchToken("includes") || r.matchToken("include")) { a = "include" } else if (r.matchToken("do") || r.matchToken("does")) { r.requireToken("not"); if (r.matchToken("matches") || r.matchToken("match")) { a = "not match" } else if (r.matchToken("contains") || r.matchToken("contain")) { a = "not contain" } else if (r.matchToken("exist") || r.matchToken("exist")) { a = "not exist"; o = false } else if (r.matchToken("include")) { a = "not include" } else { e.raiseParseError(r, "Expected matches or contains") } } } if (a) { var u, l, c; if (s) { u = r.requireTokenType("IDENTIFIER"); l = !r.matchOpToken("!") } else if (o) { c = e.requireElement("mathExpression", r); if (a === "match" || a === "not match") { c = c.css ? c.css : c } } var m = n; n = { type: "comparisonOperator", operator: a, typeName: u, nullOk: l, lhs: n, rhs: c, args: [n, c], op: function (e, r, n) { if (a === "==") { return r == n } else if (a === "!=") { return r != n } if (a === "===") { return r === n } else if (a === "!==") { return r !== n } if (a === "match") { return r != null && p(m, r, n) } if (a === "not match") { return r == null || !p(m, r, n) } if (a === "in") { return n != null && f(c, n, r) } if (a === "not in") { return n == null || !f(c, n, r) } if (a === "contain") { return r != null && f(m, r, n) } if (a === "not contain") { return r == null || !f(m, r, n) } if (a === "include") { return r != null && f(m, r, n) } if (a === "not include") { return r == null || !f(m, r, n) } if (a === "===") { return r === n } else if (a === "!==") { return r !== n } else if (a === "<") { return r < n } else if (a === ">") { return r > n } else if (a === "<=") { return r <= n } else if (a === ">=") { return r >= n } else if (a === "empty") { return t.isEmpty(r) } else if (a === "not empty") { return !t.isEmpty(r) } else if (a === "exist") { return t.doesExist(r) } else if (a === "not exist") { return !t.doesExist(r) } else if (a === "a") { return t.typeCheck(r, u.value, l) } else if (a === "not a") { return !t.typeCheck(r, u.value, l) } else { throw "Unknown comparison : " + a } }, evaluate: function (e) { return t.unifiedEval(this, e) } } } return n })); t.addGrammarElement("comparisonExpression", (function (e, t, r) { return e.parseAnyOf(["comparisonOperator", "mathExpression"], r) })); t.addGrammarElement("logicalOperator", (function (e, t, r) { var n = e.parseElement("comparisonExpression", r); var i, a = null; i = r.matchToken("and") || r.matchToken("or"); while (i) { a = a || i; if (a.value !== i.value) { e.raiseParseError(r, "You must parenthesize logical operations with different operators") } var o = e.requireElement("comparisonExpression", r); const s = i.value; n = { type: "logicalOperator", operator: s, lhs: n, rhs: o, args: [n, o], op: function (e, t, r) { if (s === "and") { return t && r } else { return t || r } }, evaluate: function (e) { return t.unifiedEval(this, e) } }; i = r.matchToken("and") || r.matchToken("or") } return n })); t.addGrammarElement("logicalExpression", (function (e, t, r) { return e.parseAnyOf(["logicalOperator", "mathExpression"], r) })); t.addGrammarElement("asyncExpression", (function (e, t, r) { if (r.matchToken("async")) { var n = e.requireElement("logicalExpression", r); var i = { type: "asyncExpression", value: n, evaluate: function (e) { return { asyncWrapper: true, value: this.value.evaluate(e) } } }; return i } else { return e.parseElement("logicalExpression", r) } })); t.addGrammarElement("expression", (function (e, t, r) { r.matchToken("the"); return e.parseElement("asyncExpression", r) })); t.addGrammarElement("assignableExpression", (function (e, t, r) { r.matchToken("the"); var n = e.parseElement("primaryExpression", r); if (n && (n.type === "symbol" || n.type === "ofExpression" || n.type === "propertyAccess" || n.type === "attributeRefAccess" || n.type === "attributeRef" || n.type === "styleRef" || n.type === "arrayIndex" || n.type === "possessive")) { return n } else { e.raiseParseError(r, "A target expression must be writable. The expression type '" + (n && n.type) + "' is not.") } return n })); t.addGrammarElement("hyperscript", (function (e, t, r) { var n = []; if (r.hasMore()) { while (e.featureStart(r.currentToken()) || r.currentToken().value === "(") { var i = e.requireElement("feature", r); n.push(i); r.matchToken("end") } } return { type: "hyperscript", features: n, apply: function (e, t, r) { for (const i of n) { i.install(e, t, r) } } } })); var v = function (e) { var t = []; if (e.token(0).value === "(" && (e.token(1).value === ")" || e.token(2).value === "," || e.token(2).value === ")")) { e.matchOpToken("("); do { t.push(e.requireTokenType("IDENTIFIER")) } while (e.matchOpToken(",")); e.requireOpToken(")") } return t }; t.addFeature("on", (function (e, t, r) { if (!r.matchToken("on")) return; var n = false; if (r.matchToken("every")) { n = true } var i = []; var a = null; do { var o = e.requireElement("eventName", r, "Expected event name"); var s = o.evaluate(); if (a) { a = a + " or " + s } else { a = "on " + s } var u = v(r); var l = null; if (r.matchOpToken("[")) { l = e.requireElement("expression", r); r.requireOpToken("]") } var c, f, m; if (r.currentToken().type === "NUMBER") { var p = r.consumeToken(); if (!p.value) return; c = parseInt(p.value); if (r.matchToken("to")) { var h = r.consumeToken(); if (!h.value) return; f = parseInt(h.value) } else if (r.matchToken("and")) { m = true; r.requireToken("on") } } var d, E; if (s === "intersection") { d = {}; if (r.matchToken("with")) { d["with"] = e.requireElement("expression", r).evaluate() } if (r.matchToken("having")) { do { if (r.matchToken("margin")) { d["rootMargin"] = e.requireElement("stringLike", r).evaluate() } else if (r.matchToken("threshold")) { d["threshold"] = e.requireElement("expression", r).evaluate() } else { e.raiseParseError(r, "Unknown intersection config specification") } } while (r.matchToken("and")) } } else if (s === "mutation") { E = {}; if (r.matchToken("of")) { do { if (r.matchToken("anything")) { E["attributes"] = true; E["subtree"] = true; E["characterData"] = true; E["childList"] = true } else if (r.matchToken("childList")) { E["childList"] = true } else if (r.matchToken("attributes")) { E["attributes"] = true; E["attributeOldValue"] = true } else if (r.matchToken("subtree")) { E["subtree"] = true } else if (r.matchToken("characterData")) { E["characterData"] = true; E["characterDataOldValue"] = true } else if (r.currentToken().type === "ATTRIBUTE_REF") { var T = r.consumeToken(); if (E["attributeFilter"] == null) { E["attributeFilter"] = [] } if (T.value.indexOf("@") == 0) { E["attributeFilter"].push(T.value.substring(1)) } else { e.raiseParseError(r, "Only shorthand attribute references are allowed here") } } else { e.raiseParseError(r, "Unknown mutation config specification") } } while (r.matchToken("or")) } else { E["attributes"] = true; E["characterData"] = true; E["childList"] = true } } var y = null; var k = false; if (r.matchToken("from")) { if (r.matchToken("elsewhere")) { k = true } else { r.pushFollow("or"); try { y = e.requireElement("expression", r) } finally { r.popFollow() } if (!y) { e.raiseParseError(r, 'Expected either target value or "elsewhere".') } } } if (y === null && k === false && r.matchToken("elsewhere")) { k = true } if (r.matchToken("in")) { var x = e.parseElement("unaryExpression", r) } if (r.matchToken("debounced")) { r.requireToken("at"); var g = e.requireElement("unaryExpression", r); var b = g.evaluate({}) } else if (r.matchToken("throttled")) { r.requireToken("at"); var g = e.requireElement("unaryExpression", r); var w = g.evaluate({}) } i.push({ execCount: 0, every: n, on: s, args: u, filter: l, from: y, inExpr: x, elsewhere: k, startCount: c, endCount: f, unbounded: m, debounceTime: b, throttleTime: w, mutationSpec: E, intersectionSpec: d, debounced: undefined, lastExec: undefined }) } while (r.matchToken("or")); var S = true; if (!n) { if (r.matchToken("queue")) { if (r.matchToken("all")) { var q = true; var S = false } else if (r.matchToken("first")) { var N = true } else if (r.matchToken("none")) { var C = true } else { r.requireToken("last") } } } var I = e.requireElement("commandList", r); e.ensureTerminated(I); var R, A; if (r.matchToken("catch")) { R = r.requireTokenType("IDENTIFIER").value; A = e.requireElement("commandList", r); e.ensureTerminated(A) } if (r.matchToken("finally")) { var O = e.requireElement("commandList", r); e.ensureTerminated(O) } var L = { displayName: a, events: i, start: I, every: n, execCount: 0, errorHandler: A, errorSymbol: R, execute: function (e) { let r = t.getEventQueueFor(e.me, L); if (r.executing && n === false) { if (C || N && r.queue.length > 0) { return } if (S) { r.queue.length = 0 } r.queue.push(e); return } L.execCount++; r.executing = true; e.meta.onHalt = function () { r.executing = false; var e = r.queue.shift(); if (e) { setTimeout((function () { L.execute(e) }), 1) } }; e.meta.reject = function (r) { console.error(r.message ? r.message : r); var n = t.getHyperTrace(e, r); if (n) { n.print() } t.triggerEvent(e.me, "exception", { error: r }) }; I.execute(e) }, install: function (e, r) { for (const r of L.events) { var n; if (r.elsewhere) { n = [document] } else if (r.from) { n = r.from.evaluate(t.makeContext(e, L, e, null)) } else { n = [e] } t.implicitLoop(n, (function (n) { var i = r.on; if (n == null) { console.warn("'%s' feature ignored because target does not exists:", a, e); return } if (r.mutationSpec) { i = "hyperscript:mutation"; const e = new MutationObserver((function (e, r) { if (!L.executing) { t.triggerEvent(n, i, { mutationList: e, observer: r }) } })); e.observe(n, r.mutationSpec) } if (r.intersectionSpec) { i = "hyperscript:intersection"; const e = new IntersectionObserver((function (r) { for (const o of r) { var a = { observer: e }; a = Object.assign(a, o); a["intersecting"] = o.isIntersecting; t.triggerEvent(n, i, a) } }), r.intersectionSpec); e.observe(n) } var o = n.addEventListener || n.on; o.call(n, i, (function a(o) { if (typeof Node !== "undefined" && e instanceof Node && n !== e && !e.isConnected) { n.removeEventListener(i, a); return } var s = t.makeContext(e, L, e, o); if (r.elsewhere && e.contains(o.target)) { return } if (r.from) { s.result = n } for (const e of r.args) { let t = s.event[e.value]; if (t !== undefined) { s.locals[e.value] = t } else if ("detail" in s.event) { s.locals[e.value] = s.event["detail"][e.value] } } s.meta.errorHandler = A; s.meta.errorSymbol = R; s.meta.finallyHandler = O; if (r.filter) { var u = s.meta.context; s.meta.context = s.event; try { var l = r.filter.evaluate(s); if (l) { } else { return } } finally { s.meta.context = u } } if (r.inExpr) { var c = o.target; while (true) { if (c.matches && c.matches(r.inExpr.css)) { s.result = c; break } else { c = c.parentElement; if (c == null) { return } } } } r.execCount++; if (r.startCount) { if (r.endCount) { if (r.execCount < r.startCount || r.execCount > r.endCount) { return } } else if (r.unbounded) { if (r.execCount < r.startCount) { return } } else if (r.execCount !== r.startCount) { return } } if (r.debounceTime) { if (r.debounced) { clearTimeout(r.debounced) } r.debounced = setTimeout((function () { L.execute(s) }), r.debounceTime); return } if (r.throttleTime) { if (r.lastExec && Date.now() < r.lastExec + r.throttleTime) { return } else { r.lastExec = Date.now() } } L.execute(s) })) })) } } }; e.setParent(I, L); return L })); t.addFeature("def", (function (e, t, r) { if (!r.matchToken("def")) return; var n = e.requireElement("dotOrColonPath", r); var i = n.evaluate(); var a = i.split("."); var o = a.pop(); var s = []; if (r.matchOpToken("(")) { if (r.matchOpToken(")")) { } else { do { s.push(r.requireTokenType("IDENTIFIER")) } while (r.matchOpToken(",")); r.requireOpToken(")") } } var u = e.requireElement("commandList", r); var l, c; if (r.matchToken("catch")) { l = r.requireTokenType("IDENTIFIER").value; c = e.parseElement("commandList", r) } if (r.matchToken("finally")) { var f = e.requireElement("commandList", r); e.ensureTerminated(f) } var m = { displayName: o + "(" + s.map((function (e) { return e.value })).join(", ") + ")", name: o, args: s, start: u, errorHandler: c, errorSymbol: l, finallyHandler: f, install: function (e, r) { var n = function () { var n = t.makeContext(r, m, e, null); n.meta.errorHandler = c; n.meta.errorSymbol = l; n.meta.finallyHandler = f; for (var i = 0; i < s.length; i++) { var a = s[i]; var o = arguments[i]; if (a) { n.locals[a.value] = o } } n.meta.caller = arguments[s.length]; if (n.meta.caller) { n.meta.callingCommand = n.meta.caller.meta.command } var p, h = null; var v = new Promise((function (e, t) { p = e; h = t })); u.execute(n); if (n.meta.returned) { return n.meta.returnValue } else { n.meta.resolve = p; n.meta.reject = h; return v } }; n.hyperfunc = true; n.hypername = i; t.assignToNamespace(e, a, o, n) } }; e.ensureTerminated(u); if (c) { e.ensureTerminated(c) } e.setParent(u, m); return m })); t.addFeature("set", (function (e, t, r) { let n = e.parseElement("setCommand", r); if (n) { if (n.target.scope !== "element") { e.raiseParseError(r, "variables declared at the feature level must be element scoped.") } let i = { start: n, install: function (e, r) { n && n.execute(t.makeContext(e, i, e, null)) } }; e.ensureTerminated(n); return i } })); t.addFeature("init", (function (e, t, r) { if (!r.matchToken("init")) return; var n = r.matchToken("immediately"); var i = e.requireElement("commandList", r); var a = { start: i, install: function (e, r) { let o = function () { i && i.execute(t.makeContext(e, a, e, null)) }; if (n) { o() } else { setTimeout(o, 0) } } }; e.ensureTerminated(i); e.setParent(i, a); return a })); t.addFeature("worker", (function (e, t, r) { if (r.matchToken("worker")) { e.raiseParseError(r, "In order to use the 'worker' feature, include " + "the _hyperscript worker plugin. See " + "https://hyperscript.org/features/worker/ for " + "more info."); return undefined } })); t.addFeature("behavior", (function (t, r, n) { if (!n.matchToken("behavior")) return; var i = t.requireElement("dotOrColonPath", n).evaluate(); var a = i.split("."); var o = a.pop(); var s = []; if (n.matchOpToken("(") && !n.matchOpToken(")")) { do { s.push(n.requireTokenType("IDENTIFIER").value) } while (n.matchOpToken(",")); n.requireOpToken(")") } var u = t.requireElement("hyperscript", n); for (var l = 0; l < u.features.length; l++) { var c = u.features[l]; c.behavior = i } return { install: function (t, n) { r.assignToNamespace(e.document && e.document.body, a, o, (function (e, t, n) { var a = r.getInternalData(e); var o = h(a, i + "Scope"); for (var l = 0; l < s.length; l++) { o[s[l]] = n[s[l]] } u.apply(e, t) })) } } })); t.addFeature("install", (function (t, r, n) { if (!n.matchToken("install")) return; var i = t.requireElement("dotOrColonPath", n).evaluate(); var a = i.split("."); var o = t.parseElement("namedArgumentList", n); var s; return s = { install: function (t, n) { r.unifiedEval({ args: [o], op: function (r, o) { var s = e; for (var u = 0; u < a.length; u++) { s = s[a[u]]; if (typeof s !== "object" && typeof s !== "function") throw new Error("No such behavior defined as " + i) } if (!(s instanceof Function)) throw new Error(i + " is not a behavior"); s(t, n, o) } }, r.makeContext(t, s, t, null)) } } })); t.addGrammarElement("jsBody", (function (e, t, r) { var n = r.currentToken().start; var i = r.currentToken(); var a = []; var o = ""; var s = false; while (r.hasMore()) { i = r.consumeToken(); var u = r.token(0, true); if (u.type === "IDENTIFIER" && u.value === "end") { break } if (s) { if (i.type === "IDENTIFIER" || i.type === "NUMBER") { o += i.value } else { if (o !== "") a.push(o); o = ""; s = false } } else if (i.type === "IDENTIFIER" && i.value === "function") { s = true } } var l = i.end + 1; return { type: "jsBody", exposedFunctionNames: a, jsSource: r.source.substring(n, l) } })); t.addFeature("js", (function (t, r, n) { if (!n.matchToken("js")) return; var i = t.requireElement("jsBody", n); var a = i.jsSource + "\nreturn { " + i.exposedFunctionNames.map((function (e) { return e + ":" + e })).join(",") + " } "; var o = new Function(a); return { jsSource: a, function: o, exposedFunctionNames: i.exposedFunctionNames, install: function () { Object.assign(e, o()) } } })); t.addCommand("js", (function (t, r, n) { if (!n.matchToken("js")) return; var i = []; if (n.matchOpToken("(")) { if (n.matchOpToken(")")) { } else { do { var a = n.requireTokenType("IDENTIFIER"); i.push(a.value) } while (n.matchOpToken(",")); n.requireOpToken(")") } } var o = t.requireElement("jsBody", n); n.matchToken("end"); var s = E(Function, i.concat([o.jsSource])); var u = { jsSource: o.jsSource, function: s, inputs: i, op: function (t) { var n = []; i.forEach((function (e) { n.push(r.resolveSymbol(e, t, "default")) })); var a = s.apply(e, n); if (a && typeof a.then === "function") { return new Promise((function (e) { a.then((function (n) { t.result = n; e(r.findNext(this, t)) })) })) } else { t.result = a; return r.findNext(this, t) } } }; return u })); t.addCommand("async", (function (e, t, r) { if (!r.matchToken("async")) return; if (r.matchToken("do")) { var n = e.requireElement("commandList", r); var i = n; while (i.next) i = i.next; i.next = t.HALT; r.requireToken("end") } else { var n = e.requireElement("command", r) } var a = { body: n, op: function (e) { setTimeout((function () { n.execute(e) })); return t.findNext(this, e) } }; e.setParent(n, a); return a })); t.addCommand("tell", (function (e, t, r) { var n = r.currentToken(); if (!r.matchToken("tell")) return; var i = e.requireElement("expression", r); var a = e.requireElement("commandList", r); if (r.hasMore() && !e.featureStart(r.currentToken())) { r.requireToken("end") } var o = "tell_" + n.start; var s = { value: i, body: a, args: [i], resolveNext: function (e) { var r = e.meta.iterators[o]; if (r.index < r.value.length) { e.you = r.value[r.index++]; return a } else { e.you = r.originalYou; if (this.next) { return this.next } else { return t.findNext(this.parent, e) } } }, op: function (e, t) { if (t == null) { t = [] } else if (!(Array.isArray(t) || t instanceof NodeList)) { t = [t] } e.meta.iterators[o] = { originalYou: e.you, index: 0, value: t }; return this.resolveNext(e) } }; e.setParent(a, s); return s })); t.addCommand("wait", (function (e, t, r) { if (!r.matchToken("wait")) return; var n; if (r.matchToken("for")) { r.matchToken("a"); var i = []; do { var a = r.token(0); if (a.type === "NUMBER" || a.type === "L_PAREN") { i.push({ time: e.requireElement("expression", r).evaluate() }) } else { i.push({ name: e.requireElement("dotOrColonPath", r, "Expected event name").evaluate(), args: v(r) }) } } while (r.matchToken("or")); if (r.matchToken("from")) { var o = e.requireElement("expression", r) } n = { event: i, on: o, args: [o], op: function (e, r) { var n = r ? r : e.me; if (!(n instanceof EventTarget)) throw new Error("Not a valid event target: " + this.on.sourceFor()); return new Promise((r => { var a = false; for (const s of i) { var o = n => { e.result = n; if (s.args) { for (const t of s.args) { e.locals[t.value] = n[t.value] || (n.detail ? n.detail[t.value] : null) } } if (!a) { a = true; r(t.findNext(this, e)) } }; if (s.name) { n.addEventListener(s.name, o, { once: true }) } else if (s.time != null) { setTimeout(o, s.time, s.time) } } })) } }; return n } else { var s; if (r.matchToken("a")) { r.requireToken("tick"); s = 0 } else { s = e.requireElement("expression", r) } n = { type: "waitCmd", time: s, args: [s], op: function (e, r) { return new Promise((n => { setTimeout((() => { n(t.findNext(this, e)) }), r) })) }, execute: function (e) { return t.unifiedExec(this, e) } }; return n } })); t.addGrammarElement("dotOrColonPath", (function (e, t, r) { var n = r.matchTokenType("IDENTIFIER"); if (n) { var i = [n.value]; var a = r.matchOpToken(".") || r.matchOpToken(":"); if (a) { do { i.push(r.requireTokenType("IDENTIFIER", "NUMBER").value) } while (r.matchOpToken(a.value)) } return { type: "dotOrColonPath", path: i, evaluate: function () { return i.join(a ? a.value : "") } } } })); t.addGrammarElement("eventName", (function (e, t, r) { var n; if (n = r.matchTokenType("STRING")) { return { evaluate: function () { return n.value } } } return e.parseElement("dotOrColonPath", r) })); function d(e, t, r, n) { var i = t.requireElement("eventName", n); var a = t.parseElement("namedArgumentList", n); if (e === "send" && n.matchToken("to") || e === "trigger" && n.matchToken("on")) { var o = t.requireElement("expression", n) } else { var o = t.requireElement("implicitMeTarget", n) } var s = { eventName: i, details: a, to: o, args: [o, i, a], op: function (e, t, n, i) { r.nullCheck(t, o); r.implicitLoop(t, (function (t) { r.triggerEvent(t, n, i, e.me) })); return r.findNext(s, e) } }; return s } t.addCommand("trigger", (function (e, t, r) { if (r.matchToken("trigger")) { return d("trigger", e, t, r) } })); t.addCommand("send", (function (e, t, r) { if (r.matchToken("send")) { return d("send", e, t, r) } })); var T = function (e, t, r, n) { if (n) { if (e.commandBoundary(r.currentToken())) { e.raiseParseError(r, "'return' commands must return a value. If you do not wish to return a value, use 'exit' instead.") } else { var i = e.requireElement("expression", r) } } var a = { value: i, args: [i], op: function (e, r) { var n = e.meta.resolve; e.meta.returned = true; e.meta.returnValue = r; if (n) { if (r) { n(r) } else { n() } } return t.HALT } }; return a }; t.addCommand("return", (function (e, t, r) { if (r.matchToken("return")) { return T(e, t, r, true) } })); t.addCommand("exit", (function (e, t, r) { if (r.matchToken("exit")) { return T(e, t, r, false) } })); t.addCommand("halt", (function (e, t, r) { if (r.matchToken("halt")) { if (r.matchToken("the")) { r.requireToken("event"); if (r.matchOpToken("'")) { r.requireToken("s") } var n = true } if (r.matchToken("bubbling")) { var i = true } else if (r.matchToken("default")) { var a = true } var o = T(e, t, r, false); var s = { keepExecuting: true, bubbling: i, haltDefault: a, exit: o, op: function (e) { if (e.event) { if (i) { e.event.stopPropagation() } else if (a) { e.event.preventDefault() } else { e.event.stopPropagation(); e.event.preventDefault() } if (n) { return t.findNext(this, e) } else { return o } } } }; return s } })); t.addCommand("log", (function (e, t, r) { if (!r.matchToken("log")) return; var n = [e.parseElement("expression", r)]; while (r.matchOpToken(",")) { n.push(e.requireElement("expression", r)) } if (r.matchToken("with")) { var i = e.requireElement("expression", r) } var a = { exprs: n, withExpr: i, args: [i, n], op: function (e, r, n) { if (r) { r.apply(null, n) } else { console.log.apply(null, n) } return t.findNext(this, e) } }; return a })); t.addCommand("beep!", (function (e, t, r) { if (!r.matchToken("beep!")) return; var n = [e.parseElement("expression", r)]; while (r.matchOpToken(",")) { n.push(e.requireElement("expression", r)) } var i = { exprs: n, args: [n], op: function (e, r) { for (let i = 0; i < n.length; i++) { const a = n[i]; const o = r[i]; t.beepValueToConsole(e.me, a, o) } return t.findNext(this, e) } }; return i })); t.addCommand("throw", (function (e, t, r) { if (!r.matchToken("throw")) return; var n = e.requireElement("expression", r); var i = { expr: n, args: [n], op: function (e, r) { t.registerHyperTrace(e, r); throw r } }; return i })); var y = function (e, t, r) { var n = e.requireElement("expression", r); var i = { expr: n, args: [n], op: function (e, r) { e.result = r; return t.findNext(i, e) } }; return i }; t.addCommand("call", (function (e, t, r) { if (!r.matchToken("call")) return; var n = y(e, t, r); if (n.expr && n.expr.type !== "functionCall") { e.raiseParseError(r, "Must be a function invocation") } return n })); t.addCommand("get", (function (e, t, r) { if (r.matchToken("get")) { return y(e, t, r) } })); t.addCommand("make", (function (e, t, r) { if (!r.matchToken("make")) return; r.matchToken("a") || r.matchToken("an"); var n = e.requireElement("expression", r); var i = []; if (n.type !== "queryRef" && r.matchToken("from")) { do { i.push(e.requireElement("expression", r)) } while (r.matchOpToken(",")) } if (r.matchToken("called")) { var a = e.requireElement("symbol", r) } var o; if (n.type === "queryRef") { o = { op: function (e) { var r, i = "div", o, s = []; var u = /(?:(^|#|\.)([^#\. ]+))/g; while (r = u.exec(n.css)) { if (r[1] === "") i = r[2].trim(); else if (r[1] === "#") o = r[2].trim(); else s.push(r[2].trim()) } var l = document.createElement(i); if (o !== undefined) l.id = o; for (var c = 0; c < s.length; c++) { var f = s[c]; l.classList.add(f) } e.result = l; if (a) { t.setSymbol(a.name, e, a.scope, l) } return t.findNext(this, e) } }; return o } else { o = { args: [n, i], op: function (e, r, n) { e.result = E(r, n); if (a) { t.setSymbol(a.name, e, a.scope, e.result) } return t.findNext(this, e) } }; return o } })); t.addGrammarElement("pseudoCommand", (function (e, t, r) { let n = r.token(1); if (!(n && n.op && (n.value === "." || n.value === "("))) { return null } var i = e.requireElement("primaryExpression", r); var a = i.root; var o = i; while (a.root != null) { o = o.root; a = a.root } if (i.type !== "functionCall") { e.raiseParseError(r, "Pseudo-commands must be function calls") } if (o.type === "functionCall" && o.root.root == null) { if (r.matchAnyToken("the", "to", "on", "with", "into", "from", "at")) { var s = e.requireElement("expression", r) } else if (r.matchToken("me")) { var s = e.requireElement("implicitMeTarget", r) } } var u; if (s) { u = { type: "pseudoCommand", root: s, argExressions: o.argExressions, args: [s, o.argExressions], op: function (e, r, n) { t.nullCheck(r, s); var i = r[o.root.name]; t.nullCheck(i, o); if (i.hyperfunc) { n.push(e) } e.result = i.apply(r, n); return t.findNext(u, e) }, execute: function (e) { return t.unifiedExec(this, e) } } } else { u = { type: "pseudoCommand", expr: i, args: [i], op: function (e, r) { e.result = r; return t.findNext(u, e) }, execute: function (e) { return t.unifiedExec(this, e) } } } return u })); var k = function (e, t, r, n, i) { var a = n.type === "symbol"; var o = n.type === "attributeRef"; var s = n.type === "styleRef"; var u = n.type === "arrayIndex"; if (!(o || s || a) && n.root == null) { e.raiseParseError(r, "Can only put directly into symbols, not references") } var l = null; var c = null; if (a) { } else if (o || s) { l = e.requireElement("implicitMeTarget", r); var f = n } else if (u) { c = n.firstIndex; l = n.root } else { c = n.prop ? n.prop.value : null; var f = n.attribute; l = n.root } var m = { target: n, symbolWrite: a, value: i, args: [l, c, i], op: function (e, r, i, o) { if (a) { t.setSymbol(n.name, e, n.scope, o) } else { t.nullCheck(r, l); if (u) { r[i] = o } else { t.implicitLoop(r, (function (e) { if (f) { if (f.type === "attributeRef") { if (o == null) { e.removeAttribute(f.name) } else { e.setAttribute(f.name, o) } } else { e.style[f.name] = o } } else { e[i] = o } })) } } return t.findNext(this, e) } }; return m }; t.addCommand("default", (function (e, t, r) { if (!r.matchToken("default")) return; var n = e.requireElement("assignableExpression", r); r.requireToken("to"); var i = e.requireElement("expression", r); var a = k(e, t, r, n, i); var o = { target: n, value: i, setter: a, args: [n], op: function (e, r) { if (r) { return t.findNext(this, e) } else { return a } } }; a.parent = o; return o })); t.addCommand("set", (function (e, t, r) { if (!r.matchToken("set")) return; if (r.currentToken().type === "L_BRACE") { var n = e.requireElement("objectLiteral", r); r.requireToken("on"); var i = e.requireElement("expression", r); var a = { objectLiteral: n, target: i, args: [n, i], op: function (e, r, n) { Object.assign(n, r); return t.findNext(this, e) } }; return a } try { r.pushFollow("to"); var i = e.requireElement("assignableExpression", r) } finally { r.popFollow() } r.requireToken("to"); var o = e.requireElement("expression", r); return k(e, t, r, i, o) })); t.addCommand("if", (function (e, t, r) { if (!r.matchToken("if")) return; var n = e.requireElement("expression", r); r.matchToken("then"); var i = e.parseElement("commandList", r); var a = false; let o = r.matchToken("else") || r.matchToken("otherwise"); if (o) { let t = r.peekToken("if"); a = t != null && t.line === o.line; if (a) { var s = e.parseElement("command", r) } else { var s = e.parseElement("commandList", r) } } if (r.hasMore() && !a) { r.requireToken("end") } var u = { expr: n, trueBranch: i, falseBranch: s, args: [n], op: function (e, r) { if (r) { return i } else if (s) { return s } else { return t.findNext(this, e) } } }; e.setParent(i, u); e.setParent(s, u); return u })); var x = function (e, t, r, n) { var i = t.currentToken(); var a; if (t.matchToken("for") || n) { var o = t.requireTokenType("IDENTIFIER"); a = o.value; t.requireToken("in"); var s = e.requireElement("expression", t) } else if (t.matchToken("in")) { a = "it"; var s = e.requireElement("expression", t) } else if (t.matchToken("while")) { var u = e.requireElement("expression", t) } else if (t.matchToken("until")) { var l = true; if (t.matchToken("event")) { var c = e.requireElement("dotOrColonPath", t, "Expected event name"); if (t.matchToken("from")) { var f = e.requireElement("expression", t) } } else { var u = e.requireElement("expression", t) } } else { if (!e.commandBoundary(t.currentToken()) && t.currentToken().value !== "forever") { var m = e.requireElement("expression", t); t.requireToken("times") } else { t.matchToken("forever"); var p = true } } if (t.matchToken("index")) { var o = t.requireTokenType("IDENTIFIER"); var h = o.value } var v = e.parseElement("commandList", t); if (v && c) { var d = v; while (d.next) { d = d.next } var E = { type: "waitATick", op: function () { return new Promise((function (e) { setTimeout((function () { e(r.findNext(E)) }), 0) })) } }; d.next = E } if (t.hasMore()) { t.requireToken("end") } if (a == null) { a = "_implicit_repeat_" + i.start; var T = a } else { var T = a + "_" + i.start } var y = { identifier: a, indexIdentifier: h, slot: T, expression: s, forever: p, times: m, until: l, event: c, on: f, whileExpr: u, resolveNext: function () { return this }, loop: v, args: [u, m], op: function (e, t, n) { var i = e.meta.iterators[T]; var o = false; var s = null; if (this.forever) { o = true } else if (this.until) { if (c) { o = e.meta.iterators[T].eventFired === false } else { o = t !== true } } else if (u) { o = t } else if (n) { o = i.index < n } else { var l = i.iterator.next(); o = !l.done; s = l.value } if (o) { if (i.value) { e.result = e.locals[a] = s } else { e.result = i.index } if (h) { e.locals[h] = i.index } i.index++; return v } else { e.meta.iterators[T] = null; return r.findNext(this.parent, e) } } }; e.setParent(v, y); var k = { name: "repeatInit", args: [s, c, f], op: function (e, t, r, n) { var i = { index: 0, value: t, eventFired: false }; e.meta.iterators[T] = i; if (t && t[Symbol.iterator]) { i.iterator = t[Symbol.iterator]() } if (c) { var a = n || e.me; a.addEventListener(r, (function (t) { e.meta.iterators[T].eventFired = true }), { once: true }) } return y }, execute: function (e) { return r.unifiedExec(this, e) } }; e.setParent(y, k); return k }; t.addCommand("repeat", (function (e, t, r) { if (r.matchToken("repeat")) { return x(e, r, t, false) } })); t.addCommand("for", (function (e, t, r) { if (r.matchToken("for")) { return x(e, r, t, true) } })); t.addCommand("continue", (function (e, t, r) { if (!r.matchToken("continue")) return; var n = { op: function (t) { for (var n = this.parent; true; n = n.parent) { if (n == undefined) { e.raiseParseError(r, "Command `continue` cannot be used outside of a `repeat` loop.") } if (n.loop != undefined) { return n.resolveNext(t) } } } }; return n })); t.addCommand("break", (function (e, t, r) { if (!r.matchToken("break")) return; var n = { op: function (n) { for (var i = this.parent; true; i = i.parent) { if (i == undefined) { e.raiseParseError(r, "Command `continue` cannot be used outside of a `repeat` loop.") } if (i.loop != undefined) { return t.findNext(i.parent, n) } } } }; return n })); t.addGrammarElement("stringLike", (function (e, t, r) { return e.parseAnyOf(["string", "nakedString"], r) })); t.addCommand("append", (function (e, t, r) { if (!r.matchToken("append")) return; var n = null; var i = e.requireElement("expression", r); var a = { type: "symbol", evaluate: function (e) { return t.resolveSymbol("result", e) } }; if (r.matchToken("to")) { n = e.requireElement("expression", r) } else { n = a } var o = null; if (n.type === "symbol" || n.type === "attributeRef" || n.root != null) { o = k(e, t, r, n, a) } var s = { value: i, target: n, args: [n, i], op: function (e, r, n) { if (Array.isArray(r)) { r.push(n); return t.findNext(this, e) } else if (r instanceof Element) { r.innerHTML += n; return t.findNext(this, e) } else if (o) { e.result = (r || "") + n; return o } else { throw Error("Unable to append a value!") } }, execute: function (e) { return t.unifiedExec(this, e) } }; if (o != null) { o.parent = s } return s })); function g(e, t, r) { r.matchToken("at") || r.matchToken("from"); const n = { includeStart: true, includeEnd: false }; n.from = r.matchToken("start") ? 0 : e.requireElement("expression", r); if (r.matchToken("to") || r.matchOpToken("..")) { if (r.matchToken("end")) { n.toEnd = true } else { n.to = e.requireElement("expression", r) } } if (r.matchToken("inclusive")) n.includeEnd = true; else if (r.matchToken("exclusive")) n.includeStart = false; return n } class b { constructor(e, t) { this.re = e; this.str = t } next() { const e = this.re.exec(this.str); if (e === null) return { done: true }; else return { value: e } } } class w { constructor(e, t, r) { this.re = e; this.flags = t; this.str = r } [Symbol.iterator]() { return new b(new RegExp(this.re, this.flags), this.str) } } t.addCommand("pick", ((e, t, r) => { if (!r.matchToken("pick")) return; r.matchToken("the"); if (r.matchToken("item") || r.matchToken("items") || r.matchToken("character") || r.matchToken("characters")) { const n = g(e, t, r); r.requireToken("from"); const i = e.requireElement("expression", r); return { args: [i, n.from, n.to], op(e, r, i, a) { if (n.toEnd) a = r.length; if (!n.includeStart) i++; if (n.includeEnd) a++; if (a == null || a == undefined) a = i + 1; e.result = r.slice(i, a); return t.findNext(this, e) } } } if (r.matchToken("match")) { r.matchToken("of"); const n = e.parseElement("expression", r); let i = ""; if (r.matchOpToken("|")) { i = r.requireToken("identifier").value } r.requireToken("from"); const a = e.parseElement("expression", r); return { args: [a, n], op(e, r, n) { e.result = new RegExp(n, i).exec(r); return t.findNext(this, e) } } } if (r.matchToken("matches")) { r.matchToken("of"); const n = e.parseElement("expression", r); let i = "gu"; if (r.matchOpToken("|")) { i = "g" + r.requireToken("identifier").value.replace("g", "") } console.log("flags", i); r.requireToken("from"); const a = e.parseElement("expression", r); return { args: [a, n], op(e, r, n) { e.result = new w(n, i, r); return t.findNext(this, e) } } } })); t.addCommand("increment", (function (e, t, r) { if (!r.matchToken("increment")) return; var n; var i = e.parseElement("assignableExpression", r); if (r.matchToken("by")) { n = e.requireElement("expression", r) } var a = { type: "implicitIncrementOp", target: i, args: [i, n], op: function (e, t, r) { t = t ? parseFloat(t) : 0; r = n ? parseFloat(r) : 1; var i = t + r; e.result = i; return i }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return k(e, t, r, i, a) })); t.addCommand("decrement", (function (e, t, r) { if (!r.matchToken("decrement")) return; var n; var i = e.parseElement("assignableExpression", r); if (r.matchToken("by")) { n = e.requireElement("expression", r) } var a = { type: "implicitDecrementOp", target: i, args: [i, n], op: function (e, t, r) { t = t ? parseFloat(t) : 0; r = n ? parseFloat(r) : 1; var i = t - r; e.result = i; return i }, evaluate: function (e) { return t.unifiedEval(this, e) } }; return k(e, t, r, i, a) })); function S(e, t) { var r = "text"; var n; e.matchToken("a") || e.matchToken("an"); if (e.matchToken("json") || e.matchToken("Object")) { r = "json" } else if (e.matchToken("response")) { r = "response" } else if (e.matchToken("html")) { r = "html" } else if (e.matchToken("text")) { } else { n = t.requireElement("dotOrColonPath", e).evaluate() } return { type: r, conversion: n } } t.addCommand("fetch", (function (e, t, r) { if (!r.matchToken("fetch")) return; var n = e.requireElement("stringLike", r); if (r.matchToken("as")) { var i = S(r, e) } if (r.matchToken("with") && r.currentToken().value !== "{") { var a = e.parseElement("nakedNamedArgumentList", r) } else { var a = e.parseElement("objectLiteral", r) } if (i == null && r.matchToken("as")) { i = S(r, e) } var o = i ? i.type : "text"; var s = i ? i.conversion : null; var u = { url: n, argExpressions: a, args: [n, a], op: function (e, r, n) { var i = n || {}; i["sender"] = e.me; i["headers"] = i["headers"] || {}; var a = new AbortController; let l = e.me.addEventListener("fetch:abort", (function () { a.abort() }), { once: true }); i["signal"] = a.signal; t.triggerEvent(e.me, "hyperscript:beforeFetch", i); t.triggerEvent(e.me, "fetch:beforeRequest", i); n = i; var c = false; if (n.timeout) { setTimeout((function () { if (!c) { a.abort() } }), n.timeout) } return fetch(r, n).then((function (r) { let n = { response: r }; t.triggerEvent(e.me, "fetch:afterResponse", n); r = n.response; if (o === "response") { e.result = r; t.triggerEvent(e.me, "fetch:afterRequest", { result: r }); c = true; return t.findNext(u, e) } if (o === "json") { return r.json().then((function (r) { e.result = r; t.triggerEvent(e.me, "fetch:afterRequest", { result: r }); c = true; return t.findNext(u, e) })) } return r.text().then((function (r) { if (s) r = t.convertValue(r, s); if (o === "html") r = t.convertValue(r, "Fragment"); e.result = r; t.triggerEvent(e.me, "fetch:afterRequest", { result: r }); c = true; return t.findNext(u, e) })) })).catch((function (r) { t.triggerEvent(e.me, "fetch:error", { reason: r }); throw r })).finally((function () { e.me.removeEventListener("fetch:abort", l) })) } }; return u })) } function y(e) { e.addCommand("settle", (function (e, t, r) { if (r.matchToken("settle")) { if (!e.commandBoundary(r.currentToken())) { var n = e.requireElement("expression", r) } else { var n = e.requireElement("implicitMeTarget", r) } var i = { type: "settleCmd", args: [n], op: function (e, r) { t.nullCheck(r, n); var a = null; var o = false; var s = false; var u = new Promise((function (e) { a = e })); r.addEventListener("transitionstart", (function () { s = true }), { once: true }); setTimeout((function () { if (!s && !o) { a(t.findNext(i, e)) } }), 500); r.addEventListener("transitionend", (function () { if (!o) { a(t.findNext(i, e)) } }), { once: true }); return u }, execute: function (e) { return t.unifiedExec(this, e) } }; return i } })); e.addCommand("add", (function (e, t, r) { if (r.matchToken("add")) { var n = e.parseElement("classRef", r); var i = null; var a = null; if (n == null) { i = e.parseElement("attributeRef", r); if (i == null) { a = e.parseElement("styleLiteral", r); if (a == null) { e.raiseParseError(r, "Expected either a class reference or attribute expression") } } } else { var o = [n]; while (n = e.parseElement("classRef", r)) { o.push(n) } } if (r.matchToken("to")) { var s = e.requireElement("expression", r) } else { var s = e.requireElement("implicitMeTarget", r) } if (r.matchToken("when")) { if (a) { e.raiseParseError(r, "Only class and properties are supported with a when clause") } var u = e.requireElement("expression", r) } if (o) { return { classRefs: o, to: s, args: [s, o], op: function (e, r, n) { t.nullCheck(r, s); t.forEach(n, (function (n) { t.implicitLoop(r, (function (r) { if (u) { e.result = r; let i = t.evaluateNoPromise(u, e); if (i) { if (r instanceof Element) r.classList.add(n.className) } else { if (r instanceof Element) r.classList.remove(n.className) } e.result = null } else { if (r instanceof Element) r.classList.add(n.className) } })) })); return t.findNext(this, e) } } } else if (i) { return { type: "addCmd", attributeRef: i, to: s, args: [s], op: function (e, r, n) { t.nullCheck(r, s); t.implicitLoop(r, (function (r) { if (u) { e.result = r; let n = t.evaluateNoPromise(u, e); if (n) { r.setAttribute(i.name, i.value) } else { r.removeAttribute(i.name) } e.result = null } else { r.setAttribute(i.name, i.value) } })); return t.findNext(this, e) }, execute: function (e) { return t.unifiedExec(this, e) } } } else { return { type: "addCmd", cssDeclaration: a, to: s, args: [s, a], op: function (e, r, n) { t.nullCheck(r, s); t.implicitLoop(r, (function (e) { e.style.cssText += n })); return t.findNext(this, e) }, execute: function (e) { return t.unifiedExec(this, e) } } } } })); e.addGrammarElement("styleLiteral", (function (e, t, r) { if (!r.matchOpToken("{")) return; var n = [""]; var i = []; while (r.hasMore()) { if (r.matchOpToken("\\")) { r.consumeToken() } else if (r.matchOpToken("}")) { break } else if (r.matchToken("$")) { var a = r.matchOpToken("{"); var o = e.parseElement("expression", r); if (a) r.requireOpToken("}"); i.push(o); n.push("") } else { var s = r.consumeToken(); n[n.length - 1] += r.source.substring(s.start, s.end) } n[n.length - 1] += r.lastWhitespace() } return { type: "styleLiteral", args: [i], op: function (e, t) { var r = ""; n.forEach((function (e, n) { r += e; if (n in t) r += t[n] })); return r }, evaluate: function (e) { return t.unifiedEval(this, e) } } })); e.addCommand("remove", (function (e, t, r) { if (r.matchToken("remove")) { var n = e.parseElement("classRef", r); var i = null; var a = null; if (n == null) { i = e.parseElement("attributeRef", r); if (i == null) { a = e.parseElement("expression", r); if (a == null) { e.raiseParseError(r, "Expected either a class reference, attribute expression or value expression") } } } else { var o = [n]; while (n = e.parseElement("classRef", r)) { o.push(n) } } if (r.matchToken("from")) { var s = e.requireElement("expression", r) } else { if (a == null) { var s = e.requireElement("implicitMeTarget", r) } } if (a) { return { elementExpr: a, from: s, args: [a, s], op: function (e, r, n) { t.nullCheck(r, a); t.implicitLoop(r, (function (e) { if (e.parentElement && (n == null || n.contains(e))) { e.parentElement.removeChild(e) } })); return t.findNext(this, e) } } } else { return { classRefs: o, attributeRef: i, elementExpr: a, from: s, args: [o, s], op: function (e, r, n) { t.nullCheck(n, s); if (r) { t.forEach(r, (function (e) { t.implicitLoop(n, (function (t) { t.classList.remove(e.className) })) })) } else { t.implicitLoop(n, (function (e) { e.removeAttribute(i.name) })) } return t.findNext(this, e) } } } } })); e.addCommand("toggle", (function (e, t, r) { if (r.matchToken("toggle")) { r.matchAnyToken("the", "my"); if (r.currentToken().type === "STYLE_REF") { let t = r.consumeToken(); var n = t.value.substr(1); var a = true; var o = i(e, r, n); if (r.matchToken("of")) { r.pushFollow("with"); try { var s = e.requireElement("expression", r) } finally { r.popFollow() } } else { var s = e.requireElement("implicitMeTarget", r) } } else if (r.matchToken("between")) { var u = true; var l = e.parseElement("classRef", r); r.requireToken("and"); var c = e.requireElement("classRef", r) } else { var l = e.parseElement("classRef", r); var f = null; if (l == null) { f = e.parseElement("attributeRef", r); if (f == null) { e.raiseParseError(r, "Expected either a class reference or attribute expression") } } else { var m = [l]; while (l = e.parseElement("classRef", r)) { m.push(l) } } } if (a !== true) { if (r.matchToken("on")) { var s = e.requireElement("expression", r) } else { var s = e.requireElement("implicitMeTarget", r) } } if (r.matchToken("for")) { var p = e.requireElement("expression", r) } else if (r.matchToken("until")) { var h = e.requireElement("dotOrColonPath", r, "Expected event name"); if (r.matchToken("from")) { var v = e.requireElement("expression", r) } } var d = { classRef: l, classRef2: c, classRefs: m, attributeRef: f, on: s, time: p, evt: h, from: v, toggle: function (e, r, n, i) { t.nullCheck(e, s); if (a) { t.implicitLoop(e, (function (e) { o("toggle", e) })) } else if (u) { t.implicitLoop(e, (function (e) { if (e.classList.contains(r.className)) { e.classList.remove(r.className); e.classList.add(n.className) } else { e.classList.add(r.className); e.classList.remove(n.className) } })) } else if (i) { t.forEach(i, (function (r) { t.implicitLoop(e, (function (e) { e.classList.toggle(r.className) })) })) } else { t.forEach(e, (function (e) { if (e.hasAttribute(f.name)) { e.removeAttribute(f.name) } else { e.setAttribute(f.name, f.value) } })) } }, args: [s, p, h, v, l, c, m], op: function (e, r, n, i, a, o, s, u) { if (n) { return new Promise((function (i) { d.toggle(r, o, s, u); setTimeout((function () { d.toggle(r, o, s, u); i(t.findNext(d, e)) }), n) })) } else if (i) { return new Promise((function (n) { var l = a || e.me; l.addEventListener(i, (function () { d.toggle(r, o, s, u); n(t.findNext(d, e)) }), { once: true }); d.toggle(r, o, s, u) })) } else { this.toggle(r, o, s, u); return t.findNext(d, e) } } }; return d } })); var t = { display: function (r, n, i) { if (i) { n.style.display = i } else if (r === "toggle") { if (getComputedStyle(n).display === "none") { t.display("show", n, i) } else { t.display("hide", n, i) } } else if (r === "hide") { const t = e.runtime.getInternalData(n); if (t.originalDisplay == null) { t.originalDisplay = n.style.display } n.style.display = "none" } else { const t = e.runtime.getInternalData(n); if (t.originalDisplay && t.originalDisplay !== "none") { n.style.display = t.originalDisplay } else { n.style.removeProperty("display") } } }, visibility: function (e, r, n) { if (n) { r.style.visibility = n } else if (e === "toggle") { if (getComputedStyle(r).visibility === "hidden") { t.visibility("show", r, n) } else { t.visibility("hide", r, n) } } else if (e === "hide") { r.style.visibility = "hidden" } else { r.style.visibility = "visible" } }, opacity: function (e, r, n) { if (n) { r.style.opacity = n } else if (e === "toggle") { if (getComputedStyle(r).opacity === "0") { t.opacity("show", r, n) } else { t.opacity("hide", r, n) } } else if (e === "hide") { r.style.opacity = "0" } else { r.style.opacity = "1" } } }; var n = function (e, t, r) { var n; var i = r.currentToken(); if (i.value === "when" || i.value === "with" || e.commandBoundary(i)) { n = e.parseElement("implicitMeTarget", r) } else { n = e.parseElement("expression", r) } return n }; var i = function (e, n, i) { var a = r.defaultHideShowStrategy; var o = t; if (r.hideShowStrategies) { o = Object.assign(o, r.hideShowStrategies) } i = i || a || "display"; var s = o[i]; if (s == null) { e.raiseParseError(n, "Unknown show/hide strategy : " + i) } return s }; e.addCommand("hide", (function (e, t, r) { if (r.matchToken("hide")) { var a = n(e, t, r); var o = null; if (r.matchToken("with")) { o = r.requireTokenType("IDENTIFIER", "STYLE_REF").value; if (o.indexOf("*") === 0) { o = o.substr(1) } } var s = i(e, r, o); return { target: a, args: [a], op: function (e, r) { t.nullCheck(r, a); t.implicitLoop(r, (function (e) { s("hide", e) })); return t.findNext(this, e) } } } })); e.addCommand("show", (function (e, t, r) { if (r.matchToken("show")) { var a = n(e, t, r); var o = null; if (r.matchToken("with")) { o = r.requireTokenType("IDENTIFIER", "STYLE_REF").value; if (o.indexOf("*") === 0) { o = o.substr(1) } } var s = null; if (r.matchOpToken(":")) { var u = r.consumeUntilWhitespace(); r.matchTokenType("WHITESPACE"); s = u.map((function (e) { return e.value })).join("") } if (r.matchToken("when")) { var l = e.requireElement("expression", r) } var c = i(e, r, o); return { target: a, when: l, args: [a], op: function (e, r) { t.nullCheck(r, a); t.implicitLoop(r, (function (r) { if (l) { e.result = r; let n = t.evaluateNoPromise(l, e); if (n) { c("show", r, s) } else { c("hide", r) } e.result = null } else { c("show", r, s) } })); return t.findNext(this, e) } } } })); e.addCommand("take", (function (e, t, r) { if (r.matchToken("take")) { var n = e.parseElement("classRef", r); var i = null; var a = null; if (n == null) { i = e.parseElement("attributeRef", r); if (i == null) { e.raiseParseError(r, "Expected either a class reference or attribute expression") } if (r.matchToken("with")) { a = e.requireElement("expression", r) } } if (r.matchToken("from")) { var o = e.requireElement("expression", r) } else { var o = n } if (r.matchToken("for")) { var s = e.requireElement("expression", r) } else { var s = e.requireElement("implicitMeTarget", r) } if (n) { var u = { classRef: n, from: o, forElt: s, args: [n, o, s], op: function (e, r, n, i) { t.nullCheck(n, o); t.nullCheck(i, s); var a = r.className; t.implicitLoop(n, (function (e) { e.classList.remove(a) })); t.implicitLoop(i, (function (e) { e.classList.add(a) })); return t.findNext(this, e) } }; return u } else { var u = { attributeRef: i, from: o, forElt: s, args: [o, s, a], op: function (e, r, n, a) { t.nullCheck(r, o); t.nullCheck(n, s); t.implicitLoop(r, (function (e) { if (!a) { e.removeAttribute(i.name) } else { e.setAttribute(i.name, a) } })); t.implicitLoop(n, (function (e) { e.setAttribute(i.name, i.value || "") })); return t.findNext(this, e) } }; return u } } })); function a(t, r, n, i) { if (n != null) { var a = t.resolveSymbol(n, r) } else { var a = r } if (a instanceof Element || a instanceof HTMLDocument) { while (a.firstChild) a.removeChild(a.firstChild); a.append(e.runtime.convertValue(i, "Fragment")); t.processNode(a) } else { if (n != null) { t.setSymbol(n, r, null, i) } else { throw "Don't know how to put a value into " + typeof r } } } e.addCommand("put", (function (e, t, r) { if (r.matchToken("put")) { var n = e.requireElement("expression", r); var i = r.matchAnyToken("into", "before", "after"); if (i == null && r.matchToken("at")) { r.matchToken("the"); i = r.matchAnyToken("start", "end"); r.requireToken("of") } if (i == null) { e.raiseParseError(r, "Expected one of 'into', 'before', 'at start of', 'at end of', 'after'") } var o = e.requireElement("expression", r); var s = i.value; var u = false; var l = false; var c = null; var f = null; if (o.type === "arrayIndex" && s === "into") { u = true; f = o.prop; c = o.root } else if (o.prop && o.root && s === "into") { f = o.prop.value; c = o.root } else if (o.type === "symbol" && s === "into") { l = true; f = o.name } else if (o.type === "attributeRef" && s === "into") { var m = true; f = o.name; c = e.requireElement("implicitMeTarget", r) } else if (o.type === "styleRef" && s === "into") { var p = true; f = o.name; c = e.requireElement("implicitMeTarget", r) } else if (o.attribute && s === "into") { var m = o.attribute.type === "attributeRef"; var p = o.attribute.type === "styleRef"; f = o.attribute.name; c = o.root } else { c = o } var h = { target: o, operation: s, symbolWrite: l, value: n, args: [c, f, n], op: function (e, r, n, i) { if (l) { a(t, e, n, i) } else { t.nullCheck(r, c); if (s === "into") { if (m) { t.implicitLoop(r, (function (e) { e.setAttribute(n, i) })) } else if (p) { t.implicitLoop(r, (function (e) { e.style[n] = i })) } else if (u) { r[n] = i } else { t.implicitLoop(r, (function (e) { a(t, e, n, i) })) } } else { var o = s === "before" ? Element.prototype.before : s === "after" ? Element.prototype.after : s === "start" ? Element.prototype.prepend : s === "end" ? Element.prototype.append : Element.prototype.append; t.implicitLoop(r, (function (e) { o.call(e, i instanceof Node ? i : t.convertValue(i, "Fragment")); if (e.parentElement) { t.processNode(e.parentElement) } else { t.processNode(e) } })) } } return t.findNext(this, e) } }; return h } })); function o(e, t, r) { var n; if (r.matchToken("the") || r.matchToken("element") || r.matchToken("elements") || r.currentToken().type === "CLASS_REF" || r.currentToken().type === "ID_REF" || r.currentToken().op && r.currentToken().value === "<") { e.possessivesDisabled = true; try { n = e.parseElement("expression", r) } finally { delete e.possessivesDisabled } if (r.matchOpToken("'")) { r.requireToken("s") } } else if (r.currentToken().type === "IDENTIFIER" && r.currentToken().value === "its") { var i = r.matchToken("its"); n = { type: "pseudopossessiveIts", token: i, name: i.value, evaluate: function (e) { return t.resolveSymbol("it", e) } } } else { r.matchToken("my") || r.matchToken("me"); n = e.parseElement("implicitMeTarget", r) } return n } e.addCommand("transition", (function (e, t, n) { if (n.matchToken("transition")) { var i = o(e, t, n); var a = []; var s = []; var u = []; var l = n.currentToken(); while (!e.commandBoundary(l) && l.value !== "over" && l.value !== "using") { if (n.currentToken().type === "STYLE_REF") { let e = n.consumeToken(); let t = e.value.substr(1); a.push({ type: "styleRefValue", evaluate: function () { return t } }) } else { a.push(e.requireElement("stringLike", n)) } if (n.matchToken("from")) { s.push(e.requireElement("expression", n)) } else { s.push(null) } n.requireToken("to"); if (n.matchToken("initial")) { u.push({ type: "initial_literal", evaluate: function () { return "initial" } }) } else { u.push(e.requireElement("expression", n)) } l = n.currentToken() } if (n.matchToken("over")) { var c = e.requireElement("expression", n) } else if (n.matchToken("using")) { var f = e.requireElement("expression", n) } var m = { to: u, args: [i, a, s, u, f, c], op: function (e, n, a, o, s, u, l) { t.nullCheck(n, i); var c = []; t.implicitLoop(n, (function (e) { var n = new Promise((function (n, i) { var c = e.style.transition; if (l) { e.style.transition = "all " + l + "ms ease-in" } else if (u) { e.style.transition = u } else { e.style.transition = r.defaultTransition } var f = t.getInternalData(e); var m = getComputedStyle(e); var p = {}; for (var h = 0; h < m.length; h++) { var v = m[h]; var d = m[v]; p[v] = d } if (!f.initalStyles) { f.initalStyles = p } for (var h = 0; h < a.length; h++) { var E = a[h]; var T = o[h]; if (T === "computed" || T == null) { e.style[E] = p[E] } else { e.style[E] = T } } var y = false; var k = false; e.addEventListener("transitionend", (function () { if (!k) { e.style.transition = c; k = true; n() } }), { once: true }); e.addEventListener("transitionstart", (function () { y = true }), { once: true }); setTimeout((function () { if (!k && !y) { e.style.transition = c; k = true; n() } }), 100); setTimeout((function () { var t = []; for (var r = 0; r < a.length; r++) { var n = a[r]; var i = s[r]; if (i === "initial") { var o = f.initalStyles[n]; e.style[n] = o } else { e.style[n] = i } } }), 0) })); c.push(n) })); return Promise.all(c).then((function () { return t.findNext(m, e) })) } }; return m } })); e.addCommand("measure", (function (e, t, r) { if (!r.matchToken("measure")) return; var n = o(e, t, r); var i = []; if (!e.commandBoundary(r.currentToken())) do { i.push(r.matchTokenType("IDENTIFIER").value) } while (r.matchOpToken(",")); return { properties: i, args: [n], op: function (e, r) { t.nullCheck(r, n); if (0 in r) r = r[0]; var a = r.getBoundingClientRect(); var o = { top: r.scrollTop, left: r.scrollLeft, topMax: r.scrollTopMax, leftMax: r.scrollLeftMax, height: r.scrollHeight, width: r.scrollWidth }; e.result = { x: a.x, y: a.y, left: a.left, top: a.top, right: a.right, bottom: a.bottom, width: a.width, height: a.height, bounds: a, scrollLeft: o.left, scrollTop: o.top, scrollLeftMax: o.leftMax, scrollTopMax: o.topMax, scrollWidth: o.width, scrollHeight: o.height, scroll: o }; t.forEach(i, (function (t) { if (t in e.result) e.locals[t] = e.result[t]; else throw "No such measurement as " + t })); return t.findNext(this, e) } } })); e.addLeafExpression("closestExpr", (function (e, t, r) { if (r.matchToken("closest")) { if (r.matchToken("parent")) { var n = true } var i = null; if (r.currentToken().type === "ATTRIBUTE_REF") { var a = e.requireElement("attributeRefAccess", r, null); i = "[" + a.attribute.name + "]" } if (i == null) { var o = e.requireElement("expression", r); if (o.css == null) { e.raiseParseError(r, "Expected a CSS expression") } else { i = o.css } } if (r.matchToken("to")) { var s = e.parseElement("expression", r) } else { var s = e.parseElement("implicitMeTarget", r) } var u = { type: "closestExpr", parentSearch: n, expr: o, css: i, to: s, args: [s], op: function (e, r) { if (r == null) { return null } else { let e = []; t.implicitLoop(r, (function (t) { if (n) { e.push(t.parentElement ? t.parentElement.closest(i) : null) } else { e.push(t.closest(i)) } })); if (t.shouldAutoIterate(r)) { return e } else { return e[0] } } }, evaluate: function (e) { return t.unifiedEval(this, e) } }; if (a) { a.root = u; a.args = [u]; return a } else { return u } } })); e.addCommand("go", (function (e, t, r) { if (r.matchToken("go")) { if (r.matchToken("back")) { var n = true } else { r.matchToken("to"); if (r.matchToken("url")) { var i = e.requireElement("stringLike", r); var a = true; if (r.matchToken("in")) { r.requireToken("new"); r.requireToken("window"); var o = true } } else { r.matchToken("the"); var s = r.matchAnyToken("top", "middle", "bottom"); var u = r.matchAnyToken("left", "center", "right"); if (s || u) { r.requireToken("of") } var i = e.requireElement("unaryExpression", r); var l = r.matchAnyOpToken("+", "-"); if (l) { r.pushFollow("px"); try { var c = e.requireElement("expression", r) } finally { r.popFollow() } } r.matchToken("px"); var f = r.matchAnyToken("smoothly", "instantly"); var m = {}; if (s) { if (s.value === "top") { m.block = "start" } else if (s.value === "bottom") { m.block = "end" } else if (s.value === "middle") { m.block = "center" } } if (u) { if (u.value === "left") { m.inline = "start" } else if (u.value === "center") { m.inline = "center" } else if (u.value === "right") { m.inline = "end" } } if (f) { if (f.value === "smoothly") { m.behavior = "smooth" } else if (f.value === "instantly") { m.behavior = "instant" } } } } var p = { target: i, args: [i, c], op: function (e, r, i) { if (n) { window.history.back() } else if (a) { if (r) { if (o) { window.open(r) } else { window.location.href = r } } } else { t.implicitLoop(r, (function (e) { if (e === window) { e = document.body } if (l) { var t = e.getBoundingClientRect(); let n = document.createElement("div"); if (l.value === "-") { var r = -i } else { var r = - -i } n.style.position = "absolute"; n.style.top = t.x + r + "px"; n.style.left = t.y + r + "px"; n.style.height = t.height + 2 * r + "px"; n.style.width = t.width + 2 * r + "px"; n.style.zIndex = "" + Number.MIN_SAFE_INTEGER; n.style.opacity = "0"; document.body.appendChild(n); setTimeout((function () { document.body.removeChild(n) }), 100); e = n } e.scrollIntoView(m) })) } return t.findNext(p, e) } }; return p } })); r.conversions.dynamicResolvers.push((function (t, r) { if (!(t === "Values" || t.indexOf("Values:") === 0)) { return } var n = t.split(":")[1]; var i = {}; var a = e.runtime.implicitLoop.bind(e.runtime); a(r, (function (e) { var t = s(e); if (t !== undefined) { i[t.name] = t.value; return } if (e.querySelectorAll != undefined) { var r = e.querySelectorAll("input,select,textarea"); r.forEach(o) } })); if (n) { if (n === "JSON") { return JSON.stringify(i) } else if (n === "Form") { return new URLSearchParams(i).toString() } else { throw "Unknown conversion: " + n } } else { return i } function o(e) { var t = s(e); if (t == undefined) { return } if (i[t.name] == undefined) { i[t.name] = t.value; return } if (Array.isArray(i[t.name]) && Array.isArray(t.value)) { i[t.name] = [].concat(i[t.name], t.value); return } } function s(e) { try { var t = { name: e.name, value: e.value }; if (t.name == undefined || t.value == undefined) { return undefined } if (e.type == "radio" && e.checked == false) { return undefined } if (e.type == "checkbox") { if (e.checked == false) { t.value = undefined } else if (typeof t.value === "string") { t.value = [t.value] } } if (e.type == "select-multiple") { var r = e.querySelectorAll("option[selected]"); t.value = []; for (var n = 0; n < r.length; n++) { t.value.push(r[n].value) } } return t } catch (e) { return undefined } } })); r.conversions["HTML"] = function (e) { var t = function (e) { if (e instanceof Array) { return e.map((function (e) { return t(e) })).join("") } if (e instanceof HTMLElement) { return e.outerHTML } if (e instanceof NodeList) { var r = ""; for (var n = 0; n < e.length; n++) { var i = e[n]; if (i instanceof HTMLElement) { r += i.outerHTML } } return r } if (e.toString) { return e.toString() } return "" }; return t(e) }; r.conversions["Fragment"] = function (t) { var r = document.createDocumentFragment(); e.runtime.implicitLoop(t, (function (e) { if (e instanceof Node) r.append(e); else { var t = document.createElement("template"); t.innerHTML = e; r.append(t.content) } })); return r } } const k = new o, x = k.lexer, g = k.parser; function b(e, t) { return k.evaluate(e, t) } function w() { var t = Array.from(e.document.querySelectorAll("script[type='text/hyperscript'][src]")); Promise.all(t.map((function (e) { return fetch(e.src).then((function (e) { return e.text() })) }))).then((e => e.forEach((e => S(e))))).then((() => n((function () { a(); k.processNode(document.documentElement); e.document.addEventListener("htmx:load", (function (e) { k.processNode(e.detail.elt) })) })))); function n(e) { if (document.readyState !== "loading") { setTimeout(e) } else { document.addEventListener("DOMContentLoaded", e) } } function i() { var e = document.querySelector('meta[name="htmx-config"]'); if (e) { return v(e.content) } else { return null } } function a() { var e = i(); if (e) { Object.assign(r, e) } } } const S = Object.assign(b, { config: r, use(e) { e(S) }, internals: { lexer: x, parser: g, runtime: k, Lexer: n, Tokens: i, Parser: a, Runtime: o }, ElementCollection: m, addFeature: g.addFeature.bind(g), addCommand: g.addCommand.bind(g), addLeafExpression: g.addLeafExpression.bind(g), addIndirectExpression: g.addIndirectExpression.bind(g), evaluate: k.evaluate.bind(k), parse: k.parse.bind(k), processNode: k.processNode.bind(k), browserInit: w }); return S })); \ No newline at end of file diff --git a/static/hyperscript/readme.md b/static/hyperscript/readme.md new file mode 100644 index 0000000..e154e19 --- /dev/null +++ b/static/hyperscript/readme.md @@ -0,0 +1 @@ +https://unpkg.com/hyperscript.org@0.9.11/dist/_hyperscript.min.js diff --git a/static/md-css/air.css b/static/md-css/air.css new file mode 100644 index 0000000..94de90e --- /dev/null +++ b/static/md-css/air.css @@ -0,0 +1,200 @@ +@media print { + + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} + +html { + font-size: 12px; +} + +@media screen and (min-width: 32rem) and (max-width: 48rem) { + html { + font-size: 15px; + } +} + +@media screen and (min-width: 48rem) { + html { + font-size: 16px; + } +} + +body { + line-height: 1.85; +} + +p, +.air-p { + font-size: 1rem; + margin-bottom: 1.3rem; +} + +h1, +.air-h1, +h2, +.air-h2, +h3, +.air-h3, +h4, +.air-h4 { + margin: 1.414rem 0 .5rem; + font-weight: inherit; + line-height: 1.42; +} + +h1, +.air-h1 { + margin-top: 0; + font-size: 3.998rem; +} + +h2, +.air-h2 { + font-size: 2.827rem; +} + +h3, +.air-h3 { + font-size: 1.999rem; +} + +h4, +.air-h4 { + font-size: 1.414rem; +} + +h5, +.air-h5 { + font-size: 1.121rem; +} + +h6, +.air-h6 { + font-size: .88rem; +} + +small, +.air-small { + font-size: .707em; +} + +/* https://github.com/mrmrs/fluidity */ + +img, +canvas, +iframe, +video, +svg, +select, +textarea { + max-width: 100%; +} + +@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300); + +body { + color: #444; + font-family: 'Open Sans', Helvetica, sans-serif; + font-weight: 300; + margin: 6rem auto 1rem; + max-width: 48rem; + text-align: center; +} + +img { + border-radius: 50%; + height: 200px; + margin: 0 auto; + width: 200px; +} + +a, +a:visited { + color: #3498db; +} + +a:hover, +a:focus, +a:active { + color: #2980b9; +} + +pre { + background-color: #fafafa; + padding: 1rem; + text-align: left; +} + +blockquote { + margin: 0; + border-left: 5px solid #7a7a7a; + font-style: italic; + padding: 1.33em; + text-align: left; +} + +ul, +ol, +li { + text-align: left; +} + +p { + color: #777; +} \ No newline at end of file diff --git a/static/md-css/modest.css b/static/md-css/modest.css new file mode 100644 index 0000000..7ab3306 --- /dev/null +++ b/static/md-css/modest.css @@ -0,0 +1,220 @@ +@media print { + + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} + +pre, +code { + font-family: Menlo, Monaco, "Courier New", monospace; +} + +pre { + padding: .5rem; + line-height: 1.25; + overflow-x: scroll; +} + +a, +a:visited { + color: #3498db; +} + +a:hover, +a:focus, +a:active { + color: #2980b9; +} + +.modest-no-decoration { + text-decoration: none; +} + +html { + font-size: 12px; +} + +@media screen and (min-width: 32rem) and (max-width: 48rem) { + html { + font-size: 15px; + } +} + +@media screen and (min-width: 48rem) { + html { + font-size: 16px; + } +} + +body { + line-height: 1.85; +} + +p, +.modest-p { + font-size: 1rem; + margin-bottom: 1.3rem; +} + +h1, +.modest-h1, +h2, +.modest-h2, +h3, +.modest-h3, +h4, +.modest-h4 { + margin: 1.414rem 0 .5rem; + font-weight: inherit; + line-height: 1.42; +} + +h1, +.modest-h1 { + margin-top: 0; + font-size: 3.998rem; +} + +h2, +.modest-h2 { + font-size: 2.827rem; +} + +h3, +.modest-h3 { + font-size: 1.999rem; +} + +h4, +.modest-h4 { + font-size: 1.414rem; +} + +h5, +.modest-h5 { + font-size: 1.121rem; +} + +h6, +.modest-h6 { + font-size: .88rem; +} + +small, +.modest-small { + font-size: .707em; +} + +/* https://github.com/mrmrs/fluidity */ + +img, +canvas, +iframe, +video, +svg, +select, +textarea { + max-width: 100%; +} + +@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); + +@import url(http://fonts.googleapis.com/css?family=Arimo:700,700italic); + +html { + font-size: 18px; + max-width: 100%; +} + +body { + color: #444; + font-family: 'Open Sans Condensed', sans-serif; + font-weight: 300; + margin: 0 auto; + max-width: 48rem; + line-height: 1.45; + padding: .25rem; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Arimo, Helvetica, sans-serif; +} + +h1, +h2, +h3 { + border-bottom: 2px solid #fafafa; + margin-bottom: 1.15rem; + padding-bottom: .5rem; + text-align: center; +} + +blockquote { + border-left: 8px solid #fafafa; + padding: 1rem; +} + +pre, +code { + background-color: #fafafa; +} \ No newline at end of file diff --git a/static/md-css/readme.md b/static/md-css/readme.md new file mode 100644 index 0000000..c735579 --- /dev/null +++ b/static/md-css/readme.md @@ -0,0 +1,9 @@ +# CSS Frameworks + +All MIT License + + - Air https://github.com/markdowncss/air + - Retro https://github.com/markdowncss/retro + - Modest https://github.com/markdowncss/modest + - Splendor https://github.com/markdowncss/splendor + \ No newline at end of file diff --git a/static/md-css/retro.css b/static/md-css/retro.css new file mode 100644 index 0000000..2d541aa --- /dev/null +++ b/static/md-css/retro.css @@ -0,0 +1,201 @@ +pre, +code { + font-family: Menlo, Monaco, "Courier New", monospace; +} + +pre { + padding: .5rem; + line-height: 1.25; + overflow-x: scroll; +} + +@media print { + + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} + +a, +a:visited { + color: #01ff70; +} + +a:hover, +a:focus, +a:active { + color: #2ecc40; +} + +.retro-no-decoration { + text-decoration: none; +} + +html { + font-size: 12px; +} + +@media screen and (min-width: 32rem) and (max-width: 48rem) { + html { + font-size: 15px; + } +} + +@media screen and (min-width: 48rem) { + html { + font-size: 16px; + } +} + +body { + line-height: 1.85; +} + +p, +.retro-p { + font-size: 1rem; + margin-bottom: 1.3rem; +} + +h1, +.retro-h1, +h2, +.retro-h2, +h3, +.retro-h3, +h4, +.retro-h4 { + margin: 1.414rem 0 .5rem; + font-weight: inherit; + line-height: 1.42; +} + +h1, +.retro-h1 { + margin-top: 0; + font-size: 3.998rem; +} + +h2, +.retro-h2 { + font-size: 2.827rem; +} + +h3, +.retro-h3 { + font-size: 1.999rem; +} + +h4, +.retro-h4 { + font-size: 1.414rem; +} + +h5, +.retro-h5 { + font-size: 1.121rem; +} + +h6, +.retro-h6 { + font-size: .88rem; +} + +small, +.retro-small { + font-size: .707em; +} + +/* https://github.com/mrmrs/fluidity */ + +img, +canvas, +iframe, +video, +svg, +select, +textarea { + max-width: 100%; +} + +html, +body { + background-color: #222; + min-height: 100%; +} + +html { + font-size: 18px; +} + +body { + color: #fafafa; + font-family: "Courier New"; + line-height: 1.45; + margin: 6rem auto 1rem; + max-width: 48rem; + padding: .25rem; +} + +pre { + background-color: #333; +} + +blockquote { + border-left: 3px solid #01ff70; + padding-left: 1rem; +} \ No newline at end of file diff --git a/static/md-css/splendor.css b/static/md-css/splendor.css new file mode 100644 index 0000000..30bb115 --- /dev/null +++ b/static/md-css/splendor.css @@ -0,0 +1,211 @@ +@media print { + + *, + :after, + :before { + background: 0 0 !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important + } + + a, + a:visited { + text-decoration: underline + } + + a[href]:after { + content: " (" attr(href) ")" + } + + abbr[title]:after { + content: " (" attr(title) ")" + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: "" + } + + blockquote, + pre { + border: 1px solid #999; + page-break-inside: avoid + } + + thead { + display: table-header-group + } + + img, + tr { + page-break-inside: avoid + } + + img { + max-width: 100% !important + } + + h2, + h3, + p { + orphans: 3; + widows: 3 + } + + h2, + h3 { + page-break-after: avoid + } +} + +@media screen and (min-width:32rem) and (max-width:48rem) { + html { + font-size: 15px + } +} + +@media screen and (min-width:48rem) { + html { + font-size: 16px + } +} + +body { + line-height: 1.85 +} + +.splendor-p, +p { + font-size: 1rem; + margin-bottom: 1.3rem +} + +.splendor-h1, +.splendor-h2, +.splendor-h3, +.splendor-h4, +h1, +h2, +h3, +h4 { + margin: 1.414rem 0 .5rem; + font-weight: inherit; + line-height: 1.42 +} + +.splendor-h1, +h1 { + margin-top: 0; + font-size: 3.998rem +} + +.splendor-h2, +h2 { + font-size: 2.827rem +} + +.splendor-h3, +h3 { + font-size: 1.999rem +} + +.splendor-h4, +h4 { + font-size: 1.414rem +} + +.splendor-h5, +h5 { + font-size: 1.121rem +} + +.splendor-h6, +h6 { + font-size: .88rem +} + +.splendor-small, +small { + font-size: .707em +} + +canvas, +iframe, +img, +select, +svg, +textarea, +video { + max-width: 100% +} + +@import url(http://fonts.googleapis.com/css?family=Merriweather:300italic,300); + +html { + font-size: 18px; + max-width: 100% +} + +body { + color: #444; + font-family: Merriweather, Georgia, serif; + margin: 0; + max-width: 100% +} + +:not(div):not(img):not(body):not(html):not(li):not(blockquote):not(p), +p { + margin: 1rem auto; + max-width: 36rem; + padding: .25rem +} + +div, +div img { + width: 100% +} + +blockquote p { + font-size: 1.5rem; + font-style: italic; + margin: 1rem auto; + max-width: 48rem +} + +li { + margin-left: 2rem +} + +h1 { + padding: 4rem 0 !important +} + +p { + color: #555; + height: auto; + line-height: 1.45 +} + +code, +pre { + font-family: Menlo, Monaco, "Courier New", monospace +} + +pre { + background-color: #fafafa; + font-size: .8rem; + overflow-x: scroll; + padding: 1.125em +} + +a, +a:visited { + color: #3498db +} + +a:active, +a:focus, +a:hover { + color: #2980b9 +} \ No newline at end of file diff --git a/static/uikit/css/uikit-rtl.css b/static/uikit/css/uikit-rtl.css new file mode 100644 index 0000000..e206002 --- /dev/null +++ b/static/uikit/css/uikit-rtl.css @@ -0,0 +1,12497 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ +html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between the element and the bottom of its parent container. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Constrain the element to its parent width. + * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. + * 3. Take border and padding into account. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Deprecated: only needed for `img` elements with `uk-img` + * 1. Hide `alt` text for lazy load images. + * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + */ +img:not([src]) { + /* 1 */ + visibility: hidden; + /* 2 */ + min-width: 1px; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-right: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-right: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Focus + ========================================================================== */ +:focus { + outline: none; +} +:focus-visible { + outline: 2px dotted #333; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a, +.uk-link-toggle .uk-link-muted { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a, +.uk-link-toggle .uk-link-text { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a, +.uk-link-toggle .uk-link-heading { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-left: calc(5px + 0.2em); + border-right: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (calc(0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + left: 100%; + margin-left: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + right: 100%; + margin-right: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + left: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + right: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: max-content; + height: 100px; + margin-right: auto; + margin-left: auto; + border-right: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Avoid column break within the list item, when using `column-count` + */ +.uk-list > * { + break-inside: avoid-column; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari + ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-right: 30px; +} +/* + * Type modifiers + */ +.uk-list-decimal { + counter-reset: decimal; +} +.uk-list-decimal > * { + counter-increment: decimal; +} +.uk-list-disc > ::before, +.uk-list-circle > ::before, +.uk-list-square > ::before, +.uk-list-decimal > ::before, +.uk-list-hyphen > ::before { + content: ""; + position: relative; + right: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: left; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; +} +/* + * Color modifiers + */ +.uk-list-muted > ::before { + color: #999 !important; +} +.uk-list-emphasis > ::before { + color: #333 !important; +} +.uk-list-primary > ::before { + color: #1e87f0 !important; +} +.uk-list-secondary > ::before { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-right: 30px; +} +.uk-list-bullet > ::before { + content: ""; + display: list-item; + position: relative; + right: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: right; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: right; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-right: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-left: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-right: 0; + padding-left: 0; + } +} +.uk-table tbody tr { + transition: background-color 0.1s linear; +} +.uk-table-striped > tr:nth-of-type(even):last-child, +.uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + * 1. Required for `span` with background image + * 2. Required for `image` + */ +.uk-icon-image { + width: 20px; + height: 20px; + /* 1 */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + /* 2 */ + object-fit: scale-down; + max-width: none; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + * 1. Allow text within link + */ +.uk-icon-link { + color: #999; + /* 1 */ + text-decoration: none !important; +} +.uk-icon-link:hover { + color: #666; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-icon-button:hover { + background-color: #ebebeb; + color: #666; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Remove default style. + * 2. Define consistent box sizing. + * 3. Remove `margin` in all browsers. + * 4. Align to the center of the line box. + * 5. Prevent content overflow if a fixed width is used. + * 6. Take the full width. + * 7. Remove white background in Chrome. + */ +.uk-range { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + box-sizing: border-box; + /* 3 */ + margin: 0; + /* 4 */ + vertical-align: middle; + /* 5 */ + max-width: 100%; + /* 6 */ + width: 100%; + /* 7 */ + background: transparent; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +/* + * Track + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #dedede; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #dedede; +} +/* + * Thumb + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + margin-top: -7px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 6px; + padding-bottom: 6px; + vertical-align: top; +} +.uk-select[multiple], +.uk-select[size] { + resize: vertical; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input::placeholder { + color: #999; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-right: 8px; + padding-left: 8px; +} +/* Multi-line */ +textarea.uk-form-small, +[multiple].uk-form-small, +[size].uk-form-small { + padding: 5px 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-right: 12px; + padding-left: 12px; +} +/* Multi-line */ +textarea.uk-form-large, +[multiple].uk-form-large, +[size].uk-form-large { + padding: 7px 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: solid; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-left: 20px; + 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"); + background-repeat: no-repeat; + background-position: 0% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size]) option { + color: #666; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + 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"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-left: 20px; + background-repeat: no-repeat; + background-position: 0% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + 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%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none !important; +} +/* Radio and checkbox + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + background-color: rgba(0, 0, 0, 0); + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + right: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: right; + } + .uk-form-horizontal .uk-form-controls { + margin-right: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-right: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + left: 0; + right: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-left: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover */ +.uk-button-default:hover { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-primary:hover { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-secondary:hover { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-danger:hover { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + right: 0; + left: 100%; + border-bottom: 1px solid currentColor; + transition: left 0.3s ease-out; +} +/* Hover */ +.uk-button-text:hover { + color: #333; +} +.uk-button-text:hover::before { + left: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-link:hover { + color: #999; + text-decoration: none; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-right: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in all browsers. + * 2. Behave like a block element. + * 3. Remove borders in Firefox. + * 4. Remove default style in Chrome, Safari and Edge. + * 5. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Show background color set on `uk-progress` in Chrome, Safari and Edge. + */ +.uk-progress::-webkit-progress-bar { + background-color: transparent; +} +/* + * Progress Bar + * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. + * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; + /* 1 */ + transition: width 0.6s ease; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-right: 40px; + padding-left: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-right: 0; + padding-left: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-right { + margin-right: 0; +} +.uk-container-expand-left { + margin-left: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-right.uk-container-xsmall, + .uk-container-expand-left.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-right.uk-container-small, + .uk-container-expand-left.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-right, + .uk-container-expand-left { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-right.uk-container-xsmall, + .uk-container-expand-left.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-right.uk-container-small, + .uk-container-expand-left.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-right.uk-container-large, + .uk-container-expand-left.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-right.uk-container-xlarge, + .uk-container-expand-left.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-right, +.uk-container-item-padding-remove-left { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-right, + .uk-container-item-padding-remove-left { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-right, + .uk-container-item-padding-remove-left { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-right: 15px; + padding-left: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-right: 40px; + padding-left: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + background-color: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +/* + * 1. Position + * 2. Size + * 3. Style + * 4. Center child vertically + */ +.uk-card-badge { + /* 1 */ + position: absolute; + top: 15px; + left: 15px; + z-index: 1; + /* 2 */ + height: 22px; + padding: 0 10px; + /* 3 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 4 */ + display: flex; + justify-content: center; + align-items: center; + line-height: 0; + border-radius: 2px; + text-transform: uppercase; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background-color: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + background-color: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + background-color: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-right: -30px; + margin-left: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body > .uk-nav-default > li > a, +.uk-card-body > .uk-nav-default .uk-nav-header, +.uk-card-body > .uk-nav-default .uk-nav-divider { + padding-right: 30px; + padding-left: 30px; +} +.uk-card-body > .uk-nav-default .uk-nav-sub { + padding-right: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-right: -40px; + margin-left: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body > .uk-nav-default > li > a, + .uk-card-body > .uk-nav-default .uk-nav-header, + .uk-card-body > .uk-nav-default .uk-nav-divider { + padding-right: 40px; + padding-left: 40px; + } + .uk-card-body > .uk-nav-default .uk-nav-sub { + padding-right: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-right: -20px; + margin-left: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small > .uk-nav-default > li > a, +.uk-card-small > .uk-nav-default .uk-nav-header, +.uk-card-small > .uk-nav-default .uk-nav-divider { + padding-right: 20px; + padding-left: 20px; +} +.uk-card-small > .uk-nav-default .uk-nav-sub { + padding-right: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large > .uk-nav-default > li > a, + .uk-card-large > .uk-nav-default .uk-nav-header, + .uk-card-large > .uk-nav-default .uk-nav-divider { + padding-right: 0; + padding-left: 0; + } + .uk-card-large > .uk-nav-default .uk-nav-sub { + padding-right: 15px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; +} +/* Hover */ +.uk-close:hover { + color: #666; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: -88px; + } + 50% { + stroke-dashoffset: -22px; + transform: rotate(-135deg); + } + 100% { + stroke-dashoffset: -88px; + transform: rotate(-450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-totop:hover { + color: #666; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover */ +.uk-marker:hover { + color: #fff; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 15px 15px 29px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + left: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +.uk-alert-close:hover { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff !important; + font-size: 11px; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Required for `a` + */ +.uk-badge:hover { + text-decoration: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-right: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-right: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + left: 0; + right: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 240px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-right: 10px; + padding-left: 10px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 40px; +} +.uk-search-default .uk-search-icon-flip ~ .uk-search-input { + padding-left: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 40px; +} +.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { + padding-left: 40px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; +} +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 80px; +} +.uk-search-large .uk-search-icon-flip ~ .uk-search-input { + padding-left: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover */ +.uk-search-toggle:hover { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; +} +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-right: 10px; + float: left; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Hover */ +.uk-accordion-title:hover { + color: #666; + text-decoration: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + --uk-position-offset: 20px; + --uk-position-viewport-offset: 15px; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* Parent icon + ========================================================================== */ +.uk-drop-parent-icon { + margin-right: 0.25em; + transition: transform 0.3s ease-out; +} +[aria-expanded="true"] > .uk-drop-parent-icon { + transform: rotateX(180deg); +} +/* ======================================================================== + Component: Dropbar + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop + * 2. Style + */ +.uk-dropbar { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 0; + /* 1 */ + width: auto; + /* 2 */ + padding: 25px 15px 25px 15px; + background: #fff; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropbar > :last-child { + margin-bottom: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropbar { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropbar { + padding-right: 40px; + padding-left: 40px; + } +} +.uk-dropbar :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Direction modifier + ========================================================================== */ +.uk-dropbar-top { + box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-bottom { + box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-right { + box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-left { + box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +/* ======================================================================== + Component: Dropnav + ========================================================================== */ +/* + * 1. Position + * 2. Reset dropbar + * 3. Width + */ +.uk-dropnav-dropbar { + /* 1 */ + position: absolute; + z-index: 980; + /* 2 */ + padding: 0; + /* 3 */ + right: 0; + left: 0; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-right: 40px; + padding-left: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: 100% !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 20px 20px; +} +.uk-modal-header { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal-body { + padding: 30px 30px; + } + .uk-modal-header { + padding: 15px 30px; + } + .uk-modal-footer { + padding: 15px 30px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + left: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + left: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + left: 0; + transform: translate(-100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + left: 0; + padding: 10px; + background: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal-close-full { + padding: 20px; + } +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + * 5. Disable horizontal panning gestures + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; + /* 5 */ + touch-action: pan-y; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + /* 2 */ + left: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + * 2. Prevent accidental scrolling through elements in slide getting focused + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; + /* 2 */ + overflow: clip; +} +/* + * Widen container to prevent box-shadows from clipping, `large-box-shadow` + */ +.uk-slider-container-offset { + margin: -11px -25px -39px -25px; + padding: 11px 25px 39px 25px; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + * 3. Disable horizontal panning gestures + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * `max-width` needed to keep image responsiveness and prevent content overflow + * 2. Create position context + */ +.uk-slider-items > * { + /* 1 */ + flex: none; + box-sizing: border-box; + max-width: 100%; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Create position context so it's t the same like when fixed. + * 2. Create stacking context already when not sticky to have the same context +* for position set to `sticky` and `relative` + * 2. More robust if padding and border are used and the sticky height is transitioned + */ +.uk-sticky { + /* 1 */ + position: relative; + /* 2 */ + z-index: 980; + /* 3 */ + box-sizing: border-box; +} +/* + * 1. Force new layer to resolve frame rate issues on devices with lower frame rates + */ +.uk-sticky-fixed { + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* + * Placeholder + * Make content clickable for sticky cover and reveal effects + */ +.uk-sticky-placeholder { + pointer-events: none; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + right: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + left: 0; + right: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-bar { + right: -350px; + width: 350px; + padding: 30px 30px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + right: auto; + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + left: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + right: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + right: auto; + left: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: right 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: left; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + right: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + right: auto; + left: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + left: 0; + right: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 5px; + left: 5px; + padding: 5px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-close { + top: 10px; + left: 10px; + } +} +/* + * Remove margin from adjacent element + */ +.uk-offcanvas-close:first-child + * { + margin-top: 0; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + * 1. `clip` is needed for `position: sticky` elements to keep their position + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; + /* 1 */ + overflow-x: clip; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + right: 0; + transition: right 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + right: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + right: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + right: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-right: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + right: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-left, +.uk-notification-bottom-left { + right: auto; + left: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + right: 50%; + margin-right: -175px; +} +.uk-notification-bottom-right, +.uk-notification-bottom-left, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + right: 10px; + left: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + left: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + --uk-position-offset: 10px; + --uk-position-viewport-offset: 10; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-right: -30px; +} +.uk-grid > * { + padding-right: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-right: -40px; + } + .uk-grid > * { + padding-right: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-right: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-right: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-right: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-right: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-right: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-right: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-right: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-right: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-right: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-right: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-right: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + right: 0; + left: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-right: -60px; +} +.uk-grid-divider > * { + padding-right: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + right: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + right: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-right: -80px; + } + .uk-grid-divider > * { + padding-right: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + right: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + right: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-right: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-right: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + right: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + right: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + right: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-right: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-right: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + right: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + right: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + right: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-right: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-right: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + right: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + right: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + right: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-right: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-right: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + right: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + right: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + right: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* +* 1. Center content vertically, e.g. an icon +* 2. Imitate white space gap when using flexbox +* 3. Reset link + */ +.uk-nav li > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3*/ + text-decoration: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 15px 5px 0; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-right: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon + ========================================================================== */ +.uk-nav-parent-icon { + margin-right: auto; + transition: transform 0.3s ease-out; +} +.uk-nav > li.uk-open > a .uk-nav-parent-icon { + transform: rotateX(180deg); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav .uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover */ +.uk-nav-default > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-default .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +.uk-nav-primary { + font-size: 1.5rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-primary > li > a { + color: #999; +} +/* Hover */ +.uk-nav-primary > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-primary .uk-nav-subtitle { + font-size: 1.25rem; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub { + font-size: 1.25rem; + line-height: 1.5; +} +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Secondary modifier + ========================================================================== */ +.uk-nav-secondary { + font-size: 16px; + line-height: 1.5; +} +.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 0; +} +/* + * Items + */ +.uk-nav-secondary > li > a { + color: #333; + padding: 10px 10px; +} +/* Hover */ +.uk-nav-secondary > li > a:hover { + color: #333; + background-color: #f8f8f8; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a { + color: #333; + background-color: #f8f8f8; +} +/* + * Subtitle + */ +.uk-nav-secondary .uk-nav-subtitle { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: #666; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #333; +} +/* + * Header + */ +.uk-nav-secondary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-secondary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-secondary .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-secondary .uk-nav-sub a { + color: #999; +} +.uk-nav-secondary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Alignment modifier + ========================================================================== */ +/* + * 1. Center header + * 2. Center items + */ +/* 1 */ +.uk-nav-center { + text-align: center; +} +/* 2 */ +.uk-nav-center li > a { + justify-content: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-right: 0; +} +/* Parent icon */ +.uk-nav-center .uk-nav-parent-icon { + margin-right: 0.25em; +} +/* Style modifier + ========================================================================== */ +/* + * Divider + * Naming is in plural to prevent conflicts with divider sub object. + */ +.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + */ +.uk-navbar-right, +.uk-navbar-left, +[class*='uk-navbar-center'] { + display: flex; + gap: 15px; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-left { + margin-right: auto; +} +.uk-navbar-center:only-child { + margin-right: auto; + margin-left: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-right, +.uk-navbar-center-left { + position: absolute; + top: 0; +} +.uk-navbar-center-right { + left: calc(100% + 15px); +} +.uk-navbar-center-left { + right: calc(100% + 15px); +} +[class*='uk-navbar-center-'] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-right, +.uk-navbar-left, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Imitate white space gap when using flexbox + * 3. Dimensions + * 4. Style + * 5. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + box-sizing: border-box; + min-height: 80px; + /* 4 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 5 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + padding: 0 0; + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a[aria-expanded="true"] { + color: #666; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Parent icon modifier + ========================================================================== */ +.uk-navbar-parent-icon { + margin-right: 4px; + transition: transform 0.3s ease-out; +} +.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { + transform: rotateX(180deg); +} +/* Item + ========================================================================== */ +.uk-navbar-item { + padding: 0 0; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-item > :last-child { + margin-bottom: 0; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + padding: 0 0; + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle[aria-expanded="true"] { + color: #666; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Justify modifier + ========================================================================== */ +.uk-navbar-justify .uk-navbar-right, +.uk-navbar-justify .uk-navbar-left, +.uk-navbar-justify .uk-navbar-nav, +.uk-navbar-justify .uk-navbar-nav > li, +.uk-navbar-justify .uk-navbar-item, +.uk-navbar-justify .uk-navbar-toggle { + flex-grow: 1; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Set a default width + * 2. Style + */ +.uk-navbar-dropdown { + --uk-position-offset: 15px; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: 200px; + /* 2 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-navbar-dropdown > :last-child { + margin-bottom: 0; +} +.uk-navbar-dropdown :focus-visible { + outline-color: #333 !important; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown .uk-drop-grid { + margin-right: -30px; +} +.uk-navbar-dropdown .uk-drop-grid > * { + padding-right: 30px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { + margin-top: 30px; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { + width: 1000px; +} +/* + * Size modifier + */ +.uk-navbar-dropdown-large { + --uk-position-shift-offset: 0; + padding: 40px; +} +/* + * Dropbar modifier + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-navbar-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 25px 0 25px 0; + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-navbar-dropdown-dropbar-large { + --uk-position-shift-offset: 0; + padding-top: 40px; + padding-bottom: 40px; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover */ +.uk-navbar-dropdown-nav > li > a:hover { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-navbar-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +/* + * Adopts `uk-dropnav-dropbar` + */ +/* + * Create navbar placeholder space if dropbar is behind navbar + */ +.uk-navbar-dropbar-behind::before { + content: ""; + display: block; + height: 80px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-right, + .uk-navbar-left, + [class*='uk-navbar-center'] { + gap: 30px; + } + .uk-navbar-center-right { + left: calc(100% + 30px); + } + .uk-navbar-center-left { + right: calc(100% + 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-nav { + gap: 30px; + } +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-right: -20px; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-subnav > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-right: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-right: 0px; + margin-left: 20px; + border-right: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-right-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover */ +.uk-subnav-pill > * > a:hover { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * Reset list + */ +.uk-breadcrumb { + padding: 0; + list-style: none; +} +/* + * 1. Doesn't generate any box and replaced by child boxes + */ +.uk-breadcrumb > * { + display: contents; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-breadcrumb > * > :hover { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + * 1. Remove space between inline block elements. + * 2. Style + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + /* 1 */ + margin: 0 calc(20px - 4px) 0 20px; + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-right: 0; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: block; + /* 2 */ + padding: 5px 10px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-pagination > * > :hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-right: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + right: 20px; + left: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Center content if a width is set + * 4. Style + */ +.uk-tab > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + justify-content: center; + /* 4 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-tab > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-right, +.uk-tab-left { + flex-direction: column; + /* 1 */ + margin-right: 0; +} +/* 1 */ +.uk-tab-right > *, +.uk-tab-left > * { + padding-right: 0; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + right: auto; + left: 0; + border-right: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + right: 0; + left: auto; + border-right: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right > * > a { + justify-content: right; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab-left > * > a { + justify-content: right; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-right: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-slidenav:hover { + color: rgba(102, 102, 102, 0.9); +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover */ +.uk-dotnav > * > :hover { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-right: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-right: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); + transition: opacity 0.1s ease-in-out; +} +/* Hover */ +.uk-thumbnav > * > :hover::after { + opacity: 0; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + opacity: 0; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-right: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-right: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically if there is still some text + * 2. Imitate white space gap when using flexbox + * 3. Force text not to affect item height + * 4. Style + * 5. Required for `a` if there is still some text + */ +.uk-iconnav > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + line-height: 0; + /* 4 */ + color: #999; + /* 5 */ + text-decoration: none; + font-size: 0.875rem; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-iconnav > * > a:hover { + color: #666; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-right: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop and let text expand the width instead of wrapping + * 2. Set a default width + * 3. Style + */ +.uk-dropdown { + --uk-position-offset: 10px; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: auto; + /* 2 */ + min-width: 200px; + /* 3 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-dropdown > :last-child { + margin-bottom: 0; +} +.uk-dropdown :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropdown-large { + padding: 40px; +} +/* Dropbar modifier + ========================================================================== */ +/* + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 5px 0 25px 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-dropdown-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Subtitle + */ +.uk-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* + * Focus + */ +.uk-lightbox :focus-visible { + outline-color: rgba(255, 255, 255, 0.7); +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* Hover */ +.uk-lightbox-button:hover { + color: #fff; +} +/* OnClick */ +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*='uk-animation-'] { + animation: 0.5s ease-out both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade, uk-scale-up; +} +.uk-animation-scale-down { + animation-name: uk-fade, uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade, uk-slide-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade, uk-slide-bottom; +} +.uk-animation-slide-right { + animation-name: uk-fade, uk-slide-left; +} +.uk-animation-slide-left { + animation-name: uk-fade, uk-slide-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade, uk-slide-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade, uk-slide-bottom-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade, uk-slide-left-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade, uk-slide-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade, uk-slide-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade, uk-slide-bottom-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade, uk-slide-left-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade, uk-slide-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + animation-duration: 2s; + stroke-dasharray: var(--uk-animation-stroke); +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle animation based on the State of the Parent Element + ========================================================================== */ +.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale + */ +@keyframes uk-scale-up { + 0% { + transform: scale(0.9); + } + 100% { + transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* + * Slide + */ +@keyframes uk-slide-top { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Small + */ +@keyframes uk-slide-top-small { + 0% { + transform: translateY(-10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-small { + 0% { + transform: translateY(10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-small { + 0% { + transform: translateX(10px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-small { + 0% { + transform: translateX(-10px); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Medium + */ +@keyframes uk-slide-top-medium { + 0% { + transform: translateY(-50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-medium { + 0% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-medium { + 0% { + transform: translateX(50px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-medium { + 0% { + transform: translateX(-50px); + } + 100% { + transform: translateX(0); + } +} +/* + * Kenburns + */ +@keyframes uk-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(9px); + } + 20% { + transform: translateX(-8px); + } + 30% { + transform: translateX(7px); + } + 40% { + transform: translateX(-6px); + } + 50% { + transform: translateX(5px); + } + 60% { + transform: translateX(-4px); + } + 70% { + transform: translateX(3px); + } + 80% { + transform: translateX(-2px); + } + 90% { + transform: translateX(1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*='uk-width']) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-max-content { + width: max-content; +} +.uk-width-min-content { + width: min-content; +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +.uk-height-viewport-2 { + min-height: 200vh; +} +.uk-height-viewport-3 { + min-height: 300vh; +} +.uk-height-viewport-4 { + min-height: 400vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta > a { + color: #999; +} +.uk-text-meta > a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Decoration modifier + ========================================================================== */ +.uk-text-decoration-none { + text-decoration: none !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in all browsers. + * 2. Default color is set to transparent. + * 3. Container fits the text + * 4. Style + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + color: transparent !important; + /* 3 */ + display: inline-block; + /* 4 */ + background-color: #1e87f0; + background-image: linear-gradient(-90deg, #1e87f0 0%, #411ef0 100%); +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-right { + text-align: right !important; +} +.uk-text-left { + text-align: left !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * Wrap long words onto the next line and break them if they are too long to fit. + * 1. Make it work with table cells in all browsers. + * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. + */ +.uk-text-break { + overflow-wrap: break-word; +} +/* 1 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-word; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. + * 2. Reset responsiveness for embedded content + * 3. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +/* 1 */ +[uk-cover], +[data-uk-cover] { + /* 2 */ + max-width: none; + /* 3 */ + position: absolute; + right: 50%; + top: 50%; + --uk-position-translate-x: 50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); +} +iframe[uk-cover], +iframe[data-uk-cover] { + pointer-events: none; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain, +.uk-background-width-1-1, +.uk-background-height-1-1 { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +.uk-background-width-1-1 { + background-size: 100%; +} +.uk-background-height-1-1 { + background-size: auto 100%; +} +/* Position + ========================================================================== */ +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-left { + background-position: 0% 0; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-left { + background-position: 0% 50%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-left { + background-position: 0% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-right: auto; + margin-left: auto; +} +/* + * Left/Right + */ +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-right { + float: right; +} +.uk-float-left { + float: left; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Box Sizing + ========================================================================== */ +.uk-box-sizing-content { + box-sizing: content-box; +} +.uk-box-sizing-border { + box-sizing: border-box; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-horizontal { + resize: horizontal; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force new layer without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* + * Fix initial iframe width. Without the viewport is expanded on iOS devices + */ +[uk-responsive], +[data-uk-responsive] { + max-width: 100%; +} +/* Object + ========================================================================== */ +.uk-object-cover { + object-fit: cover; +} +.uk-object-contain { + object-fit: contain; +} +.uk-object-fill { + object-fit: fill; +} +.uk-object-none { + object-fit: none; +} +.uk-object-scale-down { + object-fit: scale-down; +} +/* + * Position + */ +.uk-object-top-right { + object-position: 100% 0; +} +.uk-object-top-center { + object-position: 50% 0; +} +.uk-object-top-left { + object-position: 0% 0; +} +.uk-object-center-right { + object-position: 100% 50%; +} +.uk-object-center-center { + object-position: 50% 50%; +} +.uk-object-center-left { + object-position: 0% 50%; +} +.uk-object-bottom-right { + object-position: 100% 100%; +} +.uk-object-bottom-center { + object-position: 50% 100%; +} +.uk-object-bottom-left { + object-position: 0% 100%; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Fix shadow being clipped in Safari if container is animated + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + z-index: 0; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::after { + content: ""; + /* 1 */ + position: absolute; + bottom: -30px; + right: 0; + left: 0; + z-index: -1; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + /* 3 */ + will-change: filter; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-left: 10px; + float: right; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Style + * 2. Required for `a` + * 3. Behave like image but can be overridden through flex utility classes + */ +.uk-logo { + /* 1 */ + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #333; + /* 2 */ + text-decoration: none; +} +/* 3 */ +:where(.uk-logo) { + display: inline-block; + vertical-align: middle; +} +/* Hover */ +.uk-logo:hover { + color: #333; + /* 1 */ + text-decoration: none; +} +.uk-logo :where(img, svg, video) { + display: block; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-left { + transform-origin: 0% 0; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-center-left { + transform-origin: 0% 50%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-right { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-left { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-right\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-left\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-right\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-left\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-right\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-left\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-right\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-left\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-right: 0 !important; + padding-left: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +:root { + --uk-position-margin-offset: 0px; +} +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow. + */ +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-right'], +[class*='uk-position-left'], +[class*='uk-position-center'] { + position: absolute !important; + /* 1 */ + max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); + box-sizing: border-box; +} +/* + * Edges + * Don't use `width: 100%` because it's wrong if the parent has padding. + */ +.uk-position-top { + top: 0; + right: 0; + left: 0; +} +.uk-position-bottom { + bottom: 0; + right: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +/* + * Corners + */ +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + * Using `max-content` requires `max-width` of 100% which is set generally. + */ +.uk-position-center { + top: calc(50% - var(--uk-position-margin-offset)); + right: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: 50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); + /* 1 */ + width: max-content; +} +/* Vertical */ +[class*='uk-position-center-right'], +[class*='uk-position-center-left'] { + top: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-y: -50%; + transform: translate(0, var(--uk-position-translate-y)); +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + right: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: 50%; + transform: translate(var(--uk-position-translate-x), 0); + /* 1 */ + width: max-content; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +/* + * Cover + */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; +} +/* Margin + ========================================================================== */ +.uk-position-small { + margin: 15px; + --uk-position-margin-offset: 15px; +} +.uk-position-medium { + margin: 30px; + --uk-position-margin-offset: 30px; +} +.uk-position-large { + margin: 30px; + --uk-position-margin-offset: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + --uk-position-margin-offset: 50px; + } +} +/* Schemes + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-sticky { + position: sticky !important; +} +/* Layer + ========================================================================== */ +.uk-position-z-index { + z-index: 1; +} +.uk-position-z-index-zero { + z-index: 0; +} +.uk-position-z-index-negative { + z-index: -1; +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + */ +:where(.uk-transition-fade), +:where([class*='uk-transition-scale']), +:where([class*='uk-transition-slide']) { + --uk-position-translate-x: 0; + --uk-position-translate-y: 0; +} +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + --uk-scale-x: 1; + --uk-scale-y: 1; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-toggle .uk-transition-fade:focus-within, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. + */ +/* 1 */ +[class*='uk-transition-scale'] { + -webkit-backface-visibility: hidden; +} +.uk-transition-scale-up { + --uk-scale-x: 1; + --uk-scale-y: 1; +} +.uk-transition-scale-down { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-toggle .uk-transition-scale-up:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-up { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; + opacity: 1; +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-toggle .uk-transition-scale-down:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-down { + --uk-scale-x: 1; + --uk-scale-y: 1; + opacity: 1; +} +/* + * Slide + */ +.uk-transition-slide-top { + --uk-translate-y: -100%; +} +.uk-transition-slide-bottom { + --uk-translate-y: 100%; +} +.uk-transition-slide-right { + --uk-translate-x: -100%; +} +.uk-transition-slide-left { + --uk-translate-x: 100%; +} +.uk-transition-slide-top-small { + --uk-translate-y: calc(-1 * 10px); +} +.uk-transition-slide-bottom-small { + --uk-translate-y: 10px; +} +.uk-transition-slide-right-small { + --uk-translate-x: calc(-1 * 10px); +} +.uk-transition-slide-left-small { + --uk-translate-x: 10px; +} +.uk-transition-slide-top-medium { + --uk-translate-y: calc(-1 * 50px); +} +.uk-transition-slide-bottom-medium { + --uk-translate-y: 50px; +} +.uk-transition-slide-right-medium { + --uk-translate-x: calc(-1 * 50px); +} +.uk-transition-slide-left-medium { + --uk-translate-x: 50px; +} +/* Show */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle:focus [class*='uk-transition-slide'], +.uk-transition-toggle [class*='uk-transition-slide']:focus-within, +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + opacity: 1; +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifiers + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Based on the State of the Parent Element + ========================================================================== */ +/* + * Mind that `display: none`, `visibility: hidden` and `opacity: 0` + * remove the element from the accessibility tree and that + * `display: none` and `visibility: hidden` are not focusable. + * + * The target stays visible if any element within receives focus through keyboard. + */ +/* + * Remove space when hidden. + * 1. Remove from document flow. + * 2. Hide element and shrink its dimension. Can't use zero dimensions together + * with `overflow: hidden` it would remove it from the accessibility tree. + * 3. Hide the single rendered pixel. + * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation + * by screen readers and the visual tracking indicator of other assistive technologies. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 1px !important; + height: 1px !important; + padding: 0 !important; + border: 0 !important; + margin: 0 !important; + overflow: hidden !important; + /* 3 */ + clip-path: inset(50%) !important; + /* 4 */ + white-space: nowrap !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Unfortunately, can't use `clip-path: inset(50%)` because hover won't work + * if the element is positioned outside of the toggle box. + */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + opacity: 0 !important; +} +/* Based on Hover Capability of the Pointing Device + ========================================================================== */ +/* + * Hover + */ +/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ +@media (hover: none) { + .uk-hidden-touch { + display: none !important; + } +} +/* Hide if primary pointing device supports hover, e.g. mice. */ +@media (hover) { + .uk-hidden-notouch { + display: none !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-light .uk-link-toggle:hover .uk-link, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light :focus-visible, +.uk-section-primary:not(.uk-preserve-color) :focus-visible, +.uk-section-secondary:not(.uk-preserve-color) :focus-visible, +.uk-tile-primary:not(.uk-preserve-color) :focus-visible, +.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, +.uk-card-primary.uk-card-body :focus-visible, +.uk-card-primary > :not([class*='uk-card-media']) :focus-visible, +.uk-card-secondary.uk-card-body :focus-visible, +.uk-card-secondary > :not([class*='uk-card-media']) :focus-visible, +.uk-overlay-primary :focus-visible, +.uk-offcanvas-bar :focus-visible { + outline-color: #fff; +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-light .uk-link-toggle:hover .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-light .uk-link-toggle:hover .uk-link-text, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-light .uk-link-toggle:hover .uk-link-heading, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary.uk-card-body a.uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary.uk-card-body a.uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-overlay-primary a.uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, +.uk-offcanvas-bar a.uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + 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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + 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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: #fff; +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #ffffff; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:hover { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:hover { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: #fff; +} +.uk-light .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light.uk-card-badge, +.uk-section-primary:not(.uk-preserve-color).uk-card-badge, +.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-card-primary.uk-card-body.uk-card-badge, +.uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, +.uk-card-secondary.uk-card-body.uk-card-badge, +.uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, +.uk-overlay-primary.uk-card-badge, +.uk-offcanvas-bar.uk-card-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-overlay-primary .uk-close:hover, +.uk-offcanvas-bar .uk-close:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-overlay-primary .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-overlay-primary .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:hover { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666 !important; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-overlay-primary .uk-nav-secondary > li > a, +.uk-offcanvas-bar .uk-nav-secondary > li > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-overlay-primary .uk-nav-secondary > li > a:hover, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-overlay-primary .uk-nav-secondary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-secondary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:hover { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :hover { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-thumbnav > * > *::after, +.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-card-primary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-card-secondary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-overlay-primary .uk-thumbnav > * > *::after, +.uk-offcanvas-bar .uk-thumbnav > * > *::after { + background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: #fff; +} +.uk-light .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-overlay-primary .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:hover { + color: #fff; +} +.uk-light .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-light .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: block; +} +.uk-light .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/static/uikit/css/uikit-rtl.min.css b/static/uikit/css/uikit-rtl.min.css new file mode 100644 index 0000000..0966070 --- /dev/null +++ b/static/uikit/css/uikit-rtl.min.css @@ -0,0 +1 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,svg,video{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-right:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-right:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:0.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}:focus{outline:0}:focus-visible{outline:2px dotted #333}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,.uk-link-toggle .uk-link-muted,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,.uk-link-toggle .uk-link-text,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,.uk-link-toggle .uk-link-heading,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-left:calc(5px + .2em);border-right:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - (calc(.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{left:100%;margin-left:calc(5px + .3em)}.uk-heading-line>::after{right:100%;margin-right:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{left:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{right:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:max-content;height:100px;margin-right:auto;margin-left:auto;border-right:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*{break-inside:avoid-column}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle>*,.uk-list-decimal>*,.uk-list-disc>*,.uk-list-hyphen>*,.uk-list-square>*{padding-right:30px}.uk-list-decimal{counter-reset:decimal}.uk-list-decimal>*{counter-increment:decimal}.uk-list-circle>::before,.uk-list-decimal>::before,.uk-list-disc>::before,.uk-list-hyphen>::before,.uk-list-square>::before{content:"";position:relative;right:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;display:list-item;list-style-position:inside;text-align:left}.uk-list-disc>::before{list-style-type:disc}.uk-list-circle>::before{list-style-type:circle}.uk-list-square>::before{list-style-type:square}.uk-list-decimal>::before{content:counter(decimal,decimal) '\200A.\00A0'}.uk-list-hyphen>::before{content:'–\00A0\00A0'}.uk-list-muted>::before{color:#999!important}.uk-list-emphasis>::before{color:#333!important}.uk-list-primary>::before{color:#1e87f0!important}.uk-list-secondary>::before{color:#222!important}.uk-list-bullet>*{padding-right:30px}.uk-list-bullet>::before{content:"";display:list-item;position:relative;right:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:right;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:right;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-right:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-left:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-right:0;padding-left:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom:1px solid #e5e5e5}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle;object-fit:scale-down;max-width:none}.uk-icon-link{color:#999;text-decoration:none!important}.uk-icon-link:hover{color:#666}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:hover{background-color:#ebebeb;color:#666}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{-webkit-appearance:none;box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;background:0 0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;margin-top:-7px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::placeholder{color:#999}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-right:8px;padding-left:8px}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-right:12px;padding-left:12px}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:solid}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-left:20px;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");background-repeat:no-repeat;background-position:0 50%}.uk-select:not([multiple]):not([size]) option{color:#666}.uk-select:not([multiple]):not([size]):disabled{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")}.uk-input[list]{padding-left:20px;background-repeat:no-repeat;background-position:0 50%}.uk-input[list]:focus,.uk-input[list]:hover{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%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none!important}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{background-color:rgba(0,0,0,0);outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;right:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:right}.uk-form-horizontal .uk-form-controls{margin-right:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;right:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-right:40px!important}.uk-form-icon-flip{left:0;right:auto}.uk-form-icon-flip~.uk-input{padding-left:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;right:0;left:100%;border-bottom:1px solid currentColor;transition:left .3s ease-out}.uk-button-text:hover{color:#333}.uk-button-text:hover::before{left:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#333}.uk-button-link:hover{color:#999;text-decoration:none}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-right:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress::-webkit-progress-bar{background-color:transparent}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0;transition:width .6s ease}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{background:#fff}.uk-section-muted{background:#f8f8f8}.uk-section-primary{background:#1e87f0}.uk-section-secondary{background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:640px){.uk-container{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-container{padding-right:40px;padding-left:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-right:0;padding-left:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-right{margin-right:0}.uk-container-expand-left{margin-left:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-right{margin-right:-15px}.uk-container-item-padding-remove-left{margin-left:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-right{margin-right:-30px}.uk-container-item-padding-remove-left{margin-left:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-right{margin-right:-40px}.uk-container-item-padding-remove-left{margin-left:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-right:15px;padding-left:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-tile{padding-right:40px;padding-left:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{background-color:#fff}.uk-tile-muted{background-color:#f8f8f8}.uk-tile-primary{background-color:#1e87f0}.uk-tile-secondary{background-color:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:15px;left:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background-color:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{background-color:#1e87f0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-secondary{background-color:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-right:-30px;margin-left:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-right:30px;padding-left:30px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-right:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-right:-40px;margin-left:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-right:40px;padding-left:40px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-right:55px}}.uk-card-small>.uk-nav-default{margin-right:-20px;margin-left:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small>.uk-nav-default .uk-nav-divider,.uk-card-small>.uk-nav-default .uk-nav-header,.uk-card-small>.uk-nav-default>li>a{padding-right:20px;padding-left:20px}.uk-card-small>.uk-nav-default .uk-nav-sub{padding-right:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large>.uk-nav-default .uk-nav-divider,.uk-card-large>.uk-nav-default .uk-nav-header,.uk-card-large>.uk-nav-default>li>a{padding-right:0;padding-left:0}.uk-card-large>.uk-nav-default .uk-nav-sub{padding-right:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:hover{color:#666}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(-270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:-88px}50%{stroke-dashoffset:-22px;transform:rotate(-135deg)}100%{stroke-dashoffset:-88px;transform:rotate(-450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:hover{color:#666}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:hover{color:#fff}.uk-alert{position:relative;margin-bottom:20px;padding:15px 15px 15px 29px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;left:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:hover{text-decoration:none}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,.8)}.uk-overlay-primary{background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-right:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-right:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input::placeholder{color:#999}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;right:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{left:0;right:auto}.uk-search-default{width:240px}.uk-search-default .uk-search-input{height:40px;padding-right:10px;padding-left:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-default .uk-search-icon{width:40px}.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:40px}.uk-search-default .uk-search-icon-flip~.uk-search-input{padding-left:40px}.uk-search-navbar{width:400px}.uk-search-navbar .uk-search-input{height:40px;background:0 0;font-size:1.5rem}.uk-search-navbar .uk-search-icon{width:40px}.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:40px}.uk-search-navbar .uk-search-icon-flip~.uk-search-input{padding-left:40px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:80px;background:0 0;font-size:2.625rem}.uk-search-large .uk-search-icon{width:80px}.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:80px}.uk-search-large .uk-search-icon-flip~.uk-search-input{padding-left:80px}.uk-search-toggle{color:#999}.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-right:10px;float:left;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:hover{color:#666;text-decoration:none}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;--uk-position-offset:20px;--uk-position-viewport-offset:15px;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-drop-parent-icon{margin-right:.25em;transition:transform .3s ease-out}[aria-expanded=true]>.uk-drop-parent-icon{transform:rotateX(180deg)}.uk-dropbar{--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:0;width:auto;padding:25px 15px 25px 15px;background:#fff;color:#666}.uk-dropbar>:last-child{margin-bottom:0}@media (min-width:640px){.uk-dropbar{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-dropbar{padding-right:40px;padding-left:40px}}.uk-dropbar :focus-visible{outline-color:#333!important}.uk-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropbar-top{box-shadow:0 12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-bottom{box-shadow:0 -12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-right{box-shadow:-12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropbar-left{box-shadow:12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropnav-dropbar{position:absolute;z-index:980;padding:0;right:0;left:0}.uk-modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1010;overflow-y:auto;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-right:40px;padding-left:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:100%!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:20px 20px}.uk-modal-header{display:flow-root;padding:10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:10px 20px;background:#fff;border-top:1px solid #e5e5e5}@media (min-width:640px){.uk-modal-body{padding:30px 30px}.uk-modal-header{padding:15px 30px}.uk-modal-footer{padding:15px 30px}}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;left:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;left:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{left:0;transform:translate(-100%,-100%)}}.uk-modal-close-full{top:0;left:0;padding:10px;background:#fff}@media (min-width:960px){.uk-modal-close-full{padding:20px}}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none;touch-action:pan-y}.uk-slideshow-items>*{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;will-change:transform,opacity}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden;overflow:clip}.uk-slider-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.uk-slider-items{will-change:transform;position:relative;touch-action:pan-y}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none;box-sizing:border-box;max-width:100%;position:relative}.uk-sticky{position:relative;z-index:980;box-sizing:border-box}.uk-sticky-fixed{margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-sticky-placeholder{pointer-events:none}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;right:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{left:0;right:auto}.uk-offcanvas-bar{position:absolute;top:0;bottom:0;right:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto}@media (min-width:640px){.uk-offcanvas-bar{right:-350px;width:350px;padding:30px 30px}}.uk-offcanvas-flip .uk-offcanvas-bar{right:auto;left:-270px}@media (min-width:640px){.uk-offcanvas-flip .uk-offcanvas-bar{left:-350px}}.uk-open>.uk-offcanvas-bar{right:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{right:auto;left:0}.uk-offcanvas-bar-animation{transition:right .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:left}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{right:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{right:auto;left:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:640px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{left:0;right:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:5px;left:5px;padding:5px}@media (min-width:640px){.uk-offcanvas-close{top:10px;left:10px}}.uk-offcanvas-close:first-child+*{margin-top:0}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden;overflow-x:clip}.uk-offcanvas-container{position:relative;right:0;transition:right .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{right:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{right:-270px}@media (min-width:640px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{right:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{right:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-right:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;right:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-left,.uk-notification-top-left{right:auto;left:10px}.uk-notification-bottom-center,.uk-notification-top-center{right:50%;margin-right:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{right:10px;left:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;left:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;--uk-position-offset:10px;--uk-position-viewport-offset:10;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-right:-30px}.uk-grid>*{padding-right:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-right:-40px}.uk-grid>*{padding-right:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-right:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-right:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-right:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-right:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-right:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-right:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-right:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-right:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-right:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-right:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-right:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;right:0;left:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-right:-60px}.uk-grid-divider>*{padding-right:60px}.uk-grid-divider>:not(.uk-first-column)::before{right:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;right:60px}@media (min-width:1200px){.uk-grid-divider{margin-right:-80px}.uk-grid-divider>*{padding-right:80px}.uk-grid-divider>:not(.uk-first-column)::before{right:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;right:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-right:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-right:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{right:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;right:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{right:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-right:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-right:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{right:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;right:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{right:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-right:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-right:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{right:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;right:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{right:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-right:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-right:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{right:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;right:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{right:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 15px 5px 0}.uk-nav-sub ul{padding-right:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon{margin-right:auto;transition:transform .3s ease-out}.uk-nav>li.uk-open>a .uk-nav-parent-icon{transform:rotateX(180deg)}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav .uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem;line-height:1.5}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-subtitle{font-size:12px}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary{font-size:1.5rem;line-height:1.5}.uk-nav-primary>li>a{color:#999}.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-subtitle{font-size:1.25rem}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub{font-size:1.25rem;line-height:1.5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-secondary{font-size:16px;line-height:1.5}.uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0}.uk-nav-secondary>li>a{color:#333;padding:10px 10px}.uk-nav-secondary>li>a:hover{color:#333;background-color:#f8f8f8}.uk-nav-secondary>li.uk-active>a{color:#333;background-color:#f8f8f8}.uk-nav-secondary .uk-nav-subtitle{font-size:.875rem;color:#999}.uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:#666}.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#333}.uk-nav-secondary .uk-nav-header{color:#333}.uk-nav-secondary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-secondary .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-secondary .uk-nav-sub a{color:#999}.uk-nav-secondary .uk-nav-sub a:hover{color:#666}.uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-center{text-align:center}.uk-nav-center li>a{justify-content:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-right:0}.uk-nav-center .uk-nav-parent-icon{margin-right:.25em}.uk-nav.uk-nav-divider>:not(.uk-nav-header,.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:5px;padding-top:5px;border-top:1px solid #e5e5e5}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{display:flex;gap:15px;align-items:center}.uk-navbar-left{margin-right:auto}.uk-navbar-center:only-child{margin-right:auto;margin-left:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-right{left:calc(100% + 15px)}.uk-navbar-center-left{right:calc(100% + 15px)}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;gap:15px;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;column-gap:.25em;box-sizing:border-box;min-height:80px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{padding:0 0;color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true]{color:#666}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-parent-icon{margin-right:4px;transition:transform .3s ease-out}.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon{transform:rotateX(180deg)}.uk-navbar-item{padding:0 0;color:#666}.uk-navbar-item>:last-child{margin-bottom:0}.uk-navbar-toggle{padding:0 0;color:#999}.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{color:#666;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-justify .uk-navbar-item,.uk-navbar-justify .uk-navbar-left,.uk-navbar-justify .uk-navbar-nav,.uk-navbar-justify .uk-navbar-nav>li,.uk-navbar-justify .uk-navbar-right,.uk-navbar-justify .uk-navbar-toggle{flex-grow:1}.uk-navbar-dropdown{--uk-position-offset:15px;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown>:last-child{margin-bottom:0}.uk-navbar-dropdown :focus-visible{outline-color:#333!important}.uk-navbar-dropdown .uk-drop-grid{margin-right:-30px}.uk-navbar-dropdown .uk-drop-grid>*{padding-right:30px}.uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin{margin-top:30px}.uk-navbar-dropdown-width-2:not(.uk-drop-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-drop-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-drop-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-drop-stack){width:1000px}.uk-navbar-dropdown-large{--uk-position-shift-offset:0;padding:40px}.uk-navbar-dropdown-dropbar{width:auto;background:0 0;padding:25px 0 25px 0;--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-navbar-dropdown-dropbar-large{--uk-position-shift-offset:0;padding-top:40px;padding-bottom:40px}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-dropbar-behind::before{content:"";display:block;height:80px}@media (min-width:960px){.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{gap:30px}.uk-navbar-center-right{left:calc(100% + 30px)}.uk-navbar-center-left{right:calc(100% + 30px)}}@media (min-width:960px){.uk-navbar-nav{gap:30px}}.uk-subnav{display:flex;flex-wrap:wrap;align-items:center;margin-right:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-right:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:hover{color:#666;text-decoration:none}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-right:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-right:0;margin-left:20px;border-right:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-right-color:#e5e5e5}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{padding:0;list-style:none}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{font-size:.875rem;color:#999}.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 calc(20px - 4px) 0 20px;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;margin-right:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-right:0;position:relative}.uk-pagination>*>*{display:block;padding:5px 10px;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-right:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;right:20px;left:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-right:20px;position:relative}.uk-tab>*>a{display:flex;align-items:center;column-gap:.25em;justify-content:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-right:0}.uk-tab-left>*,.uk-tab-right>*{padding-right:0}.uk-tab-right::before{top:0;bottom:0;right:auto;left:0;border-right:1px solid #e5e5e5;border-bottom:none}.uk-tab-left::before{top:0;bottom:0;right:0;left:auto;border-right:1px solid #e5e5e5;border-bottom:none}.uk-tab-right>*>a{justify-content:right;border-left:1px solid transparent;border-bottom:none}.uk-tab-left>*>a{justify-content:right;border-right:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-right:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:hover{color:rgba(102,102,102,.9)}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-12px}.uk-dotnav>*{flex:none;padding-right:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-right:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-right:0;padding-top:12px}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-15px}.uk-thumbnav>*{padding-right:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(-180deg,rgba(255,255,255,0),rgba(255,255,255,.4));transition:opacity .1s ease-in-out}.uk-thumbnav>*>:hover::after{opacity:0}.uk-thumbnav>.uk-active>::after{opacity:0}.uk-thumbnav-vertical{flex-direction:column;margin-right:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-right:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-10px}.uk-iconnav>*{padding-right:10px}.uk-iconnav>*>a{display:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.uk-iconnav>*>a:hover{color:#666}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-right:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-right:0;padding-top:10px}.uk-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;width:auto;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown>:last-child{margin-bottom:0}.uk-dropdown :focus-visible{outline-color:#333!important}.uk-dropdown-large{padding:40px}.uk-dropdown-dropbar{width:auto;background:0 0;padding:5px 0 25px 0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-dropdown-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropdown-nav{font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}.uk-lightbox{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox :focus-visible{outline-color:rgba(255,255,255,.7)}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items>*{position:absolute;top:0;left:0;bottom:0;right:0;display:none;justify-content:center;align-items:center;color:rgba(255,255,255,.7);will-change:transform,opacity}.uk-lightbox-items>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-toolbar{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-toolbar>*{color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon{padding:5px;color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon:hover{color:#fff}.uk-lightbox-button{box-sizing:border-box;width:50px;height:50px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7);display:inline-flex;justify-content:center;align-items:center}.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[class*=uk-animation-]{animation:.5s ease-out both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade,uk-scale-up}.uk-animation-scale-down{animation-name:uk-fade,uk-scale-down}.uk-animation-slide-top{animation-name:uk-fade,uk-slide-top}.uk-animation-slide-bottom{animation-name:uk-fade,uk-slide-bottom}.uk-animation-slide-right{animation-name:uk-fade,uk-slide-left}.uk-animation-slide-left{animation-name:uk-fade,uk-slide-right}.uk-animation-slide-top-small{animation-name:uk-fade,uk-slide-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade,uk-slide-bottom-small}.uk-animation-slide-right-small{animation-name:uk-fade,uk-slide-left-small}.uk-animation-slide-left-small{animation-name:uk-fade,uk-slide-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade,uk-slide-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade,uk-slide-bottom-medium}.uk-animation-slide-right-medium{animation-name:uk-fade,uk-slide-left-medium}.uk-animation-slide-left-medium{animation-name:uk-fade,uk-slide-right-medium}.uk-animation-kenburns{animation-name:uk-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;animation-duration:2s;stroke-dasharray:var(--uk-animation-stroke)}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-scale-up{0%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes uk-scale-down{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes uk-slide-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes uk-slide-left{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes uk-slide-right{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes uk-slide-top-small{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-small{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-small{0%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-small{0%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes uk-slide-top-medium{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-medium{0%{transform:translateY(50px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-medium{0%{transform:translateX(50px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-medium{0%{transform:translateX(-50px)}100%{transform:translateX(0)}}@keyframes uk-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(9px)}20%{transform:translateX(-8px)}30%{transform:translateX(7px)}40%{transform:translateX(-6px)}50%{transform:translateX(5px)}60%{transform:translateX(-4px)}70%{transform:translateX(3px)}80%{transform:translateX(-2px)}90%{transform:translateX(1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% * 1 / 3.001)}.uk-width-2-3{width:calc(100% * 2 / 3.001)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% * 1 / 6.001)}.uk-width-5-6{width:calc(100% * 5 / 6.001)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}}.uk-width-max-content{width:max-content}.uk-width-min-content{width:min-content}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-viewport-2{min-height:200vh}.uk-height-viewport-3{min-height:300vh}.uk-height-viewport-4{min-height:400vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta>a{color:#999}.uk-text-meta>a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-decoration-none{text-decoration:none!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;color:transparent!important;display:inline-block;background-color:#1e87f0;background-image:linear-gradient(-90deg,#1e87f0 0,#411ef0 100%)}.uk-text-right{text-align:right!important}.uk-text-left{text-align:left!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-right\@s{text-align:right!important}.uk-text-left\@s{text-align:left!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-right\@m{text-align:right!important}.uk-text-left\@m{text-align:left!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-right\@l{text-align:right!important}.uk-text-left\@l{text-align:left!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-right\@xl{text-align:right!important}.uk-text-left\@xl{text-align:left!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-word}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}[data-uk-cover],[uk-cover]{max-width:none;position:absolute;right:50%;top:50%;--uk-position-translate-x:50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y))}iframe[data-uk-cover],iframe[uk-cover]{pointer-events:none}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.uk-background-top-right{background-position:100% 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-left{background-position:0 0}.uk-background-center-right{background-position:100% 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-left{background-position:0 50%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-left{background-position:0 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed;backface-visibility:hidden}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-right:auto;margin-left:auto}.uk-align-right{margin-top:0;margin-left:30px;float:right}.uk-align-left{margin-top:0;margin-right:30px;float:left}@media (min-width:640px){.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}}@media (min-width:960px){.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}}@media (min-width:1200px){.uk-align-right\@l{margin-top:0;float:right}.uk-align-left\@l{margin-top:0;float:left}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}}@media (min-width:1600px){.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-right{float:right}.uk-float-left{float:left}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-box-sizing-content{box-sizing:content-box}.uk-box-sizing-border{box-sizing:border-box}.uk-resize{resize:both}.uk-resize-horizontal{resize:horizontal}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}[data-uk-responsive],[uk-responsive]{max-width:100%}.uk-object-cover{object-fit:cover}.uk-object-contain{object-fit:contain}.uk-object-fill{object-fit:fill}.uk-object-none{object-fit:none}.uk-object-scale-down{object-fit:scale-down}.uk-object-top-right{object-position:100% 0}.uk-object-top-center{object-position:50% 0}.uk-object-top-left{object-position:0% 0}.uk-object-center-right{object-position:100% 50%}.uk-object-center-center{object-position:50% 50%}.uk-object-center-left{object-position:0% 50%}.uk-object-bottom-right{object-position:100% 100%}.uk-object-bottom-center{object-position:50% 100%}.uk-object-bottom-left{object-position:0% 100%}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-large{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-hover-large:hover{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:"";position:absolute;bottom:-30px;right:0;left:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-left:10px;float:right;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#333;text-decoration:none}:where(.uk-logo){display:inline-block;vertical-align:middle}.uk-logo:hover{color:#333;text-decoration:none}.uk-logo :where(img,svg,video){display:block}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(50%,-50%)}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-left{transform-origin:0% 0}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-center-left{transform-origin:0% 50%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-left{transform-origin:0% 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-right{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-left{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-right\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-left\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-right\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-left\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-right\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-left\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-right\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-left\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-right{margin-right:40px!important}.uk-margin-large-left{margin-left:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-right{margin-right:70px!important}.uk-margin-large-left{margin-left:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}}.uk-margin-auto{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-right\@s{margin-right:0!important}.uk-margin-remove-left\@s{margin-left:0!important}}@media (min-width:960px){.uk-margin-remove-right\@m{margin-right:0!important}.uk-margin-remove-left\@m{margin-left:0!important}}@media (min-width:1200px){.uk-margin-remove-right\@l{margin-right:0!important}.uk-margin-remove-left\@l{margin-left:0!important}}@media (min-width:1600px){.uk-margin-remove-right\@xl{margin-right:0!important}.uk-margin-remove-left\@xl{margin-left:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:40px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-right:0!important;padding-left:0!important}:root{--uk-position-margin-offset:0px}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:calc(100% - (var(--uk-position-margin-offset) * 2));box-sizing:border-box}.uk-position-top{top:0;right:0;left:0}.uk-position-bottom{bottom:0;right:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-center{top:calc(50% - var(--uk-position-margin-offset));right:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y));width:max-content}[class*=uk-position-center-left],[class*=uk-position-center-right]{top:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-y:-50%;transform:translate(0,var(--uk-position-translate-y))}.uk-position-center-right{right:0}.uk-position-center-left{left:0}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-bottom-center,.uk-position-top-center{right:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:50%;transform:translate(var(--uk-position-translate-x),0);width:max-content}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;right:0;left:0}.uk-position-small{margin:15px;--uk-position-margin-offset:15px}.uk-position-medium{margin:30px;--uk-position-margin-offset:30px}.uk-position-large{margin:30px;--uk-position-margin-offset:30px}@media (min-width:1200px){.uk-position-large{margin:50px;--uk-position-margin-offset:50px}}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-sticky{position:sticky!important}.uk-position-z-index{z-index:1}.uk-position-z-index-zero{z-index:0}.uk-position-z-index-negative{z-index:-1}:where(.uk-transition-fade),:where([class*=uk-transition-scale]),:where([class*=uk-transition-slide]){--uk-position-translate-x:0;--uk-position-translate-y:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;--uk-scale-x:1;--uk-scale-y:1;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle .uk-transition-fade:focus-within,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}[class*=uk-transition-scale]{-webkit-backface-visibility:hidden}.uk-transition-scale-up{--uk-scale-x:1;--uk-scale-y:1}.uk-transition-scale-down{--uk-scale-x:1.03;--uk-scale-y:1.03}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle .uk-transition-scale-up:focus-within,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{--uk-scale-x:1.03;--uk-scale-y:1.03;opacity:1}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle .uk-transition-scale-down:focus-within,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{--uk-scale-x:1;--uk-scale-y:1;opacity:1}.uk-transition-slide-top{--uk-translate-y:-100%}.uk-transition-slide-bottom{--uk-translate-y:100%}.uk-transition-slide-right{--uk-translate-x:-100%}.uk-transition-slide-left{--uk-translate-x:100%}.uk-transition-slide-top-small{--uk-translate-y:calc(-1 * 10px)}.uk-transition-slide-bottom-small{--uk-translate-y:10px}.uk-transition-slide-right-small{--uk-translate-x:calc(-1 * 10px)}.uk-transition-slide-left-small{--uk-translate-x:10px}.uk-transition-slide-top-medium{--uk-translate-y:calc(-1 * 50px)}.uk-transition-slide-bottom-medium{--uk-translate-y:50px}.uk-transition-slide-right-medium{--uk-translate-x:calc(-1 * 50px)}.uk-transition-slide-left-medium{--uk-translate-x:50px}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle [class*=uk-transition-slide]:focus-within,.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;opacity:1}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}@media (hover:none){.uk-hidden-touch{display:none!important}}@media (hover){.uk-hidden-notouch{display:none!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,.uk-light :focus-visible,.uk-offcanvas-bar :focus-visible,.uk-overlay-primary :focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible{outline-color:#fff}.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-light .uk-list-muted>::before,.uk-offcanvas-bar .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-light .uk-list-emphasis>::before,.uk-offcanvas-bar .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-light .uk-list-primary>::before,.uk-offcanvas-bar .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-light .uk-list-secondary>::before,.uk-offcanvas-bar .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#fff}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:#fff}.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666!important}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-light .uk-nav-secondary>li>a,.uk-offcanvas-bar .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-light .uk-nav-secondary>li>a:hover,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-light .uk-nav-secondary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-light .uk-nav-secondary .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-light .uk-nav-secondary .uk-nav-header,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-light .uk-nav-secondary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-light .uk-nav-secondary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-light .uk-nav-secondary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-thumbnav>*>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-light .uk-thumbnav>*>::after,.uk-offcanvas-bar .uk-thumbnav>*>::after,.uk-overlay-primary .uk-thumbnav>*>::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after{background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,0.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:#fff}.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:#fff}.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-light .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-light .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:block}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/static/uikit/css/uikit.css b/static/uikit/css/uikit.css new file mode 100644 index 0000000..08417c2 --- /dev/null +++ b/static/uikit/css/uikit.css @@ -0,0 +1,12497 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ +html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between the element and the bottom of its parent container. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Constrain the element to its parent width. + * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. + * 3. Take border and padding into account. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Deprecated: only needed for `img` elements with `uk-img` + * 1. Hide `alt` text for lazy load images. + * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + */ +img:not([src]) { + /* 1 */ + visibility: hidden; + /* 2 */ + min-width: 1px; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-left: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Focus + ========================================================================== */ +:focus { + outline: none; +} +:focus-visible { + outline: 2px dotted #333; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a, +.uk-link-toggle .uk-link-muted { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a, +.uk-link-toggle .uk-link-text { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a, +.uk-link-toggle .uk-link-heading { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-right: calc(5px + 0.2em); + border-left: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (calc(0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + right: 100%; + margin-right: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + left: 100%; + margin-left: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + right: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + left: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: max-content; + height: 100px; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Avoid column break within the list item, when using `column-count` + */ +.uk-list > * { + break-inside: avoid-column; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari + ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-left: 30px; +} +/* + * Type modifiers + */ +.uk-list-decimal { + counter-reset: decimal; +} +.uk-list-decimal > * { + counter-increment: decimal; +} +.uk-list-disc > ::before, +.uk-list-circle > ::before, +.uk-list-square > ::before, +.uk-list-decimal > ::before, +.uk-list-hyphen > ::before { + content: ""; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: right; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; +} +/* + * Color modifiers + */ +.uk-list-muted > ::before { + color: #999 !important; +} +.uk-list-emphasis > ::before { + color: #333 !important; +} +.uk-list-primary > ::before { + color: #1e87f0 !important; +} +.uk-list-secondary > ::before { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-left: 30px; +} +.uk-list-bullet > ::before { + content: ""; + display: list-item; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: left; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: left; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-left: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-right: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-left: 0; + padding-right: 0; + } +} +.uk-table tbody tr { + transition: background-color 0.1s linear; +} +.uk-table-striped > tr:nth-of-type(even):last-child, +.uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + * 1. Required for `span` with background image + * 2. Required for `image` + */ +.uk-icon-image { + width: 20px; + height: 20px; + /* 1 */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + /* 2 */ + object-fit: scale-down; + max-width: none; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + * 1. Allow text within link + */ +.uk-icon-link { + color: #999; + /* 1 */ + text-decoration: none !important; +} +.uk-icon-link:hover { + color: #666; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-icon-button:hover { + background-color: #ebebeb; + color: #666; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Remove default style. + * 2. Define consistent box sizing. + * 3. Remove `margin` in all browsers. + * 4. Align to the center of the line box. + * 5. Prevent content overflow if a fixed width is used. + * 6. Take the full width. + * 7. Remove white background in Chrome. + */ +.uk-range { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + box-sizing: border-box; + /* 3 */ + margin: 0; + /* 4 */ + vertical-align: middle; + /* 5 */ + max-width: 100%; + /* 6 */ + width: 100%; + /* 7 */ + background: transparent; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +/* + * Track + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #dedede; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #dedede; +} +/* + * Thumb + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + margin-top: -7px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 6px; + padding-bottom: 6px; + vertical-align: top; +} +.uk-select[multiple], +.uk-select[size] { + resize: vertical; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input::placeholder { + color: #999; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +/* Multi-line */ +textarea.uk-form-small, +[multiple].uk-form-small, +[size].uk-form-small { + padding: 5px 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-left: 12px; + padding-right: 12px; +} +/* Multi-line */ +textarea.uk-form-large, +[multiple].uk-form-large, +[size].uk-form-large { + padding: 7px 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: solid; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-right: 20px; + 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"); + background-repeat: no-repeat; + background-position: 100% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size]) option { + color: #666; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + 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"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-right: 20px; + background-repeat: no-repeat; + background-position: 100% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + 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%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none !important; +} +/* Radio and checkbox + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + background-color: rgba(0, 0, 0, 0); + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + left: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-left: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + right: 0; + left: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-right: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover */ +.uk-button-default:hover { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-primary:hover { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-secondary:hover { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-danger:hover { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 100%; + border-bottom: 1px solid currentColor; + transition: right 0.3s ease-out; +} +/* Hover */ +.uk-button-text:hover { + color: #333; +} +.uk-button-text:hover::before { + right: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-link:hover { + color: #999; + text-decoration: none; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-left: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in all browsers. + * 2. Behave like a block element. + * 3. Remove borders in Firefox. + * 4. Remove default style in Chrome, Safari and Edge. + * 5. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Show background color set on `uk-progress` in Chrome, Safari and Edge. + */ +.uk-progress::-webkit-progress-bar { + background-color: transparent; +} +/* + * Progress Bar + * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. + * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; + /* 1 */ + transition: width 0.6s ease; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-left: 0; + padding-right: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-left { + margin-left: 0; +} +.uk-container-expand-right { + margin-right: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-left, + .uk-container-expand-right { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-left.uk-container-large, + .uk-container-expand-right.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xlarge, + .uk-container-expand-right.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-left, +.uk-container-item-padding-remove-right { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-left: 15px; + padding-right: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-left: 40px; + padding-right: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + background-color: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +/* + * 1. Position + * 2. Size + * 3. Style + * 4. Center child vertically + */ +.uk-card-badge { + /* 1 */ + position: absolute; + top: 15px; + right: 15px; + z-index: 1; + /* 2 */ + height: 22px; + padding: 0 10px; + /* 3 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 4 */ + display: flex; + justify-content: center; + align-items: center; + line-height: 0; + border-radius: 2px; + text-transform: uppercase; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background-color: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + background-color: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + background-color: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-left: -30px; + margin-right: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body > .uk-nav-default > li > a, +.uk-card-body > .uk-nav-default .uk-nav-header, +.uk-card-body > .uk-nav-default .uk-nav-divider { + padding-left: 30px; + padding-right: 30px; +} +.uk-card-body > .uk-nav-default .uk-nav-sub { + padding-left: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-left: -40px; + margin-right: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body > .uk-nav-default > li > a, + .uk-card-body > .uk-nav-default .uk-nav-header, + .uk-card-body > .uk-nav-default .uk-nav-divider { + padding-left: 40px; + padding-right: 40px; + } + .uk-card-body > .uk-nav-default .uk-nav-sub { + padding-left: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-left: -20px; + margin-right: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small > .uk-nav-default > li > a, +.uk-card-small > .uk-nav-default .uk-nav-header, +.uk-card-small > .uk-nav-default .uk-nav-divider { + padding-left: 20px; + padding-right: 20px; +} +.uk-card-small > .uk-nav-default .uk-nav-sub { + padding-left: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large > .uk-nav-default > li > a, + .uk-card-large > .uk-nav-default .uk-nav-header, + .uk-card-large > .uk-nav-default .uk-nav-divider { + padding-left: 0; + padding-right: 0; + } + .uk-card-large > .uk-nav-default .uk-nav-sub { + padding-left: 15px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; +} +/* Hover */ +.uk-close:hover { + color: #666; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + transform: rotate(450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-totop:hover { + color: #666; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover */ +.uk-marker:hover { + color: #fff; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 29px 15px 15px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + right: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +.uk-alert-close:hover { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff !important; + font-size: 11px; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Required for `a` + */ +.uk-badge:hover { + text-decoration: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-left: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-left: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + right: 0; + left: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 240px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 40px; +} +.uk-search-default .uk-search-icon-flip ~ .uk-search-input { + padding-right: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 40px; +} +.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { + padding-right: 40px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; +} +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 80px; +} +.uk-search-large .uk-search-icon-flip ~ .uk-search-input { + padding-right: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover */ +.uk-search-toggle:hover { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; +} +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-left: 10px; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Hover */ +.uk-accordion-title:hover { + color: #666; + text-decoration: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + --uk-position-offset: 20px; + --uk-position-viewport-offset: 15px; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* Parent icon + ========================================================================== */ +.uk-drop-parent-icon { + margin-left: 0.25em; + transition: transform 0.3s ease-out; +} +[aria-expanded="true"] > .uk-drop-parent-icon { + transform: rotateX(180deg); +} +/* ======================================================================== + Component: Dropbar + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop + * 2. Style + */ +.uk-dropbar { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 0; + /* 1 */ + width: auto; + /* 2 */ + padding: 25px 15px 25px 15px; + background: #fff; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropbar > :last-child { + margin-bottom: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropbar { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropbar { + padding-left: 40px; + padding-right: 40px; + } +} +.uk-dropbar :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Direction modifier + ========================================================================== */ +.uk-dropbar-top { + box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-bottom { + box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-left { + box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-right { + box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +/* ======================================================================== + Component: Dropnav + ========================================================================== */ +/* + * 1. Position + * 2. Reset dropbar + * 3. Width + */ +.uk-dropnav-dropbar { + /* 1 */ + position: absolute; + z-index: 980; + /* 2 */ + padding: 0; + /* 3 */ + left: 0; + right: 0; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: 100% !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 20px 20px; +} +.uk-modal-header { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal-body { + padding: 30px 30px; + } + .uk-modal-header { + padding: 15px 30px; + } + .uk-modal-footer { + padding: 15px 30px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + right: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + right: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + right: 0; + transform: translate(100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + right: 0; + padding: 10px; + background: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal-close-full { + padding: 20px; + } +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + * 5. Disable horizontal panning gestures + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; + /* 5 */ + touch-action: pan-y; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + right: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + * 2. Prevent accidental scrolling through elements in slide getting focused + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; + /* 2 */ + overflow: clip; +} +/* + * Widen container to prevent box-shadows from clipping, `large-box-shadow` + */ +.uk-slider-container-offset { + margin: -11px -25px -39px -25px; + padding: 11px 25px 39px 25px; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + * 3. Disable horizontal panning gestures + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * `max-width` needed to keep image responsiveness and prevent content overflow + * 2. Create position context + */ +.uk-slider-items > * { + /* 1 */ + flex: none; + box-sizing: border-box; + max-width: 100%; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Create position context so it's t the same like when fixed. + * 2. Create stacking context already when not sticky to have the same context +* for position set to `sticky` and `relative` + * 2. More robust if padding and border are used and the sticky height is transitioned + */ +.uk-sticky { + /* 1 */ + position: relative; + /* 2 */ + z-index: 980; + /* 3 */ + box-sizing: border-box; +} +/* + * 1. Force new layer to resolve frame rate issues on devices with lower frame rates + */ +.uk-sticky-fixed { + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* + * Placeholder + * Make content clickable for sticky cover and reveal effects + */ +.uk-sticky-placeholder { + pointer-events: none; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + right: 0; + left: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-bar { + left: -350px; + width: 350px; + padding: 30px 30px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + left: auto; + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + right: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + left: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + left: auto; + right: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: left 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: right; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: auto; + right: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + right: 0; + left: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 5px; + right: 5px; + padding: 5px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-close { + top: 10px; + right: 10px; + } +} +/* + * Remove margin from adjacent element + */ +.uk-offcanvas-close:first-child + * { + margin-top: 0; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + * 1. `clip` is needed for `position: sticky` elements to keep their position + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; + /* 1 */ + overflow-x: clip; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + left: 0; + transition: left 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-left: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-right, +.uk-notification-bottom-right { + left: auto; + right: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notification-bottom-left, +.uk-notification-bottom-right, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + right: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + --uk-position-offset: 10px; + --uk-position-viewport-offset: 10; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-left: -30px; +} +.uk-grid > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-left: -40px; + } + .uk-grid > * { + padding-left: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-left: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-left: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-left: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-left: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-left: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-left: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-left: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-left: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-left: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-left: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + left: 0; + right: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-left: -60px; +} +.uk-grid-divider > * { + padding-left: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-left: -80px; + } + .uk-grid-divider > * { + padding-left: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + left: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-left: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-left: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + left: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + left: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + left: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-left: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-left: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + left: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-left: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-left: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-left: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-left: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + left: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* +* 1. Center content vertically, e.g. an icon +* 2. Imitate white space gap when using flexbox +* 3. Reset link + */ +.uk-nav li > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3*/ + text-decoration: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-left: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon + ========================================================================== */ +.uk-nav-parent-icon { + margin-left: auto; + transition: transform 0.3s ease-out; +} +.uk-nav > li.uk-open > a .uk-nav-parent-icon { + transform: rotateX(180deg); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav .uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover */ +.uk-nav-default > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-default .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +.uk-nav-primary { + font-size: 1.5rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-primary > li > a { + color: #999; +} +/* Hover */ +.uk-nav-primary > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-primary .uk-nav-subtitle { + font-size: 1.25rem; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub { + font-size: 1.25rem; + line-height: 1.5; +} +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Secondary modifier + ========================================================================== */ +.uk-nav-secondary { + font-size: 16px; + line-height: 1.5; +} +.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 0; +} +/* + * Items + */ +.uk-nav-secondary > li > a { + color: #333; + padding: 10px 10px; +} +/* Hover */ +.uk-nav-secondary > li > a:hover { + color: #333; + background-color: #f8f8f8; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a { + color: #333; + background-color: #f8f8f8; +} +/* + * Subtitle + */ +.uk-nav-secondary .uk-nav-subtitle { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: #666; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #333; +} +/* + * Header + */ +.uk-nav-secondary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-secondary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-secondary .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-secondary .uk-nav-sub a { + color: #999; +} +.uk-nav-secondary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Alignment modifier + ========================================================================== */ +/* + * 1. Center header + * 2. Center items + */ +/* 1 */ +.uk-nav-center { + text-align: center; +} +/* 2 */ +.uk-nav-center li > a { + justify-content: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-left: 0; +} +/* Parent icon */ +.uk-nav-center .uk-nav-parent-icon { + margin-left: 0.25em; +} +/* Style modifier + ========================================================================== */ +/* + * Divider + * Naming is in plural to prevent conflicts with divider sub object. + */ +.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + */ +.uk-navbar-left, +.uk-navbar-right, +[class*='uk-navbar-center'] { + display: flex; + gap: 15px; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-right { + margin-left: auto; +} +.uk-navbar-center:only-child { + margin-left: auto; + margin-right: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-left, +.uk-navbar-center-right { + position: absolute; + top: 0; +} +.uk-navbar-center-left { + right: calc(100% + 15px); +} +.uk-navbar-center-right { + left: calc(100% + 15px); +} +[class*='uk-navbar-center-'] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Imitate white space gap when using flexbox + * 3. Dimensions + * 4. Style + * 5. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + box-sizing: border-box; + min-height: 80px; + /* 4 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 5 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + padding: 0 0; + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a[aria-expanded="true"] { + color: #666; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Parent icon modifier + ========================================================================== */ +.uk-navbar-parent-icon { + margin-left: 4px; + transition: transform 0.3s ease-out; +} +.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { + transform: rotateX(180deg); +} +/* Item + ========================================================================== */ +.uk-navbar-item { + padding: 0 0; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-item > :last-child { + margin-bottom: 0; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + padding: 0 0; + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle[aria-expanded="true"] { + color: #666; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Justify modifier + ========================================================================== */ +.uk-navbar-justify .uk-navbar-left, +.uk-navbar-justify .uk-navbar-right, +.uk-navbar-justify .uk-navbar-nav, +.uk-navbar-justify .uk-navbar-nav > li, +.uk-navbar-justify .uk-navbar-item, +.uk-navbar-justify .uk-navbar-toggle { + flex-grow: 1; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Set a default width + * 2. Style + */ +.uk-navbar-dropdown { + --uk-position-offset: 15px; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: 200px; + /* 2 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-navbar-dropdown > :last-child { + margin-bottom: 0; +} +.uk-navbar-dropdown :focus-visible { + outline-color: #333 !important; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown .uk-drop-grid { + margin-left: -30px; +} +.uk-navbar-dropdown .uk-drop-grid > * { + padding-left: 30px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { + margin-top: 30px; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { + width: 1000px; +} +/* + * Size modifier + */ +.uk-navbar-dropdown-large { + --uk-position-shift-offset: 0; + padding: 40px; +} +/* + * Dropbar modifier + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-navbar-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 25px 0 25px 0; + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-navbar-dropdown-dropbar-large { + --uk-position-shift-offset: 0; + padding-top: 40px; + padding-bottom: 40px; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover */ +.uk-navbar-dropdown-nav > li > a:hover { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-navbar-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +/* + * Adopts `uk-dropnav-dropbar` + */ +/* + * Create navbar placeholder space if dropbar is behind navbar + */ +.uk-navbar-dropbar-behind::before { + content: ""; + display: block; + height: 80px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-left, + .uk-navbar-right, + [class*='uk-navbar-center'] { + gap: 30px; + } + .uk-navbar-center-left { + right: calc(100% + 30px); + } + .uk-navbar-center-right { + left: calc(100% + 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-nav { + gap: 30px; + } +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: -20px; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-subnav > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-left: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-left: 0px; + margin-right: 20px; + border-left: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover */ +.uk-subnav-pill > * > a:hover { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * Reset list + */ +.uk-breadcrumb { + padding: 0; + list-style: none; +} +/* + * 1. Doesn't generate any box and replaced by child boxes + */ +.uk-breadcrumb > * { + display: contents; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-breadcrumb > * > :hover { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + * 1. Remove space between inline block elements. + * 2. Style + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + /* 1 */ + margin: 0 20px 0 calc(20px - 4px); + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-left: 0; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: block; + /* 2 */ + padding: 5px 10px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-pagination > * > :hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + left: 20px; + right: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Center content if a width is set + * 4. Style + */ +.uk-tab > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + justify-content: center; + /* 4 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-tab > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-left, +.uk-tab-right { + flex-direction: column; + /* 1 */ + margin-left: 0; +} +/* 1 */ +.uk-tab-left > *, +.uk-tab-right > * { + padding-left: 0; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + left: auto; + right: 0; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + left: 0; + right: auto; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left > * > a { + justify-content: left; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab-right > * > a { + justify-content: left; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-left: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-slidenav:hover { + color: rgba(102, 102, 102, 0.9); +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover */ +.uk-dotnav > * > :hover { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-left: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-left: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); + transition: opacity 0.1s ease-in-out; +} +/* Hover */ +.uk-thumbnav > * > :hover::after { + opacity: 0; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + opacity: 0; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-left: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-left: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically if there is still some text + * 2. Imitate white space gap when using flexbox + * 3. Force text not to affect item height + * 4. Style + * 5. Required for `a` if there is still some text + */ +.uk-iconnav > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + line-height: 0; + /* 4 */ + color: #999; + /* 5 */ + text-decoration: none; + font-size: 0.875rem; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-iconnav > * > a:hover { + color: #666; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-left: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop and let text expand the width instead of wrapping + * 2. Set a default width + * 3. Style + */ +.uk-dropdown { + --uk-position-offset: 10px; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: auto; + /* 2 */ + min-width: 200px; + /* 3 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-dropdown > :last-child { + margin-bottom: 0; +} +.uk-dropdown :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropdown-large { + padding: 40px; +} +/* Dropbar modifier + ========================================================================== */ +/* + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 5px 0 25px 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-dropdown-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Subtitle + */ +.uk-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* + * Focus + */ +.uk-lightbox :focus-visible { + outline-color: rgba(255, 255, 255, 0.7); +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* Hover */ +.uk-lightbox-button:hover { + color: #fff; +} +/* OnClick */ +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*='uk-animation-'] { + animation: 0.5s ease-out both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade, uk-scale-up; +} +.uk-animation-scale-down { + animation-name: uk-fade, uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade, uk-slide-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade, uk-slide-bottom; +} +.uk-animation-slide-left { + animation-name: uk-fade, uk-slide-left; +} +.uk-animation-slide-right { + animation-name: uk-fade, uk-slide-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade, uk-slide-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade, uk-slide-bottom-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade, uk-slide-left-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade, uk-slide-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade, uk-slide-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade, uk-slide-bottom-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade, uk-slide-left-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade, uk-slide-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + animation-duration: 2s; + stroke-dasharray: var(--uk-animation-stroke); +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle animation based on the State of the Parent Element + ========================================================================== */ +.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale + */ +@keyframes uk-scale-up { + 0% { + transform: scale(0.9); + } + 100% { + transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* + * Slide + */ +@keyframes uk-slide-top { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Small + */ +@keyframes uk-slide-top-small { + 0% { + transform: translateY(-10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-small { + 0% { + transform: translateY(10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-small { + 0% { + transform: translateX(-10px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-small { + 0% { + transform: translateX(10px); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Medium + */ +@keyframes uk-slide-top-medium { + 0% { + transform: translateY(-50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-medium { + 0% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-medium { + 0% { + transform: translateX(-50px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-medium { + 0% { + transform: translateX(50px); + } + 100% { + transform: translateX(0); + } +} +/* + * Kenburns + */ +@keyframes uk-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(-9px); + } + 20% { + transform: translateX(8px); + } + 30% { + transform: translateX(-7px); + } + 40% { + transform: translateX(6px); + } + 50% { + transform: translateX(-5px); + } + 60% { + transform: translateX(4px); + } + 70% { + transform: translateX(-3px); + } + 80% { + transform: translateX(2px); + } + 90% { + transform: translateX(-1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*='uk-width']) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-max-content { + width: max-content; +} +.uk-width-min-content { + width: min-content; +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +.uk-height-viewport-2 { + min-height: 200vh; +} +.uk-height-viewport-3 { + min-height: 300vh; +} +.uk-height-viewport-4 { + min-height: 400vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta > a { + color: #999; +} +.uk-text-meta > a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Decoration modifier + ========================================================================== */ +.uk-text-decoration-none { + text-decoration: none !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in all browsers. + * 2. Default color is set to transparent. + * 3. Container fits the text + * 4. Style + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + color: transparent !important; + /* 3 */ + display: inline-block; + /* 4 */ + background-color: #1e87f0; + background-image: linear-gradient(90deg, #1e87f0 0%, #411ef0 100%); +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-left { + text-align: left !important; +} +.uk-text-right { + text-align: right !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * Wrap long words onto the next line and break them if they are too long to fit. + * 1. Make it work with table cells in all browsers. + * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. + */ +.uk-text-break { + overflow-wrap: break-word; +} +/* 1 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-word; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. + * 2. Reset responsiveness for embedded content + * 3. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +/* 1 */ +[uk-cover], +[data-uk-cover] { + /* 2 */ + max-width: none; + /* 3 */ + position: absolute; + left: 50%; + top: 50%; + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); +} +iframe[uk-cover], +iframe[data-uk-cover] { + pointer-events: none; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain, +.uk-background-width-1-1, +.uk-background-height-1-1 { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +.uk-background-width-1-1 { + background-size: 100%; +} +.uk-background-height-1-1 { + background-size: auto 100%; +} +/* Position + ========================================================================== */ +.uk-background-top-left { + background-position: 0 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-center-left { + background-position: 0 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-bottom-left { + background-position: 0 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* + * Left/Right + */ +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Box Sizing + ========================================================================== */ +.uk-box-sizing-content { + box-sizing: content-box; +} +.uk-box-sizing-border { + box-sizing: border-box; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-horizontal { + resize: horizontal; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force new layer without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* + * Fix initial iframe width. Without the viewport is expanded on iOS devices + */ +[uk-responsive], +[data-uk-responsive] { + max-width: 100%; +} +/* Object + ========================================================================== */ +.uk-object-cover { + object-fit: cover; +} +.uk-object-contain { + object-fit: contain; +} +.uk-object-fill { + object-fit: fill; +} +.uk-object-none { + object-fit: none; +} +.uk-object-scale-down { + object-fit: scale-down; +} +/* + * Position + */ +.uk-object-top-left { + object-position: 0 0; +} +.uk-object-top-center { + object-position: 50% 0; +} +.uk-object-top-right { + object-position: 100% 0; +} +.uk-object-center-left { + object-position: 0 50%; +} +.uk-object-center-center { + object-position: 50% 50%; +} +.uk-object-center-right { + object-position: 100% 50%; +} +.uk-object-bottom-left { + object-position: 0 100%; +} +.uk-object-bottom-center { + object-position: 50% 100%; +} +.uk-object-bottom-right { + object-position: 100% 100%; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Fix shadow being clipped in Safari if container is animated + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + z-index: 0; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::after { + content: ""; + /* 1 */ + position: absolute; + bottom: -30px; + left: 0; + right: 0; + z-index: -1; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + /* 3 */ + will-change: filter; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-right: 10px; + float: left; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Style + * 2. Required for `a` + * 3. Behave like image but can be overridden through flex utility classes + */ +.uk-logo { + /* 1 */ + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #333; + /* 2 */ + text-decoration: none; +} +/* 3 */ +:where(.uk-logo) { + display: inline-block; + vertical-align: middle; +} +/* Hover */ +.uk-logo:hover { + color: #333; + /* 1 */ + text-decoration: none; +} +.uk-logo :where(img, svg, video) { + display: block; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(-50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-left { + transform-origin: 0 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-center-left { + transform-origin: 0 50%; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-left { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-right { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-left\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-right\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-left\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-right\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-left\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-right\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-left\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-right\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +:root { + --uk-position-margin-offset: 0px; +} +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow. + */ +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-left'], +[class*='uk-position-right'], +[class*='uk-position-center'] { + position: absolute !important; + /* 1 */ + max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); + box-sizing: border-box; +} +/* + * Edges + * Don't use `width: 100%` because it's wrong if the parent has padding. + */ +.uk-position-top { + top: 0; + left: 0; + right: 0; +} +.uk-position-bottom { + bottom: 0; + left: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +/* + * Corners + */ +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + * Using `max-content` requires `max-width` of 100% which is set generally. + */ +.uk-position-center { + top: calc(50% - var(--uk-position-margin-offset)); + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); + /* 1 */ + width: max-content; +} +/* Vertical */ +[class*='uk-position-center-left'], +[class*='uk-position-center-right'] { + top: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-y: -50%; + transform: translate(0, var(--uk-position-translate-y)); +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + transform: translate(var(--uk-position-translate-x), 0); + /* 1 */ + width: max-content; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +/* + * Cover + */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +/* Margin + ========================================================================== */ +.uk-position-small { + margin: 15px; + --uk-position-margin-offset: 15px; +} +.uk-position-medium { + margin: 30px; + --uk-position-margin-offset: 30px; +} +.uk-position-large { + margin: 30px; + --uk-position-margin-offset: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + --uk-position-margin-offset: 50px; + } +} +/* Schemes + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-sticky { + position: sticky !important; +} +/* Layer + ========================================================================== */ +.uk-position-z-index { + z-index: 1; +} +.uk-position-z-index-zero { + z-index: 0; +} +.uk-position-z-index-negative { + z-index: -1; +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + */ +:where(.uk-transition-fade), +:where([class*='uk-transition-scale']), +:where([class*='uk-transition-slide']) { + --uk-position-translate-x: 0; + --uk-position-translate-y: 0; +} +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + --uk-scale-x: 1; + --uk-scale-y: 1; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-toggle .uk-transition-fade:focus-within, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. + */ +/* 1 */ +[class*='uk-transition-scale'] { + -webkit-backface-visibility: hidden; +} +.uk-transition-scale-up { + --uk-scale-x: 1; + --uk-scale-y: 1; +} +.uk-transition-scale-down { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-toggle .uk-transition-scale-up:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-up { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; + opacity: 1; +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-toggle .uk-transition-scale-down:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-down { + --uk-scale-x: 1; + --uk-scale-y: 1; + opacity: 1; +} +/* + * Slide + */ +.uk-transition-slide-top { + --uk-translate-y: -100%; +} +.uk-transition-slide-bottom { + --uk-translate-y: 100%; +} +.uk-transition-slide-left { + --uk-translate-x: -100%; +} +.uk-transition-slide-right { + --uk-translate-x: 100%; +} +.uk-transition-slide-top-small { + --uk-translate-y: calc(-1 * 10px); +} +.uk-transition-slide-bottom-small { + --uk-translate-y: 10px; +} +.uk-transition-slide-left-small { + --uk-translate-x: calc(-1 * 10px); +} +.uk-transition-slide-right-small { + --uk-translate-x: 10px; +} +.uk-transition-slide-top-medium { + --uk-translate-y: calc(-1 * 50px); +} +.uk-transition-slide-bottom-medium { + --uk-translate-y: 50px; +} +.uk-transition-slide-left-medium { + --uk-translate-x: calc(-1 * 50px); +} +.uk-transition-slide-right-medium { + --uk-translate-x: 50px; +} +/* Show */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle:focus [class*='uk-transition-slide'], +.uk-transition-toggle [class*='uk-transition-slide']:focus-within, +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + opacity: 1; +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifiers + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Based on the State of the Parent Element + ========================================================================== */ +/* + * Mind that `display: none`, `visibility: hidden` and `opacity: 0` + * remove the element from the accessibility tree and that + * `display: none` and `visibility: hidden` are not focusable. + * + * The target stays visible if any element within receives focus through keyboard. + */ +/* + * Remove space when hidden. + * 1. Remove from document flow. + * 2. Hide element and shrink its dimension. Can't use zero dimensions together + * with `overflow: hidden` it would remove it from the accessibility tree. + * 3. Hide the single rendered pixel. + * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation + * by screen readers and the visual tracking indicator of other assistive technologies. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 1px !important; + height: 1px !important; + padding: 0 !important; + border: 0 !important; + margin: 0 !important; + overflow: hidden !important; + /* 3 */ + clip-path: inset(50%) !important; + /* 4 */ + white-space: nowrap !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Unfortunately, can't use `clip-path: inset(50%)` because hover won't work + * if the element is positioned outside of the toggle box. + */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + opacity: 0 !important; +} +/* Based on Hover Capability of the Pointing Device + ========================================================================== */ +/* + * Hover + */ +/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ +@media (hover: none) { + .uk-hidden-touch { + display: none !important; + } +} +/* Hide if primary pointing device supports hover, e.g. mice. */ +@media (hover) { + .uk-hidden-notouch { + display: none !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-light .uk-link-toggle:hover .uk-link, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light :focus-visible, +.uk-section-primary:not(.uk-preserve-color) :focus-visible, +.uk-section-secondary:not(.uk-preserve-color) :focus-visible, +.uk-tile-primary:not(.uk-preserve-color) :focus-visible, +.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, +.uk-card-primary.uk-card-body :focus-visible, +.uk-card-primary > :not([class*='uk-card-media']) :focus-visible, +.uk-card-secondary.uk-card-body :focus-visible, +.uk-card-secondary > :not([class*='uk-card-media']) :focus-visible, +.uk-overlay-primary :focus-visible, +.uk-offcanvas-bar :focus-visible { + outline-color: #fff; +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-light .uk-link-toggle:hover .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-light .uk-link-toggle:hover .uk-link-text, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-light .uk-link-toggle:hover .uk-link-heading, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary.uk-card-body a.uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary.uk-card-body a.uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-overlay-primary a.uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, +.uk-offcanvas-bar a.uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + 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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + 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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: #fff; +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #ffffff; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:hover { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:hover { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: #fff; +} +.uk-light .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light.uk-card-badge, +.uk-section-primary:not(.uk-preserve-color).uk-card-badge, +.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-card-primary.uk-card-body.uk-card-badge, +.uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, +.uk-card-secondary.uk-card-body.uk-card-badge, +.uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, +.uk-overlay-primary.uk-card-badge, +.uk-offcanvas-bar.uk-card-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-overlay-primary .uk-close:hover, +.uk-offcanvas-bar .uk-close:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-overlay-primary .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-overlay-primary .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:hover { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666 !important; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-overlay-primary .uk-nav-secondary > li > a, +.uk-offcanvas-bar .uk-nav-secondary > li > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-overlay-primary .uk-nav-secondary > li > a:hover, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-overlay-primary .uk-nav-secondary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-secondary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:hover { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :hover { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-thumbnav > * > *::after, +.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-card-primary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-card-secondary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-overlay-primary .uk-thumbnav > * > *::after, +.uk-offcanvas-bar .uk-thumbnav > * > *::after { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: #fff; +} +.uk-light .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-overlay-primary .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:hover { + color: #fff; +} +.uk-light .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-light .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: block; +} +.uk-light .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/static/uikit/css/uikit.min.css b/static/uikit/css/uikit.min.css new file mode 100644 index 0000000..75a962c --- /dev/null +++ b/static/uikit/css/uikit.min.css @@ -0,0 +1 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,svg,video{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-left:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:0.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}:focus{outline:0}:focus-visible{outline:2px dotted #333}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,.uk-link-toggle .uk-link-muted,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,.uk-link-toggle .uk-link-text,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,.uk-link-toggle .uk-link-heading,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-right:calc(5px + .2em);border-left:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - (calc(.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{right:100%;margin-right:calc(5px + .3em)}.uk-heading-line>::after{left:100%;margin-left:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{right:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{left:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:max-content;height:100px;margin-left:auto;margin-right:auto;border-left:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*{break-inside:avoid-column}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle>*,.uk-list-decimal>*,.uk-list-disc>*,.uk-list-hyphen>*,.uk-list-square>*{padding-left:30px}.uk-list-decimal{counter-reset:decimal}.uk-list-decimal>*{counter-increment:decimal}.uk-list-circle>::before,.uk-list-decimal>::before,.uk-list-disc>::before,.uk-list-hyphen>::before,.uk-list-square>::before{content:"";position:relative;left:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;display:list-item;list-style-position:inside;text-align:right}.uk-list-disc>::before{list-style-type:disc}.uk-list-circle>::before{list-style-type:circle}.uk-list-square>::before{list-style-type:square}.uk-list-decimal>::before{content:counter(decimal,decimal) '\200A.\00A0'}.uk-list-hyphen>::before{content:'–\00A0\00A0'}.uk-list-muted>::before{color:#999!important}.uk-list-emphasis>::before{color:#333!important}.uk-list-primary>::before{color:#1e87f0!important}.uk-list-secondary>::before{color:#222!important}.uk-list-bullet>*{padding-left:30px}.uk-list-bullet>::before{content:"";display:list-item;position:relative;left:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:left;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-left:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-right:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-left:0;padding-right:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom:1px solid #e5e5e5}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle;object-fit:scale-down;max-width:none}.uk-icon-link{color:#999;text-decoration:none!important}.uk-icon-link:hover{color:#666}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:hover{background-color:#ebebeb;color:#666}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{-webkit-appearance:none;box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;background:0 0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;margin-top:-7px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::placeholder{color:#999}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-left:8px;padding-right:8px}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-left:12px;padding-right:12px}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:solid}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-right:20px;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");background-repeat:no-repeat;background-position:100% 50%}.uk-select:not([multiple]):not([size]) option{color:#666}.uk-select:not([multiple]):not([size]):disabled{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")}.uk-input[list]{padding-right:20px;background-repeat:no-repeat;background-position:100% 50%}.uk-input[list]:focus,.uk-input[list]:hover{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%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none!important}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{background-color:rgba(0,0,0,0);outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;left:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;left:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-left:40px!important}.uk-form-icon-flip{right:0;left:auto}.uk-form-icon-flip~.uk-input{padding-right:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;left:0;right:100%;border-bottom:1px solid currentColor;transition:right .3s ease-out}.uk-button-text:hover{color:#333}.uk-button-text:hover::before{right:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#333}.uk-button-link:hover{color:#999;text-decoration:none}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress::-webkit-progress-bar{background-color:transparent}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0;transition:width .6s ease}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{background:#fff}.uk-section-muted{background:#f8f8f8}.uk-section-primary{background:#1e87f0}.uk-section-secondary{background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:640px){.uk-container{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-container{padding-left:40px;padding-right:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-left:0;padding-right:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-left{margin-left:0}.uk-container-expand-right{margin-right:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-left{margin-left:-15px}.uk-container-item-padding-remove-right{margin-right:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-left{margin-left:-30px}.uk-container-item-padding-remove-right{margin-right:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-left{margin-left:-40px}.uk-container-item-padding-remove-right{margin-right:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-left:15px;padding-right:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-tile{padding-left:40px;padding-right:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{background-color:#fff}.uk-tile-muted{background-color:#f8f8f8}.uk-tile-primary{background-color:#1e87f0}.uk-tile-secondary{background-color:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:15px;right:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background-color:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{background-color:#1e87f0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-secondary{background-color:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-left:-30px;margin-right:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-left:30px;padding-right:30px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-left:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-left:-40px;margin-right:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-left:40px;padding-right:40px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-left:55px}}.uk-card-small>.uk-nav-default{margin-left:-20px;margin-right:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small>.uk-nav-default .uk-nav-divider,.uk-card-small>.uk-nav-default .uk-nav-header,.uk-card-small>.uk-nav-default>li>a{padding-left:20px;padding-right:20px}.uk-card-small>.uk-nav-default .uk-nav-sub{padding-left:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large>.uk-nav-default .uk-nav-divider,.uk-card-large>.uk-nav-default .uk-nav-header,.uk-card-large>.uk-nav-default>li>a{padding-left:0;padding-right:0}.uk-card-large>.uk-nav-default .uk-nav-sub{padding-left:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:hover{color:#666}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:hover{color:#666}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:hover{color:#fff}.uk-alert{position:relative;margin-bottom:20px;padding:15px 29px 15px 15px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;right:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:hover{text-decoration:none}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,.8)}.uk-overlay-primary{background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-left:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-left:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input::placeholder{color:#999}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;left:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{right:0;left:auto}.uk-search-default{width:240px}.uk-search-default .uk-search-input{height:40px;padding-left:10px;padding-right:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-default .uk-search-icon{width:40px}.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:40px}.uk-search-default .uk-search-icon-flip~.uk-search-input{padding-right:40px}.uk-search-navbar{width:400px}.uk-search-navbar .uk-search-input{height:40px;background:0 0;font-size:1.5rem}.uk-search-navbar .uk-search-icon{width:40px}.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:40px}.uk-search-navbar .uk-search-icon-flip~.uk-search-input{padding-right:40px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:80px;background:0 0;font-size:2.625rem}.uk-search-large .uk-search-icon{width:80px}.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:80px}.uk-search-large .uk-search-icon-flip~.uk-search-input{padding-right:80px}.uk-search-toggle{color:#999}.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-left:10px;float:right;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:hover{color:#666;text-decoration:none}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;--uk-position-offset:20px;--uk-position-viewport-offset:15px;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-drop-parent-icon{margin-left:.25em;transition:transform .3s ease-out}[aria-expanded=true]>.uk-drop-parent-icon{transform:rotateX(180deg)}.uk-dropbar{--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:0;width:auto;padding:25px 15px 25px 15px;background:#fff;color:#666}.uk-dropbar>:last-child{margin-bottom:0}@media (min-width:640px){.uk-dropbar{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-dropbar{padding-left:40px;padding-right:40px}}.uk-dropbar :focus-visible{outline-color:#333!important}.uk-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropbar-top{box-shadow:0 12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-bottom{box-shadow:0 -12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-left{box-shadow:12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropbar-right{box-shadow:-12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropnav-dropbar{position:absolute;z-index:980;padding:0;left:0;right:0}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-left:40px;padding-right:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:100%!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:20px 20px}.uk-modal-header{display:flow-root;padding:10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:10px 20px;background:#fff;border-top:1px solid #e5e5e5}@media (min-width:640px){.uk-modal-body{padding:30px 30px}.uk-modal-header{padding:15px 30px}.uk-modal-footer{padding:15px 30px}}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;right:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;right:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{right:0;transform:translate(100%,-100%)}}.uk-modal-close-full{top:0;right:0;padding:10px;background:#fff}@media (min-width:960px){.uk-modal-close-full{padding:20px}}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none;touch-action:pan-y}.uk-slideshow-items>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;will-change:transform,opacity}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden;overflow:clip}.uk-slider-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.uk-slider-items{will-change:transform;position:relative;touch-action:pan-y}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none;box-sizing:border-box;max-width:100%;position:relative}.uk-sticky{position:relative;z-index:980;box-sizing:border-box}.uk-sticky-fixed{margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-sticky-placeholder{pointer-events:none}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;left:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{right:0;left:auto}.uk-offcanvas-bar{position:absolute;top:0;bottom:0;left:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto}@media (min-width:640px){.uk-offcanvas-bar{left:-350px;width:350px;padding:30px 30px}}.uk-offcanvas-flip .uk-offcanvas-bar{left:auto;right:-270px}@media (min-width:640px){.uk-offcanvas-flip .uk-offcanvas-bar{right:-350px}}.uk-open>.uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{left:auto;right:0}.uk-offcanvas-bar-animation{transition:left .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:right}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{left:auto;right:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:640px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{right:0;left:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:5px;right:5px;padding:5px}@media (min-width:640px){.uk-offcanvas-close{top:10px;right:10px}}.uk-offcanvas-close:first-child+*{margin-top:0}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden;overflow-x:clip}.uk-offcanvas-container{position:relative;left:0;transition:left .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-270px}@media (min-width:640px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-left:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;left:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-right,.uk-notification-top-right{left:auto;right:10px}.uk-notification-bottom-center,.uk-notification-top-center{left:50%;margin-left:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{left:10px;right:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;right:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;--uk-position-offset:10px;--uk-position-viewport-offset:10;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-left:-30px}.uk-grid>*{padding-left:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-left:-40px}.uk-grid>*{padding-left:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-left:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-left:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-left:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-left:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-left:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-left:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-left:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-left:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;left:0;right:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-left:-60px}.uk-grid-divider>*{padding-left:60px}.uk-grid-divider>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}@media (min-width:1200px){.uk-grid-divider{margin-left:-80px}.uk-grid-divider>*{padding-left:80px}.uk-grid-divider>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-left:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-left:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{left:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;left:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{left:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-left:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-left:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{left:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;left:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-sub ul{padding-left:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon{margin-left:auto;transition:transform .3s ease-out}.uk-nav>li.uk-open>a .uk-nav-parent-icon{transform:rotateX(180deg)}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav .uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem;line-height:1.5}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-subtitle{font-size:12px}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary{font-size:1.5rem;line-height:1.5}.uk-nav-primary>li>a{color:#999}.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-subtitle{font-size:1.25rem}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub{font-size:1.25rem;line-height:1.5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-secondary{font-size:16px;line-height:1.5}.uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0}.uk-nav-secondary>li>a{color:#333;padding:10px 10px}.uk-nav-secondary>li>a:hover{color:#333;background-color:#f8f8f8}.uk-nav-secondary>li.uk-active>a{color:#333;background-color:#f8f8f8}.uk-nav-secondary .uk-nav-subtitle{font-size:.875rem;color:#999}.uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:#666}.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#333}.uk-nav-secondary .uk-nav-header{color:#333}.uk-nav-secondary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-secondary .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-secondary .uk-nav-sub a{color:#999}.uk-nav-secondary .uk-nav-sub a:hover{color:#666}.uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-center{text-align:center}.uk-nav-center li>a{justify-content:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-left:0}.uk-nav-center .uk-nav-parent-icon{margin-left:.25em}.uk-nav.uk-nav-divider>:not(.uk-nav-header,.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:5px;padding-top:5px;border-top:1px solid #e5e5e5}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{display:flex;gap:15px;align-items:center}.uk-navbar-right{margin-left:auto}.uk-navbar-center:only-child{margin-left:auto;margin-right:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-left{right:calc(100% + 15px)}.uk-navbar-center-right{left:calc(100% + 15px)}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;gap:15px;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;column-gap:.25em;box-sizing:border-box;min-height:80px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{padding:0 0;color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true]{color:#666}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-parent-icon{margin-left:4px;transition:transform .3s ease-out}.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon{transform:rotateX(180deg)}.uk-navbar-item{padding:0 0;color:#666}.uk-navbar-item>:last-child{margin-bottom:0}.uk-navbar-toggle{padding:0 0;color:#999}.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{color:#666;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-justify .uk-navbar-item,.uk-navbar-justify .uk-navbar-left,.uk-navbar-justify .uk-navbar-nav,.uk-navbar-justify .uk-navbar-nav>li,.uk-navbar-justify .uk-navbar-right,.uk-navbar-justify .uk-navbar-toggle{flex-grow:1}.uk-navbar-dropdown{--uk-position-offset:15px;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown>:last-child{margin-bottom:0}.uk-navbar-dropdown :focus-visible{outline-color:#333!important}.uk-navbar-dropdown .uk-drop-grid{margin-left:-30px}.uk-navbar-dropdown .uk-drop-grid>*{padding-left:30px}.uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin{margin-top:30px}.uk-navbar-dropdown-width-2:not(.uk-drop-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-drop-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-drop-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-drop-stack){width:1000px}.uk-navbar-dropdown-large{--uk-position-shift-offset:0;padding:40px}.uk-navbar-dropdown-dropbar{width:auto;background:0 0;padding:25px 0 25px 0;--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-navbar-dropdown-dropbar-large{--uk-position-shift-offset:0;padding-top:40px;padding-bottom:40px}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-dropbar-behind::before{content:"";display:block;height:80px}@media (min-width:960px){.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{gap:30px}.uk-navbar-center-left{right:calc(100% + 30px)}.uk-navbar-center-right{left:calc(100% + 30px)}}@media (min-width:960px){.uk-navbar-nav{gap:30px}}.uk-subnav{display:flex;flex-wrap:wrap;align-items:center;margin-left:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-left:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:hover{color:#666;text-decoration:none}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-left:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-left:0;margin-right:20px;border-left:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:#e5e5e5}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{padding:0;list-style:none}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{font-size:.875rem;color:#999}.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 20px 0 calc(20px - 4px);font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;margin-left:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-left:0;position:relative}.uk-pagination>*>*{display:block;padding:5px 10px;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;left:20px;right:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-left:20px;position:relative}.uk-tab>*>a{display:flex;align-items:center;column-gap:.25em;justify-content:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-left:0}.uk-tab-left>*,.uk-tab-right>*{padding-left:0}.uk-tab-left::before{top:0;bottom:0;left:auto;right:0;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-right::before{top:0;bottom:0;left:0;right:auto;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-left>*>a{justify-content:left;border-right:1px solid transparent;border-bottom:none}.uk-tab-right>*>a{justify-content:left;border-left:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-left:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:hover{color:rgba(102,102,102,.9)}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-12px}.uk-dotnav>*{flex:none;padding-left:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-left:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-left:0;padding-top:12px}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-15px}.uk-thumbnav>*{padding-left:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.4));transition:opacity .1s ease-in-out}.uk-thumbnav>*>:hover::after{opacity:0}.uk-thumbnav>.uk-active>::after{opacity:0}.uk-thumbnav-vertical{flex-direction:column;margin-left:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-left:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-10px}.uk-iconnav>*{padding-left:10px}.uk-iconnav>*>a{display:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.uk-iconnav>*>a:hover{color:#666}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-left:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-left:0;padding-top:10px}.uk-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;width:auto;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown>:last-child{margin-bottom:0}.uk-dropdown :focus-visible{outline-color:#333!important}.uk-dropdown-large{padding:40px}.uk-dropdown-dropbar{width:auto;background:0 0;padding:5px 0 25px 0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-dropdown-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropdown-nav{font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}.uk-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox :focus-visible{outline-color:rgba(255,255,255,.7)}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items>*{position:absolute;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;color:rgba(255,255,255,.7);will-change:transform,opacity}.uk-lightbox-items>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-toolbar{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-toolbar>*{color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon{padding:5px;color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon:hover{color:#fff}.uk-lightbox-button{box-sizing:border-box;width:50px;height:50px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7);display:inline-flex;justify-content:center;align-items:center}.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[class*=uk-animation-]{animation:.5s ease-out both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade,uk-scale-up}.uk-animation-scale-down{animation-name:uk-fade,uk-scale-down}.uk-animation-slide-top{animation-name:uk-fade,uk-slide-top}.uk-animation-slide-bottom{animation-name:uk-fade,uk-slide-bottom}.uk-animation-slide-left{animation-name:uk-fade,uk-slide-left}.uk-animation-slide-right{animation-name:uk-fade,uk-slide-right}.uk-animation-slide-top-small{animation-name:uk-fade,uk-slide-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade,uk-slide-bottom-small}.uk-animation-slide-left-small{animation-name:uk-fade,uk-slide-left-small}.uk-animation-slide-right-small{animation-name:uk-fade,uk-slide-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade,uk-slide-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade,uk-slide-bottom-medium}.uk-animation-slide-left-medium{animation-name:uk-fade,uk-slide-left-medium}.uk-animation-slide-right-medium{animation-name:uk-fade,uk-slide-right-medium}.uk-animation-kenburns{animation-name:uk-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;animation-duration:2s;stroke-dasharray:var(--uk-animation-stroke)}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-scale-up{0%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes uk-scale-down{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes uk-slide-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes uk-slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes uk-slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes uk-slide-top-small{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-small{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-small{0%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-small{0%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes uk-slide-top-medium{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-medium{0%{transform:translateY(50px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-medium{0%{transform:translateX(-50px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-medium{0%{transform:translateX(50px)}100%{transform:translateX(0)}}@keyframes uk-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% * 1 / 3.001)}.uk-width-2-3{width:calc(100% * 2 / 3.001)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% * 1 / 6.001)}.uk-width-5-6{width:calc(100% * 5 / 6.001)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}}.uk-width-max-content{width:max-content}.uk-width-min-content{width:min-content}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-viewport-2{min-height:200vh}.uk-height-viewport-3{min-height:300vh}.uk-height-viewport-4{min-height:400vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta>a{color:#999}.uk-text-meta>a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-decoration-none{text-decoration:none!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;color:transparent!important;display:inline-block;background-color:#1e87f0;background-image:linear-gradient(90deg,#1e87f0 0,#411ef0 100%)}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-left\@s{text-align:left!important}.uk-text-right\@s{text-align:right!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-left\@m{text-align:left!important}.uk-text-right\@m{text-align:right!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-left\@l{text-align:left!important}.uk-text-right\@l{text-align:right!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-left\@xl{text-align:left!important}.uk-text-right\@xl{text-align:right!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-word}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}[data-uk-cover],[uk-cover]{max-width:none;position:absolute;left:50%;top:50%;--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y))}iframe[data-uk-cover],iframe[uk-cover]{pointer-events:none}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.uk-background-top-left{background-position:0 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-right{background-position:100% 0}.uk-background-center-left{background-position:0 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-right{background-position:100% 50%}.uk-background-bottom-left{background-position:0 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed;backface-visibility:hidden}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-left:auto;margin-right:auto}.uk-align-left{margin-top:0;margin-right:30px;float:left}.uk-align-right{margin-top:0;margin-left:30px;float:right}@media (min-width:640px){.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}}@media (min-width:960px){.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}}@media (min-width:1200px){.uk-align-left\@l{margin-top:0;float:left}.uk-align-right\@l{margin-top:0;float:right}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}}@media (min-width:1600px){.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-box-sizing-content{box-sizing:content-box}.uk-box-sizing-border{box-sizing:border-box}.uk-resize{resize:both}.uk-resize-horizontal{resize:horizontal}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}[data-uk-responsive],[uk-responsive]{max-width:100%}.uk-object-cover{object-fit:cover}.uk-object-contain{object-fit:contain}.uk-object-fill{object-fit:fill}.uk-object-none{object-fit:none}.uk-object-scale-down{object-fit:scale-down}.uk-object-top-left{object-position:0 0}.uk-object-top-center{object-position:50% 0}.uk-object-top-right{object-position:100% 0}.uk-object-center-left{object-position:0 50%}.uk-object-center-center{object-position:50% 50%}.uk-object-center-right{object-position:100% 50%}.uk-object-bottom-left{object-position:0 100%}.uk-object-bottom-center{object-position:50% 100%}.uk-object-bottom-right{object-position:100% 100%}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-large{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-hover-large:hover{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:"";position:absolute;bottom:-30px;left:0;right:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-right:10px;float:left;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#333;text-decoration:none}:where(.uk-logo){display:inline-block;vertical-align:middle}.uk-logo:hover{color:#333;text-decoration:none}.uk-logo :where(img,svg,video){display:block}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(-50%,-50%)}.uk-transform-origin-top-left{transform-origin:0 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-center-left{transform-origin:0 50%}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-bottom-left{transform-origin:0 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-left{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-right{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-left\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-right\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-left\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-right\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-left\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-right\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-left\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-right\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-left{margin-left:40px!important}.uk-margin-large-right{margin-right:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-left{margin-left:70px!important}.uk-margin-large-right{margin-right:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}}.uk-margin-auto{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-left\@s{margin-left:0!important}.uk-margin-remove-right\@s{margin-right:0!important}}@media (min-width:960px){.uk-margin-remove-left\@m{margin-left:0!important}.uk-margin-remove-right\@m{margin-right:0!important}}@media (min-width:1200px){.uk-margin-remove-left\@l{margin-left:0!important}.uk-margin-remove-right\@l{margin-right:0!important}}@media (min-width:1600px){.uk-margin-remove-left\@xl{margin-left:0!important}.uk-margin-remove-right\@xl{margin-right:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:40px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-left:0!important;padding-right:0!important}:root{--uk-position-margin-offset:0px}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:calc(100% - (var(--uk-position-margin-offset) * 2));box-sizing:border-box}.uk-position-top{top:0;left:0;right:0}.uk-position-bottom{bottom:0;left:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-center{top:calc(50% - var(--uk-position-margin-offset));left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y));width:max-content}[class*=uk-position-center-left],[class*=uk-position-center-right]{top:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-y:-50%;transform:translate(0,var(--uk-position-translate-y))}.uk-position-center-left{left:0}.uk-position-center-right{right:0}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-bottom-center,.uk-position-top-center{left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;transform:translate(var(--uk-position-translate-x),0);width:max-content}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}.uk-position-small{margin:15px;--uk-position-margin-offset:15px}.uk-position-medium{margin:30px;--uk-position-margin-offset:30px}.uk-position-large{margin:30px;--uk-position-margin-offset:30px}@media (min-width:1200px){.uk-position-large{margin:50px;--uk-position-margin-offset:50px}}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-sticky{position:sticky!important}.uk-position-z-index{z-index:1}.uk-position-z-index-zero{z-index:0}.uk-position-z-index-negative{z-index:-1}:where(.uk-transition-fade),:where([class*=uk-transition-scale]),:where([class*=uk-transition-slide]){--uk-position-translate-x:0;--uk-position-translate-y:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;--uk-scale-x:1;--uk-scale-y:1;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle .uk-transition-fade:focus-within,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}[class*=uk-transition-scale]{-webkit-backface-visibility:hidden}.uk-transition-scale-up{--uk-scale-x:1;--uk-scale-y:1}.uk-transition-scale-down{--uk-scale-x:1.03;--uk-scale-y:1.03}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle .uk-transition-scale-up:focus-within,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{--uk-scale-x:1.03;--uk-scale-y:1.03;opacity:1}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle .uk-transition-scale-down:focus-within,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{--uk-scale-x:1;--uk-scale-y:1;opacity:1}.uk-transition-slide-top{--uk-translate-y:-100%}.uk-transition-slide-bottom{--uk-translate-y:100%}.uk-transition-slide-left{--uk-translate-x:-100%}.uk-transition-slide-right{--uk-translate-x:100%}.uk-transition-slide-top-small{--uk-translate-y:calc(-1 * 10px)}.uk-transition-slide-bottom-small{--uk-translate-y:10px}.uk-transition-slide-left-small{--uk-translate-x:calc(-1 * 10px)}.uk-transition-slide-right-small{--uk-translate-x:10px}.uk-transition-slide-top-medium{--uk-translate-y:calc(-1 * 50px)}.uk-transition-slide-bottom-medium{--uk-translate-y:50px}.uk-transition-slide-left-medium{--uk-translate-x:calc(-1 * 50px)}.uk-transition-slide-right-medium{--uk-translate-x:50px}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle [class*=uk-transition-slide]:focus-within,.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;opacity:1}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}@media (hover:none){.uk-hidden-touch{display:none!important}}@media (hover){.uk-hidden-notouch{display:none!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,.uk-light :focus-visible,.uk-offcanvas-bar :focus-visible,.uk-overlay-primary :focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible{outline-color:#fff}.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-light .uk-list-muted>::before,.uk-offcanvas-bar .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-light .uk-list-emphasis>::before,.uk-offcanvas-bar .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-light .uk-list-primary>::before,.uk-offcanvas-bar .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-light .uk-list-secondary>::before,.uk-offcanvas-bar .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{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%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#fff}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%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%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:#fff}.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666!important}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-light .uk-nav-secondary>li>a,.uk-offcanvas-bar .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-light .uk-nav-secondary>li>a:hover,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-light .uk-nav-secondary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-light .uk-nav-secondary .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-light .uk-nav-secondary .uk-nav-header,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-light .uk-nav-secondary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-light .uk-nav-secondary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-light .uk-nav-secondary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-thumbnav>*>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-light .uk-thumbnav>*>::after,.uk-offcanvas-bar .uk-thumbnav>*>::after,.uk-overlay-primary .uk-thumbnav>*>::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,0.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:#fff}.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:#fff}.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-light .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-light .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:block}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/static/uikit/js/uikit-icons.js b/static/uikit/js/uikit-icons.js new file mode 100644 index 0000000..c79ba85 --- /dev/null +++ b/static/uikit/js/uikit-icons.js @@ -0,0 +1,175 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define('uikiticons', factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitIcons = factory()); +})(this, (function () { 'use strict'; + + function plugin(UIkit) { + if (plugin.installed) { + return; + } + UIkit.icon.add({ + "youtube": '', + "yootheme": '', + "yelp": '', + "xing": '', + "world": '', + "wordpress": '', + "whatsapp": '', + "warning": '', + "vimeo": '', + "video-camera": '', + "users": '', + "user": '', + "upload": '', + "unlock": '', + "uikit": '', + "twitter": '', + "twitch": '', + "tv": '', + "tumblr": '', + "tripadvisor": '', + "triangle-up": '', + "triangle-right": '', + "triangle-left": '', + "triangle-down": '', + "trash": '', + "tiktok": '', + "thumbnails": '', + "tag": '', + "tablet": '', + "tablet-landscape": '', + "table": '', + "strikethrough": '', + "star": '', + "soundcloud": '', + "social": '', + "sign-out": '', + "sign-in": '', + "shrink": '', + "settings": '', + "server": '', + "search": '', + "rss": '', + "reply": '', + "refresh": '', + "reddit": '', + "receiver": '', + "quote-right": '', + "question": '', + "push": '', + "pull": '', + "print": '', + "plus": '', + "plus-circle": '', + "play": '', + "play-circle": '', + "pinterest": '', + "phone": '', + "phone-landscape": '', + "pencil": '', + "paint-bucket": '', + "pagekit": '', + "nut": '', + "move": '', + "more": '', + "more-vertical": '', + "minus": '', + "minus-circle": '', + "microsoft": '', + "microphone": '', + "menu": '', + "mastodon": '', + "mail": '', + "lock": '', + "location": '', + "list": '', + "linkedin": '', + "link": '', + "lifesaver": '', + "laptop": '', + "joomla": '', + "italic": '', + "instagram": '', + "info": '', + "image": '', + "home": '', + "history": '', + "heart": '', + "hashtag": '', + "happy": '', + "grid": '', + "google": '', + "gitter": '', + "github": '', + "github-alt": '', + "git-fork": '', + "git-branch": '', + "future": '', + "foursquare": '', + "forward": '', + "folder": '', + "flickr": '', + "file": '', + "file-text": '', + "file-pdf": '', + "file-edit": '', + "facebook": '', + "eye": '', + "eye-slash": '', + "expand": '', + "etsy": '', + "dribbble": '', + "download": '', + "discord": '', + "desktop": '', + "database": '', + "crosshairs": '', + "credit-card": '', + "copy": '', + "comments": '', + "commenting": '', + "comment": '', + "cog": '', + "code": '', + "cloud-upload": '', + "cloud-download": '', + "close": '', + "clock": '', + "chevron-up": '', + "chevron-right": '', + "chevron-left": '', + "chevron-down": '', + "chevron-double-right": '', + "chevron-double-left": '', + "check": '', + "cart": '', + "camera": '', + "calendar": '', + "bookmark": '', + "bolt": '', + "bold": '', + "bell": '', + "behance": '', + "ban": '', + "bag": '', + "arrow-up": '', + "arrow-right": '', + "arrow-left": '', + "arrow-down": '', + "apple": '', + "android": '', + "android-robot": '', + "album": '', + "500px": '' + }); + } + if (typeof window !== "undefined" && window.UIkit) { + window.UIkit.use(plugin); + } + + return plugin; + +})); diff --git a/static/uikit/js/uikit-icons.min.js b/static/uikit/js/uikit-icons.min.js new file mode 100644 index 0000000..9291bd7 --- /dev/null +++ b/static/uikit/js/uikit-icons.min.js @@ -0,0 +1 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define("uikiticons",e):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitIcons=e())})(this,function(){"use strict";function t(e){t.installed||e.icon.add({youtube:'',yootheme:'',yelp:'',xing:'',world:'',wordpress:'',whatsapp:'',warning:'',vimeo:'',"video-camera":'',users:'',user:'',upload:'',unlock:'',uikit:'',twitter:'',twitch:'',tv:'',tumblr:'',tripadvisor:'',"triangle-up":'',"triangle-right":'',"triangle-left":'',"triangle-down":'',trash:'',tiktok:'',thumbnails:'',tag:'',tablet:'',"tablet-landscape":'',table:'',strikethrough:'',star:'',soundcloud:'',social:'',"sign-out":'',"sign-in":'',shrink:'',settings:'',server:'',search:'',rss:'',reply:'',refresh:'',reddit:'',receiver:'',"quote-right":'',question:'',push:'',pull:'',print:'',plus:'',"plus-circle":'',play:'',"play-circle":'',pinterest:'',phone:'',"phone-landscape":'',pencil:'',"paint-bucket":'',pagekit:'',nut:'',move:'',more:'',"more-vertical":'',minus:'',"minus-circle":'',microsoft:'',microphone:'',menu:'',mastodon:'',mail:'',lock:'',location:'',list:'',linkedin:'',link:'',lifesaver:'',laptop:'',joomla:'',italic:'',instagram:'',info:'',image:'',home:'',history:'',heart:'',hashtag:'',happy:'',grid:'',google:'',gitter:'',github:'',"github-alt":'',"git-fork":'',"git-branch":'',future:'',foursquare:'',forward:'',folder:'',flickr:'',file:'',"file-text":'',"file-pdf":'',"file-edit":'',facebook:'',eye:'',"eye-slash":'',expand:'',etsy:'',dribbble:'',download:'',discord:'',desktop:'',database:'',crosshairs:'',"credit-card":'',copy:'',comments:'',commenting:'',comment:'',cog:'',code:'',"cloud-upload":'',"cloud-download":'',close:'',clock:'',"chevron-up":'',"chevron-right":'',"chevron-left":'',"chevron-down":'',"chevron-double-right":'',"chevron-double-left":'',check:'',cart:'',camera:'',calendar:'',bookmark:'',bolt:'',bold:'',bell:'',behance:'',ban:'',bag:'',"arrow-up":'',"arrow-right":'',"arrow-left":'',"arrow-down":'',apple:'',android:'',"android-robot":'',album:'',"500px":''})}return typeof window<"u"&&window.UIkit&&window.UIkit.use(t),t}); diff --git a/static/uikit/js/uikit.js b/static/uikit/js/uikit.js new file mode 100644 index 0000000..aa88b40 --- /dev/null +++ b/static/uikit/js/uikit.js @@ -0,0 +1,9468 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define('uikit', factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkit = factory()); +})(this, (function () { 'use strict'; + + const { hasOwnProperty, toString } = Object.prototype; + function hasOwn(obj, key) { + return hasOwnProperty.call(obj, key); + } + const hyphenateRe = /\B([A-Z])/g; + const hyphenate = memoize((str) => str.replace(hyphenateRe, "-$1").toLowerCase()); + const camelizeRe = /-(\w)/g; + const camelize = memoize( + (str) => (str.charAt(0).toLowerCase() + str.slice(1)).replace(camelizeRe, (_, c) => c.toUpperCase()) + ); + const ucfirst = memoize((str) => str.charAt(0).toUpperCase() + str.slice(1)); + function startsWith(str, search) { + var _a; + return (_a = str == null ? void 0 : str.startsWith) == null ? void 0 : _a.call(str, search); + } + function endsWith(str, search) { + var _a; + return (_a = str == null ? void 0 : str.endsWith) == null ? void 0 : _a.call(str, search); + } + function includes(obj, search) { + var _a; + return (_a = obj == null ? void 0 : obj.includes) == null ? void 0 : _a.call(obj, search); + } + function findIndex(array, predicate) { + var _a; + return (_a = array == null ? void 0 : array.findIndex) == null ? void 0 : _a.call(array, predicate); + } + const { isArray, from: toArray } = Array; + const { assign } = Object; + function isFunction(obj) { + return typeof obj === "function"; + } + function isObject(obj) { + return obj !== null && typeof obj === "object"; + } + function isPlainObject(obj) { + return toString.call(obj) === "[object Object]"; + } + function isWindow(obj) { + return isObject(obj) && obj === obj.window; + } + function isDocument(obj) { + return nodeType(obj) === 9; + } + function isNode(obj) { + return nodeType(obj) >= 1; + } + function isElement(obj) { + return nodeType(obj) === 1; + } + function nodeType(obj) { + return !isWindow(obj) && isObject(obj) && obj.nodeType; + } + function isBoolean(value) { + return typeof value === "boolean"; + } + function isString(value) { + return typeof value === "string"; + } + function isNumber(value) { + return typeof value === "number"; + } + function isNumeric(value) { + return isNumber(value) || isString(value) && !isNaN(value - parseFloat(value)); + } + function isEmpty(obj) { + return !(isArray(obj) ? obj.length : isObject(obj) ? Object.keys(obj).length : false); + } + function isUndefined(value) { + return value === void 0; + } + function toBoolean(value) { + return isBoolean(value) ? value : value === "true" || value === "1" || value === "" ? true : value === "false" || value === "0" ? false : value; + } + function toNumber(value) { + const number = Number(value); + return isNaN(number) ? false : number; + } + function toFloat(value) { + return parseFloat(value) || 0; + } + function toNode(element) { + return toNodes(element)[0]; + } + function toNodes(element) { + return isNode(element) ? [element] : Array.from(element || []).filter(isNode); + } + function toWindow(element) { + if (isWindow(element)) { + return element; + } + element = toNode(element); + const document = isDocument(element) ? element : element == null ? void 0 : element.ownerDocument; + return (document == null ? void 0 : document.defaultView) || window; + } + function isEqual(value, other) { + return value === other || isObject(value) && isObject(other) && Object.keys(value).length === Object.keys(other).length && each(value, (val, key) => val === other[key]); + } + function swap(value, a, b) { + return value.replace(new RegExp(`${a}|${b}`, "g"), (match) => match === a ? b : a); + } + function last(array) { + return array[array.length - 1]; + } + function each(obj, cb) { + for (const key in obj) { + if (false === cb(obj[key], key)) { + return false; + } + } + return true; + } + function sortBy$1(array, prop) { + return array.slice().sort( + ({ [prop]: propA = 0 }, { [prop]: propB = 0 }) => propA > propB ? 1 : propB > propA ? -1 : 0 + ); + } + function sumBy(array, iteratee) { + return array.reduce( + (sum, item) => sum + toFloat(isFunction(iteratee) ? iteratee(item) : item[iteratee]), + 0 + ); + } + function uniqueBy(array, prop) { + const seen = /* @__PURE__ */ new Set(); + return array.filter(({ [prop]: check }) => seen.has(check) ? false : seen.add(check)); + } + function pick(obj, props) { + return props.reduce((res, prop) => ({ ...res, [prop]: obj[prop] }), {}); + } + function clamp(number, min = 0, max = 1) { + return Math.min(Math.max(toNumber(number) || 0, min), max); + } + function noop() { + } + function intersectRect(...rects) { + return [ + ["bottom", "top"], + ["right", "left"] + ].every( + ([minProp, maxProp]) => Math.min(...rects.map(({ [minProp]: min }) => min)) - Math.max(...rects.map(({ [maxProp]: max }) => max)) > 0 + ); + } + function pointInRect(point, rect) { + return point.x <= rect.right && point.x >= rect.left && point.y <= rect.bottom && point.y >= rect.top; + } + function ratio(dimensions, prop, value) { + const aProp = prop === "width" ? "height" : "width"; + return { + [aProp]: dimensions[prop] ? Math.round(value * dimensions[aProp] / dimensions[prop]) : dimensions[aProp], + [prop]: value + }; + } + function contain(dimensions, maxDimensions) { + dimensions = { ...dimensions }; + for (const prop in dimensions) { + dimensions = dimensions[prop] > maxDimensions[prop] ? ratio(dimensions, prop, maxDimensions[prop]) : dimensions; + } + return dimensions; + } + function cover$1(dimensions, maxDimensions) { + dimensions = contain(dimensions, maxDimensions); + for (const prop in dimensions) { + dimensions = dimensions[prop] < maxDimensions[prop] ? ratio(dimensions, prop, maxDimensions[prop]) : dimensions; + } + return dimensions; + } + const Dimensions = { ratio, contain, cover: cover$1 }; + function getIndex(i, elements, current = 0, finite = false) { + elements = toNodes(elements); + const { length } = elements; + if (!length) { + return -1; + } + i = isNumeric(i) ? toNumber(i) : i === "next" ? current + 1 : i === "previous" ? current - 1 : i === "last" ? length - 1 : elements.indexOf(toNode(i)); + if (finite) { + return clamp(i, 0, length - 1); + } + i %= length; + return i < 0 ? i + length : i; + } + function memoize(fn) { + const cache = /* @__PURE__ */ Object.create(null); + return (key) => cache[key] || (cache[key] = fn(key)); + } + + function attr(element, name, value) { + var _a; + if (isObject(name)) { + for (const key in name) { + attr(element, key, name[key]); + } + return; + } + if (isUndefined(value)) { + return (_a = toNode(element)) == null ? void 0 : _a.getAttribute(name); + } else { + for (const el of toNodes(element)) { + if (isFunction(value)) { + value = value.call(el, attr(el, name)); + } + if (value === null) { + removeAttr(el, name); + } else { + el.setAttribute(name, value); + } + } + } + } + function hasAttr(element, name) { + return toNodes(element).some((element2) => element2.hasAttribute(name)); + } + function removeAttr(element, name) { + toNodes(element).forEach((element2) => element2.removeAttribute(name)); + } + function data(element, attribute) { + for (const name of [attribute, `data-${attribute}`]) { + if (hasAttr(element, name)) { + return attr(element, name); + } + } + } + + function addClass(element, ...args) { + apply$1(element, args, "add"); + } + function removeClass(element, ...args) { + apply$1(element, args, "remove"); + } + function removeClasses(element, cls) { + attr( + element, + "class", + (value) => (value || "").replace(new RegExp(`\\b${cls}\\b\\s?`, "g"), "") + ); + } + function replaceClass(element, ...args) { + args[0] && removeClass(element, args[0]); + args[1] && addClass(element, args[1]); + } + function hasClass(element, cls) { + [cls] = getClasses(cls); + return !!cls && toNodes(element).some((node) => node.classList.contains(cls)); + } + function toggleClass(element, cls, force) { + const classes = getClasses(cls); + if (!isUndefined(force)) { + force = !!force; + } + for (const node of toNodes(element)) { + for (const cls2 of classes) { + node.classList.toggle(cls2, force); + } + } + } + function apply$1(element, args, fn) { + args = args.reduce((args2, arg) => args2.concat(getClasses(arg)), []); + for (const node of toNodes(element)) { + node.classList[fn](...args); + } + } + function getClasses(str) { + return String(str).split(/[ ,]/).filter(Boolean); + } + + const voidElements = { + area: true, + base: true, + br: true, + col: true, + embed: true, + hr: true, + img: true, + input: true, + keygen: true, + link: true, + meta: true, + param: true, + source: true, + track: true, + wbr: true + }; + function isVoidElement(element) { + return toNodes(element).some((element2) => voidElements[element2.tagName.toLowerCase()]); + } + function isVisible(element) { + return toNodes(element).some( + (element2) => element2.offsetWidth || element2.offsetHeight || element2.getClientRects().length + ); + } + const selInput = "input,select,textarea,button"; + function isInput(element) { + return toNodes(element).some((element2) => matches(element2, selInput)); + } + const selFocusable = `${selInput},a[href],[tabindex]`; + function isFocusable(element) { + return matches(element, selFocusable); + } + function parent(element) { + var _a; + return (_a = toNode(element)) == null ? void 0 : _a.parentElement; + } + function filter$1(element, selector) { + return toNodes(element).filter((element2) => matches(element2, selector)); + } + function matches(element, selector) { + return toNodes(element).some((element2) => element2.matches(selector)); + } + function closest(element, selector) { + return isElement(element) ? element.closest(startsWith(selector, ">") ? selector.slice(1) : selector) : toNodes(element).map((element2) => closest(element2, selector)).filter(Boolean); + } + function within(element, selector) { + return isString(selector) ? !!closest(element, selector) : toNode(selector).contains(toNode(element)); + } + function parents(element, selector) { + const elements = []; + while (element = parent(element)) { + if (!selector || matches(element, selector)) { + elements.push(element); + } + } + return elements; + } + function children(element, selector) { + element = toNode(element); + const children2 = element ? toArray(element.children) : []; + return selector ? filter$1(children2, selector) : children2; + } + function index(element, ref) { + return ref ? toNodes(element).indexOf(toNode(ref)) : children(parent(element)).indexOf(element); + } + function isSameSiteAnchor(el) { + el = toNode(el); + return el && ["origin", "pathname", "search"].every((part) => el[part] === location[part]); + } + function getTargetedElement(el) { + if (isSameSiteAnchor(el)) { + el = toNode(el); + const id = decodeURIComponent(el.hash).substring(1); + return document.getElementById(id) || document.getElementsByName(id)[0]; + } + } + + function query(selector, context) { + return find(selector, getContext(selector, context)); + } + function queryAll(selector, context) { + return findAll(selector, getContext(selector, context)); + } + function find(selector, context) { + return toNode(_query(selector, toNode(context), "querySelector")); + } + function findAll(selector, context) { + return toNodes(_query(selector, toNode(context), "querySelectorAll")); + } + const contextSelectorRe = /(^|[^\\],)\s*[!>+~-]/; + const isContextSelector = memoize((selector) => selector.match(contextSelectorRe)); + function getContext(selector, context = document) { + return isString(selector) && isContextSelector(selector) || isDocument(context) ? context : context.ownerDocument; + } + const contextSanitizeRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g; + const sanatize = memoize((selector) => selector.replace(contextSanitizeRe, "$1 *")); + function _query(selector, context = document, queryFn) { + if (!selector || !isString(selector)) { + return selector; + } + selector = sanatize(selector); + if (isContextSelector(selector)) { + const split = splitSelector(selector); + selector = ""; + for (let sel of split) { + let ctx = context; + if (sel[0] === "!") { + const selectors = sel.substr(1).trim().split(" "); + ctx = closest(parent(context), selectors[0]); + sel = selectors.slice(1).join(" ").trim(); + if (!sel.length && split.length === 1) { + return ctx; + } + } + if (sel[0] === "-") { + const selectors = sel.substr(1).trim().split(" "); + const prev = (ctx || context).previousElementSibling; + ctx = matches(prev, sel.substr(1)) ? prev : null; + sel = selectors.slice(1).join(" "); + } + if (ctx) { + selector += `${selector ? "," : ""}${domPath(ctx)} ${sel}`; + } + } + context = document; + } + try { + return context[queryFn](selector); + } catch (e) { + return null; + } + } + const selectorRe = /.*?[^\\](?:,|$)/g; + const splitSelector = memoize( + (selector) => selector.match(selectorRe).map((selector2) => selector2.replace(/,$/, "").trim()) + ); + function domPath(element) { + const names = []; + while (element.parentNode) { + const id = attr(element, "id"); + if (id) { + names.unshift(`#${escape(id)}`); + break; + } else { + let { tagName } = element; + if (tagName !== "HTML") { + tagName += `:nth-child(${index(element) + 1})`; + } + names.unshift(tagName); + element = element.parentNode; + } + } + return names.join(" > "); + } + function escape(css) { + return isString(css) ? CSS.escape(css) : ""; + } + + function on(...args) { + let [targets, types, selector, listener, useCapture = false] = getArgs(args); + if (listener.length > 1) { + listener = detail(listener); + } + if (useCapture == null ? void 0 : useCapture.self) { + listener = selfFilter(listener); + } + if (selector) { + listener = delegate(selector, listener); + } + for (const type of types) { + for (const target of targets) { + target.addEventListener(type, listener, useCapture); + } + } + return () => off(targets, types, listener, useCapture); + } + function off(...args) { + let [targets, types, , listener, useCapture = false] = getArgs(args); + for (const type of types) { + for (const target of targets) { + target.removeEventListener(type, listener, useCapture); + } + } + } + function once(...args) { + const [element, types, selector, listener, useCapture = false, condition] = getArgs(args); + const off2 = on( + element, + types, + selector, + (e) => { + const result = !condition || condition(e); + if (result) { + off2(); + listener(e, result); + } + }, + useCapture + ); + return off2; + } + function trigger(targets, event, detail2) { + return toEventTargets(targets).every( + (target) => target.dispatchEvent(createEvent(event, true, true, detail2)) + ); + } + function createEvent(e, bubbles = true, cancelable = false, detail2) { + if (isString(e)) { + e = new CustomEvent(e, { bubbles, cancelable, detail: detail2 }); + } + return e; + } + function getArgs(args) { + args[0] = toEventTargets(args[0]); + if (isString(args[1])) { + args[1] = args[1].split(" "); + } + if (isFunction(args[2])) { + args.splice(2, 0, false); + } + return args; + } + function delegate(selector, listener) { + return (e) => { + const current = selector[0] === ">" ? findAll(selector, e.currentTarget).reverse().filter((element) => within(e.target, element))[0] : closest(e.target, selector); + if (current) { + e.current = current; + listener.call(this, e); + delete e.current; + } + }; + } + function detail(listener) { + return (e) => isArray(e.detail) ? listener(e, ...e.detail) : listener(e); + } + function selfFilter(listener) { + return function(e) { + if (e.target === e.currentTarget || e.target === e.current) { + return listener.call(null, e); + } + }; + } + function isEventTarget(target) { + return target && "addEventListener" in target; + } + function toEventTarget(target) { + return isEventTarget(target) ? target : toNode(target); + } + function toEventTargets(target) { + return isArray(target) ? target.map(toEventTarget).filter(Boolean) : isString(target) ? findAll(target) : isEventTarget(target) ? [target] : toNodes(target); + } + function isTouch(e) { + return e.pointerType === "touch" || !!e.touches; + } + function getEventPos(e) { + var _a, _b; + const { clientX: x, clientY: y } = ((_a = e.touches) == null ? void 0 : _a[0]) || ((_b = e.changedTouches) == null ? void 0 : _b[0]) || e; + return { x, y }; + } + + const cssNumber = { + "animation-iteration-count": true, + "column-count": true, + "fill-opacity": true, + "flex-grow": true, + "flex-shrink": true, + "font-weight": true, + "line-height": true, + opacity: true, + order: true, + orphans: true, + "stroke-dasharray": true, + "stroke-dashoffset": true, + widows: true, + "z-index": true, + zoom: true + }; + function css(element, property, value, priority) { + const elements = toNodes(element); + for (const element2 of elements) { + if (isString(property)) { + property = propName(property); + if (isUndefined(value)) { + return getComputedStyle(element2).getPropertyValue(property); + } else { + element2.style.setProperty( + property, + isNumeric(value) && !cssNumber[property] ? `${value}px` : value || isNumber(value) ? value : "", + priority + ); + } + } else if (isArray(property)) { + const props = {}; + for (const prop of property) { + props[prop] = css(element2, prop); + } + return props; + } else if (isObject(property)) { + priority = value; + each(property, (value2, property2) => css(element2, property2, value2, priority)); + } + } + return elements[0]; + } + const propName = memoize((name) => vendorPropName(name)); + function vendorPropName(name) { + if (startsWith(name, "--")) { + return name; + } + name = hyphenate(name); + const { style } = document.documentElement; + if (name in style) { + return name; + } + for (const prefix of ["webkit", "moz"]) { + const prefixedName = `-${prefix}-${name}`; + if (prefixedName in style) { + return prefixedName; + } + } + } + + function transition$1(element, props, duration = 400, timing = "linear") { + duration = Math.round(duration); + return Promise.all( + toNodes(element).map( + (element2) => new Promise((resolve, reject) => { + for (const name in props) { + const value = css(element2, name); + if (value === "") { + css(element2, name, value); + } + } + const timer = setTimeout(() => trigger(element2, "transitionend"), duration); + once( + element2, + "transitionend transitioncanceled", + ({ type }) => { + clearTimeout(timer); + removeClass(element2, "uk-transition"); + css(element2, { + transitionProperty: "", + transitionDuration: "", + transitionTimingFunction: "" + }); + type === "transitioncanceled" ? reject() : resolve(element2); + }, + { self: true } + ); + addClass(element2, "uk-transition"); + css(element2, { + transitionProperty: Object.keys(props).map(propName).join(","), + transitionDuration: `${duration}ms`, + transitionTimingFunction: timing, + ...props + }); + }) + ) + ); + } + const Transition = { + start: transition$1, + async stop(element) { + trigger(element, "transitionend"); + await Promise.resolve(); + }, + async cancel(element) { + trigger(element, "transitioncanceled"); + await Promise.resolve(); + }, + inProgress(element) { + return hasClass(element, "uk-transition"); + } + }; + const animationPrefix = "uk-animation-"; + function animate$2(element, animation, duration = 200, origin, out) { + return Promise.all( + toNodes(element).map( + (element2) => new Promise((resolve, reject) => { + trigger(element2, "animationcanceled"); + const timer = setTimeout(() => trigger(element2, "animationend"), duration); + once( + element2, + "animationend animationcanceled", + ({ type }) => { + clearTimeout(timer); + type === "animationcanceled" ? reject() : resolve(element2); + css(element2, "animationDuration", ""); + removeClasses(element2, `${animationPrefix}\\S*`); + }, + { self: true } + ); + css(element2, "animationDuration", `${duration}ms`); + addClass(element2, animation, animationPrefix + (out ? "leave" : "enter")); + if (startsWith(animation, animationPrefix)) { + origin && addClass(element2, `uk-transform-origin-${origin}`); + out && addClass(element2, `${animationPrefix}reverse`); + } + }) + ) + ); + } + const inProgressRe = new RegExp(`${animationPrefix}(enter|leave)`); + const Animation = { + in: animate$2, + out(element, animation, duration, origin) { + return animate$2(element, animation, duration, origin, true); + }, + inProgress(element) { + return inProgressRe.test(attr(element, "class")); + }, + cancel(element) { + trigger(element, "animationcanceled"); + } + }; + + function ready(fn) { + if (document.readyState !== "loading") { + fn(); + return; + } + once(document, "DOMContentLoaded", fn); + } + function isTag(element, ...tagNames) { + return tagNames.some((tagName) => { + var _a; + return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === tagName.toLowerCase(); + }); + } + function empty(element) { + element = $(element); + element.innerHTML = ""; + return element; + } + function html(parent2, html2) { + return isUndefined(html2) ? $(parent2).innerHTML : append(empty(parent2), html2); + } + const prepend = applyFn("prepend"); + const append = applyFn("append"); + const before = applyFn("before"); + const after = applyFn("after"); + function applyFn(fn) { + return function(ref, element) { + var _a; + const nodes = toNodes(isString(element) ? fragment(element) : element); + (_a = $(ref)) == null ? void 0 : _a[fn](...nodes); + return unwrapSingle(nodes); + }; + } + function remove$1(element) { + toNodes(element).forEach((element2) => element2.remove()); + } + function wrapAll(element, structure) { + structure = toNode(before(element, structure)); + while (structure.firstChild) { + structure = structure.firstChild; + } + append(structure, element); + return structure; + } + function wrapInner(element, structure) { + return toNodes( + toNodes(element).map( + (element2) => element2.hasChildNodes() ? wrapAll(toArray(element2.childNodes), structure) : append(element2, structure) + ) + ); + } + function unwrap(element) { + toNodes(element).map(parent).filter((value, index, self) => self.indexOf(value) === index).forEach((parent2) => parent2.replaceWith(...parent2.childNodes)); + } + const fragmentRe = /^\s*<(\w+|!)[^>]*>/; + const singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/; + function fragment(html2) { + const matches = singleTagRe.exec(html2); + if (matches) { + return document.createElement(matches[1]); + } + const container = document.createElement("div"); + if (fragmentRe.test(html2)) { + container.insertAdjacentHTML("beforeend", html2.trim()); + } else { + container.textContent = html2; + } + return unwrapSingle(container.childNodes); + } + function unwrapSingle(nodes) { + return nodes.length > 1 ? nodes : nodes[0]; + } + function apply(node, fn) { + if (!isElement(node)) { + return; + } + fn(node); + node = node.firstElementChild; + while (node) { + const next = node.nextElementSibling; + apply(node, fn); + node = next; + } + } + function $(selector, context) { + return isHtml(selector) ? toNode(fragment(selector)) : find(selector, context); + } + function $$(selector, context) { + return isHtml(selector) ? toNodes(fragment(selector)) : findAll(selector, context); + } + function isHtml(str) { + return isString(str) && startsWith(str.trim(), "<"); + } + + const dirs$1 = { + width: ["left", "right"], + height: ["top", "bottom"] + }; + function dimensions$1(element) { + const rect = isElement(element) ? toNode(element).getBoundingClientRect() : { height: height(element), width: width(element), top: 0, left: 0 }; + return { + height: rect.height, + width: rect.width, + top: rect.top, + left: rect.left, + bottom: rect.top + rect.height, + right: rect.left + rect.width + }; + } + function offset(element, coordinates) { + if (coordinates) { + css(element, { left: 0, top: 0 }); + } + const currentOffset = dimensions$1(element); + if (element) { + const { scrollY, scrollX } = toWindow(element); + const offsetBy = { height: scrollY, width: scrollX }; + for (const dir in dirs$1) { + for (const prop of dirs$1[dir]) { + currentOffset[prop] += offsetBy[dir]; + } + } + } + if (!coordinates) { + return currentOffset; + } + for (const prop of ["left", "top"]) { + css(element, prop, coordinates[prop] - currentOffset[prop]); + } + } + function position(element) { + let { top, left } = offset(element); + const { + ownerDocument: { body, documentElement }, + offsetParent + } = toNode(element); + let parent = offsetParent || documentElement; + while (parent && (parent === body || parent === documentElement) && css(parent, "position") === "static") { + parent = parent.parentNode; + } + if (isElement(parent)) { + const parentOffset = offset(parent); + top -= parentOffset.top + toFloat(css(parent, "borderTopWidth")); + left -= parentOffset.left + toFloat(css(parent, "borderLeftWidth")); + } + return { + top: top - toFloat(css(element, "marginTop")), + left: left - toFloat(css(element, "marginLeft")) + }; + } + function offsetPosition(element) { + element = toNode(element); + const offset2 = [element.offsetTop, element.offsetLeft]; + while (element = element.offsetParent) { + offset2[0] += element.offsetTop + toFloat(css(element, `borderTopWidth`)); + offset2[1] += element.offsetLeft + toFloat(css(element, `borderLeftWidth`)); + if (css(element, "position") === "fixed") { + const win = toWindow(element); + offset2[0] += win.scrollY; + offset2[1] += win.scrollX; + return offset2; + } + } + return offset2; + } + const height = dimension("height"); + const width = dimension("width"); + function dimension(prop) { + const propName = ucfirst(prop); + return (element, value) => { + if (isUndefined(value)) { + if (isWindow(element)) { + return element[`inner${propName}`]; + } + if (isDocument(element)) { + const doc = element.documentElement; + return Math.max(doc[`offset${propName}`], doc[`scroll${propName}`]); + } + element = toNode(element); + value = css(element, prop); + value = value === "auto" ? element[`offset${propName}`] : toFloat(value) || 0; + return value - boxModelAdjust(element, prop); + } else { + return css( + element, + prop, + !value && value !== 0 ? "" : +value + boxModelAdjust(element, prop) + "px" + ); + } + }; + } + function boxModelAdjust(element, prop, sizing = "border-box") { + return css(element, "boxSizing") === sizing ? sumBy( + dirs$1[prop].map(ucfirst), + (prop2) => toFloat(css(element, `padding${prop2}`)) + toFloat(css(element, `border${prop2}Width`)) + ) : 0; + } + function flipPosition(pos) { + for (const dir in dirs$1) { + for (const i in dirs$1[dir]) { + if (dirs$1[dir][i] === pos) { + return dirs$1[dir][1 - i]; + } + } + } + return pos; + } + function toPx(value, property = "width", element = window, offsetDim = false) { + if (!isString(value)) { + return toFloat(value); + } + return sumBy(parseCalc(value), (value2) => { + const unit = parseUnit(value2); + return unit ? percent( + unit === "vh" ? getViewportHeight() : unit === "vw" ? width(toWindow(element)) : offsetDim ? element[`offset${ucfirst(property)}`] : dimensions$1(element)[property], + value2 + ) : value2; + }); + } + const calcRe = /-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g; + const parseCalc = memoize((calc) => calc.toString().replace(/\s/g, "").match(calcRe) || []); + const unitRe$1 = /(?:v[hw]|%)$/; + const parseUnit = memoize((str) => (str.match(unitRe$1) || [])[0]); + function percent(base, value) { + return base * toFloat(value) / 100; + } + let vh; + let vhEl; + function getViewportHeight() { + if (vh) { + return vh; + } + if (!vhEl) { + vhEl = $("
"); + css(vhEl, { + height: "100vh", + position: "fixed" + }); + on(window, "resize", () => vh = null); + } + append(document.body, vhEl); + vh = vhEl.clientHeight; + remove$1(vhEl); + return vh; + } + + const inBrowser = typeof window !== "undefined"; + const isRtl = inBrowser && document.dir === "rtl"; + const hasTouch = inBrowser && "ontouchstart" in window; + const hasPointerEvents = inBrowser && window.PointerEvent; + const pointerDown$1 = hasPointerEvents ? "pointerdown" : hasTouch ? "touchstart" : "mousedown"; + const pointerMove$1 = hasPointerEvents ? "pointermove" : hasTouch ? "touchmove" : "mousemove"; + const pointerUp$1 = hasPointerEvents ? "pointerup" : hasTouch ? "touchend" : "mouseup"; + const pointerEnter = hasPointerEvents ? "pointerenter" : hasTouch ? "" : "mouseenter"; + const pointerLeave = hasPointerEvents ? "pointerleave" : hasTouch ? "" : "mouseleave"; + const pointerCancel = hasPointerEvents ? "pointercancel" : "touchcancel"; + + const fastdom = { + reads: [], + writes: [], + read(task) { + this.reads.push(task); + scheduleFlush(); + return task; + }, + write(task) { + this.writes.push(task); + scheduleFlush(); + return task; + }, + clear(task) { + remove(this.reads, task); + remove(this.writes, task); + }, + flush + }; + function flush(recursion) { + runTasks(fastdom.reads); + runTasks(fastdom.writes.splice(0)); + fastdom.scheduled = false; + if (fastdom.reads.length || fastdom.writes.length) { + scheduleFlush(recursion + 1); + } + } + const RECURSION_LIMIT = 4; + function scheduleFlush(recursion) { + if (fastdom.scheduled) { + return; + } + fastdom.scheduled = true; + if (recursion && recursion < RECURSION_LIMIT) { + Promise.resolve().then(() => flush(recursion)); + } else { + requestAnimationFrame(() => flush(1)); + } + } + function runTasks(tasks) { + let task; + while (task = tasks.shift()) { + try { + task(); + } catch (e) { + console.error(e); + } + } + } + function remove(array, item) { + const index = array.indexOf(item); + return ~index && array.splice(index, 1); + } + + function MouseTracker() { + } + MouseTracker.prototype = { + positions: [], + init() { + this.positions = []; + let position; + this.unbind = on(document, "mousemove", (e) => position = getEventPos(e)); + this.interval = setInterval(() => { + if (!position) { + return; + } + this.positions.push(position); + if (this.positions.length > 5) { + this.positions.shift(); + } + }, 50); + }, + cancel() { + var _a; + (_a = this.unbind) == null ? void 0 : _a.call(this); + clearInterval(this.interval); + }, + movesTo(target) { + if (this.positions.length < 2) { + return false; + } + const p = target.getBoundingClientRect(); + const { left, right, top, bottom } = p; + const [prevPosition] = this.positions; + const position = last(this.positions); + const path = [prevPosition, position]; + if (pointInRect(position, p)) { + return false; + } + const diagonals = [ + [ + { x: left, y: top }, + { x: right, y: bottom } + ], + [ + { x: left, y: bottom }, + { x: right, y: top } + ] + ]; + return diagonals.some((diagonal) => { + const intersection = intersect(path, diagonal); + return intersection && pointInRect(intersection, p); + }); + } + }; + function intersect([{ x: x1, y: y1 }, { x: x2, y: y2 }], [{ x: x3, y: y3 }, { x: x4, y: y4 }]) { + const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1); + if (denominator === 0) { + return false; + } + const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator; + if (ua < 0) { + return false; + } + return { x: x1 + ua * (x2 - x1), y: y1 + ua * (y2 - y1) }; + } + + function observeIntersection(targets, cb, options = {}, { intersecting = true } = {}) { + const observer = new IntersectionObserver( + intersecting ? (entries, observer2) => { + if (entries.some((entry) => entry.isIntersecting)) { + cb(entries, observer2); + } + } : cb, + options + ); + for (const el of toNodes(targets)) { + observer.observe(el); + } + return observer; + } + const hasResizeObserver = inBrowser && window.ResizeObserver; + function observeResize(targets, cb, options = { box: "border-box" }) { + if (hasResizeObserver) { + return observe$1(ResizeObserver, targets, cb, options); + } + const off = [on(window, "load resize", cb), on(document, "loadedmetadata load", cb, true)]; + return { disconnect: () => off.map((cb2) => cb2()) }; + } + function observeViewportResize(cb) { + return { disconnect: on([window, window.visualViewport], "resize", cb) }; + } + function observeMutation(targets, cb, options) { + return observe$1(MutationObserver, targets, cb, options); + } + function observe$1(Observer, targets, cb, options) { + const observer = new Observer(cb); + for (const el of toNodes(targets)) { + observer.observe(el, options); + } + return observer; + } + + function play(el) { + if (isIFrame(el)) { + call(el, { func: "playVideo", method: "play" }); + } + if (isHTML5(el)) { + el.play(); + } + } + function pause(el) { + if (isIFrame(el)) { + call(el, { func: "pauseVideo", method: "pause" }); + } + if (isHTML5(el)) { + el.pause(); + } + } + function mute(el) { + if (isIFrame(el)) { + call(el, { func: "mute", method: "setVolume", value: 0 }); + } + if (isHTML5(el)) { + el.muted = true; + } + } + function isVideo(el) { + return isHTML5(el) || isIFrame(el); + } + function isHTML5(el) { + return isTag(el, "video"); + } + function isIFrame(el) { + return isTag(el, "iframe") && (isYoutube(el) || isVimeo(el)); + } + function isYoutube(el) { + return !!el.src.match( + /\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/ + ); + } + function isVimeo(el) { + return !!el.src.match(/vimeo\.com\/video\/.*/); + } + async function call(el, cmd) { + await enableApi(el); + post(el, cmd); + } + function post(el, cmd) { + el.contentWindow.postMessage(JSON.stringify({ event: "command", ...cmd }), "*"); + } + const stateKey = "_ukPlayer"; + let counter = 0; + function enableApi(el) { + if (el[stateKey]) { + return el[stateKey]; + } + const youtube = isYoutube(el); + const vimeo = isVimeo(el); + const id = ++counter; + let poller; + return el[stateKey] = new Promise((resolve) => { + youtube && once(el, "load", () => { + const listener = () => post(el, { event: "listening", id }); + poller = setInterval(listener, 100); + listener(); + }); + once(window, "message", resolve, false, ({ data }) => { + try { + data = JSON.parse(data); + return youtube && (data == null ? void 0 : data.id) === id && data.event === "onReady" || vimeo && Number(data == null ? void 0 : data.player_id) === id; + } catch (e) { + } + }); + el.src = `${el.src}${includes(el.src, "?") ? "&" : "?"}${youtube ? "enablejsapi=1" : `api=1&player_id=${id}`}`; + }).then(() => clearInterval(poller)); + } + + function isInView(element, offsetTop = 0, offsetLeft = 0) { + if (!isVisible(element)) { + return false; + } + return intersectRect( + ...overflowParents(element).map((parent) => { + const { top, left, bottom, right } = offsetViewport(parent); + return { + top: top - offsetTop, + left: left - offsetLeft, + bottom: bottom + offsetTop, + right: right + offsetLeft + }; + }).concat(offset(element)) + ); + } + function scrollIntoView(element, { offset: offsetBy = 0 } = {}) { + const parents2 = isVisible(element) ? scrollParents(element, false, ["hidden"]) : []; + return parents2.reduce( + (fn, scrollElement, i) => { + const { scrollTop, scrollHeight, offsetHeight } = scrollElement; + const viewport = offsetViewport(scrollElement); + const maxScroll = scrollHeight - viewport.height; + const { height: elHeight, top: elTop } = parents2[i - 1] ? offsetViewport(parents2[i - 1]) : offset(element); + let top = Math.ceil(elTop - viewport.top - offsetBy + scrollTop); + if (offsetBy > 0 && offsetHeight < elHeight + offsetBy) { + top += offsetBy; + } else { + offsetBy = 0; + } + if (top > maxScroll) { + offsetBy -= top - maxScroll; + top = maxScroll; + } else if (top < 0) { + offsetBy -= top; + top = 0; + } + return () => scrollTo(scrollElement, top - scrollTop).then(fn); + }, + () => Promise.resolve() + )(); + function scrollTo(element2, top) { + return new Promise((resolve) => { + const scroll = element2.scrollTop; + const duration = getDuration(Math.abs(top)); + const start = Date.now(); + (function step() { + const percent = ease(clamp((Date.now() - start) / duration)); + element2.scrollTop = scroll + top * percent; + if (percent === 1) { + resolve(); + } else { + requestAnimationFrame(step); + } + })(); + }); + } + function getDuration(dist) { + return 40 * Math.pow(dist, 0.375); + } + function ease(k) { + return 0.5 * (1 - Math.cos(Math.PI * k)); + } + } + function scrolledOver(element, startOffset = 0, endOffset = 0) { + if (!isVisible(element)) { + return 0; + } + const scrollElement = scrollParent(element, true); + const { scrollHeight, scrollTop } = scrollElement; + const { height: viewportHeight } = offsetViewport(scrollElement); + const maxScroll = scrollHeight - viewportHeight; + const elementOffsetTop = offsetPosition(element)[0] - offsetPosition(scrollElement)[0]; + const start = Math.max(0, elementOffsetTop - viewportHeight + startOffset); + const end = Math.min(maxScroll, elementOffsetTop + element.offsetHeight - endOffset); + return clamp((scrollTop - start) / (end - start)); + } + function scrollParents(element, scrollable = false, props = []) { + const scrollEl = scrollingElement(element); + let ancestors = parents(element).reverse(); + ancestors = ancestors.slice(ancestors.indexOf(scrollEl) + 1); + const fixedIndex = findIndex(ancestors, (el) => css(el, "position") === "fixed"); + if (~fixedIndex) { + ancestors = ancestors.slice(fixedIndex); + } + return [scrollEl].concat( + ancestors.filter( + (parent) => css(parent, "overflow").split(" ").some((prop) => includes(["auto", "scroll", ...props], prop)) && (!scrollable || parent.scrollHeight > offsetViewport(parent).height) + ) + ).reverse(); + } + function scrollParent(...args) { + return scrollParents(...args)[0]; + } + function overflowParents(element) { + return scrollParents(element, false, ["hidden", "clip"]); + } + function offsetViewport(scrollElement) { + const window = toWindow(scrollElement); + const { + visualViewport, + document: { documentElement } + } = window; + let viewportElement = scrollElement === scrollingElement(scrollElement) ? window : scrollElement; + if (isWindow(viewportElement) && visualViewport) { + let { height, width, scale, pageTop: top, pageLeft: left } = visualViewport; + height = Math.round(height * scale); + width = Math.round(width * scale); + return { height, width, top, left, bottom: top + height, right: left + width }; + } + let rect = offset(viewportElement); + if (css(viewportElement, "display") === "inline") { + return rect; + } + for (let [prop, dir, start, end] of [ + ["width", "x", "left", "right"], + ["height", "y", "top", "bottom"] + ]) { + if (isWindow(viewportElement)) { + viewportElement = documentElement; + } else { + rect[start] += toFloat(css(viewportElement, `border-${start}-width`)); + } + const subpixel = rect[prop] % 1; + rect[prop] = rect[dir] = viewportElement[`client${ucfirst(prop)}`] - (subpixel ? subpixel < 0.5 ? -subpixel : 1 - subpixel : 0); + rect[end] = rect[prop] + rect[start]; + } + return rect; + } + function scrollingElement(element) { + return toWindow(element).document.scrollingElement; + } + + const dirs = [ + ["width", "x", "left", "right"], + ["height", "y", "top", "bottom"] + ]; + function positionAt(element, target, options) { + options = { + attach: { + element: ["left", "top"], + target: ["left", "top"], + ...options.attach + }, + offset: [0, 0], + placement: [], + ...options + }; + if (!isArray(target)) { + target = [target, target]; + } + offset(element, getPosition(element, target, options)); + } + function getPosition(element, target, options) { + const position = attachTo(element, target, options); + const { boundary, viewportOffset = 0, placement } = options; + let offsetPosition = position; + for (const [i, [prop, , start, end]] of Object.entries(dirs)) { + const viewport = getViewport$2(element, target[i], viewportOffset, boundary, i); + if (isWithin(position, viewport, i)) { + continue; + } + let offsetBy = 0; + if (placement[i] === "flip") { + const attach = options.attach.target[i]; + if (attach === end && position[end] <= viewport[end] || attach === start && position[start] >= viewport[start]) { + continue; + } + offsetBy = flip(element, target, options, i)[start] - position[start]; + const scrollArea = getScrollArea(element, target[i], viewportOffset, i); + if (!isWithin(applyOffset(position, offsetBy, i), scrollArea, i)) { + if (isWithin(position, scrollArea, i)) { + continue; + } + if (options.recursion) { + return false; + } + const newPos = flipAxis(element, target, options); + if (newPos && isWithin(newPos, scrollArea, 1 - i)) { + return newPos; + } + continue; + } + } else if (placement[i] === "shift") { + const targetDim = offset(target[i]); + const { offset: elOffset } = options; + offsetBy = clamp( + clamp(position[start], viewport[start], viewport[end] - position[prop]), + targetDim[start] - position[prop] + elOffset[i], + targetDim[end] - elOffset[i] + ) - position[start]; + } + offsetPosition = applyOffset(offsetPosition, offsetBy, i); + } + return offsetPosition; + } + function attachTo(element, target, options) { + let { attach, offset: offsetBy } = { + attach: { + element: ["left", "top"], + target: ["left", "top"], + ...options.attach + }, + offset: [0, 0], + ...options + }; + let elOffset = offset(element); + for (const [i, [prop, , start, end]] of Object.entries(dirs)) { + const targetOffset = attach.target[i] === attach.element[i] ? offsetViewport(target[i]) : offset(target[i]); + elOffset = applyOffset( + elOffset, + targetOffset[start] - elOffset[start] + moveBy(attach.target[i], end, targetOffset[prop]) - moveBy(attach.element[i], end, elOffset[prop]) + +offsetBy[i], + i + ); + } + return elOffset; + } + function applyOffset(position, offset2, i) { + const [, dir, start, end] = dirs[i]; + const newPos = { ...position }; + newPos[start] = position[dir] = position[start] + offset2; + newPos[end] += offset2; + return newPos; + } + function moveBy(attach, end, dim) { + return attach === "center" ? dim / 2 : attach === end ? dim : 0; + } + function getViewport$2(element, target, viewportOffset, boundary, i) { + let viewport = getIntersectionArea(...commonScrollParents(element, target).map(offsetViewport)); + if (viewportOffset) { + viewport[dirs[i][2]] += viewportOffset; + viewport[dirs[i][3]] -= viewportOffset; + } + if (boundary) { + viewport = getIntersectionArea( + viewport, + offset(isArray(boundary) ? boundary[i] : boundary) + ); + } + return viewport; + } + function getScrollArea(element, target, viewportOffset, i) { + const [prop, axis, start, end] = dirs[i]; + const [scrollElement] = commonScrollParents(element, target); + const viewport = offsetViewport(scrollElement); + if (["auto", "scroll"].includes(css(scrollElement, `overflow-${axis}`))) { + viewport[start] -= scrollElement[`scroll${ucfirst(start)}`]; + viewport[end] = viewport[start] + scrollElement[`scroll${ucfirst(prop)}`]; + } + viewport[start] += viewportOffset; + viewport[end] -= viewportOffset; + return viewport; + } + function commonScrollParents(element, target) { + return overflowParents(target).filter((parent) => within(element, parent)); + } + function getIntersectionArea(...rects) { + let area = {}; + for (const rect of rects) { + for (const [, , start, end] of dirs) { + area[start] = Math.max(area[start] || 0, rect[start]); + area[end] = Math.min(...[area[end], rect[end]].filter(Boolean)); + } + } + return area; + } + function isWithin(positionA, positionB, i) { + const [, , start, end] = dirs[i]; + return positionA[start] >= positionB[start] && positionA[end] <= positionB[end]; + } + function flip(element, target, { offset: offset2, attach }, i) { + return attachTo(element, target, { + attach: { + element: flipAttach(attach.element, i), + target: flipAttach(attach.target, i) + }, + offset: flipOffset(offset2, i) + }); + } + function flipAxis(element, target, options) { + return getPosition(element, target, { + ...options, + attach: { + element: options.attach.element.map(flipAttachAxis).reverse(), + target: options.attach.target.map(flipAttachAxis).reverse() + }, + offset: options.offset.reverse(), + placement: options.placement.reverse(), + recursion: true + }); + } + function flipAttach(attach, i) { + const newAttach = [...attach]; + const index = dirs[i].indexOf(attach[i]); + if (~index) { + newAttach[i] = dirs[i][1 - index % 2 + 2]; + } + return newAttach; + } + function flipAttachAxis(prop) { + for (let i = 0; i < dirs.length; i++) { + const index = dirs[i].indexOf(prop); + if (~index) { + return dirs[1 - i][index % 2 + 2]; + } + } + } + function flipOffset(offset2, i) { + offset2 = [...offset2]; + offset2[i] *= -1; + return offset2; + } + + var util = /*#__PURE__*/Object.freeze({ + __proto__: null, + $: $, + $$: $$, + Animation: Animation, + Dimensions: Dimensions, + MouseTracker: MouseTracker, + Transition: Transition, + addClass: addClass, + after: after, + append: append, + apply: apply, + assign: assign, + attr: attr, + before: before, + boxModelAdjust: boxModelAdjust, + camelize: camelize, + children: children, + clamp: clamp, + closest: closest, + createEvent: createEvent, + css: css, + data: data, + dimensions: dimensions$1, + each: each, + empty: empty, + endsWith: endsWith, + escape: escape, + fastdom: fastdom, + filter: filter$1, + find: find, + findAll: findAll, + findIndex: findIndex, + flipPosition: flipPosition, + fragment: fragment, + getEventPos: getEventPos, + getIndex: getIndex, + getTargetedElement: getTargetedElement, + hasAttr: hasAttr, + hasClass: hasClass, + hasOwn: hasOwn, + hasTouch: hasTouch, + height: height, + html: html, + hyphenate: hyphenate, + inBrowser: inBrowser, + includes: includes, + index: index, + intersectRect: intersectRect, + isArray: isArray, + isBoolean: isBoolean, + isDocument: isDocument, + isElement: isElement, + isEmpty: isEmpty, + isEqual: isEqual, + isFocusable: isFocusable, + isFunction: isFunction, + isInView: isInView, + isInput: isInput, + isNode: isNode, + isNumber: isNumber, + isNumeric: isNumeric, + isObject: isObject, + isPlainObject: isPlainObject, + isRtl: isRtl, + isSameSiteAnchor: isSameSiteAnchor, + isString: isString, + isTag: isTag, + isTouch: isTouch, + isUndefined: isUndefined, + isVideo: isVideo, + isVisible: isVisible, + isVoidElement: isVoidElement, + isWindow: isWindow, + last: last, + matches: matches, + memoize: memoize, + mute: mute, + noop: noop, + observeIntersection: observeIntersection, + observeMutation: observeMutation, + observeResize: observeResize, + observeViewportResize: observeViewportResize, + off: off, + offset: offset, + offsetPosition: offsetPosition, + offsetViewport: offsetViewport, + on: on, + once: once, + overflowParents: overflowParents, + parent: parent, + parents: parents, + pause: pause, + pick: pick, + play: play, + pointInRect: pointInRect, + pointerCancel: pointerCancel, + pointerDown: pointerDown$1, + pointerEnter: pointerEnter, + pointerLeave: pointerLeave, + pointerMove: pointerMove$1, + pointerUp: pointerUp$1, + position: position, + positionAt: positionAt, + prepend: prepend, + propName: propName, + query: query, + queryAll: queryAll, + ready: ready, + remove: remove$1, + removeAttr: removeAttr, + removeClass: removeClass, + removeClasses: removeClasses, + replaceClass: replaceClass, + scrollIntoView: scrollIntoView, + scrollParent: scrollParent, + scrollParents: scrollParents, + scrolledOver: scrolledOver, + selFocusable: selFocusable, + selInput: selInput, + sortBy: sortBy$1, + startsWith: startsWith, + sumBy: sumBy, + swap: swap, + toArray: toArray, + toBoolean: toBoolean, + toEventTargets: toEventTargets, + toFloat: toFloat, + toNode: toNode, + toNodes: toNodes, + toNumber: toNumber, + toPx: toPx, + toWindow: toWindow, + toggleClass: toggleClass, + trigger: trigger, + ucfirst: ucfirst, + uniqueBy: uniqueBy, + unwrap: unwrap, + width: width, + within: within, + wrapAll: wrapAll, + wrapInner: wrapInner + }); + + var Class = { + connected() { + addClass(this.$el, this.$options.id); + } + }; + + const units = ["days", "hours", "minutes", "seconds"]; + var countdown = { + mixins: [Class], + props: { + date: String, + clsWrapper: String, + role: String + }, + data: { + date: "", + clsWrapper: ".uk-countdown-%unit%", + role: "timer" + }, + connected() { + attr(this.$el, "role", this.role); + this.date = toFloat(Date.parse(this.$props.date)); + this.end = false; + this.start(); + }, + disconnected() { + this.stop(); + }, + events: { + name: "visibilitychange", + el() { + return document; + }, + handler() { + if (document.hidden) { + this.stop(); + } else { + this.start(); + } + } + }, + methods: { + start() { + this.stop(); + this.update(); + if (!this.timer) { + trigger(this.$el, "countdownstart"); + this.timer = setInterval(this.update, 1e3); + } + }, + stop() { + if (this.timer) { + clearInterval(this.timer); + trigger(this.$el, "countdownstop"); + this.timer = null; + } + }, + update() { + const timespan = getTimeSpan(this.date); + if (!timespan.total) { + this.stop(); + if (!this.end) { + trigger(this.$el, "countdownend"); + this.end = true; + } + } + for (const unit of units) { + const el = $(this.clsWrapper.replace("%unit%", unit), this.$el); + if (!el) { + continue; + } + let digits = String(Math.trunc(timespan[unit])); + digits = digits.length < 2 ? `0${digits}` : digits; + if (el.textContent !== digits) { + digits = digits.split(""); + if (digits.length !== el.children.length) { + html(el, digits.map(() => "").join("")); + } + digits.forEach((digit, i) => el.children[i].textContent = digit); + } + } + } + } + }; + function getTimeSpan(date) { + const total = Math.max(0, date - Date.now()) / 1e3; + return { + total, + seconds: total % 60, + minutes: total / 60 % 60, + hours: total / 60 / 60 % 24, + days: total / 60 / 60 / 24 + }; + } + + const strats = {}; + strats.events = strats.watch = strats.observe = strats.created = strats.beforeConnect = strats.connected = strats.beforeDisconnect = strats.disconnected = strats.destroy = concatStrat; + strats.args = function(parentVal, childVal) { + return childVal !== false && concatStrat(childVal || parentVal); + }; + strats.update = function(parentVal, childVal) { + return sortBy$1( + concatStrat(parentVal, isFunction(childVal) ? { read: childVal } : childVal), + "order" + ); + }; + strats.props = function(parentVal, childVal) { + if (isArray(childVal)) { + const value = {}; + for (const key of childVal) { + value[key] = String; + } + childVal = value; + } + return strats.methods(parentVal, childVal); + }; + strats.computed = strats.methods = function(parentVal, childVal) { + return childVal ? parentVal ? { ...parentVal, ...childVal } : childVal : parentVal; + }; + strats.i18n = strats.data = function(parentVal, childVal, vm) { + if (!vm) { + if (!childVal) { + return parentVal; + } + if (!parentVal) { + return childVal; + } + return function(vm2) { + return mergeFnData(parentVal, childVal, vm2); + }; + } + return mergeFnData(parentVal, childVal, vm); + }; + function mergeFnData(parentVal, childVal, vm) { + return strats.computed( + isFunction(parentVal) ? parentVal.call(vm, vm) : parentVal, + isFunction(childVal) ? childVal.call(vm, vm) : childVal + ); + } + function concatStrat(parentVal, childVal) { + parentVal = parentVal && !isArray(parentVal) ? [parentVal] : parentVal; + return childVal ? parentVal ? parentVal.concat(childVal) : isArray(childVal) ? childVal : [childVal] : parentVal; + } + function defaultStrat(parentVal, childVal) { + return isUndefined(childVal) ? parentVal : childVal; + } + function mergeOptions(parent, child, vm) { + const options = {}; + if (isFunction(child)) { + child = child.options; + } + if (child.extends) { + parent = mergeOptions(parent, child.extends, vm); + } + if (child.mixins) { + for (const mixin of child.mixins) { + parent = mergeOptions(parent, mixin, vm); + } + } + for (const key in parent) { + mergeKey(key); + } + for (const key in child) { + if (!hasOwn(parent, key)) { + mergeKey(key); + } + } + function mergeKey(key) { + options[key] = (strats[key] || defaultStrat)(parent[key], child[key], vm); + } + return options; + } + function parseOptions(options, args = []) { + try { + return options ? startsWith(options, "{") ? JSON.parse(options) : args.length && !includes(options, ":") ? { [args[0]]: options } : options.split(";").reduce((options2, option) => { + const [key, value] = option.split(/:(.*)/); + if (key && !isUndefined(value)) { + options2[key.trim()] = value.trim(); + } + return options2; + }, {}) : {}; + } catch (e) { + return {}; + } + } + function coerce$1(type, value) { + if (type === Boolean) { + return toBoolean(value); + } else if (type === Number) { + return toNumber(value); + } else if (type === "list") { + return toList(value); + } else if (type === Object && isString(value)) { + return parseOptions(value); + } + return type ? type(value) : value; + } + function toList(value) { + return isArray(value) ? value : isString(value) ? value.split(/,(?![^(]*\))/).map((value2) => isNumeric(value2) ? toNumber(value2) : toBoolean(value2.trim())) : [value]; + } + + function resize(options) { + return observe(observeResize, options, "resize"); + } + function intersection(options) { + return observe(observeIntersection, options); + } + function mutation(options) { + return observe(observeMutation, options); + } + function lazyload(options = {}) { + return intersection({ + handler: function(entries, observer) { + const { targets = this.$el, preload = 5 } = options; + for (const el of toNodes(isFunction(targets) ? targets(this) : targets)) { + $$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => removeAttr(el2, "loading")); + } + for (const el of entries.filter(({ isIntersecting }) => isIntersecting).map(({ target }) => target)) { + observer.unobserve(el); + } + }, + ...options + }); + } + function viewport(options) { + return observe((target, handler) => observeViewportResize(handler), options); + } + function scroll$1(options) { + return observe( + (target, handler) => ({ + disconnect: on(toScrollTargets(target), "scroll", handler, { + passive: true, + capture: true + }) + }), + options, + "scroll" + ); + } + function swipe(options) { + return { + observe(target, handler) { + return { + observe: noop, + unobserve: noop, + disconnect: on(target, pointerDown$1, handler, { passive: true }) + }; + }, + handler(e) { + if (!isTouch(e)) { + return; + } + const pos = getEventPos(e); + const target = "tagName" in e.target ? e.target : parent(e.target); + once(document, `${pointerUp$1} ${pointerCancel} scroll`, (e2) => { + const { x, y } = getEventPos(e2); + if (e2.type !== "scroll" && target && x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) { + setTimeout(() => { + trigger(target, "swipe"); + trigger(target, `swipe${swipeDirection(pos.x, pos.y, x, y)}`); + }); + } + }); + }, + ...options + }; + } + function observe(observe2, options, emit) { + return { + observe: observe2, + handler() { + this.$emit(emit); + }, + ...options + }; + } + function swipeDirection(x1, y1, x2, y2) { + return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? x1 - x2 > 0 ? "Left" : "Right" : y1 - y2 > 0 ? "Up" : "Down"; + } + function toScrollTargets(elements) { + return toNodes(elements).map((node) => { + const { ownerDocument } = node; + const parent2 = scrollParent(node, true); + return parent2 === ownerDocument.scrollingElement ? ownerDocument : parent2; + }); + } + + var Margin = { + props: { + margin: String, + firstColumn: Boolean + }, + data: { + margin: "uk-margin-small-top", + firstColumn: "uk-first-column" + }, + observe: [ + mutation({ + options: { + childList: true, + attributes: true, + attributeFilter: ["style"] + } + }), + resize({ + target: ({ $el }) => [$el, ...children($el)] + }) + ], + update: { + read() { + const rows = getRows(this.$el.children); + return { + rows, + columns: getColumns(rows) + }; + }, + write({ columns, rows }) { + for (const row of rows) { + for (const column of row) { + toggleClass(column, this.margin, rows[0] !== row); + toggleClass(column, this.firstColumn, columns[0].includes(column)); + } + } + }, + events: ["resize"] + } + }; + function getRows(items) { + return sortBy(items, "top", "bottom"); + } + function getColumns(rows) { + const columns = []; + for (const row of rows) { + const sorted = sortBy(row, "left", "right"); + for (let j = 0; j < sorted.length; j++) { + columns[j] = columns[j] ? columns[j].concat(sorted[j]) : sorted[j]; + } + } + return isRtl ? columns.reverse() : columns; + } + function sortBy(items, startProp, endProp) { + const sorted = [[]]; + for (const el of items) { + if (!isVisible(el)) { + continue; + } + let dim = getOffset(el); + for (let i = sorted.length - 1; i >= 0; i--) { + const current = sorted[i]; + if (!current[0]) { + current.push(el); + break; + } + let startDim; + if (current[0].offsetParent === el.offsetParent) { + startDim = getOffset(current[0]); + } else { + dim = getOffset(el, true); + startDim = getOffset(current[0], true); + } + if (dim[startProp] >= startDim[endProp] - 1 && dim[startProp] !== startDim[startProp]) { + sorted.push([el]); + break; + } + if (dim[endProp] - 1 > startDim[startProp] || dim[startProp] === startDim[startProp]) { + current.push(el); + break; + } + if (i === 0) { + sorted.unshift([el]); + break; + } + } + } + return sorted; + } + function getOffset(element, offset = false) { + let { offsetTop, offsetLeft, offsetHeight, offsetWidth } = element; + if (offset) { + [offsetTop, offsetLeft] = offsetPosition(element); + } + return { + top: offsetTop, + left: offsetLeft, + bottom: offsetTop + offsetHeight, + right: offsetLeft + offsetWidth + }; + } + + const clsLeave = "uk-transition-leave"; + const clsEnter = "uk-transition-enter"; + function fade(action, target, duration, stagger = 0) { + const index = transitionIndex(target, true); + const propsIn = { opacity: 1 }; + const propsOut = { opacity: 0 }; + const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject(); + const leaveFn = wrapIndexFn(async () => { + addClass(target, clsLeave); + await Promise.all( + getTransitionNodes(target).map( + (child, i) => new Promise( + (resolve) => setTimeout( + () => Transition.start(child, propsOut, duration / 2, "ease").then( + resolve + ), + i * stagger + ) + ) + ) + ); + removeClass(target, clsLeave); + }); + const enterFn = wrapIndexFn(async () => { + const oldHeight = height(target); + addClass(target, clsEnter); + action(); + css(children(target), { opacity: 0 }); + await awaitFrame$1(); + const nodes = children(target); + const newHeight = height(target); + css(target, "alignContent", "flex-start"); + height(target, oldHeight); + const transitionNodes = getTransitionNodes(target); + css(nodes, propsOut); + const transitions = transitionNodes.map(async (child, i) => { + await awaitTimeout(i * stagger); + await Transition.start(child, propsIn, duration / 2, "ease"); + }); + if (oldHeight !== newHeight) { + transitions.push( + Transition.start( + target, + { height: newHeight }, + duration / 2 + transitionNodes.length * stagger, + "ease" + ) + ); + } + await Promise.all(transitions).then(() => { + removeClass(target, clsEnter); + if (index === transitionIndex(target)) { + css(target, { height: "", alignContent: "" }); + css(nodes, { opacity: "" }); + delete target.dataset.transition; + } + }); + }); + return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn); + } + function transitionIndex(target, next) { + if (next) { + target.dataset.transition = 1 + transitionIndex(target); + } + return toNumber(target.dataset.transition) || 0; + } + function waitTransitionend(target) { + return Promise.all( + children(target).filter(Transition.inProgress).map( + (el) => new Promise((resolve) => once(el, "transitionend transitioncanceled", resolve)) + ) + ); + } + function getTransitionNodes(target) { + return getRows(children(target)).reduce( + (nodes, row) => nodes.concat( + sortBy$1( + row.filter((el) => isInView(el)), + "offsetLeft" + ) + ), + [] + ); + } + function awaitFrame$1() { + return new Promise((resolve) => requestAnimationFrame(resolve)); + } + function awaitTimeout(timeout) { + return new Promise((resolve) => setTimeout(resolve, timeout)); + } + + async function slide(action, target, duration) { + await awaitFrame(); + let nodes = children(target); + const currentProps = nodes.map((el) => getProps$1(el, true)); + const targetProps = { ...css(target, ["height", "padding"]), display: "block" }; + await Promise.all(nodes.concat(target).map(Transition.cancel)); + action(); + nodes = nodes.concat(children(target).filter((el) => !includes(nodes, el))); + await Promise.resolve(); + fastdom.flush(); + const targetStyle = attr(target, "style"); + const targetPropsTo = css(target, ["height", "padding"]); + const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps); + const attrsTo = nodes.map((el) => ({ style: attr(el, "style") })); + nodes.forEach((el, i) => propsFrom[i] && css(el, propsFrom[i])); + css(target, targetProps); + trigger(target, "scroll"); + fastdom.flush(); + await awaitFrame(); + const transitions = nodes.map((el, i) => parent(el) === target && Transition.start(el, propsTo[i], duration, "ease")).concat(Transition.start(target, targetPropsTo, duration, "ease")); + try { + await Promise.all(transitions); + nodes.forEach((el, i) => { + attr(el, attrsTo[i]); + if (parent(el) === target) { + css(el, "display", propsTo[i].opacity === 0 ? "none" : ""); + } + }); + attr(target, "style", targetStyle); + } catch (e) { + attr(nodes, "style", ""); + resetProps(target, targetProps); + } + } + function getProps$1(el, opacity) { + const zIndex = css(el, "zIndex"); + return isVisible(el) ? { + display: "", + opacity: opacity ? css(el, "opacity") : "0", + pointerEvents: "none", + position: "absolute", + zIndex: zIndex === "auto" ? index(el) : zIndex, + ...getPositionWithMargin(el) + } : false; + } + function getTransitionProps(target, nodes, currentProps) { + const propsTo = nodes.map( + (el, i) => parent(el) && i in currentProps ? currentProps[i] ? isVisible(el) ? getPositionWithMargin(el) : { opacity: 0 } : { opacity: isVisible(el) ? 1 : 0 } : false + ); + const propsFrom = propsTo.map((props, i) => { + const from = parent(nodes[i]) === target && (currentProps[i] || getProps$1(nodes[i])); + if (!from) { + return false; + } + if (!props) { + delete from.opacity; + } else if (!("opacity" in props)) { + const { opacity } = from; + if (opacity % 1) { + props.opacity = 1; + } else { + delete from.opacity; + } + } + return from; + }); + return [propsTo, propsFrom]; + } + function resetProps(el, props) { + for (const prop in props) { + css(el, prop, ""); + } + } + function getPositionWithMargin(el) { + const { height, width } = offset(el); + return { + height, + width, + transform: "", + ...position(el), + ...css(el, ["marginTop", "marginLeft"]) + }; + } + function awaitFrame() { + return new Promise((resolve) => requestAnimationFrame(resolve)); + } + + var Animate = { + props: { + duration: Number, + animation: Boolean + }, + data: { + duration: 150, + animation: "slide" + }, + methods: { + animate(action, target = this.$el) { + const name = this.animation; + const animationFn = name === "fade" ? fade : name === "delayed-fade" ? (...args) => fade(...args, 40) : name ? slide : () => { + action(); + return Promise.resolve(); + }; + return animationFn(action, target, this.duration).catch(noop); + } + } + }; + + const keyMap = { + TAB: 9, + ESC: 27, + SPACE: 32, + END: 35, + HOME: 36, + LEFT: 37, + UP: 38, + RIGHT: 39, + DOWN: 40 + }; + + var filter = { + mixins: [Animate], + args: "target", + props: { + target: String, + selActive: Boolean + }, + data: { + target: "", + selActive: false, + attrItem: "uk-filter-control", + cls: "uk-active", + duration: 250 + }, + computed: { + toggles({ attrItem }, $el) { + return $$(`[${attrItem}],[data-${attrItem}]`, $el); + }, + children({ target }, $el) { + return $$(`${target} > *`, $el); + } + }, + watch: { + toggles(toggles) { + this.updateState(); + const actives = $$(this.selActive, this.$el); + for (const toggle of toggles) { + if (this.selActive !== false) { + toggleClass(toggle, this.cls, includes(actives, toggle)); + } + const button = findButton(toggle); + if (isTag(button, "a")) { + attr(button, "role", "button"); + } + } + }, + children(list, prev) { + if (prev) { + this.updateState(); + } + } + }, + events: { + name: "click keydown", + delegate() { + return `[${this.attrItem}],[data-${this.attrItem}]`; + }, + handler(e) { + if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) { + return; + } + if (closest(e.target, "a,button")) { + e.preventDefault(); + this.apply(e.current); + } + } + }, + methods: { + apply(el) { + const prevState = this.getState(); + const newState = mergeState(el, this.attrItem, this.getState()); + if (!isEqualState(prevState, newState)) { + this.setState(newState); + } + }, + getState() { + return this.toggles.filter((item) => hasClass(item, this.cls)).reduce((state, el) => mergeState(el, this.attrItem, state), { + filter: { "": "" }, + sort: [] + }); + }, + async setState(state, animate = true) { + state = { filter: { "": "" }, sort: [], ...state }; + trigger(this.$el, "beforeFilter", [this, state]); + for (const toggle of this.toggles) { + toggleClass(toggle, this.cls, matchFilter(toggle, this.attrItem, state)); + } + await Promise.all( + $$(this.target, this.$el).map((target) => { + const filterFn = () => { + applyState(state, target, children(target)); + this.$update(this.$el); + }; + return animate ? this.animate(filterFn, target) : filterFn(); + }) + ); + trigger(this.$el, "afterFilter", [this]); + }, + updateState() { + fastdom.write(() => this.setState(this.getState(), false)); + } + } + }; + function getFilter(el, attr2) { + return parseOptions(data(el, attr2), ["filter"]); + } + function isEqualState(stateA, stateB) { + return ["filter", "sort"].every((prop) => isEqual(stateA[prop], stateB[prop])); + } + function applyState(state, target, children) { + const selector = getSelector(state); + children.forEach((el) => css(el, "display", selector && !matches(el, selector) ? "none" : "")); + const [sort, order] = state.sort; + if (sort) { + const sorted = sortItems(children, sort, order); + if (!isEqual(sorted, children)) { + append(target, sorted); + } + } + } + function mergeState(el, attr2, state) { + const { filter, group, sort, order = "asc" } = getFilter(el, attr2); + if (filter || isUndefined(sort)) { + if (group) { + if (filter) { + delete state.filter[""]; + state.filter[group] = filter; + } else { + delete state.filter[group]; + if (isEmpty(state.filter) || "" in state.filter) { + state.filter = { "": filter || "" }; + } + } + } else { + state.filter = { "": filter || "" }; + } + } + if (!isUndefined(sort)) { + state.sort = [sort, order]; + } + return state; + } + function matchFilter(el, attr2, { filter: stateFilter = { "": "" }, sort: [stateSort, stateOrder] }) { + const { filter = "", group = "", sort, order = "asc" } = getFilter(el, attr2); + return isUndefined(sort) ? group in stateFilter && filter === stateFilter[group] || !filter && group && !(group in stateFilter) && !stateFilter[""] : stateSort === sort && stateOrder === order; + } + function getSelector({ filter }) { + let selector = ""; + each(filter, (value) => selector += value || ""); + return selector; + } + function sortItems(nodes, sort, order) { + return [...nodes].sort( + (a, b) => data(a, sort).localeCompare(data(b, sort), void 0, { numeric: true }) * (order === "asc" || -1) + ); + } + function findButton(el) { + return $("a,button", el) || el; + } + + var Container = { + props: { + container: Boolean + }, + data: { + container: true + }, + computed: { + container({ container }) { + return container === true && this.$container || container && $(container); + } + } + }; + + let prevented; + function preventBackgroundScroll(el) { + const off = on( + el, + "touchmove", + (e) => { + if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) { + return; + } + let { scrollHeight, clientHeight } = scrollParent(e.target); + if (clientHeight >= scrollHeight && e.cancelable) { + e.preventDefault(); + } + }, + { passive: false } + ); + if (prevented) { + return off; + } + prevented = true; + const { scrollingElement } = document; + css(scrollingElement, { + overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden", + touchAction: "none", + paddingRight: width(window) - scrollingElement.clientWidth || "" + }); + return () => { + prevented = false; + off(); + css(scrollingElement, { overflowY: "", touchAction: "", paddingRight: "" }); + }; + } + + var Togglable = { + props: { + cls: Boolean, + animation: "list", + duration: Number, + velocity: Number, + origin: String, + transition: String + }, + data: { + cls: false, + animation: [false], + duration: 200, + velocity: 0.2, + origin: false, + transition: "ease", + clsEnter: "uk-togglabe-enter", + clsLeave: "uk-togglabe-leave" + }, + computed: { + hasAnimation({ animation }) { + return !!animation[0]; + }, + hasTransition({ animation }) { + return ["slide", "reveal"].some((transition) => startsWith(animation[0], transition)); + } + }, + methods: { + async toggleElement(targets, toggle, animate) { + try { + await Promise.all( + toNodes(targets).map((el) => { + const show = isBoolean(toggle) ? toggle : !this.isToggled(el); + if (!trigger(el, `before${show ? "show" : "hide"}`, [this])) { + return Promise.reject(); + } + const promise = (isFunction(animate) ? animate : animate === false || !this.hasAnimation ? toggleInstant : this.hasTransition ? toggleTransition : toggleAnimation)(el, show, this); + const cls = show ? this.clsEnter : this.clsLeave; + addClass(el, cls); + trigger(el, show ? "show" : "hide", [this]); + const done = () => { + removeClass(el, cls); + trigger(el, show ? "shown" : "hidden", [this]); + }; + return promise ? promise.then(done, () => { + removeClass(el, cls); + return Promise.reject(); + }) : done(); + }) + ); + return true; + } catch (e) { + return false; + } + }, + isToggled(el = this.$el) { + el = toNode(el); + return hasClass(el, this.clsEnter) ? true : hasClass(el, this.clsLeave) ? false : this.cls ? hasClass(el, this.cls.split(" ")[0]) : isVisible(el); + }, + _toggle(el, toggled) { + if (!el) { + return; + } + toggled = Boolean(toggled); + let changed; + if (this.cls) { + changed = includes(this.cls, " ") || toggled !== hasClass(el, this.cls); + changed && toggleClass(el, this.cls, includes(this.cls, " ") ? void 0 : toggled); + } else { + changed = toggled === el.hidden; + changed && (el.hidden = !toggled); + } + $$("[autofocus]", el).some((el2) => isVisible(el2) ? el2.focus() || true : el2.blur()); + if (changed) { + trigger(el, "toggled", [toggled, this]); + } + } + } + }; + function toggleInstant(el, show, { _toggle }) { + Animation.cancel(el); + Transition.cancel(el); + return _toggle(el, show); + } + async function toggleTransition(el, show, { animation, duration, velocity, transition, _toggle }) { + var _a; + const [mode = "reveal", startProp = "top"] = ((_a = animation[0]) == null ? void 0 : _a.split("-")) || []; + const dirs = [ + ["left", "right"], + ["top", "bottom"] + ]; + const dir = dirs[includes(dirs[0], startProp) ? 0 : 1]; + const end = dir[1] === startProp; + const props = ["width", "height"]; + const dimProp = props[dirs.indexOf(dir)]; + const marginProp = `margin-${dir[0]}`; + const marginStartProp = `margin-${startProp}`; + let currentDim = dimensions$1(el)[dimProp]; + const inProgress = Transition.inProgress(el); + await Transition.cancel(el); + if (show) { + _toggle(el, true); + } + const prevProps = Object.fromEntries( + [ + "padding", + "border", + "width", + "height", + "minWidth", + "minHeight", + "overflowY", + "overflowX", + marginProp, + marginStartProp + ].map((key) => [key, el.style[key]]) + ); + const dim = dimensions$1(el); + const currentMargin = toFloat(css(el, marginProp)); + const marginStart = toFloat(css(el, marginStartProp)); + const endDim = dim[dimProp] + marginStart; + if (!inProgress && !show) { + currentDim += marginStart; + } + const [wrapper] = wrapInner(el, "
"); + css(wrapper, { + boxSizing: "border-box", + height: dim.height, + width: dim.width, + ...css(el, [ + "overflow", + "padding", + "borderTop", + "borderRight", + "borderBottom", + "borderLeft", + "borderImage", + marginStartProp + ]) + }); + css(el, { + padding: 0, + border: 0, + minWidth: 0, + minHeight: 0, + [marginStartProp]: 0, + width: dim.width, + height: dim.height, + overflow: "hidden", + [dimProp]: currentDim + }); + const percent = currentDim / endDim; + duration = (velocity * endDim + duration) * (show ? 1 - percent : percent); + const endProps = { [dimProp]: show ? endDim : 0 }; + if (end) { + css(el, marginProp, endDim - currentDim + currentMargin); + endProps[marginProp] = show ? currentMargin : endDim + currentMargin; + } + if (!end ^ mode === "reveal") { + css(wrapper, marginProp, -endDim + currentDim); + Transition.start(wrapper, { [marginProp]: show ? 0 : -endDim }, duration, transition); + } + try { + await Transition.start(el, endProps, duration, transition); + } finally { + css(el, prevProps); + unwrap(wrapper.firstChild); + if (!show) { + _toggle(el, false); + } + } + } + function toggleAnimation(el, show, cmp) { + Animation.cancel(el); + const { animation, duration, _toggle } = cmp; + if (show) { + _toggle(el, true); + return Animation.in(el, animation[0], duration, cmp.origin); + } + return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then( + () => _toggle(el, false) + ); + } + + const active$1 = []; + var Modal = { + mixins: [Class, Container, Togglable], + props: { + selPanel: String, + selClose: String, + escClose: Boolean, + bgClose: Boolean, + stack: Boolean, + role: String + }, + data: { + cls: "uk-open", + escClose: true, + bgClose: true, + overlay: true, + stack: false, + role: "dialog" + }, + computed: { + panel({ selPanel }, $el) { + return $(selPanel, $el); + }, + transitionElement() { + return this.panel; + }, + bgClose({ bgClose }) { + return bgClose && this.panel; + } + }, + connected() { + attr(this.panel || this.$el, "role", this.role); + if (this.overlay) { + attr(this.panel || this.$el, "aria-modal", true); + } + }, + beforeDisconnect() { + if (includes(active$1, this)) { + this.toggleElement(this.$el, false, false); + } + }, + events: [ + { + name: "click", + delegate() { + return `${this.selClose},a[href*="#"]`; + }, + handler(e) { + const { current, defaultPrevented } = e; + const { hash } = current; + if (!defaultPrevented && hash && isSameSiteAnchor(current) && !within(hash, this.$el) && $(hash, document.body)) { + this.hide(); + } else if (matches(current, this.selClose)) { + e.preventDefault(); + this.hide(); + } + } + }, + { + name: "toggle", + self: true, + handler(e) { + if (e.defaultPrevented) { + return; + } + e.preventDefault(); + if (this.isToggled() === includes(active$1, this)) { + this.toggle(); + } + } + }, + { + name: "beforeshow", + self: true, + handler(e) { + if (includes(active$1, this)) { + return false; + } + if (!this.stack && active$1.length) { + Promise.all(active$1.map((modal) => modal.hide())).then(this.show); + e.preventDefault(); + } else { + active$1.push(this); + } + } + }, + { + name: "show", + self: true, + handler() { + if (this.stack) { + css(this.$el, "zIndex", toFloat(css(this.$el, "zIndex")) + active$1.length); + } + const handlers = [ + this.overlay && preventBackgroundFocus(this), + this.overlay && preventBackgroundScroll(this.$el), + this.bgClose && listenForBackgroundClose$1(this), + this.escClose && listenForEscClose$1(this) + ]; + once( + this.$el, + "hidden", + () => handlers.forEach((handler) => handler && handler()), + { self: true } + ); + addClass(document.documentElement, this.clsPage); + } + }, + { + name: "shown", + self: true, + handler() { + if (!isFocusable(this.$el)) { + attr(this.$el, "tabindex", "-1"); + } + if (!matches(this.$el, ":focus-within")) { + this.$el.focus(); + } + } + }, + { + name: "hidden", + self: true, + handler() { + if (includes(active$1, this)) { + active$1.splice(active$1.indexOf(this), 1); + } + css(this.$el, "zIndex", ""); + if (!active$1.some((modal) => modal.clsPage === this.clsPage)) { + removeClass(document.documentElement, this.clsPage); + } + } + } + ], + methods: { + toggle() { + return this.isToggled() ? this.hide() : this.show(); + }, + show() { + if (this.container && parent(this.$el) !== this.container) { + append(this.container, this.$el); + return new Promise( + (resolve) => requestAnimationFrame(() => this.show().then(resolve)) + ); + } + return this.toggleElement(this.$el, true, animate$1); + }, + hide() { + return this.toggleElement(this.$el, false, animate$1); + } + } + }; + function animate$1(el, show, { transitionElement, _toggle }) { + return new Promise( + (resolve, reject) => once(el, "show hide", () => { + var _a; + (_a = el._reject) == null ? void 0 : _a.call(el); + el._reject = reject; + _toggle(el, show); + const off = once( + transitionElement, + "transitionstart", + () => { + once(transitionElement, "transitionend transitioncancel", resolve, { + self: true + }); + clearTimeout(timer); + }, + { self: true } + ); + const timer = setTimeout( + () => { + off(); + resolve(); + }, + toMs(css(transitionElement, "transitionDuration")) + ); + }) + ).then(() => delete el._reject); + } + function toMs(time) { + return time ? endsWith(time, "ms") ? toFloat(time) : toFloat(time) * 1e3 : 0; + } + function preventBackgroundFocus(modal) { + return on(document, "focusin", (e) => { + if (last(active$1) === modal && !within(e.target, modal.$el)) { + modal.$el.focus(); + } + }); + } + function listenForBackgroundClose$1(modal) { + return on(document, pointerDown$1, ({ target }) => { + if (last(active$1) !== modal || modal.overlay && !within(target, modal.$el) || within(target, modal.panel)) { + return; + } + once( + document, + `${pointerUp$1} ${pointerCancel} scroll`, + ({ defaultPrevented, type, target: newTarget }) => { + if (!defaultPrevented && type === pointerUp$1 && target === newTarget) { + modal.hide(); + } + }, + true + ); + }); + } + function listenForEscClose$1(modal) { + return on(document, "keydown", (e) => { + if (e.keyCode === 27 && last(active$1) === modal) { + modal.hide(); + } + }); + } + + var Animations$2 = { + slide: { + show(dir) { + return [{ transform: translate(dir * -100) }, { transform: translate() }]; + }, + percent(current) { + return translated(current); + }, + translate(percent, dir) { + return [ + { transform: translate(dir * -100 * percent) }, + { transform: translate(dir * 100 * (1 - percent)) } + ]; + } + } + }; + function translated(el) { + return Math.abs(css(el, "transform").split(",")[4] / el.offsetWidth) || 0; + } + function translate(value = 0, unit = "%") { + value += value ? unit : ""; + return `translate3d(${value}, 0, 0)`; + } + function scale3d(value) { + return `scale3d(${value}, ${value}, 1)`; + } + + function Transitioner$1(prev, next, dir, { animation, easing }) { + const { percent, translate, show = noop } = animation; + const props = show(dir); + let resolve; + return { + dir, + show(duration, percent2 = 0, linear) { + const timing = linear ? "linear" : easing; + duration -= Math.round(duration * clamp(percent2, -1, 1)); + this.translate(percent2); + triggerUpdate$1(next, "itemin", { percent: percent2, duration, timing, dir }); + triggerUpdate$1(prev, "itemout", { percent: 1 - percent2, duration, timing, dir }); + return new Promise((res) => { + resolve || (resolve = res); + Promise.all([ + Transition.start(next, props[1], duration, timing), + Transition.start(prev, props[0], duration, timing) + ]).then(() => { + this.reset(); + resolve(); + }, noop); + }); + }, + cancel() { + return Transition.cancel([next, prev]); + }, + reset() { + for (const prop in props[0]) { + css([next, prev], prop, ""); + } + }, + async forward(duration, percent2 = this.percent()) { + await this.cancel(); + return this.show(duration, percent2, true); + }, + translate(percent2) { + this.reset(); + const props2 = translate(percent2, dir); + css(next, props2[1]); + css(prev, props2[0]); + triggerUpdate$1(next, "itemtranslatein", { percent: percent2, dir }); + triggerUpdate$1(prev, "itemtranslateout", { percent: 1 - percent2, dir }); + }, + percent() { + return percent(prev || next, next, dir); + }, + getDistance() { + return prev == null ? void 0 : prev.offsetWidth; + } + }; + } + function triggerUpdate$1(el, type, data) { + trigger(el, createEvent(type, false, false, data)); + } + + var I18n = { + props: { + i18n: Object + }, + data: { + i18n: null + }, + methods: { + t(key, ...params) { + var _a, _b, _c; + let i = 0; + return ((_c = ((_a = this.i18n) == null ? void 0 : _a[key]) || ((_b = this.$options.i18n) == null ? void 0 : _b[key])) == null ? void 0 : _c.replace( + /%s/g, + () => params[i++] || "" + )) || ""; + } + } + }; + + var SliderAutoplay = { + props: { + autoplay: Boolean, + autoplayInterval: Number, + pauseOnHover: Boolean + }, + data: { + autoplay: false, + autoplayInterval: 7e3, + pauseOnHover: true + }, + connected() { + attr(this.list, "aria-live", this.autoplay ? "off" : "polite"); + this.autoplay && this.startAutoplay(); + }, + disconnected() { + this.stopAutoplay(); + }, + update() { + attr(this.slides, "tabindex", "-1"); + }, + events: [ + { + name: "visibilitychange", + el() { + return document; + }, + filter() { + return this.autoplay; + }, + handler() { + if (document.hidden) { + this.stopAutoplay(); + } else { + this.startAutoplay(); + } + } + } + ], + methods: { + startAutoplay() { + this.stopAutoplay(); + this.interval = setInterval(() => { + if (!(this.stack.length || this.draggable && matches(this.$el, ":focus-within") || this.pauseOnHover && matches(this.$el, ":hover"))) { + this.show("next"); + } + }, this.autoplayInterval); + }, + stopAutoplay() { + clearInterval(this.interval); + } + } + }; + + const pointerOptions = { passive: false, capture: true }; + const pointerUpOptions = { passive: true, capture: true }; + const pointerDown = "touchstart mousedown"; + const pointerMove = "touchmove mousemove"; + const pointerUp = "touchend touchcancel mouseup click input scroll"; + var SliderDrag = { + props: { + draggable: Boolean + }, + data: { + draggable: true, + threshold: 10 + }, + created() { + for (const key of ["start", "move", "end"]) { + const fn = this[key]; + this[key] = (e) => { + const pos = getEventPos(e).x * (isRtl ? -1 : 1); + this.prevPos = pos === this.pos ? this.prevPos : this.pos; + this.pos = pos; + fn(e); + }; + } + }, + events: [ + { + name: pointerDown, + passive: true, + delegate() { + return `${this.selList} > *`; + }, + handler(e) { + if (!this.draggable || !isTouch(e) && hasSelectableText(e.target) || closest(e.target, selInput) || e.button > 0 || this.length < 2) { + return; + } + this.start(e); + } + }, + { + name: "dragstart", + handler(e) { + e.preventDefault(); + } + }, + { + // iOS workaround for slider stopping if swiping fast + name: pointerMove, + el() { + return this.list; + }, + handler: noop, + ...pointerOptions + } + ], + methods: { + start() { + this.drag = this.pos; + if (this._transitioner) { + this.percent = this._transitioner.percent(); + this.drag += this._transitioner.getDistance() * this.percent * this.dir; + this._transitioner.cancel(); + this._transitioner.translate(this.percent); + this.dragging = true; + this.stack = []; + } else { + this.prevIndex = this.index; + } + on(document, pointerMove, this.move, pointerOptions); + on(document, pointerUp, this.end, pointerUpOptions); + css(this.list, "userSelect", "none"); + }, + move(e) { + const distance = this.pos - this.drag; + if (distance === 0 || this.prevPos === this.pos || !this.dragging && Math.abs(distance) < this.threshold) { + return; + } + css(this.list, "pointerEvents", "none"); + e.cancelable && e.preventDefault(); + this.dragging = true; + this.dir = distance < 0 ? 1 : -1; + let { slides, prevIndex } = this; + let dis = Math.abs(distance); + let nextIndex = this.getIndex(prevIndex + this.dir); + let width = this._getDistance(prevIndex, nextIndex); + while (nextIndex !== prevIndex && dis > width) { + this.drag -= width * this.dir; + prevIndex = nextIndex; + dis -= width; + nextIndex = this.getIndex(prevIndex + this.dir); + width = this._getDistance(prevIndex, nextIndex); + } + this.percent = dis / width; + const prev = slides[prevIndex]; + const next = slides[nextIndex]; + const changed = this.index !== nextIndex; + const edge = prevIndex === nextIndex; + let itemShown; + for (const i of [this.index, this.prevIndex]) { + if (!includes([nextIndex, prevIndex], i)) { + trigger(slides[i], "itemhidden", [this]); + if (edge) { + itemShown = true; + this.prevIndex = prevIndex; + } + } + } + if (this.index === prevIndex && this.prevIndex !== prevIndex || itemShown) { + trigger(slides[this.index], "itemshown", [this]); + } + if (changed) { + this.prevIndex = prevIndex; + this.index = nextIndex; + !edge && trigger(prev, "beforeitemhide", [this]); + trigger(next, "beforeitemshow", [this]); + } + this._transitioner = this._translate(Math.abs(this.percent), prev, !edge && next); + if (changed) { + !edge && trigger(prev, "itemhide", [this]); + trigger(next, "itemshow", [this]); + } + }, + end() { + off(document, pointerMove, this.move, pointerOptions); + off(document, pointerUp, this.end, pointerUpOptions); + if (this.dragging) { + this.dragging = null; + if (this.index === this.prevIndex) { + this.percent = 1 - this.percent; + this.dir *= -1; + this._show(false, this.index, true); + this._transitioner = null; + } else { + const dirChange = (isRtl ? this.dir * (isRtl ? 1 : -1) : this.dir) < 0 === this.prevPos > this.pos; + this.index = dirChange ? this.index : this.prevIndex; + if (dirChange) { + this.percent = 1 - this.percent; + } + this.show( + this.dir > 0 && !dirChange || this.dir < 0 && dirChange ? "next" : "previous", + true + ); + } + } + css(this.list, { userSelect: "", pointerEvents: "" }); + this.drag = this.percent = null; + }, + _getDistance(prev, next) { + return this._getTransitioner(prev, prev !== next && next).getDistance() || this.slides[prev].offsetWidth; + } + } + }; + function hasSelectableText(el) { + return css(el, "userSelect") !== "none" && toArray(el.childNodes).some((el2) => el2.nodeType === 3 && el2.textContent.trim()); + } + + function initUpdates(instance) { + instance._data = {}; + instance._updates = [...instance.$options.update || []]; + } + function prependUpdate(instance, update) { + instance._updates.unshift(update); + } + function clearUpdateData(instance) { + delete instance._data; + } + function callUpdate(instance, e = "update") { + if (!instance._connected) { + return; + } + if (!instance._updates.length) { + return; + } + if (!instance._queued) { + instance._queued = /* @__PURE__ */ new Set(); + fastdom.read(() => { + if (instance._connected) { + runUpdates(instance, instance._queued); + } + delete instance._queued; + }); + } + instance._queued.add(e.type || e); + } + function runUpdates(instance, types) { + for (const { read, write, events = [] } of instance._updates) { + if (!types.has("update") && !events.some((type) => types.has(type))) { + continue; + } + let result; + if (read) { + result = read.call(instance, instance._data, types); + if (result && isPlainObject(result)) { + assign(instance._data, result); + } + } + if (write && result !== false) { + fastdom.write(() => { + if (instance._connected) { + write.call(instance, instance._data, types); + } + }); + } + } + } + + function initWatches(instance) { + instance._watches = []; + for (const watches of instance.$options.watch || []) { + for (const [name, watch] of Object.entries(watches)) { + registerWatch(instance, watch, name); + } + } + instance._initial = true; + } + function registerWatch(instance, watch, name) { + instance._watches.push({ + name, + ...isPlainObject(watch) ? watch : { handler: watch } + }); + } + function runWatches(instance, values) { + for (const { name, handler, immediate = true } of instance._watches) { + if (instance._initial && immediate || hasOwn(values, name) && !isEqual(values[name], instance[name])) { + handler.call(instance, instance[name], values[name]); + } + } + instance._initial = false; + } + + function initComputed(instance) { + const { computed } = instance.$options; + instance._computed = {}; + if (computed) { + for (const key in computed) { + registerComputed(instance, key, computed[key]); + } + } + } + function registerComputed(instance, key, cb) { + instance._hasComputed = true; + Object.defineProperty(instance, key, { + enumerable: true, + get() { + const { _computed, $props, $el } = instance; + if (!hasOwn(_computed, key)) { + _computed[key] = (cb.get || cb).call(instance, $props, $el); + } + return _computed[key]; + }, + set(value) { + const { _computed } = instance; + _computed[key] = cb.set ? cb.set.call(instance, value) : value; + if (isUndefined(_computed[key])) { + delete _computed[key]; + } + } + }); + } + function initComputedUpdates(instance) { + if (!instance._hasComputed) { + return; + } + prependUpdate(instance, { + read: () => runWatches(instance, resetComputed(instance)), + events: ["resize", "computed"] + }); + registerComputedObserver(); + instances$1.add(instance); + } + function disconnectComputedUpdates(instance) { + instances$1 == null ? void 0 : instances$1.delete(instance); + resetComputed(instance); + } + function resetComputed(instance) { + const values = { ...instance._computed }; + instance._computed = {}; + return values; + } + let observer; + let instances$1; + function registerComputedObserver() { + if (observer) { + return; + } + instances$1 = /* @__PURE__ */ new Set(); + observer = new MutationObserver(() => { + for (const instance of instances$1) { + callUpdate(instance, "computed"); + } + }); + observer.observe(document, { + childList: true, + subtree: true + }); + } + + function initEvents(instance) { + instance._events = []; + for (const event of instance.$options.events || []) { + if (hasOwn(event, "handler")) { + registerEvent(instance, event); + } else { + for (const key in event) { + registerEvent(instance, event[key], key); + } + } + } + } + function unbindEvents(instance) { + instance._events.forEach((unbind) => unbind()); + delete instance._events; + } + function registerEvent(instance, event, key) { + let { name, el, handler, capture, passive, delegate, filter, self } = isPlainObject(event) ? event : { name: key, handler: event }; + el = isFunction(el) ? el.call(instance, instance) : el || instance.$el; + if (isArray(el)) { + el.forEach((el2) => registerEvent(instance, { ...event, el: el2 }, key)); + return; + } + if (!el || filter && !filter.call(instance)) { + return; + } + instance._events.push( + on( + el, + name, + delegate ? isString(delegate) ? delegate : delegate.call(instance, instance) : null, + isString(handler) ? instance[handler] : handler.bind(instance), + { passive, capture, self } + ) + ); + } + + function initObservers(instance) { + instance._observers = []; + for (const observer of instance.$options.observe || []) { + if (hasOwn(observer, "handler")) { + registerObservable(instance, observer); + } else { + for (const observable of observer) { + registerObservable(instance, observable); + } + } + } + } + function registerObserver(instance, ...observer) { + instance._observers.push(...observer); + } + function disconnectObservers(instance) { + for (const observer of instance._observers) { + observer.disconnect(); + } + } + function registerObservable(instance, observable) { + let { observe, target = instance.$el, handler, options, filter, args } = observable; + if (filter && !filter.call(instance, instance)) { + return; + } + const key = `_observe${instance._observers.length}`; + if (isFunction(target) && !hasOwn(instance, key)) { + registerComputed(instance, key, () => target.call(instance, instance)); + } + handler = isString(handler) ? instance[handler] : handler.bind(instance); + if (isFunction(options)) { + options = options.call(instance, instance); + } + const targets = hasOwn(instance, key) ? instance[key] : target; + const observer = observe(targets, handler, options, args); + if (isFunction(target) && isArray(instance[key]) && observer.unobserve) { + registerWatch(instance, { handler: updateTargets(observer), immediate: false }, key); + } + registerObserver(instance, observer); + } + function updateTargets(observer) { + return (targets, prev) => { + for (const target of prev) { + !includes(targets, target) && observer.unobserve(target); + } + for (const target of targets) { + !includes(prev, target) && observer.observe(target); + } + }; + } + + function initProps(instance) { + const props = getProps(instance.$options); + for (let key in props) { + if (!isUndefined(props[key])) { + instance.$props[key] = props[key]; + } + } + const exclude = [instance.$options.computed, instance.$options.methods]; + for (let key in instance.$props) { + if (key in props && notIn(exclude, key)) { + instance[key] = instance.$props[key]; + } + } + } + function getProps(opts) { + const data$1 = {}; + const { args = [], props = {}, el, id } = opts; + if (!props) { + return data$1; + } + for (const key in props) { + const prop = hyphenate(key); + let value = data(el, prop); + if (isUndefined(value)) { + continue; + } + value = props[key] === Boolean && value === "" ? true : coerce$1(props[key], value); + if (prop === "target" && startsWith(value, "_")) { + continue; + } + data$1[key] = value; + } + const options = parseOptions(data(el, id), args); + for (const key in options) { + const prop = camelize(key); + if (!isUndefined(props[prop])) { + data$1[prop] = coerce$1(props[prop], options[key]); + } + } + return data$1; + } + function notIn(options, key) { + return options.every((arr) => !arr || !hasOwn(arr, key)); + } + function initPropsObserver(instance) { + const { $options, $props } = instance; + const { id, props, el } = $options; + if (!props) { + return; + } + const attributes = Object.keys(props); + const filter = attributes.map((key) => hyphenate(key)).concat(id); + const observer = new MutationObserver((records) => { + const data = getProps($options); + if (records.some(({ attributeName }) => { + const prop = attributeName.replace("data-", ""); + return (prop === id ? attributes : [camelize(prop), camelize(attributeName)]).some( + (prop2) => !isUndefined(data[prop2]) && data[prop2] !== $props[prop2] + ); + })) { + instance.$reset(); + } + }); + observer.observe(el, { + attributes: true, + attributeFilter: filter.concat(filter.map((key) => `data-${key}`)) + }); + registerObserver(instance, observer); + } + + function callHook(instance, hook) { + var _a; + (_a = instance.$options[hook]) == null ? void 0 : _a.forEach((handler) => handler.call(instance)); + } + function callConnected(instance) { + if (instance._connected) { + return; + } + initProps(instance); + callHook(instance, "beforeConnect"); + instance._connected = true; + initEvents(instance); + initUpdates(instance); + initWatches(instance); + initObservers(instance); + initPropsObserver(instance); + initComputedUpdates(instance); + callHook(instance, "connected"); + callUpdate(instance); + } + function callDisconnected(instance) { + if (!instance._connected) { + return; + } + callHook(instance, "beforeDisconnect"); + unbindEvents(instance); + clearUpdateData(instance); + disconnectObservers(instance); + disconnectComputedUpdates(instance); + callHook(instance, "disconnected"); + instance._connected = false; + } + + let uid = 0; + function init$1(instance, options = {}) { + options.data = normalizeData(options, instance.constructor.options); + instance.$options = mergeOptions(instance.constructor.options, options, instance); + instance.$props = {}; + instance._uid = uid++; + initData(instance); + initMethods(instance); + initComputed(instance); + callHook(instance, "created"); + if (options.el) { + instance.$mount(options.el); + } + } + function initData(instance) { + const { data = {} } = instance.$options; + for (const key in data) { + instance.$props[key] = instance[key] = data[key]; + } + } + function initMethods(instance) { + const { methods } = instance.$options; + if (methods) { + for (const key in methods) { + instance[key] = methods[key].bind(instance); + } + } + } + function normalizeData({ data = {} }, { args = [], props = {} }) { + if (isArray(data)) { + data = data.slice(0, args.length).reduce((data2, value, index) => { + if (isPlainObject(value)) { + assign(data2, value); + } else { + data2[args[index]] = value; + } + return data2; + }, {}); + } + for (const key in data) { + if (isUndefined(data[key])) { + delete data[key]; + } else if (props[key]) { + data[key] = coerce$1(props[key], data[key]); + } + } + return data; + } + + const App = function(options) { + init$1(this, options); + }; + App.util = util; + App.options = {}; + App.version = "3.16.27"; + + const PREFIX = "uk-"; + const DATA = "__uikit__"; + const components$2 = {}; + function component(name, options) { + var _a; + const id = PREFIX + hyphenate(name); + if (!options) { + if (isPlainObject(components$2[id])) { + components$2[id] = App.extend(components$2[id]); + } + return components$2[id]; + } + name = camelize(name); + App[name] = (element, data) => createComponent(name, element, data); + const opt = isPlainObject(options) ? { ...options } : options.options; + opt.id = id; + opt.name = name; + (_a = opt.install) == null ? void 0 : _a.call(opt, App, opt, name); + if (App._initialized && !opt.functional) { + requestAnimationFrame(() => createComponent(name, `[${id}],[data-${id}]`)); + } + return components$2[id] = opt; + } + function createComponent(name, element, data, ...args) { + const Component = component(name); + return Component.options.functional ? new Component({ data: isPlainObject(element) ? element : [element, data, ...args] }) : element ? $$(element).map(init)[0] : init(); + function init(element2) { + const instance = getComponent(element2, name); + if (instance) { + if (data) { + instance.$destroy(); + } else { + return instance; + } + } + return new Component({ el: element2, data }); + } + } + function getComponents(element) { + return (element == null ? void 0 : element[DATA]) || {}; + } + function getComponent(element, name) { + return getComponents(element)[name]; + } + function attachToElement(element, instance) { + if (!element[DATA]) { + element[DATA] = {}; + } + element[DATA][instance.$options.name] = instance; + } + function detachFromElement(element, instance) { + var _a; + (_a = element[DATA]) == null ? true : delete _a[instance.$options.name]; + if (!isEmpty(element[DATA])) { + delete element[DATA]; + } + } + + function globalApi(App) { + App.component = component; + App.getComponents = getComponents; + App.getComponent = getComponent; + App.update = update; + App.use = function(plugin) { + if (plugin.installed) { + return; + } + plugin.call(null, this); + plugin.installed = true; + return this; + }; + App.mixin = function(mixin, component2) { + component2 = (isString(component2) ? this.component(component2) : component2) || this; + component2.options = mergeOptions(component2.options, mixin); + }; + App.extend = function(options) { + options || (options = {}); + const Super = this; + const Sub = function UIkitComponent(options2) { + init$1(this, options2); + }; + Sub.prototype = Object.create(Super.prototype); + Sub.prototype.constructor = Sub; + Sub.options = mergeOptions(Super.options, options); + Sub.super = Super; + Sub.extend = Super.extend; + return Sub; + }; + let container; + Object.defineProperty(App, "container", { + get() { + return container || document.body; + }, + set(element) { + container = $(element); + } + }); + } + function update(element, e) { + element = element ? toNode(element) : document.body; + for (const parentEl of parents(element).reverse()) { + updateElement(parentEl, e); + } + apply(element, (element2) => updateElement(element2, e)); + } + function updateElement(element, e) { + const components = getComponents(element); + for (const name in components) { + callUpdate(components[name], e); + } + } + + function instanceApi(App) { + App.prototype.$mount = function(el) { + const instance = this; + attachToElement(el, instance); + instance.$options.el = el; + if (within(el, document)) { + callConnected(instance); + } + }; + App.prototype.$destroy = function(removeEl = false) { + const instance = this; + const { el } = instance.$options; + if (el) { + callDisconnected(instance); + } + callHook(instance, "destroy"); + detachFromElement(el, instance); + if (removeEl) { + remove$1(instance.$el); + } + }; + App.prototype.$create = createComponent; + App.prototype.$emit = function(e) { + callUpdate(this, e); + }; + App.prototype.$update = function(element = this.$el, e) { + update(element, e); + }; + App.prototype.$reset = function() { + callDisconnected(this); + callConnected(this); + }; + App.prototype.$getComponent = getComponent; + Object.defineProperties(App.prototype, { + $el: { + get() { + return this.$options.el; + } + }, + $container: Object.getOwnPropertyDescriptor(App, "container") + }); + } + function generateId(instance, el = instance.$el, postfix = "") { + if (el.id) { + return el.id; + } + let id = `${instance.$options.id}-${instance._uid}${postfix}`; + if ($(`#${id}`)) { + id = generateId(instance, el, `${postfix}-2`); + } + return id; + } + + var SliderNav = { + i18n: { + next: "Next slide", + previous: "Previous slide", + slideX: "Slide %s", + slideLabel: "%s of %s", + role: "String" + }, + data: { + selNav: false, + role: "region" + }, + computed: { + nav({ selNav }, $el) { + return $(selNav, $el); + }, + navChildren() { + return children(this.nav); + }, + selNavItem({ attrItem }) { + return `[${attrItem}],[data-${attrItem}]`; + }, + navItems(_, $el) { + return $$(this.selNavItem, $el); + } + }, + watch: { + nav(nav, prev) { + attr(nav, "role", "tablist"); + if (prev) { + this.$emit(); + } + }, + list(list) { + attr(list, "role", "presentation"); + }, + navChildren(children2) { + attr(children2, "role", "presentation"); + }, + navItems(items) { + for (const el of items) { + const cmd = data(el, this.attrItem); + const button = $("a,button", el) || el; + let ariaLabel; + let ariaControls = null; + if (isNumeric(cmd)) { + const item = toNumber(cmd); + const slide = this.slides[item]; + if (slide) { + if (!slide.id) { + slide.id = generateId(this, slide, `-item-${cmd}`); + } + ariaControls = slide.id; + } + ariaLabel = this.t("slideX", toFloat(cmd) + 1); + attr(button, "role", "tab"); + } else { + if (this.list) { + if (!this.list.id) { + this.list.id = generateId(this, this.list, "-items"); + } + ariaControls = this.list.id; + } + ariaLabel = this.t(cmd); + } + attr(button, { + "aria-controls": ariaControls, + "aria-label": attr(button, "aria-label") || ariaLabel + }); + } + }, + slides(slides) { + slides.forEach( + (slide, i) => attr(slide, { + role: this.nav ? "tabpanel" : "group", + "aria-label": this.t("slideLabel", i + 1, this.length), + "aria-roledescription": this.nav ? null : "slide" + }) + ); + }, + length(length) { + const navLength = this.navChildren.length; + if (this.nav && length !== navLength) { + empty(this.nav); + for (let i = 0; i < length; i++) { + append(this.nav, `
    • `); + } + } + } + }, + connected() { + attr(this.$el, { + role: this.role, + "aria-roledescription": "carousel" + }); + }, + update: [ + { + write() { + this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex)); + this.updateNav(); + }, + events: ["resize"] + } + ], + events: [ + { + name: "click keydown", + delegate() { + return this.selNavItem; + }, + handler(e) { + if (closest(e.target, "a,button") && (e.type === "click" || e.keyCode === keyMap.SPACE)) { + e.preventDefault(); + this.show(data(e.current, this.attrItem)); + } + } + }, + { + name: "itemshow", + handler: "updateNav" + }, + { + name: "keydown", + delegate() { + return this.selNavItem; + }, + handler(e) { + const { current, keyCode } = e; + const cmd = data(current, this.attrItem); + if (!isNumeric(cmd)) { + return; + } + let i = keyCode === keyMap.HOME ? 0 : keyCode === keyMap.END ? "last" : keyCode === keyMap.LEFT ? "previous" : keyCode === keyMap.RIGHT ? "next" : -1; + if (~i) { + e.preventDefault(); + this.show(i); + } + } + } + ], + methods: { + updateNav() { + const index = this.getValidIndex(); + for (const el of this.navItems) { + const cmd = data(el, this.attrItem); + const button = $("a,button", el) || el; + if (isNumeric(cmd)) { + const item = toNumber(cmd); + const active = item === index; + toggleClass(el, this.clsActive, active); + attr(button, { + "aria-selected": active, + tabindex: active ? null : -1 + }); + if (active && button && matches(parent(el), ":focus-within")) { + button.focus(); + } + } else { + toggleClass( + el, + "uk-invisible", + this.finite && (cmd === "previous" && index === 0 || cmd === "next" && index >= this.maxIndex) + ); + } + } + } + } + }; + + var Slider = { + mixins: [SliderAutoplay, SliderDrag, SliderNav, I18n], + props: { + clsActivated: Boolean, + easing: String, + index: Number, + finite: Boolean, + velocity: Number + }, + data: () => ({ + easing: "ease", + finite: false, + velocity: 1, + index: 0, + prevIndex: -1, + stack: [], + percent: 0, + clsActive: "uk-active", + clsActivated: false, + Transitioner: false, + transitionOptions: {} + }), + connected() { + this.prevIndex = -1; + this.index = this.getValidIndex(this.$props.index); + this.stack = []; + }, + disconnected() { + removeClass(this.slides, this.clsActive); + }, + computed: { + duration({ velocity }, $el) { + return speedUp($el.offsetWidth / velocity); + }, + list({ selList }, $el) { + return $(selList, $el); + }, + maxIndex() { + return this.length - 1; + }, + slides() { + return children(this.list); + }, + length() { + return this.slides.length; + } + }, + watch: { + slides(slides, prev) { + if (prev) { + this.$emit(); + } + } + }, + observe: resize(), + methods: { + show(index, force = false) { + var _a; + if (this.dragging || !this.length) { + return; + } + const { stack } = this; + const queueIndex = force ? 0 : stack.length; + const reset = () => { + stack.splice(queueIndex, 1); + if (stack.length) { + this.show(stack.shift(), true); + } + }; + stack[force ? "unshift" : "push"](index); + if (!force && stack.length > 1) { + if (stack.length === 2) { + (_a = this._transitioner) == null ? void 0 : _a.forward(Math.min(this.duration, 200)); + } + return; + } + const prevIndex = this.getIndex(this.index); + const prev = hasClass(this.slides, this.clsActive) && this.slides[prevIndex]; + const nextIndex = this.getIndex(index, this.index); + const next = this.slides[nextIndex]; + if (prev === next) { + reset(); + return; + } + this.dir = getDirection(index, prevIndex); + this.prevIndex = prevIndex; + this.index = nextIndex; + if (prev && !trigger(prev, "beforeitemhide", [this]) || !trigger(next, "beforeitemshow", [this, prev])) { + this.index = this.prevIndex; + reset(); + return; + } + const promise = this._show(prev, next, force).then(() => { + prev && trigger(prev, "itemhidden", [this]); + trigger(next, "itemshown", [this]); + stack.shift(); + this._transitioner = null; + requestAnimationFrame(() => stack.length && this.show(stack.shift(), true)); + }); + prev && trigger(prev, "itemhide", [this]); + trigger(next, "itemshow", [this]); + return promise; + }, + getIndex(index = this.index, prev = this.index) { + return clamp( + getIndex(index, this.slides, prev, this.finite), + 0, + Math.max(0, this.maxIndex) + ); + }, + getValidIndex(index = this.index, prevIndex = this.prevIndex) { + return this.getIndex(index, prevIndex); + }, + _show(prev, next, force) { + this._transitioner = this._getTransitioner(prev, next, this.dir, { + easing: force ? next.offsetWidth < 600 ? "cubic-bezier(0.25, 0.46, 0.45, 0.94)" : "cubic-bezier(0.165, 0.84, 0.44, 1)" : this.easing, + ...this.transitionOptions + }); + if (!force && !prev) { + this._translate(1); + return Promise.resolve(); + } + const { length } = this.stack; + return this._transitioner[length > 1 ? "forward" : "show"]( + length > 1 ? Math.min(this.duration, 75 + 75 / (length - 1)) : this.duration, + this.percent + ); + }, + _translate(percent, prev = this.prevIndex, next = this.index) { + const transitioner = this._getTransitioner(prev === next ? false : prev, next); + transitioner.translate(percent); + return transitioner; + }, + _getTransitioner(prev = this.prevIndex, next = this.index, dir = this.dir || 1, options = this.transitionOptions) { + return new this.Transitioner( + isNumber(prev) ? this.slides[prev] : prev, + isNumber(next) ? this.slides[next] : next, + dir * (isRtl ? -1 : 1), + options + ); + } + } + }; + function getDirection(index, prevIndex) { + return index === "next" ? 1 : index === "previous" ? -1 : index < prevIndex ? -1 : 1; + } + function speedUp(x) { + return 0.5 * x + 300; + } + + var Slideshow = { + mixins: [Slider], + props: { + animation: String + }, + data: { + animation: "slide", + clsActivated: "uk-transition-active", + Animations: Animations$2, + Transitioner: Transitioner$1 + }, + computed: { + animation({ animation, Animations: Animations2 }) { + return { ...Animations2[animation] || Animations2.slide, name: animation }; + }, + transitionOptions() { + return { animation: this.animation }; + } + }, + events: { + beforeitemshow({ target }) { + addClass(target, this.clsActive); + }, + itemshown({ target }) { + addClass(target, this.clsActivated); + }, + itemhidden({ target }) { + removeClass(target, this.clsActive, this.clsActivated); + } + } + }; + + var Animations$1 = { + ...Animations$2, + fade: { + show() { + return [{ opacity: 0 }, { opacity: 1 }]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [{ opacity: 1 - percent }, { opacity: percent }]; + } + }, + scale: { + show() { + return [ + { opacity: 0, transform: scale3d(1 - 0.2) }, + { opacity: 1, transform: scale3d(1) } + ]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [ + { opacity: 1 - percent, transform: scale3d(1 - 0.2 * percent) }, + { opacity: percent, transform: scale3d(1 - 0.2 + 0.2 * percent) } + ]; + } + } + }; + + var LightboxPanel = { + mixins: [Modal, Slideshow], + functional: true, + props: { + delayControls: Number, + preload: Number, + videoAutoplay: Boolean, + template: String + }, + data: () => ({ + preload: 1, + videoAutoplay: false, + delayControls: 3e3, + items: [], + cls: "uk-open", + clsPage: "uk-lightbox-page", + selList: ".uk-lightbox-items", + attrItem: "uk-lightbox-item", + selClose: ".uk-close-large", + selCaption: ".uk-lightbox-caption", + pauseOnHover: false, + velocity: 2, + Animations: Animations$1, + template: `
      ` + }), + created() { + const $el = $(this.template); + const list = $(this.selList, $el); + this.items.forEach(() => append(list, "
    • ")); + const close = $("[uk-close]", $el); + const closeLabel = this.t("close"); + if (close && closeLabel) { + close.dataset.i18n = JSON.stringify({ label: closeLabel }); + } + this.$mount(append(this.container, $el)); + }, + computed: { + caption({ selCaption }, $el) { + return $(selCaption, $el); + } + }, + events: [ + { + name: `${pointerMove$1} ${pointerDown$1} keydown`, + handler: "showControls" + }, + { + name: "click", + self: true, + delegate() { + return `${this.selList} > *`; + }, + handler(e) { + if (!e.defaultPrevented) { + this.hide(); + } + } + }, + { + name: "shown", + self: true, + handler() { + this.showControls(); + } + }, + { + name: "hide", + self: true, + handler() { + this.hideControls(); + removeClass(this.slides, this.clsActive); + Transition.stop(this.slides); + } + }, + { + name: "hidden", + self: true, + handler() { + this.$destroy(true); + } + }, + { + name: "keyup", + el() { + return document; + }, + handler({ keyCode }) { + if (!this.isToggled(this.$el) || !this.draggable) { + return; + } + let i = -1; + if (keyCode === keyMap.LEFT) { + i = "previous"; + } else if (keyCode === keyMap.RIGHT) { + i = "next"; + } else if (keyCode === keyMap.HOME) { + i = 0; + } else if (keyCode === keyMap.END) { + i = "last"; + } + if (~i) { + this.show(i); + } + } + }, + { + name: "beforeitemshow", + handler(e) { + if (this.isToggled()) { + return; + } + this.draggable = false; + e.preventDefault(); + this.toggleElement(this.$el, true, false); + this.animation = Animations$1["scale"]; + removeClass(e.target, this.clsActive); + this.stack.splice(1, 0, this.index); + } + }, + { + name: "itemshow", + handler() { + html(this.caption, this.getItem().caption || ""); + for (let j = -this.preload; j <= this.preload; j++) { + this.loadItem(this.index + j); + } + } + }, + { + name: "itemshown", + handler() { + this.draggable = this.$props.draggable; + } + }, + { + name: "itemload", + async handler(_, item) { + const { source: src, type, alt = "", poster, attrs = {} } = item; + this.setItem(item, ""); + if (!src) { + return; + } + let matches; + const iframeAttrs = { + allowfullscreen: "", + style: "max-width: 100%; box-sizing: border-box;", + "uk-responsive": "", + "uk-video": `${this.videoAutoplay}` + }; + if (type === "image" || src.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)) { + const img = createEl("img", { src, alt, ...attrs }); + on(img, "load", () => this.setItem(item, img)); + on(img, "error", () => this.setError(item)); + } else if (type === "video" || src.match(/\.(mp4|webm|ogv)($|\?)/i)) { + const video = createEl("video", { + src, + poster, + controls: "", + playsinline: "", + "uk-video": `${this.videoAutoplay}`, + ...attrs + }); + on(video, "loadedmetadata", () => this.setItem(item, video)); + on(video, "error", () => this.setError(item)); + } else if (type === "iframe" || src.match(/\.(html|php)($|\?)/i)) { + this.setItem( + item, + createEl("iframe", { + src, + allowfullscreen: "", + class: "uk-lightbox-iframe", + ...attrs + }) + ); + } else if (matches = src.match( + /\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/ + )) { + this.setItem( + item, + createEl("iframe", { + src: `https://www.youtube${matches[1] || ""}.com/embed/${matches[2]}${matches[3] ? `?${matches[3]}` : ""}`, + width: 1920, + height: 1080, + ...iframeAttrs, + ...attrs + }) + ); + } else if (matches = src.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/)) { + try { + const { height, width } = await (await fetch( + `https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI( + src + )}`, + { credentials: "omit" } + )).json(); + this.setItem( + item, + createEl("iframe", { + src: `https://player.vimeo.com/video/${matches[1]}${matches[2] ? `?${matches[2]}` : ""}`, + width, + height, + ...iframeAttrs, + ...attrs + }) + ); + } catch (e) { + this.setError(item); + } + } + } + } + ], + methods: { + loadItem(index = this.index) { + const item = this.getItem(index); + if (!this.getSlide(item).childElementCount) { + trigger(this.$el, "itemload", [item]); + } + }, + getItem(index = this.index) { + return this.items[getIndex(index, this.slides)]; + }, + setItem(item, content) { + trigger(this.$el, "itemloaded", [this, html(this.getSlide(item), content)]); + }, + getSlide(item) { + return this.slides[this.items.indexOf(item)]; + }, + setError(item) { + this.setItem(item, ''); + }, + showControls() { + clearTimeout(this.controlsTimer); + this.controlsTimer = setTimeout(this.hideControls, this.delayControls); + addClass(this.$el, "uk-active", "uk-transition-active"); + }, + hideControls() { + removeClass(this.$el, "uk-active", "uk-transition-active"); + } + } + }; + function createEl(tag, attrs) { + const el = fragment(`<${tag}>`); + attr(el, attrs); + return el; + } + + var lightbox = { + install: install$3, + props: { toggle: String }, + data: { toggle: "a" }, + computed: { + toggles({ toggle }, $el) { + return $$(toggle, $el); + } + }, + watch: { + toggles(toggles) { + this.hide(); + for (const toggle of toggles) { + if (isTag(toggle, "a")) { + attr(toggle, "role", "button"); + } + } + } + }, + disconnected() { + this.hide(); + }, + events: { + name: "click", + delegate() { + return `${this.toggle}:not(.uk-disabled)`; + }, + handler(e) { + e.preventDefault(); + this.show(e.current); + } + }, + methods: { + show(index) { + const items = uniqueBy(this.toggles.map(toItem), "source"); + if (isElement(index)) { + const { source } = toItem(index); + index = findIndex(items, ({ source: src }) => source === src); + } + this.panel = this.panel || this.$create("lightboxPanel", { ...this.$props, items }); + on(this.panel.$el, "hidden", () => this.panel = null); + return this.panel.show(index); + }, + hide() { + var _a; + return (_a = this.panel) == null ? void 0 : _a.hide(); + } + } + }; + function install$3(UIkit, Lightbox) { + if (!UIkit.lightboxPanel) { + UIkit.component("lightboxPanel", LightboxPanel); + } + assign(Lightbox.props, UIkit.component("lightboxPanel").options.props); + } + function toItem(el) { + const item = {}; + for (const attr2 of ["href", "caption", "type", "poster", "alt", "attrs"]) { + item[attr2 === "href" ? "source" : attr2] = data(el, attr2); + } + item.attrs = parseOptions(item.attrs); + return item; + } + + var notification = { + mixins: [Container], + functional: true, + args: ["message", "status"], + data: { + message: "", + status: "", + timeout: 5e3, + group: null, + pos: "top-center", + clsContainer: "uk-notification", + clsClose: "uk-notification-close", + clsMsg: "uk-notification-message" + }, + install: install$2, + computed: { + marginProp({ pos }) { + return `margin${startsWith(pos, "top") ? "Top" : "Bottom"}`; + }, + startProps() { + return { opacity: 0, [this.marginProp]: -this.$el.offsetHeight }; + } + }, + created() { + const posClass = `${this.clsContainer}-${this.pos}`; + let container = $(`.${posClass}`, this.container); + if (!container || !isVisible(container)) { + container = append( + this.container, + `
      ` + ); + } + this.$mount( + append( + container, + `` + ) + ); + }, + async connected() { + const margin = toFloat(css(this.$el, this.marginProp)); + await Transition.start(css(this.$el, this.startProps), { + opacity: 1, + [this.marginProp]: margin + }); + if (this.timeout) { + this.timer = setTimeout(this.close, this.timeout); + } + }, + events: { + click(e) { + if (closest(e.target, 'a[href="#"],a[href=""]')) { + e.preventDefault(); + } + this.close(); + }, + [pointerEnter]() { + if (this.timer) { + clearTimeout(this.timer); + } + }, + [pointerLeave]() { + if (this.timeout) { + this.timer = setTimeout(this.close, this.timeout); + } + } + }, + methods: { + async close(immediate) { + const removeFn = (el) => { + const container = parent(el); + trigger(el, "close", [this]); + remove$1(el); + if (!(container == null ? void 0 : container.hasChildNodes())) { + remove$1(container); + } + }; + if (this.timer) { + clearTimeout(this.timer); + } + if (!immediate) { + await Transition.start(this.$el, this.startProps); + } + removeFn(this.$el); + } + } + }; + function install$2(UIkit) { + UIkit.notification.closeAll = function(group, immediate) { + apply(document.body, (el) => { + const notification = UIkit.getComponent(el, "notification"); + if (notification && (!group || group === notification.group)) { + notification.close(immediate); + } + }); + }; + } + + var Media = { + props: { + media: Boolean + }, + data: { + media: false + }, + connected() { + const media = toMedia(this.media, this.$el); + this.matchMedia = true; + if (media) { + this.mediaObj = window.matchMedia(media); + const handler = () => { + this.matchMedia = this.mediaObj.matches; + trigger(this.$el, createEvent("mediachange", false, true, [this.mediaObj])); + }; + this.offMediaObj = on(this.mediaObj, "change", () => { + handler(); + this.$emit("resize"); + }); + handler(); + } + }, + disconnected() { + var _a; + (_a = this.offMediaObj) == null ? void 0 : _a.call(this); + } + }; + function toMedia(value, element) { + if (isString(value)) { + if (startsWith(value, "@")) { + value = toFloat(css(element, `--uk-breakpoint-${value.substr(1)}`)); + } else if (isNaN(value)) { + return value; + } + } + return value && isNumeric(value) ? `(min-width: ${value}px)` : ""; + } + + function getMaxPathLength(el) { + return Math.ceil( + Math.max( + 0, + ...$$("[stroke]", el).map((stroke) => { + try { + return stroke.getTotalLength(); + } catch (e) { + return 0; + } + }) + ) + ); + } + + const props = { + x: transformFn, + y: transformFn, + rotate: transformFn, + scale: transformFn, + color: colorFn, + backgroundColor: colorFn, + borderColor: colorFn, + blur: filterFn, + hue: filterFn, + fopacity: filterFn, + grayscale: filterFn, + invert: filterFn, + saturate: filterFn, + sepia: filterFn, + opacity: cssPropFn, + stroke: strokeFn, + bgx: backgroundFn, + bgy: backgroundFn + }; + const { keys } = Object; + var Parallax = { + mixins: [Media], + props: fillObject(keys(props), "list"), + data: fillObject(keys(props), void 0), + computed: { + props(properties, $el) { + const stops = {}; + for (const prop in properties) { + if (prop in props && !isUndefined(properties[prop])) { + stops[prop] = properties[prop].slice(); + } + } + const result = {}; + for (const prop in stops) { + result[prop] = props[prop](prop, $el, stops[prop], stops); + } + return result; + } + }, + events: { + load() { + this.$emit(); + } + }, + methods: { + reset() { + for (const prop in this.getCss(0)) { + css(this.$el, prop, ""); + } + }, + getCss(percent) { + const css2 = { transform: "", filter: "" }; + for (const prop in this.props) { + this.props[prop](css2, clamp(percent)); + } + css2.willChange = Object.keys(css2).filter((key) => css2[key] !== "").map(propName).join(","); + return css2; + } + } + }; + function transformFn(prop, el, stops) { + let unit = getUnit(stops) || { x: "px", y: "px", rotate: "deg" }[prop] || ""; + let transformFn2; + if (prop === "x" || prop === "y") { + prop = `translate${ucfirst(prop)}`; + transformFn2 = (stop) => toFloat(toFloat(stop).toFixed(unit === "px" ? 0 : 6)); + } else if (prop === "scale") { + unit = ""; + transformFn2 = (stop) => { + var _a; + return getUnit([stop]) ? toPx(stop, "width", el, true) / el[`offset${((_a = stop.endsWith) == null ? void 0 : _a.call(stop, "vh")) ? "Height" : "Width"}`] : toFloat(stop); + }; + } + if (stops.length === 1) { + stops.unshift(prop === "scale" ? 1 : 0); + } + stops = parseStops(stops, transformFn2); + return (css2, percent) => { + css2.transform += ` ${prop}(${getValue(stops, percent)}${unit})`; + }; + } + function colorFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(getCssValue(el, prop, "")); + } + stops = parseStops(stops, (stop) => parseColor(el, stop)); + return (css2, percent) => { + const [start, end, p] = getStop(stops, percent); + const value = start.map((value2, i) => { + value2 += p * (end[i] - value2); + return i === 3 ? toFloat(value2) : parseInt(value2, 10); + }).join(","); + css2[prop] = `rgba(${value})`; + }; + } + function parseColor(el, color) { + return getCssValue(el, "color", color).split(/[(),]/g).slice(1, -1).concat(1).slice(0, 4).map(toFloat); + } + function filterFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(0); + } + const unit = getUnit(stops) || { blur: "px", hue: "deg" }[prop] || "%"; + prop = { fopacity: "opacity", hue: "hue-rotate" }[prop] || prop; + stops = parseStops(stops); + return (css2, percent) => { + const value = getValue(stops, percent); + css2.filter += ` ${prop}(${value + unit})`; + }; + } + function cssPropFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(getCssValue(el, prop, "")); + } + stops = parseStops(stops); + return (css2, percent) => { + css2[prop] = getValue(stops, percent); + }; + } + function strokeFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(0); + } + const unit = getUnit(stops); + const length = getMaxPathLength(el); + stops = parseStops(stops.reverse(), (stop) => { + stop = toFloat(stop); + return unit === "%" ? stop * length / 100 : stop; + }); + if (!stops.some(([value]) => value)) { + return noop; + } + css(el, "strokeDasharray", length); + return (css2, percent) => { + css2.strokeDashoffset = getValue(stops, percent); + }; + } + function backgroundFn(prop, el, stops, props2) { + if (stops.length === 1) { + stops.unshift(0); + } + const attr = prop === "bgy" ? "height" : "width"; + props2[prop] = parseStops(stops, (stop) => toPx(stop, attr, el)); + const bgProps = ["bgx", "bgy"].filter((prop2) => prop2 in props2); + if (bgProps.length === 2 && prop === "bgx") { + return noop; + } + if (getCssValue(el, "backgroundSize", "") === "cover") { + return backgroundCoverFn(prop, el, stops, props2); + } + const positions = {}; + for (const prop2 of bgProps) { + positions[prop2] = getBackgroundPos(el, prop2); + } + return setBackgroundPosFn(bgProps, positions, props2); + } + function backgroundCoverFn(prop, el, stops, props2) { + const dimImage = getBackgroundImageDimensions(el); + if (!dimImage.width) { + return noop; + } + const dimEl = { + width: el.offsetWidth, + height: el.offsetHeight + }; + const bgProps = ["bgx", "bgy"].filter((prop2) => prop2 in props2); + const positions = {}; + for (const prop2 of bgProps) { + const values = props2[prop2].map(([value]) => value); + const min = Math.min(...values); + const max = Math.max(...values); + const down = values.indexOf(min) < values.indexOf(max); + const diff = max - min; + positions[prop2] = `${(down ? -diff : 0) - (down ? min : max)}px`; + dimEl[prop2 === "bgy" ? "height" : "width"] += diff; + } + const dim = Dimensions.cover(dimImage, dimEl); + for (const prop2 of bgProps) { + const attr = prop2 === "bgy" ? "height" : "width"; + const overflow = dim[attr] - dimEl[attr]; + positions[prop2] = `max(${getBackgroundPos(el, prop2)},-${overflow}px) + ${positions[prop2]}`; + } + const fn = setBackgroundPosFn(bgProps, positions, props2); + return (css2, percent) => { + fn(css2, percent); + css2.backgroundSize = `${dim.width}px ${dim.height}px`; + css2.backgroundRepeat = "no-repeat"; + }; + } + function getBackgroundPos(el, prop) { + return getCssValue(el, `background-position-${prop.substr(-1)}`, ""); + } + function setBackgroundPosFn(bgProps, positions, props2) { + return function(css2, percent) { + for (const prop of bgProps) { + const value = getValue(props2[prop], percent); + css2[`background-position-${prop.substr(-1)}`] = `calc(${positions[prop]} + ${value}px)`; + } + }; + } + const dimensions = {}; + function getBackgroundImageDimensions(el) { + const src = css(el, "backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/, "$1"); + if (dimensions[src]) { + return dimensions[src]; + } + const image = new Image(); + if (src) { + image.src = src; + if (!image.naturalWidth) { + image.onload = () => { + dimensions[src] = toDimensions(image); + trigger(el, createEvent("load", false)); + }; + return toDimensions(image); + } + } + return dimensions[src] = toDimensions(image); + } + function toDimensions(image) { + return { + width: image.naturalWidth, + height: image.naturalHeight + }; + } + function parseStops(stops, fn = toFloat) { + const result = []; + const { length } = stops; + let nullIndex = 0; + for (let i = 0; i < length; i++) { + let [value, percent] = isString(stops[i]) ? stops[i].trim().split(/ (?![^(]*\))/) : [stops[i]]; + value = fn(value); + percent = percent ? toFloat(percent) / 100 : null; + if (i === 0) { + if (percent === null) { + percent = 0; + } else if (percent) { + result.push([value, 0]); + } + } else if (i === length - 1) { + if (percent === null) { + percent = 1; + } else if (percent !== 1) { + result.push([value, percent]); + percent = 1; + } + } + result.push([value, percent]); + if (percent === null) { + nullIndex++; + } else if (nullIndex) { + const leftPercent = result[i - nullIndex - 1][1]; + const p = (percent - leftPercent) / (nullIndex + 1); + for (let j = nullIndex; j > 0; j--) { + result[i - j][1] = leftPercent + p * (nullIndex - j + 1); + } + nullIndex = 0; + } + } + return result; + } + function getStop(stops, percent) { + const index = findIndex(stops.slice(1), ([, targetPercent]) => percent <= targetPercent) + 1; + return [ + stops[index - 1][0], + stops[index][0], + (percent - stops[index - 1][1]) / (stops[index][1] - stops[index - 1][1]) + ]; + } + function getValue(stops, percent) { + const [start, end, p] = getStop(stops, percent); + return start + Math.abs(start - end) * p * (start < end ? 1 : -1); + } + const unitRe = /^-?\d+(?:\.\d+)?(\S+)?/; + function getUnit(stops, defaultUnit) { + var _a; + for (const stop of stops) { + const match = (_a = stop.match) == null ? void 0 : _a.call(stop, unitRe); + if (match) { + return match[1]; + } + } + return defaultUnit; + } + function getCssValue(el, prop, value) { + const prev = el.style[prop]; + const val = css(css(el, prop, value), prop); + el.style[prop] = prev; + return val; + } + function fillObject(keys2, value) { + return keys2.reduce((data, prop) => { + data[prop] = value; + return data; + }, {}); + } + + var parallax = { + mixins: [Parallax], + props: { + target: String, + viewport: Number, + // Deprecated + easing: Number, + start: String, + end: String + }, + data: { + target: false, + viewport: 1, + easing: 1, + start: 0, + end: 0 + }, + computed: { + target({ target }, $el) { + return getOffsetElement(target && query(target, $el) || $el); + }, + start({ start }) { + return toPx(start, "height", this.target, true); + }, + end({ end, viewport: viewport2 }) { + return toPx( + end || (viewport2 = (1 - viewport2) * 100) && `${viewport2}vh+${viewport2}%`, + "height", + this.target, + true + ); + } + }, + observe: [ + viewport(), + scroll$1({ target: ({ target }) => target }), + resize({ target: ({ $el, target }) => [$el, target, scrollParent(target, true)] }) + ], + update: { + read({ percent }, types) { + if (!types.has("scroll")) { + percent = false; + } + if (!isVisible(this.$el)) { + return false; + } + if (!this.matchMedia) { + return; + } + const prev = percent; + percent = ease(scrolledOver(this.target, this.start, this.end), this.easing); + return { + percent, + style: prev === percent ? false : this.getCss(percent) + }; + }, + write({ style }) { + if (!this.matchMedia) { + this.reset(); + return; + } + style && css(this.$el, style); + }, + events: ["scroll", "resize"] + } + }; + function ease(percent, easing) { + return easing >= 0 ? Math.pow(percent, easing + 1) : 1 - Math.pow(1 - percent, 1 - easing); + } + function getOffsetElement(el) { + return el ? "offsetTop" in el ? el : getOffsetElement(parent(el)) : document.documentElement; + } + + var SliderReactive = { + update: { + write() { + if (this.stack.length || this.dragging) { + return; + } + const index = this.getValidIndex(this.index); + if (!~this.prevIndex || this.index !== index) { + this.show(index); + } else { + this._translate(1, this.prevIndex, this.index); + } + }, + events: ["resize"] + } + }; + + var SliderPreload = { + observe: lazyload({ + target: ({ slides }) => slides, + targets: (instance) => instance.getAdjacentSlides() + }) + }; + + function Transitioner(prev, next, dir, { center, easing, list }) { + const from = prev ? getLeft(prev, list, center) : getLeft(next, list, center) + dimensions$1(next).width * dir; + const to = next ? getLeft(next, list, center) : from + dimensions$1(prev).width * dir * (isRtl ? -1 : 1); + let resolve; + return { + dir, + show(duration, percent = 0, linear) { + const timing = linear ? "linear" : easing; + duration -= Math.round(duration * clamp(percent, -1, 1)); + this.translate(percent); + percent = prev ? percent : clamp(percent, 0, 1); + triggerUpdate(this.getItemIn(), "itemin", { percent, duration, timing, dir }); + prev && triggerUpdate(this.getItemIn(true), "itemout", { + percent: 1 - percent, + duration, + timing, + dir + }); + return new Promise((res) => { + resolve || (resolve = res); + Transition.start( + list, + { transform: translate(-to * (isRtl ? -1 : 1), "px") }, + duration, + timing + ).then(resolve, noop); + }); + }, + cancel() { + return Transition.cancel(list); + }, + reset() { + css(list, "transform", ""); + }, + async forward(duration, percent = this.percent()) { + await this.cancel(); + return this.show(duration, percent, true); + }, + translate(percent) { + const distance = this.getDistance() * dir * (isRtl ? -1 : 1); + css( + list, + "transform", + translate( + clamp( + -to + (distance - distance * percent), + -getWidth(list), + dimensions$1(list).width + ) * (isRtl ? -1 : 1), + "px" + ) + ); + const actives = this.getActives(); + const itemIn = this.getItemIn(); + const itemOut = this.getItemIn(true); + percent = prev ? clamp(percent, -1, 1) : 0; + for (const slide of children(list)) { + const isActive = includes(actives, slide); + const isIn = slide === itemIn; + const isOut = slide === itemOut; + const translateIn = isIn || !isOut && (isActive || dir * (isRtl ? -1 : 1) === -1 ^ getElLeft(slide, list) > getElLeft(prev || next)); + triggerUpdate(slide, `itemtranslate${translateIn ? "in" : "out"}`, { + dir, + percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0 + }); + } + }, + percent() { + return Math.abs( + (css(list, "transform").split(",")[4] * (isRtl ? -1 : 1) + from) / (to - from) + ); + }, + getDistance() { + return Math.abs(to - from); + }, + getItemIn(out = false) { + let actives = this.getActives(); + let nextActives = inView(list, getLeft(next || prev, list, center)); + if (out) { + const temp = actives; + actives = nextActives; + nextActives = temp; + } + return nextActives[findIndex(nextActives, (el) => !includes(actives, el))]; + }, + getActives() { + return inView(list, getLeft(prev || next, list, center)); + } + }; + } + function getLeft(el, list, center) { + const left = getElLeft(el, list); + return center ? left - centerEl(el, list) : Math.min(left, getMax(list)); + } + function getMax(list) { + return Math.max(0, getWidth(list) - dimensions$1(list).width); + } + function getWidth(list) { + return sumBy(children(list), (el) => dimensions$1(el).width); + } + function centerEl(el, list) { + return dimensions$1(list).width / 2 - dimensions$1(el).width / 2; + } + function getElLeft(el, list) { + return el && (position(el).left + (isRtl ? dimensions$1(el).width - dimensions$1(list).width : 0)) * (isRtl ? -1 : 1) || 0; + } + function inView(list, listLeft) { + listLeft -= 1; + const listWidth = dimensions$1(list).width; + const listRight = listLeft + listWidth + 2; + return children(list).filter((slide) => { + const slideLeft = getElLeft(slide, list); + const slideRight = slideLeft + Math.min(dimensions$1(slide).width, listWidth); + return slideLeft >= listLeft && slideRight <= listRight; + }); + } + function triggerUpdate(el, type, data) { + trigger(el, createEvent(type, false, false, data)); + } + + var slider = { + mixins: [Class, Slider, SliderReactive, SliderPreload], + props: { + center: Boolean, + sets: Boolean + }, + data: { + center: false, + sets: false, + attrItem: "uk-slider-item", + selList: ".uk-slider-items", + selNav: ".uk-slider-nav", + clsContainer: "uk-slider-container", + Transitioner + }, + computed: { + avgWidth() { + return getWidth(this.list) / this.length; + }, + finite({ finite }) { + return finite || isFinite(this.list, this.center); + }, + maxIndex() { + if (!this.finite || this.center && !this.sets) { + return this.length - 1; + } + if (this.center) { + return last(this.sets); + } + let lft = 0; + const max = getMax(this.list); + const index = findIndex(this.slides, (el) => { + if (lft >= max) { + return true; + } + lft += dimensions$1(el).width; + }); + return ~index ? index : this.length - 1; + }, + sets({ sets: enabled }) { + if (!enabled) { + return; + } + let left = 0; + const sets = []; + const width = dimensions$1(this.list).width; + for (let i = 0; i < this.length; i++) { + const slideWidth = dimensions$1(this.slides[i]).width; + if (left + slideWidth > width) { + left = 0; + } + if (this.center) { + if (left < width / 2 && left + slideWidth + dimensions$1(getIndex(+i + 1, this.slides)).width / 2 > width / 2) { + sets.push(+i); + left = width / 2 - slideWidth / 2; + } + } else if (left === 0) { + sets.push(Math.min(+i, this.maxIndex)); + } + left += slideWidth; + } + if (sets.length) { + return sets; + } + }, + transitionOptions() { + return { + center: this.center, + list: this.list + }; + }, + slides() { + return children(this.list).filter(isVisible); + } + }, + connected() { + toggleClass(this.$el, this.clsContainer, !$(`.${this.clsContainer}`, this.$el)); + }, + observe: resize({ + target: ({ slides }) => slides + }), + update: { + write() { + for (const el of this.navItems) { + const index = toNumber(data(el, this.attrItem)); + if (index !== false) { + el.hidden = !this.maxIndex || index > this.maxIndex || this.sets && !includes(this.sets, index); + } + } + if (this.length && !this.dragging && !this.stack.length) { + this.reorder(); + this._translate(1); + } + this.updateActiveClasses(); + }, + events: ["resize"] + }, + events: { + beforeitemshow(e) { + if (!this.dragging && this.sets && this.stack.length < 2 && !includes(this.sets, this.index)) { + this.index = this.getValidIndex(); + } + const diff = Math.abs( + this.index - this.prevIndex + (this.dir > 0 && this.index < this.prevIndex || this.dir < 0 && this.index > this.prevIndex ? (this.maxIndex + 1) * this.dir : 0) + ); + if (!this.dragging && diff > 1) { + for (let i = 0; i < diff; i++) { + this.stack.splice(1, 0, this.dir > 0 ? "next" : "previous"); + } + e.preventDefault(); + return; + } + const index = this.dir < 0 || !this.slides[this.prevIndex] ? this.index : this.prevIndex; + this.duration = speedUp(this.avgWidth / this.velocity) * (dimensions$1(this.slides[index]).width / this.avgWidth); + this.reorder(); + }, + itemshow() { + if (~this.prevIndex) { + addClass(this._getTransitioner().getItemIn(), this.clsActive); + } + }, + itemshown() { + this.updateActiveClasses(); + } + }, + methods: { + reorder() { + if (this.finite) { + css(this.slides, "order", ""); + return; + } + const index = this.dir > 0 && this.slides[this.prevIndex] ? this.prevIndex : this.index; + this.slides.forEach( + (slide, i) => css( + slide, + "order", + this.dir > 0 && i < index ? 1 : this.dir < 0 && i >= this.index ? -1 : "" + ) + ); + if (!this.center) { + return; + } + const next = this.slides[index]; + let width = dimensions$1(this.list).width / 2 - dimensions$1(next).width / 2; + let j = 0; + while (width > 0) { + const slideIndex = this.getIndex(--j + index, index); + const slide = this.slides[slideIndex]; + css(slide, "order", slideIndex > index ? -2 : -1); + width -= dimensions$1(slide).width; + } + }, + updateActiveClasses() { + const actives = this._getTransitioner(this.index).getActives(); + const activeClasses = [ + this.clsActive, + (!this.sets || includes(this.sets, toFloat(this.index))) && this.clsActivated || "" + ]; + for (const slide of this.slides) { + const active = includes(actives, slide); + toggleClass(slide, activeClasses, active); + attr(slide, "aria-hidden", !active); + for (const focusable of $$(selFocusable, slide)) { + if (!hasOwn(focusable, "_tabindex")) { + focusable._tabindex = attr(focusable, "tabindex"); + } + attr(focusable, "tabindex", active ? focusable._tabindex : -1); + } + } + }, + getValidIndex(index = this.index, prevIndex = this.prevIndex) { + index = this.getIndex(index, prevIndex); + if (!this.sets) { + return index; + } + let prev; + do { + if (includes(this.sets, index)) { + return index; + } + prev = index; + index = this.getIndex(index + this.dir, prevIndex); + } while (index !== prev); + return index; + }, + getAdjacentSlides() { + const { width } = dimensions$1(this.list); + const left = -width; + const right = width * 2; + const slideWidth = dimensions$1(this.slides[this.index]).width; + const slideLeft = this.center ? width / 2 - slideWidth / 2 : 0; + const slides = /* @__PURE__ */ new Set(); + for (const i of [-1, 1]) { + let currentLeft = slideLeft + (i > 0 ? slideWidth : 0); + let j = 0; + do { + const slide = this.slides[this.getIndex(this.index + i + j++ * i)]; + currentLeft += dimensions$1(slide).width * i; + slides.add(slide); + } while (this.length > j && currentLeft > left && currentLeft < right); + } + return Array.from(slides); + } + } + }; + function isFinite(list, center) { + if (!list || list.length < 2) { + return true; + } + const { width: listWidth } = dimensions$1(list); + if (!center) { + return Math.ceil(getWidth(list)) < Math.trunc(listWidth + getMaxElWidth(list)); + } + const slides = children(list); + const listHalf = Math.trunc(listWidth / 2); + for (const index in slides) { + const slide = slides[index]; + const slideWidth = dimensions$1(slide).width; + const slidesInView = /* @__PURE__ */ new Set([slide]); + let diff = 0; + for (const i of [-1, 1]) { + let left = slideWidth / 2; + let j = 0; + while (left < listHalf) { + const nextSlide = slides[getIndex(+index + i + j++ * i, slides)]; + if (slidesInView.has(nextSlide)) { + return true; + } + left += dimensions$1(nextSlide).width; + slidesInView.add(nextSlide); + } + diff = Math.max( + diff, + slideWidth / 2 + dimensions$1(slides[getIndex(+index + i, slides)]).width / 2 - (left - listHalf) + ); + } + if (diff > sumBy( + slides.filter((slide2) => !slidesInView.has(slide2)), + (slide2) => dimensions$1(slide2).width + )) { + return true; + } + } + return false; + } + function getMaxElWidth(list) { + return Math.max(0, ...children(list).map((el) => dimensions$1(el).width)); + } + + var sliderParallax = { + mixins: [Parallax], + data: { + selItem: "!li" + }, + beforeConnect() { + this.item = query(this.selItem, this.$el); + }, + disconnected() { + this.item = null; + }, + events: [ + { + name: "itemin itemout", + self: true, + el() { + return this.item; + }, + handler({ type, detail: { percent, duration, timing, dir } }) { + fastdom.read(() => { + if (!this.matchMedia) { + return; + } + const propsFrom = this.getCss(getCurrentPercent(type, dir, percent)); + const propsTo = this.getCss(isIn(type) ? 0.5 : dir > 0 ? 1 : 0); + fastdom.write(() => { + css(this.$el, propsFrom); + Transition.start(this.$el, propsTo, duration, timing).catch(noop); + }); + }); + } + }, + { + name: "transitioncanceled transitionend", + self: true, + el() { + return this.item; + }, + handler() { + Transition.cancel(this.$el); + } + }, + { + name: "itemtranslatein itemtranslateout", + self: true, + el() { + return this.item; + }, + handler({ type, detail: { percent, dir } }) { + fastdom.read(() => { + if (!this.matchMedia) { + this.reset(); + return; + } + const props = this.getCss(getCurrentPercent(type, dir, percent)); + fastdom.write(() => css(this.$el, props)); + }); + } + } + ] + }; + function isIn(type) { + return endsWith(type, "in"); + } + function getCurrentPercent(type, dir, percent) { + percent /= 2; + return isIn(type) ^ dir < 0 ? percent : 1 - percent; + } + + var Animations = { + ...Animations$2, + fade: { + show() { + return [{ opacity: 0, zIndex: 0 }, { zIndex: -1 }]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [{ opacity: 1 - percent, zIndex: 0 }, { zIndex: -1 }]; + } + }, + scale: { + show() { + return [{ opacity: 0, transform: scale3d(1 + 0.5), zIndex: 0 }, { zIndex: -1 }]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [ + { opacity: 1 - percent, transform: scale3d(1 + 0.5 * percent), zIndex: 0 }, + { zIndex: -1 } + ]; + } + }, + pull: { + show(dir) { + return dir < 0 ? [ + { transform: translate(30), zIndex: -1 }, + { transform: translate(), zIndex: 0 } + ] : [ + { transform: translate(-100), zIndex: 0 }, + { transform: translate(), zIndex: -1 } + ]; + }, + percent(current, next, dir) { + return dir < 0 ? 1 - translated(next) : translated(current); + }, + translate(percent, dir) { + return dir < 0 ? [ + { transform: translate(30 * percent), zIndex: -1 }, + { transform: translate(-100 * (1 - percent)), zIndex: 0 } + ] : [ + { transform: translate(-percent * 100), zIndex: 0 }, + { transform: translate(30 * (1 - percent)), zIndex: -1 } + ]; + } + }, + push: { + show(dir) { + return dir < 0 ? [ + { transform: translate(100), zIndex: 0 }, + { transform: translate(), zIndex: -1 } + ] : [ + { transform: translate(-30), zIndex: -1 }, + { transform: translate(), zIndex: 0 } + ]; + }, + percent(current, next, dir) { + return dir > 0 ? 1 - translated(next) : translated(current); + }, + translate(percent, dir) { + return dir < 0 ? [ + { transform: translate(percent * 100), zIndex: 0 }, + { transform: translate(-30 * (1 - percent)), zIndex: -1 } + ] : [ + { transform: translate(-30 * percent), zIndex: -1 }, + { transform: translate(100 * (1 - percent)), zIndex: 0 } + ]; + } + } + }; + + var slideshow = { + mixins: [Class, Slideshow, SliderReactive, SliderPreload], + props: { + ratio: String, + minHeight: Number, + maxHeight: Number + }, + data: { + ratio: "16:9", + minHeight: false, + maxHeight: false, + selList: ".uk-slideshow-items", + attrItem: "uk-slideshow-item", + selNav: ".uk-slideshow-nav", + Animations + }, + update: { + read() { + if (!this.list) { + return false; + } + let [width, height] = this.ratio.split(":").map(Number); + height = height * this.list.offsetWidth / width || 0; + if (this.minHeight) { + height = Math.max(this.minHeight, height); + } + if (this.maxHeight) { + height = Math.min(this.maxHeight, height); + } + return { height: height - boxModelAdjust(this.list, "height", "content-box") }; + }, + write({ height }) { + height > 0 && css(this.list, "minHeight", height); + }, + events: ["resize"] + }, + methods: { + getAdjacentSlides() { + return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]); + } + } + }; + + var sortable = { + mixins: [Class, Animate], + props: { + group: String, + threshold: Number, + clsItem: String, + clsPlaceholder: String, + clsDrag: String, + clsDragState: String, + clsBase: String, + clsNoDrag: String, + clsEmpty: String, + clsCustom: String, + handle: String + }, + data: { + group: false, + threshold: 5, + clsItem: "uk-sortable-item", + clsPlaceholder: "uk-sortable-placeholder", + clsDrag: "uk-sortable-drag", + clsDragState: "uk-drag", + clsBase: "uk-sortable", + clsNoDrag: "uk-sortable-nodrag", + clsEmpty: "uk-sortable-empty", + clsCustom: "", + handle: false, + pos: {} + }, + created() { + for (const key of ["init", "start", "move", "end"]) { + const fn = this[key]; + this[key] = (e) => { + assign(this.pos, getEventPos(e)); + fn(e); + }; + } + }, + events: { + name: pointerDown$1, + passive: false, + handler: "init" + }, + computed: { + target() { + return (this.$el.tBodies || [this.$el])[0]; + }, + items() { + return children(this.target); + }, + isEmpty() { + return isEmpty(this.items); + }, + handles({ handle }, el) { + return handle ? $$(handle, el) : this.items; + } + }, + watch: { + isEmpty(empty) { + toggleClass(this.target, this.clsEmpty, empty); + }, + handles(handles, prev) { + css(prev, { touchAction: "", userSelect: "" }); + css(handles, { touchAction: hasTouch ? "none" : "", userSelect: "none" }); + } + }, + update: { + write(data) { + if (!this.drag || !parent(this.placeholder)) { + return; + } + const { + pos: { x, y }, + origin: { offsetTop, offsetLeft }, + placeholder + } = this; + css(this.drag, { + top: y - offsetTop, + left: x - offsetLeft + }); + const sortable = this.getSortable(document.elementFromPoint(x, y)); + if (!sortable) { + return; + } + const { items } = sortable; + if (items.some(Transition.inProgress)) { + return; + } + const target = findTarget(items, { x, y }); + if (items.length && (!target || target === placeholder)) { + return; + } + const previous = this.getSortable(placeholder); + const insertTarget = findInsertTarget( + sortable.target, + target, + placeholder, + x, + y, + sortable === previous && data.moved !== target + ); + if (insertTarget === false) { + return; + } + if (insertTarget && placeholder === insertTarget) { + return; + } + if (sortable !== previous) { + previous.remove(placeholder); + data.moved = target; + } else { + delete data.moved; + } + sortable.insert(placeholder, insertTarget); + this.touched.add(sortable); + }, + events: ["move"] + }, + methods: { + init(e) { + const { target, button, defaultPrevented } = e; + const [placeholder] = this.items.filter((el) => within(target, el)); + if (!placeholder || defaultPrevented || button > 0 || isInput(target) || within(target, `.${this.clsNoDrag}`) || this.handle && !within(target, this.handle)) { + return; + } + e.preventDefault(); + this.touched = /* @__PURE__ */ new Set([this]); + this.placeholder = placeholder; + this.origin = { target, index: index(placeholder), ...this.pos }; + on(document, pointerMove$1, this.move); + on(document, pointerUp$1, this.end); + if (!this.threshold) { + this.start(e); + } + }, + start(e) { + this.drag = appendDrag(this.$container, this.placeholder); + const { left, top } = this.placeholder.getBoundingClientRect(); + assign(this.origin, { offsetLeft: this.pos.x - left, offsetTop: this.pos.y - top }); + addClass(this.drag, this.clsDrag, this.clsCustom); + addClass(this.placeholder, this.clsPlaceholder); + addClass(this.items, this.clsItem); + addClass(document.documentElement, this.clsDragState); + trigger(this.$el, "start", [this, this.placeholder]); + trackScroll(this.pos); + this.move(e); + }, + move(e) { + if (this.drag) { + this.$emit("move"); + } else if (Math.abs(this.pos.x - this.origin.x) > this.threshold || Math.abs(this.pos.y - this.origin.y) > this.threshold) { + this.start(e); + } + }, + end() { + off(document, pointerMove$1, this.move); + off(document, pointerUp$1, this.end); + if (!this.drag) { + return; + } + untrackScroll(); + const sortable = this.getSortable(this.placeholder); + if (this === sortable) { + if (this.origin.index !== index(this.placeholder)) { + trigger(this.$el, "moved", [this, this.placeholder]); + } + } else { + trigger(sortable.$el, "added", [sortable, this.placeholder]); + trigger(this.$el, "removed", [this, this.placeholder]); + } + trigger(this.$el, "stop", [this, this.placeholder]); + remove$1(this.drag); + this.drag = null; + for (const { clsPlaceholder, clsItem } of this.touched) { + for (const sortable2 of this.touched) { + removeClass(sortable2.items, clsPlaceholder, clsItem); + } + } + this.touched = null; + removeClass(document.documentElement, this.clsDragState); + }, + insert(element, target) { + addClass(this.items, this.clsItem); + const insert = () => target ? before(target, element) : append(this.target, element); + this.animate(insert); + }, + remove(element) { + if (!within(element, this.target)) { + return; + } + this.animate(() => remove$1(element)); + }, + getSortable(element) { + do { + const sortable = this.$getComponent(element, "sortable"); + if (sortable && (sortable === this || this.group !== false && sortable.group === this.group)) { + return sortable; + } + } while (element = parent(element)); + } + } + }; + let trackTimer; + function trackScroll(pos) { + let last = Date.now(); + trackTimer = setInterval(() => { + let { x, y } = pos; + y += document.scrollingElement.scrollTop; + const dist = (Date.now() - last) * 0.3; + last = Date.now(); + scrollParents(document.elementFromPoint(x, pos.y)).reverse().some((scrollEl) => { + let { scrollTop: scroll, scrollHeight } = scrollEl; + const { top, bottom, height: height2 } = offsetViewport(scrollEl); + if (top < y && top + 35 > y) { + scroll -= dist; + } else if (bottom > y && bottom - 35 < y) { + scroll += dist; + } else { + return; + } + if (scroll > 0 && scroll < scrollHeight - height2) { + scrollEl.scrollTop = scroll; + return true; + } + }); + }, 15); + } + function untrackScroll() { + clearInterval(trackTimer); + } + function appendDrag(container, element) { + let clone; + if (isTag(element, "li", "tr")) { + clone = $("
      "); + append(clone, element.cloneNode(true).children); + for (const attribute of element.getAttributeNames()) { + attr(clone, attribute, element.getAttribute(attribute)); + } + } else { + clone = element.cloneNode(true); + } + append(container, clone); + css(clone, "margin", "0", "important"); + css(clone, { + boxSizing: "border-box", + width: element.offsetWidth, + height: element.offsetHeight, + padding: css(element, "padding") + }); + height(clone.firstElementChild, height(element.firstElementChild)); + return clone; + } + function findTarget(items, point) { + return items[findIndex(items, (item) => pointInRect(point, item.getBoundingClientRect()))]; + } + function findInsertTarget(list, target, placeholder, x, y, sameList) { + if (!children(list).length) { + return; + } + const rect = target.getBoundingClientRect(); + if (!sameList) { + if (!isHorizontal(list, placeholder)) { + return y < rect.top + rect.height / 2 ? target : target.nextElementSibling; + } + return target; + } + const placeholderRect = placeholder.getBoundingClientRect(); + const sameRow = linesIntersect( + [rect.top, rect.bottom], + [placeholderRect.top, placeholderRect.bottom] + ); + const [pointerPos, lengthProp, startProp, endProp] = sameRow ? [x, "width", "left", "right"] : [y, "height", "top", "bottom"]; + const diff = placeholderRect[lengthProp] < rect[lengthProp] ? rect[lengthProp] - placeholderRect[lengthProp] : 0; + if (placeholderRect[startProp] < rect[startProp]) { + if (diff && pointerPos < rect[startProp] + diff) { + return false; + } + return target.nextElementSibling; + } + if (diff && pointerPos > rect[endProp] - diff) { + return false; + } + return target; + } + function isHorizontal(list, placeholder) { + const single = children(list).length === 1; + if (single) { + append(list, placeholder); + } + const items = children(list); + const isHorizontal2 = items.some((el, i) => { + const rectA = el.getBoundingClientRect(); + return items.slice(i + 1).some((el2) => { + const rectB = el2.getBoundingClientRect(); + return !linesIntersect([rectA.left, rectA.right], [rectB.left, rectB.right]); + }); + }); + if (single) { + remove$1(placeholder); + } + return isHorizontal2; + } + function linesIntersect(lineA, lineB) { + return lineA[1] > lineB[0] && lineB[1] > lineA[0]; + } + + var Position = { + props: { + pos: String, + offset: null, + flip: Boolean, + shift: Boolean, + inset: Boolean + }, + data: { + pos: `bottom-${isRtl ? "right" : "left"}`, + offset: false, + flip: true, + shift: true, + inset: false + }, + connected() { + this.pos = this.$props.pos.split("-").concat("center").slice(0, 2); + [this.dir, this.align] = this.pos; + this.axis = includes(["top", "bottom"], this.dir) ? "y" : "x"; + }, + methods: { + positionAt(element, target, boundary) { + let offset = [this.getPositionOffset(element), this.getShiftOffset(element)]; + const placement = [this.flip && "flip", this.shift && "shift"]; + const attach = { + element: [this.inset ? this.dir : flipPosition(this.dir), this.align], + target: [this.dir, this.align] + }; + if (this.axis === "y") { + for (const prop in attach) { + attach[prop].reverse(); + } + offset.reverse(); + placement.reverse(); + } + const restoreScrollPosition = storeScrollPosition(element); + const elDim = dimensions$1(element); + css(element, { top: -elDim.height, left: -elDim.width }); + positionAt(element, target, { + attach, + offset, + boundary, + placement, + viewportOffset: this.getViewportOffset(element) + }); + restoreScrollPosition(); + }, + getPositionOffset(element) { + return toPx( + this.offset === false ? css(element, "--uk-position-offset") : this.offset, + this.axis === "x" ? "width" : "height", + element + ) * (includes(["left", "top"], this.dir) ? -1 : 1) * (this.inset ? -1 : 1); + }, + getShiftOffset(element) { + return this.align === "center" ? 0 : toPx( + css(element, "--uk-position-shift-offset"), + this.axis === "y" ? "width" : "height", + element + ) * (includes(["left", "top"], this.align) ? 1 : -1); + }, + getViewportOffset(element) { + return toPx(css(element, "--uk-position-viewport-offset")); + } + } + }; + function storeScrollPosition(element) { + const scrollElement = scrollParent(element); + const { scrollTop } = scrollElement; + return () => { + if (scrollTop !== scrollElement.scrollTop) { + scrollElement.scrollTop = scrollTop; + } + }; + } + + var tooltip = { + mixins: [Container, Togglable, Position], + args: "title", + props: { + delay: Number, + title: String + }, + data: { + pos: "top", + title: "", + delay: 0, + animation: ["uk-animation-scale-up"], + duration: 100, + cls: "uk-active" + }, + beforeConnect() { + this.id = generateId(this, {}); + this._hasTitle = hasAttr(this.$el, "title"); + attr(this.$el, { + title: "", + "aria-describedby": this.id + }); + makeFocusable(this.$el); + }, + disconnected() { + this.hide(); + if (!attr(this.$el, "title")) { + attr(this.$el, "title", this._hasTitle ? this.title : null); + } + }, + methods: { + show() { + if (this.isToggled(this.tooltip || null) || !this.title) { + return; + } + clearTimeout(this.showTimer); + this.showTimer = setTimeout(this._show, this.delay); + }, + async hide() { + if (matches(this.$el, "input:focus")) { + return; + } + clearTimeout(this.showTimer); + if (this.isToggled(this.tooltip || null)) { + await this.toggleElement(this.tooltip, false, false); + } + remove$1(this.tooltip); + this.tooltip = null; + }, + async _show() { + this.tooltip = append( + this.container, + `` + ); + on(this.tooltip, "toggled", (e, toggled) => { + if (!toggled) { + return; + } + const update = () => this.positionAt(this.tooltip, this.$el); + update(); + const [dir, align] = getAlignment(this.tooltip, this.$el, this.pos); + this.origin = this.axis === "y" ? `${flipPosition(dir)}-${align}` : `${align}-${flipPosition(dir)}`; + const handlers = [ + once( + document, + `keydown ${pointerDown$1}`, + this.hide, + false, + (e2) => e2.type === pointerDown$1 && !within(e2.target, this.$el) || e2.type === "keydown" && e2.keyCode === keyMap.ESC + ), + on([document, ...overflowParents(this.$el)], "scroll", update, { + passive: true + }) + ]; + once(this.tooltip, "hide", () => handlers.forEach((handler) => handler()), { + self: true + }); + }); + if (!await this.toggleElement(this.tooltip, true)) { + this.hide(); + } + } + }, + events: { + focus: "show", + blur: "hide", + [`${pointerEnter} ${pointerLeave}`](e) { + if (!isTouch(e)) { + this[e.type === pointerEnter ? "show" : "hide"](); + } + }, + // Clicking a button does not give it focus on all browsers and platforms + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus + [pointerDown$1](e) { + if (isTouch(e)) { + this.show(); + } + } + } + }; + function makeFocusable(el) { + if (!isFocusable(el)) { + attr(el, "tabindex", "0"); + } + } + function getAlignment(el, target, [dir, align]) { + const elOffset = offset(el); + const targetOffset = offset(target); + const properties = [ + ["left", "right"], + ["top", "bottom"] + ]; + for (const props2 of properties) { + if (elOffset[props2[0]] >= targetOffset[props2[1]]) { + dir = props2[1]; + break; + } + if (elOffset[props2[1]] <= targetOffset[props2[0]]) { + dir = props2[0]; + break; + } + } + const props = includes(properties[0], dir) ? properties[1] : properties[0]; + if (elOffset[props[0]] === targetOffset[props[0]]) { + align = props[0]; + } else if (elOffset[props[1]] === targetOffset[props[1]]) { + align = props[1]; + } else { + align = "center"; + } + return [dir, align]; + } + + var upload = { + mixins: [I18n], + i18n: { + invalidMime: "Invalid File Type: %s", + invalidName: "Invalid File Name: %s", + invalidSize: "Invalid File Size: %s Kilobytes Max" + }, + props: { + allow: String, + clsDragover: String, + concurrent: Number, + maxSize: Number, + method: String, + mime: String, + multiple: Boolean, + name: String, + params: Object, + type: String, + url: String + }, + data: { + allow: false, + clsDragover: "uk-dragover", + concurrent: 1, + maxSize: 0, + method: "POST", + mime: false, + multiple: false, + name: "files[]", + params: {}, + type: "", + url: "", + abort: noop, + beforeAll: noop, + beforeSend: noop, + complete: noop, + completeAll: noop, + error: noop, + fail: noop, + load: noop, + loadEnd: noop, + loadStart: noop, + progress: noop + }, + events: { + change(e) { + if (!matches(e.target, 'input[type="file"]')) { + return; + } + e.preventDefault(); + if (e.target.files) { + this.upload(e.target.files); + } + e.target.value = ""; + }, + drop(e) { + stop(e); + const transfer = e.dataTransfer; + if (!(transfer == null ? void 0 : transfer.files)) { + return; + } + removeClass(this.$el, this.clsDragover); + this.upload(transfer.files); + }, + dragenter(e) { + stop(e); + }, + dragover(e) { + stop(e); + addClass(this.$el, this.clsDragover); + }, + dragleave(e) { + stop(e); + removeClass(this.$el, this.clsDragover); + } + }, + methods: { + async upload(files) { + files = toArray(files); + if (!files.length) { + return; + } + trigger(this.$el, "upload", [files]); + for (const file of files) { + if (this.maxSize && this.maxSize * 1e3 < file.size) { + this.fail(this.t("invalidSize", this.maxSize)); + return; + } + if (this.allow && !match$1(this.allow, file.name)) { + this.fail(this.t("invalidName", this.allow)); + return; + } + if (this.mime && !match$1(this.mime, file.type)) { + this.fail(this.t("invalidMime", this.mime)); + return; + } + } + if (!this.multiple) { + files = files.slice(0, 1); + } + this.beforeAll(this, files); + const chunks = chunk(files, this.concurrent); + const upload = async (files2) => { + const data = new FormData(); + files2.forEach((file) => data.append(this.name, file)); + for (const key in this.params) { + data.append(key, this.params[key]); + } + try { + const xhr = await ajax(this.url, { + data, + method: this.method, + responseType: this.type, + beforeSend: (env) => { + const { xhr: xhr2 } = env; + on(xhr2.upload, "progress", this.progress); + for (const type of ["loadStart", "load", "loadEnd", "abort"]) { + on(xhr2, type.toLowerCase(), this[type]); + } + return this.beforeSend(env); + } + }); + this.complete(xhr); + if (chunks.length) { + await upload(chunks.shift()); + } else { + this.completeAll(xhr); + } + } catch (e) { + this.error(e); + } + }; + await upload(chunks.shift()); + } + } + }; + function match$1(pattern, path) { + return path.match( + new RegExp( + `^${pattern.replace(/\//g, "\\/").replace(/\*\*/g, "(\\/[^\\/]+)*").replace(/\*/g, "[^\\/]+").replace(/((?!\\))\?/g, "$1.")}$`, + "i" + ) + ); + } + function chunk(files, size) { + const chunks = []; + for (let i = 0; i < files.length; i += size) { + chunks.push(files.slice(i, i + size)); + } + return chunks; + } + function stop(e) { + e.preventDefault(); + e.stopPropagation(); + } + function ajax(url, options) { + const env = { + data: null, + method: "GET", + headers: {}, + xhr: new XMLHttpRequest(), + beforeSend: noop, + responseType: "", + ...options + }; + return Promise.resolve().then(() => env.beforeSend(env)).then(() => send(url, env)); + } + function send(url, env) { + return new Promise((resolve, reject) => { + const { xhr } = env; + for (const prop in env) { + if (prop in xhr) { + try { + xhr[prop] = env[prop]; + } catch (e) { + } + } + } + xhr.open(env.method.toUpperCase(), url); + for (const header in env.headers) { + xhr.setRequestHeader(header, env.headers[header]); + } + on(xhr, "load", () => { + if (xhr.status === 0 || xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) { + resolve(xhr); + } else { + reject( + assign(Error(xhr.statusText), { + xhr, + status: xhr.status + }) + ); + } + }); + on(xhr, "error", () => reject(assign(Error("Network Error"), { xhr }))); + on(xhr, "timeout", () => reject(assign(Error("Network Timeout"), { xhr }))); + xhr.send(env.data); + }); + } + + var components$1 = /*#__PURE__*/Object.freeze({ + __proto__: null, + Countdown: countdown, + Filter: filter, + Lightbox: lightbox, + LightboxPanel: LightboxPanel, + Notification: notification, + Parallax: parallax, + Slider: slider, + SliderParallax: sliderParallax, + Slideshow: slideshow, + SlideshowParallax: sliderParallax, + Sortable: sortable, + Tooltip: tooltip, + Upload: upload + }); + + function boot(App) { + if (inBrowser && window.MutationObserver) { + if (document.body) { + requestAnimationFrame(() => init(App)); + } else { + new MutationObserver((records, observer) => { + if (document.body) { + init(App); + observer.disconnect(); + } + }).observe(document.documentElement, { childList: true }); + } + } + } + function init(App) { + trigger(document, "uikit:init", App); + if (document.body) { + apply(document.body, connect); + } + new MutationObserver((records) => records.forEach(applyChildListMutation)).observe(document, { + childList: true, + subtree: true + }); + new MutationObserver((records) => records.forEach(applyAttributeMutation)).observe(document, { + attributes: true, + subtree: true + }); + App._initialized = true; + } + function applyChildListMutation({ addedNodes, removedNodes }) { + for (const node of addedNodes) { + apply(node, connect); + } + for (const node of removedNodes) { + apply(node, disconnect); + } + } + function applyAttributeMutation({ target, attributeName }) { + var _a; + const name = getComponentName(attributeName); + if (name) { + if (hasAttr(target, attributeName)) { + createComponent(name, target); + return; + } + (_a = getComponent(target, name)) == null ? void 0 : _a.$destroy(); + } + } + function connect(node) { + const components2 = getComponents(node); + for (const name in getComponents(node)) { + callConnected(components2[name]); + } + for (const attributeName of node.getAttributeNames()) { + const name = getComponentName(attributeName); + name && createComponent(name, node); + } + } + function disconnect(node) { + const components2 = getComponents(node); + for (const name in getComponents(node)) { + callDisconnected(components2[name]); + } + } + function getComponentName(attribute) { + if (startsWith(attribute, "data-")) { + attribute = attribute.slice(5); + } + const cmp = components$2[attribute]; + return cmp && (isPlainObject(cmp) ? cmp : cmp.options).name; + } + + globalApi(App); + instanceApi(App); + + var Accordion = { + mixins: [Class, Togglable], + props: { + animation: Boolean, + targets: String, + active: null, + collapsible: Boolean, + multiple: Boolean, + toggle: String, + content: String, + offset: Number + }, + data: { + targets: "> *", + active: false, + animation: true, + collapsible: true, + multiple: false, + clsOpen: "uk-open", + toggle: "> .uk-accordion-title", + content: "> .uk-accordion-content", + offset: 0 + }, + computed: { + items({ targets }, $el) { + return $$(targets, $el); + }, + toggles({ toggle }) { + return this.items.map((item) => $(toggle, item)); + }, + contents({ content }) { + return this.items.map((item) => { + var _a; + return ((_a = item._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, item); + }); + } + }, + watch: { + items(items, prev) { + if (prev || hasClass(items, this.clsOpen)) { + return; + } + const active = this.active !== false && items[Number(this.active)] || !this.collapsible && items[0]; + if (active) { + this.toggle(active, false); + } + }, + toggles() { + this.$emit(); + }, + contents(items) { + for (const el of items) { + const isOpen = hasClass( + this.items.find((item) => within(el, item)), + this.clsOpen + ); + hide(el, !isOpen); + } + this.$emit(); + } + }, + observe: lazyload(), + events: [ + { + name: "click keydown", + delegate() { + return `${this.targets} ${this.$props.toggle}`; + }, + async handler(e) { + var _a; + if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) { + return; + } + e.preventDefault(); + (_a = this._off) == null ? void 0 : _a.call(this); + this._off = keepScrollPosition(e.target); + await this.toggle(index(this.toggles, e.current)); + this._off(); + } + }, + { + name: "shown hidden", + self: true, + delegate() { + return this.targets; + }, + handler() { + this.$emit(); + } + } + ], + update() { + const activeItems = filter$1(this.items, `.${this.clsOpen}`); + for (const index2 in this.items) { + const toggle = this.toggles[index2]; + const content = this.contents[index2]; + if (!toggle || !content) { + continue; + } + toggle.id = generateId(this, toggle, `-title-${index2}`); + content.id = generateId(this, content, `-content-${index2}`); + const active = includes(activeItems, this.items[index2]); + attr(toggle, { + role: isTag(toggle, "a") ? "button" : null, + "aria-controls": content.id, + "aria-expanded": active, + "aria-disabled": !this.collapsible && activeItems.length < 2 && active + }); + attr(content, { role: "region", "aria-labelledby": toggle.id }); + if (isTag(content, "ul")) { + attr(children(content), "role", "presentation"); + } + } + }, + methods: { + toggle(item, animate) { + item = this.items[getIndex(item, this.items)]; + let items = [item]; + const activeItems = filter$1(this.items, `.${this.clsOpen}`); + if (!this.multiple && !includes(activeItems, items[0])) { + items = items.concat(activeItems); + } + if (!this.collapsible && activeItems.length < 2 && includes(activeItems, item)) { + return; + } + return Promise.all( + items.map( + (el) => this.toggleElement(el, !includes(activeItems, el), (el2, show) => { + toggleClass(el2, this.clsOpen, show); + if (animate === false || !this.animation) { + hide($(this.content, el2), !show); + return; + } + return transition(el2, show, this); + }) + ) + ); + } + } + }; + function hide(el, hide2) { + el && (el.hidden = hide2); + } + async function transition(el, show, { content, duration, velocity, transition: transition2 }) { + var _a; + content = ((_a = el._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, el); + if (!el._wrapper) { + el._wrapper = wrapAll(content, "
      "); + } + const wrapper = el._wrapper; + css(wrapper, "overflow", "hidden"); + const currentHeight = toFloat(css(wrapper, "height")); + await Transition.cancel(wrapper); + hide(content, false); + const endHeight = sumBy(["marginTop", "marginBottom"], (prop) => css(content, prop)) + dimensions$1(content).height; + const percent = currentHeight / endHeight; + duration = (velocity * endHeight + duration) * (show ? 1 - percent : percent); + css(wrapper, "height", currentHeight); + await Transition.start(wrapper, { height: show ? endHeight : 0 }, duration, transition2); + unwrap(content); + delete el._wrapper; + if (!show) { + hide(content, true); + } + } + function keepScrollPosition(el) { + const scrollElement = scrollParent(el, true); + let frame; + (function scroll() { + frame = requestAnimationFrame(() => { + const { top } = el.getBoundingClientRect(); + if (top < 0) { + scrollElement.scrollTop += top; + } + scroll(); + }); + })(); + return () => requestAnimationFrame(() => cancelAnimationFrame(frame)); + } + + var alert = { + mixins: [Class, Togglable], + args: "animation", + props: { + animation: Boolean, + close: String + }, + data: { + animation: true, + selClose: ".uk-alert-close", + duration: 150 + }, + events: { + name: "click", + delegate() { + return this.selClose; + }, + handler(e) { + e.preventDefault(); + this.close(); + } + }, + methods: { + async close() { + await this.toggleElement(this.$el, false, animate); + this.$destroy(true); + } + } + }; + function animate(el, show, { duration, transition, velocity }) { + const height = toFloat(css(el, "height")); + css(el, "height", height); + return Transition.start( + el, + { + height: 0, + marginTop: 0, + marginBottom: 0, + paddingTop: 0, + paddingBottom: 0, + borderTop: 0, + borderBottom: 0, + opacity: 0 + }, + velocity * height + duration, + transition + ); + } + + var Video = { + args: "autoplay", + props: { + automute: Boolean, + autoplay: Boolean + }, + data: { + automute: false, + autoplay: true + }, + connected() { + this.inView = this.autoplay === "inview"; + if (this.inView && !hasAttr(this.$el, "preload")) { + this.$el.preload = "none"; + } + if (isTag(this.$el, "iframe") && !hasAttr(this.$el, "allow")) { + this.$el.allow = "autoplay"; + } + if (this.automute) { + mute(this.$el); + } + }, + observe: [intersection({ args: { intersecting: false } }), resize()], + update: { + read({ visible }) { + if (!isVideo(this.$el)) { + return false; + } + return { + prev: visible, + visible: isVisible(this.$el), + inView: this.inView && isInView(this.$el) + }; + }, + write({ prev, visible, inView }) { + if (!visible || this.inView && !inView) { + pause(this.$el); + } else if (this.autoplay === true && !prev || inView) { + play(this.$el); + } + }, + events: ["resize"] + } + }; + + var cover = { + mixins: [Video], + props: { + width: Number, + height: Number + }, + data: { + automute: true + }, + events: { + "load loadedmetadata"() { + this.$emit("resize"); + } + }, + observe: resize({ + target: ({ $el }) => [getPositionedParent($el) || parent($el)] + }), + update: { + read() { + const { ratio, cover } = Dimensions; + const { $el, width, height } = this; + let dim = { width, height }; + if (!width || !height) { + const intrinsic = { + width: $el.naturalWidth || $el.videoWidth || $el.clientWidth, + height: $el.naturalHeight || $el.videoHeight || $el.clientHeight + }; + if (width) { + dim = ratio(intrinsic, "width", width); + } else if (height) { + dim = ratio(intrinsic, "height", height); + } else { + dim = intrinsic; + } + } + const { offsetHeight: coverHeight, offsetWidth: coverWidth } = getPositionedParent($el) || parent($el); + const coverDim = cover(dim, { + width: coverWidth + (coverWidth % 2 ? 1 : 0), + height: coverHeight + (coverHeight % 2 ? 1 : 0) + }); + if (!coverDim.width || !coverDim.height) { + return false; + } + return coverDim; + }, + write({ height, width }) { + css(this.$el, { height, width }); + }, + events: ["resize"] + } + }; + function getPositionedParent(el) { + while (el = parent(el)) { + if (css(el, "position") !== "static") { + return el; + } + } + } + + let active; + var drop = { + mixins: [Container, Position, Togglable], + args: "pos", + props: { + mode: "list", + toggle: Boolean, + boundary: Boolean, + boundaryX: Boolean, + boundaryY: Boolean, + target: Boolean, + targetX: Boolean, + targetY: Boolean, + stretch: Boolean, + delayShow: Number, + delayHide: Number, + autoUpdate: Boolean, + clsDrop: String, + animateOut: Boolean, + bgScroll: Boolean + }, + data: { + mode: ["click", "hover"], + toggle: "- *", + boundary: false, + boundaryX: false, + boundaryY: false, + target: false, + targetX: false, + targetY: false, + stretch: false, + delayShow: 0, + delayHide: 800, + autoUpdate: true, + clsDrop: false, + animateOut: false, + bgScroll: true, + animation: ["uk-animation-fade"], + cls: "uk-open", + container: false + }, + computed: { + boundary({ boundary, boundaryX, boundaryY }, $el) { + return [ + query(boundaryX || boundary, $el) || window, + query(boundaryY || boundary, $el) || window + ]; + }, + target({ target, targetX, targetY }, $el) { + targetX || (targetX = target || this.targetEl); + targetY || (targetY = target || this.targetEl); + return [ + targetX === true ? window : query(targetX, $el), + targetY === true ? window : query(targetY, $el) + ]; + } + }, + created() { + this.tracker = new MouseTracker(); + }, + beforeConnect() { + this.clsDrop = this.$props.clsDrop || `uk-${this.$options.name}`; + }, + connected() { + addClass(this.$el, "uk-drop", this.clsDrop); + if (this.toggle && !this.targetEl) { + this.targetEl = createToggleComponent(this); + } + this._style = pick(this.$el.style, ["width", "height"]); + }, + disconnected() { + if (this.isActive()) { + this.hide(false); + active = null; + } + css(this.$el, this._style); + }, + observe: lazyload({ + target: ({ toggle, $el }) => query(toggle, $el), + targets: ({ $el }) => $el + }), + events: [ + { + name: "click", + delegate() { + return ".uk-drop-close"; + }, + handler(e) { + e.preventDefault(); + this.hide(false); + } + }, + { + name: "click", + delegate() { + return 'a[href*="#"]'; + }, + handler({ defaultPrevented, current }) { + const { hash } = current; + if (!defaultPrevented && hash && isSameSiteAnchor(current) && !within(hash, this.$el)) { + this.hide(false); + } + } + }, + { + name: "beforescroll", + handler() { + this.hide(false); + } + }, + { + name: "toggle", + self: true, + handler(e, toggle) { + e.preventDefault(); + if (this.isToggled()) { + this.hide(false); + } else { + this.show(toggle == null ? void 0 : toggle.$el, false); + } + } + }, + { + name: "toggleshow", + self: true, + handler(e, toggle) { + e.preventDefault(); + this.show(toggle == null ? void 0 : toggle.$el); + } + }, + { + name: "togglehide", + self: true, + handler(e) { + e.preventDefault(); + if (!matches(this.$el, ":focus,:hover")) { + this.hide(); + } + } + }, + { + name: `${pointerEnter} focusin`, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + if (!isTouch(e)) { + this.clearTimers(); + } + } + }, + { + name: `${pointerLeave} focusout`, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + if (!isTouch(e) && e.relatedTarget) { + this.hide(); + } + } + }, + { + name: "toggled", + self: true, + handler(e, toggled) { + attr(this.targetEl, "aria-expanded", toggled ? true : null); + if (!toggled) { + return; + } + this.clearTimers(); + this.position(); + } + }, + { + name: "show", + self: true, + handler() { + active = this; + this.tracker.init(); + const handlers = [ + listenForResize(this), + listenForEscClose(this), + listenForBackgroundClose(this), + this.autoUpdate && listenForScroll(this), + !this.bgScroll && preventBackgroundScroll(this.$el) + ]; + once(this.$el, "hide", () => handlers.forEach((handler) => handler && handler()), { + self: true + }); + } + }, + { + name: "beforehide", + self: true, + handler() { + this.clearTimers(); + } + }, + { + name: "hide", + handler({ target }) { + if (this.$el !== target) { + active = active === null && within(target, this.$el) && this.isToggled() ? this : active; + return; + } + active = this.isActive() ? null : active; + this.tracker.cancel(); + } + } + ], + update: { + write() { + if (this.isToggled() && !hasClass(this.$el, this.clsEnter)) { + this.position(); + } + } + }, + methods: { + show(target = this.targetEl, delay = true) { + if (this.isToggled() && target && this.targetEl && target !== this.targetEl) { + this.hide(false, false); + } + this.targetEl = target; + this.clearTimers(); + if (this.isActive()) { + return; + } + if (active) { + if (delay && active.isDelaying) { + this.showTimer = setTimeout(() => matches(target, ":hover") && this.show(), 10); + return; + } + let prev; + while (active && prev !== active && !within(this.$el, active.$el)) { + prev = active; + active.hide(false, false); + } + } + if (this.container && parent(this.$el) !== this.container) { + append(this.container, this.$el); + } + this.showTimer = setTimeout( + () => this.toggleElement(this.$el, true), + delay && this.delayShow || 0 + ); + }, + hide(delay = true, animate = true) { + const hide = () => this.toggleElement(this.$el, false, this.animateOut && animate); + this.clearTimers(); + this.isDelaying = getPositionedElements(this.$el).some( + (el) => this.tracker.movesTo(el) + ); + if (delay && this.isDelaying) { + this.hideTimer = setTimeout(this.hide, 50); + } else if (delay && this.delayHide) { + this.hideTimer = setTimeout(hide, this.delayHide); + } else { + hide(); + } + }, + clearTimers() { + clearTimeout(this.showTimer); + clearTimeout(this.hideTimer); + this.showTimer = null; + this.hideTimer = null; + this.isDelaying = false; + }, + isActive() { + return active === this; + }, + position() { + removeClass(this.$el, "uk-drop-stack"); + css(this.$el, this._style); + this.$el.hidden = true; + const viewports = this.target.map((target) => getViewport$1(this.$el, target)); + const viewportOffset = this.getViewportOffset(this.$el); + const dirs = [ + [0, ["x", "width", "left", "right"]], + [1, ["y", "height", "top", "bottom"]] + ]; + for (const [i, [axis, prop]] of dirs) { + if (this.axis !== axis && includes([axis, true], this.stretch)) { + css(this.$el, { + [prop]: Math.min( + offset(this.boundary[i])[prop], + viewports[i][prop] - 2 * viewportOffset + ), + [`overflow-${axis}`]: "auto" + }); + } + } + const maxWidth = viewports[0].width - 2 * viewportOffset; + this.$el.hidden = false; + css(this.$el, "maxWidth", ""); + if (this.$el.offsetWidth > maxWidth) { + addClass(this.$el, "uk-drop-stack"); + } + css(this.$el, "maxWidth", maxWidth); + this.positionAt(this.$el, this.target, this.boundary); + for (const [i, [axis, prop, start, end]] of dirs) { + if (this.axis === axis && includes([axis, true], this.stretch)) { + const positionOffset = Math.abs(this.getPositionOffset(this.$el)); + const targetOffset = offset(this.target[i]); + const elOffset = offset(this.$el); + css(this.$el, { + [prop]: (targetOffset[start] > elOffset[start] ? targetOffset[this.inset ? end : start] - Math.max( + offset(this.boundary[i])[start], + viewports[i][start] + viewportOffset + ) : Math.min( + offset(this.boundary[i])[end], + viewports[i][end] - viewportOffset + ) - targetOffset[this.inset ? start : end]) - positionOffset, + [`overflow-${axis}`]: "auto" + }); + this.positionAt(this.$el, this.target, this.boundary); + } + } + } + } + }; + function getPositionedElements(el) { + const result = []; + apply(el, (el2) => css(el2, "position") !== "static" && result.push(el2)); + return result; + } + function getViewport$1(el, target) { + return offsetViewport(overflowParents(target).find((parent2) => within(el, parent2))); + } + function createToggleComponent(drop) { + const { $el } = drop.$create("toggle", query(drop.toggle, drop.$el), { + target: drop.$el, + mode: drop.mode + }); + attr($el, "aria-haspopup", true); + return $el; + } + function listenForResize(drop) { + const update = () => drop.$emit(); + const off = [ + observeViewportResize(update), + observeResize(overflowParents(drop.$el).concat(drop.target), update) + ]; + return () => off.map((observer) => observer.disconnect()); + } + function listenForScroll(drop) { + return on([document, ...overflowParents(drop.$el)], "scroll", () => drop.$emit(), { + passive: true + }); + } + function listenForEscClose(drop) { + return on(document, "keydown", (e) => { + if (e.keyCode === keyMap.ESC) { + drop.hide(false); + } + }); + } + function listenForBackgroundClose(drop) { + return on(document, pointerDown$1, ({ target }) => { + if (!within(target, drop.$el)) { + once( + document, + `${pointerUp$1} ${pointerCancel} scroll`, + ({ defaultPrevented, type, target: newTarget }) => { + if (!defaultPrevented && type === pointerUp$1 && target === newTarget && !(drop.targetEl && within(target, drop.targetEl))) { + drop.hide(false); + } + }, + true + ); + } + }); + } + + var Dropnav = { + mixins: [Class, Container], + props: { + align: String, + clsDrop: String, + boundary: Boolean, + dropbar: Boolean, + dropbarAnchor: Boolean, + duration: Number, + mode: Boolean, + offset: Boolean, + stretch: Boolean, + delayShow: Boolean, + delayHide: Boolean, + target: Boolean, + targetX: Boolean, + targetY: Boolean, + animation: Boolean, + animateOut: Boolean + }, + data: { + align: isRtl ? "right" : "left", + clsDrop: "uk-dropdown", + clsDropbar: "uk-dropnav-dropbar", + boundary: true, + dropbar: false, + dropbarAnchor: false, + duration: 200, + container: false, + selNavItem: "> li > a, > ul > li > a" + }, + computed: { + dropbarAnchor({ dropbarAnchor }, $el) { + return query(dropbarAnchor, $el) || $el; + }, + dropbar({ dropbar }) { + if (!dropbar) { + return null; + } + dropbar = this._dropbar || query(dropbar, this.$el) || $(`+ .${this.clsDropbar}`, this.$el); + return dropbar ? dropbar : this._dropbar = $("
      "); + }, + dropContainer(_, $el) { + return this.container || $el; + }, + dropdowns({ clsDrop }, $el) { + var _a; + const dropdowns = $$(`.${clsDrop}`, $el); + if (this.dropContainer !== $el) { + for (const el of $$(`.${clsDrop}`, this.dropContainer)) { + const target = (_a = this.getDropdown(el)) == null ? void 0 : _a.targetEl; + if (!includes(dropdowns, el) && target && within(target, this.$el)) { + dropdowns.push(el); + } + } + } + return dropdowns; + }, + items({ selNavItem }, $el) { + return $$(selNavItem, $el); + } + }, + watch: { + dropbar(dropbar) { + addClass( + dropbar, + "uk-dropbar", + "uk-dropbar-top", + this.clsDropbar, + `uk-${this.$options.name}-dropbar` + ); + }, + dropdowns() { + this.initializeDropdowns(); + } + }, + connected() { + this.initializeDropdowns(); + }, + disconnected() { + remove$1(this._dropbar); + delete this._dropbar; + }, + events: [ + { + name: "mouseover focusin", + delegate() { + return this.selNavItem; + }, + handler({ current }) { + const active2 = this.getActive(); + if (active2 && includes(active2.mode, "hover") && active2.targetEl && !within(active2.targetEl, current) && !active2.isDelaying) { + active2.hide(false); + } + } + }, + { + name: "keydown", + self: true, + delegate() { + return this.selNavItem; + }, + handler(e) { + var _a; + const { current, keyCode } = e; + const active2 = this.getActive(); + if (keyCode === keyMap.DOWN && (active2 == null ? void 0 : active2.targetEl) === current) { + e.preventDefault(); + (_a = $(selFocusable, active2.$el)) == null ? void 0 : _a.focus(); + } + handleNavItemNavigation(e, this.items, active2); + } + }, + { + name: "keydown", + el() { + return this.dropContainer; + }, + delegate() { + return `.${this.clsDrop}`; + }, + handler(e) { + var _a; + const { current, keyCode } = e; + if (!includes(this.dropdowns, current)) { + return; + } + const active2 = this.getActive(); + let next = -1; + if (keyCode === keyMap.HOME) { + next = 0; + } else if (keyCode === keyMap.END) { + next = "last"; + } else if (keyCode === keyMap.UP) { + next = "previous"; + } else if (keyCode === keyMap.DOWN) { + next = "next"; + } else if (keyCode === keyMap.ESC) { + (_a = active2.targetEl) == null ? void 0 : _a.focus(); + } + if (~next) { + e.preventDefault(); + const elements = $$(selFocusable, current); + elements[getIndex( + next, + elements, + findIndex(elements, (el) => matches(el, ":focus")) + )].focus(); + } + handleNavItemNavigation(e, this.items, active2); + } + }, + { + name: "mouseleave", + el() { + return this.dropbar; + }, + filter() { + return this.dropbar; + }, + handler() { + const active2 = this.getActive(); + if (active2 && includes(active2.mode, "hover") && !this.dropdowns.some((el) => matches(el, ":hover"))) { + active2.hide(); + } + } + }, + { + name: "beforeshow", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler({ target }) { + if (!this.isDropbarDrop(target)) { + return; + } + if (this.dropbar.previousElementSibling !== this.dropbarAnchor) { + after(this.dropbarAnchor, this.dropbar); + } + addClass(target, `${this.clsDrop}-dropbar`); + } + }, + { + name: "show", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler({ target }) { + if (!this.isDropbarDrop(target)) { + return; + } + const drop = this.getDropdown(target); + const adjustHeight = () => { + const targetOffsets = parents(target, `.${this.clsDrop}`).concat(target).map((el) => offset(el)); + const minTop = Math.min(...targetOffsets.map(({ top }) => top)); + const maxBottom = Math.max(...targetOffsets.map(({ bottom }) => bottom)); + const dropbarOffset = offset(this.dropbar); + css(this.dropbar, "top", this.dropbar.offsetTop - (dropbarOffset.top - minTop)); + this.transitionTo( + maxBottom - minTop + toFloat(css(target, "marginBottom")), + target + ); + }; + this._observer = observeResize([drop.$el, ...drop.target], adjustHeight); + adjustHeight(); + } + }, + { + name: "beforehide", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler(e) { + const active2 = this.getActive(); + if (matches(this.dropbar, ":hover") && active2.$el === e.target && !this.items.some((el) => active2.targetEl !== el && matches(el, ":focus"))) { + e.preventDefault(); + } + } + }, + { + name: "hide", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler({ target }) { + var _a; + if (!this.isDropbarDrop(target)) { + return; + } + (_a = this._observer) == null ? void 0 : _a.disconnect(); + const active2 = this.getActive(); + if (!active2 || active2.$el === target) { + this.transitionTo(0); + } + } + } + ], + methods: { + getActive() { + var _a; + return includes(this.dropdowns, (_a = active) == null ? void 0 : _a.$el) && active; + }, + async transitionTo(newHeight, el) { + const { dropbar } = this; + const oldHeight = height(dropbar); + el = oldHeight < newHeight && el; + await Transition.cancel([el, dropbar]); + css(el, "clipPath", `polygon(0 0,100% 0,100% ${oldHeight}px,0 ${oldHeight}px)`); + height(dropbar, oldHeight); + await Promise.all([ + Transition.start(dropbar, { height: newHeight }, this.duration), + Transition.start( + el, + { + clipPath: `polygon(0 0,100% 0,100% ${newHeight}px,0 ${newHeight}px)` + }, + this.duration + ).finally(() => css(el, { clipPath: "" })) + ]).catch(noop); + }, + getDropdown(el) { + return this.$getComponent(el, "drop") || this.$getComponent(el, "dropdown"); + }, + isDropbarDrop(el) { + return this.getDropdown(el) && hasClass(el, this.clsDrop); + }, + initializeDropdowns() { + this.$create( + "drop", + this.dropdowns.filter((el) => !this.getDropdown(el)), + { + ...this.$props, + flip: false, + shift: true, + pos: `bottom-${this.align}`, + boundary: this.boundary === true ? this.$el : this.boundary + } + ); + } + } + }; + function handleNavItemNavigation(e, toggles, active2) { + var _a, _b, _c; + const { current, keyCode } = e; + let next = -1; + if (keyCode === keyMap.HOME) { + next = 0; + } else if (keyCode === keyMap.END) { + next = "last"; + } else if (keyCode === keyMap.LEFT) { + next = "previous"; + } else if (keyCode === keyMap.RIGHT) { + next = "next"; + } else if (keyCode === keyMap.TAB) { + (_a = active2.targetEl) == null ? void 0 : _a.focus(); + (_b = active2.hide) == null ? void 0 : _b.call(active2, false); + } + if (~next) { + e.preventDefault(); + (_c = active2.hide) == null ? void 0 : _c.call(active2, false); + toggles[getIndex(next, toggles, toggles.indexOf(active2.targetEl || current))].focus(); + } + } + + var formCustom = { + mixins: [Class], + args: "target", + props: { + target: Boolean + }, + data: { + target: false + }, + computed: { + input(_, $el) { + return $(selInput, $el); + }, + state() { + return this.input.nextElementSibling; + }, + target({ target }, $el) { + return target && (target === true && parent(this.input) === $el && this.input.nextElementSibling || $(target, $el)); + } + }, + update() { + var _a; + const { target, input } = this; + if (!target) { + return; + } + let option; + const prop = isInput(target) ? "value" : "textContent"; + const prev = target[prop]; + const value = ((_a = input.files) == null ? void 0 : _a[0]) ? input.files[0].name : matches(input, "select") && (option = $$("option", input).filter((el) => el.selected)[0]) ? option.textContent : input.value; + if (prev !== value) { + target[prop] = value; + } + }, + events: [ + { + name: "change", + handler() { + this.$emit(); + } + }, + { + name: "reset", + el() { + return closest(this.$el, "form"); + }, + handler() { + this.$emit(); + } + } + ] + }; + + var grid = { + extends: Margin, + mixins: [Class], + name: "grid", + props: { + masonry: Boolean, + parallax: Number + }, + data: { + margin: "uk-grid-margin", + clsStack: "uk-grid-stack", + masonry: false, + parallax: 0 + }, + connected() { + this.masonry && addClass(this.$el, "uk-flex-top uk-flex-wrap-top"); + }, + observe: scroll$1({ filter: ({ parallax }) => parallax }), + update: [ + { + write({ columns }) { + toggleClass(this.$el, this.clsStack, columns.length < 2); + }, + events: ["resize"] + }, + { + read(data) { + let { columns, rows } = data; + if (!columns.length || !this.masonry && !this.parallax || positionedAbsolute(this.$el)) { + data.translates = false; + return false; + } + let translates = false; + const nodes = children(this.$el); + const columnHeights = columns.map((column) => sumBy(column, "offsetHeight")); + const margin = getMarginTop(nodes, this.margin) * (rows.length - 1); + const elHeight = Math.max(...columnHeights) + margin; + if (this.masonry) { + columns = columns.map((column) => sortBy$1(column, "offsetTop")); + translates = getTranslates(rows, columns); + } + let padding = Math.abs(this.parallax); + if (padding) { + padding = columnHeights.reduce( + (newPadding, hgt, i) => Math.max( + newPadding, + hgt + margin + (i % 2 ? padding : padding / 8) - elHeight + ), + 0 + ); + } + return { padding, columns, translates, height: translates ? elHeight : "" }; + }, + write({ height, padding }) { + css(this.$el, "paddingBottom", padding || ""); + height !== false && css(this.$el, "height", height); + }, + events: ["resize"] + }, + { + read() { + if (this.parallax && positionedAbsolute(this.$el)) { + return false; + } + return { + scrolled: this.parallax ? scrolledOver(this.$el) * Math.abs(this.parallax) : false + }; + }, + write({ columns, scrolled, translates }) { + if (scrolled === false && !translates) { + return; + } + columns.forEach( + (column, i) => column.forEach( + (el, j) => css( + el, + "transform", + !scrolled && !translates ? "" : `translateY(${(translates && -translates[i][j]) + (scrolled ? i % 2 ? scrolled : scrolled / 8 : 0)}px)` + ) + ) + ); + }, + events: ["scroll", "resize"] + } + ] + }; + function positionedAbsolute(el) { + return children(el).some((el2) => css(el2, "position") === "absolute"); + } + function getTranslates(rows, columns) { + const rowHeights = rows.map((row) => Math.max(...row.map((el) => el.offsetHeight))); + return columns.map((elements) => { + let prev = 0; + return elements.map( + (element, row) => prev += row ? rowHeights[row - 1] - elements[row - 1].offsetHeight : 0 + ); + }); + } + function getMarginTop(nodes, cls) { + const [node] = nodes.filter((el) => hasClass(el, cls)); + return toFloat(node ? css(node, "marginTop") : css(nodes[0], "paddingLeft")); + } + + var heightMatch = { + args: "target", + props: { + target: String, + row: Boolean + }, + data: { + target: "> *", + row: true + }, + computed: { + elements({ target }, $el) { + return $$(target, $el); + } + }, + observe: resize({ + target: ({ $el, elements }) => [$el, ...elements] + }), + update: { + read() { + return { + rows: (this.row ? getRows(this.elements) : [this.elements]).map(match) + }; + }, + write({ rows }) { + for (const { heights, elements } of rows) { + elements.forEach((el, i) => css(el, "minHeight", heights[i])); + } + }, + events: ["resize"] + } + }; + function match(elements) { + if (elements.length < 2) { + return { heights: [""], elements }; + } + let heights = elements.map(getHeight); + const max = Math.max(...heights); + return { + heights: elements.map((el, i) => heights[i].toFixed(2) === max.toFixed(2) ? "" : max), + elements + }; + } + function getHeight(element) { + const style = pick(element.style, ["display", "minHeight"]); + if (!isVisible(element)) { + css(element, "display", "block", "important"); + } + css(element, "minHeight", ""); + const height = dimensions$1(element).height - boxModelAdjust(element, "height", "content-box"); + css(element, style); + return height; + } + + var heightViewport = { + props: { + expand: Boolean, + offsetTop: Boolean, + offsetBottom: Boolean, + minHeight: Number + }, + data: { + expand: false, + offsetTop: false, + offsetBottom: false, + minHeight: 0 + }, + // check for offsetTop change + observe: [ + viewport({ filter: ({ expand }) => expand }), + resize({ target: ({ $el }) => scrollParents($el) }) + ], + update: { + read() { + if (!isVisible(this.$el)) { + return false; + } + let minHeight = ""; + const box = boxModelAdjust(this.$el, "height", "content-box"); + const { body, scrollingElement } = document; + const scrollElement = scrollParent(this.$el); + const { height: viewportHeight } = offsetViewport( + scrollElement === body ? scrollingElement : scrollElement + ); + const isScrollingElement = scrollingElement === scrollElement || body === scrollElement; + minHeight = `calc(${isScrollingElement ? "100vh" : `${viewportHeight}px`}`; + if (this.expand) { + const diff = dimensions$1(scrollElement).height - dimensions$1(this.$el).height; + minHeight += ` - ${diff}px`; + } else { + if (this.offsetTop) { + if (isScrollingElement) { + const top = offsetPosition(this.$el)[0] - offsetPosition(scrollElement)[0]; + minHeight += top > 0 && top < viewportHeight / 2 ? ` - ${top}px` : ""; + } else { + minHeight += ` - ${css(scrollElement, "paddingTop")}`; + } + } + if (this.offsetBottom === true) { + minHeight += ` - ${dimensions$1(this.$el.nextElementSibling).height}px`; + } else if (isNumeric(this.offsetBottom)) { + minHeight += ` - ${this.offsetBottom}vh`; + } else if (this.offsetBottom && endsWith(this.offsetBottom, "px")) { + minHeight += ` - ${toFloat(this.offsetBottom)}px`; + } else if (isString(this.offsetBottom)) { + minHeight += ` - ${dimensions$1(query(this.offsetBottom, this.$el)).height}px`; + } + } + minHeight += `${box ? ` - ${box}px` : ""})`; + return { minHeight }; + }, + write({ minHeight }) { + css(this.$el, "minHeight", `max(${this.minHeight || 0}px, ${minHeight})`); + }, + events: ["resize"] + } + }; + + var closeIcon = ""; + + var closeLarge = ""; + + var dropParentIcon = ""; + + var marker = ""; + + var navParentIconLarge = ""; + + var navParentIcon = ""; + + var navbarParentIcon = ""; + + var navbarToggleIcon = ""; + + var overlayIcon = ""; + + var paginationNext = ""; + + var paginationPrevious = ""; + + var searchIcon = ""; + + var searchLarge = ""; + + var searchNavbar = ""; + + var slidenavNextLarge = ""; + + var slidenavNext = ""; + + var slidenavPreviousLarge = ""; + + var slidenavPrevious = ""; + + var spinner = ""; + + var totop = ""; + + var Svg = { + args: "src", + props: { + width: Number, + height: Number, + ratio: Number + }, + data: { + ratio: 1 + }, + connected() { + this.svg = this.getSvg().then((el) => { + if (!this._connected) { + return; + } + const svg = insertSVG(el, this.$el); + if (this.svgEl && svg !== this.svgEl) { + remove$1(this.svgEl); + } + applyWidthAndHeight.call(this, svg, el); + return this.svgEl = svg; + }, noop); + }, + disconnected() { + this.svg.then((svg) => { + if (this._connected) { + return; + } + if (isVoidElement(this.$el)) { + this.$el.hidden = false; + } + remove$1(svg); + this.svgEl = null; + }); + this.svg = null; + }, + methods: { + async getSvg() { + } + } + }; + function insertSVG(el, root) { + if (isVoidElement(root) || isTag(root, "canvas")) { + root.hidden = true; + const next = root.nextElementSibling; + return equals(el, next) ? next : after(root, el); + } + const last = root.lastElementChild; + return equals(el, last) ? last : append(root, el); + } + function equals(el, other) { + return isTag(el, "svg") && isTag(other, "svg") && el.innerHTML === other.innerHTML; + } + function applyWidthAndHeight(el, ref) { + const props = ["width", "height"]; + let dimensions = props.map((prop) => this[prop]); + if (!dimensions.some((val) => val)) { + dimensions = props.map((prop) => attr(ref, prop)); + } + const viewBox = attr(ref, "viewBox"); + if (viewBox && !dimensions.some((val) => val)) { + dimensions = viewBox.split(" ").slice(2); + } + dimensions.forEach((val, i) => attr(el, props[i], toFloat(val) * this.ratio || null)); + } + + const icons = { + spinner, + totop, + marker, + "close-icon": closeIcon, + "close-large": closeLarge, + "drop-parent-icon": dropParentIcon, + "nav-parent-icon": navParentIcon, + "nav-parent-icon-large": navParentIconLarge, + "navbar-parent-icon": navbarParentIcon, + "navbar-toggle-icon": navbarToggleIcon, + "overlay-icon": overlayIcon, + "pagination-next": paginationNext, + "pagination-previous": paginationPrevious, + "search-icon": searchIcon, + "search-large": searchLarge, + "search-navbar": searchNavbar, + "slidenav-next": slidenavNext, + "slidenav-next-large": slidenavNextLarge, + "slidenav-previous": slidenavPrevious, + "slidenav-previous-large": slidenavPreviousLarge + }; + const Icon = { + install: install$1, + mixins: [Svg], + args: "icon", + props: { icon: String }, + isIcon: true, + beforeConnect() { + addClass(this.$el, "uk-icon"); + }, + methods: { + async getSvg() { + const icon = getIcon(this.icon); + if (!icon) { + throw "Icon not found."; + } + return icon; + } + } + }; + const IconComponent = { + args: false, + extends: Icon, + data: (vm) => ({ + icon: hyphenate(vm.constructor.options.name) + }), + beforeConnect() { + addClass(this.$el, this.$options.id); + } + }; + const NavParentIcon = { + extends: IconComponent, + beforeConnect() { + const icon = this.$props.icon; + this.icon = closest(this.$el, ".uk-nav-primary") ? `${icon}-large` : icon; + } + }; + const Search = { + extends: IconComponent, + mixins: [I18n], + i18n: { toggle: "Open Search", submit: "Submit Search" }, + beforeConnect() { + this.icon = hasClass(this.$el, "uk-search-icon") && parents(this.$el, ".uk-search-large").length ? "search-large" : parents(this.$el, ".uk-search-navbar").length ? "search-navbar" : this.$props.icon; + if (hasAttr(this.$el, "aria-label")) { + return; + } + if (hasClass(this.$el, "uk-search-toggle") || hasClass(this.$el, "uk-navbar-toggle")) { + const label = this.t("toggle"); + attr(this.$el, "aria-label", label); + } else { + const button = closest(this.$el, "a,button"); + if (button) { + const label = this.t("submit"); + attr(button, "aria-label", label); + } + } + } + }; + const Spinner = { + extends: IconComponent, + beforeConnect() { + attr(this.$el, "role", "status"); + }, + methods: { + async getSvg() { + const icon = await Icon.methods.getSvg.call(this); + if (this.ratio !== 1) { + css($("circle", icon), "strokeWidth", 1 / this.ratio); + } + return icon; + } + } + }; + const ButtonComponent = { + extends: IconComponent, + mixins: [I18n], + beforeConnect() { + const button = closest(this.$el, "a,button"); + attr(button, "role", this.role !== null && isTag(button, "a") ? "button" : this.role); + const label = this.t("label"); + if (label && !hasAttr(button, "aria-label")) { + attr(button, "aria-label", label); + } + } + }; + const Slidenav = { + extends: ButtonComponent, + beforeConnect() { + addClass(this.$el, "uk-slidenav"); + const icon = this.$props.icon; + this.icon = hasClass(this.$el, "uk-slidenav-large") ? `${icon}-large` : icon; + } + }; + const NavbarToggleIcon = { + extends: ButtonComponent, + i18n: { label: "Open menu" } + }; + const Close = { + extends: ButtonComponent, + i18n: { label: "Close" }, + beforeConnect() { + this.icon = `close-${hasClass(this.$el, "uk-close-large") ? "large" : "icon"}`; + } + }; + const Marker = { + extends: ButtonComponent, + i18n: { label: "Open" } + }; + const Totop = { + extends: ButtonComponent, + i18n: { label: "Back to top" } + }; + const PaginationNext = { + extends: ButtonComponent, + i18n: { label: "Next page" }, + data: { role: null } + }; + const PaginationPrevious = { + extends: ButtonComponent, + i18n: { label: "Previous page" }, + data: { role: null } + }; + const parsed = {}; + function install$1(UIkit) { + UIkit.icon.add = (name, svg) => { + const added = isString(name) ? { [name]: svg } : name; + each(added, (svg2, name2) => { + icons[name2] = svg2; + delete parsed[name2]; + }); + if (UIkit._initialized) { + apply( + document.body, + (el) => each(UIkit.getComponents(el), (cmp) => { + cmp.$options.isIcon && cmp.icon in added && cmp.$reset(); + }) + ); + } + }; + } + function getIcon(icon) { + if (!icons[icon]) { + return null; + } + if (!parsed[icon]) { + parsed[icon] = $((icons[applyRtl(icon)] || icons[icon]).trim()); + } + return parsed[icon].cloneNode(true); + } + function applyRtl(icon) { + return isRtl ? swap(swap(icon, "left", "right"), "previous", "next") : icon; + } + + const nativeLazyLoad = inBrowser && "loading" in HTMLImageElement.prototype; + var img = { + args: "dataSrc", + props: { + dataSrc: String, + sources: String, + margin: String, + target: String, + loading: String + }, + data: { + dataSrc: "", + sources: false, + margin: "50%", + target: false, + loading: "lazy" + }, + connected() { + if (this.loading !== "lazy") { + this.load(); + return; + } + if (nativeLazyLoad && isImg(this.$el)) { + this.$el.loading = "lazy"; + setSrcAttrs(this.$el); + } + ensureSrcAttribute(this.$el); + }, + disconnected() { + if (this.img) { + this.img.onload = ""; + } + delete this.img; + }, + observe: intersection({ + target: ({ $el, $props }) => [$el, ...queryAll($props.target, $el)], + handler(entries, observer) { + this.load(); + observer.disconnect(); + }, + options: ({ margin }) => ({ rootMargin: margin }), + filter: ({ loading }) => loading === "lazy" + }), + methods: { + load() { + if (this.img) { + return this.img; + } + const image = isImg(this.$el) ? this.$el : getImageFromElement(this.$el, this.dataSrc, this.sources); + removeAttr(image, "loading"); + setSrcAttrs(this.$el, image.currentSrc); + return this.img = image; + } + } + }; + function setSrcAttrs(el, src) { + if (isImg(el)) { + const parentNode = parent(el); + const elements = isTag(parentNode, "picture") ? children(parentNode) : [el]; + elements.forEach((el2) => setSourceProps(el2, el2)); + } else if (src) { + const change = !includes(el.style.backgroundImage, src); + if (change) { + css(el, "backgroundImage", `url(${escape(src)})`); + trigger(el, createEvent("load", false)); + } + } + } + const srcProps = ["data-src", "data-srcset", "sizes"]; + function setSourceProps(sourceEl, targetEl) { + for (const prop of srcProps) { + const value = data(sourceEl, prop); + if (value) { + attr(targetEl, prop.replace(/^(data-)+/, ""), value); + } + } + } + function getImageFromElement(el, src, sources) { + const img = new Image(); + wrapInPicture(img, sources); + setSourceProps(el, img); + img.onload = () => { + setSrcAttrs(el, img.currentSrc); + }; + attr(img, "src", src); + return img; + } + function wrapInPicture(img, sources) { + sources = parseSources(sources); + if (sources.length) { + const picture = fragment(""); + for (const attrs of sources) { + const source = fragment(""); + attr(source, attrs); + append(picture, source); + } + append(picture, img); + } + } + function parseSources(sources) { + if (!sources) { + return []; + } + if (startsWith(sources, "[")) { + try { + sources = JSON.parse(sources); + } catch (e) { + sources = []; + } + } else { + sources = parseOptions(sources); + } + if (!isArray(sources)) { + sources = [sources]; + } + return sources.filter((source) => !isEmpty(source)); + } + function ensureSrcAttribute(el) { + if (isImg(el) && !hasAttr(el, "src")) { + attr(el, "src", 'data:image/svg+xml;utf8,'); + } + } + function isImg(el) { + return isTag(el, "img"); + } + + var leader = { + mixins: [Class, Media], + props: { + fill: String + }, + data: { + fill: "", + clsWrapper: "uk-leader-fill", + clsHide: "uk-leader-hide", + attrFill: "data-fill" + }, + computed: { + fill({ fill }) { + return fill || css(this.$el, "--uk-leader-fill-content"); + } + }, + connected() { + [this.wrapper] = wrapInner(this.$el, ``); + }, + disconnected() { + unwrap(this.wrapper.childNodes); + }, + observe: resize(), + update: { + read() { + const width = Math.trunc(this.$el.offsetWidth / 2); + return { + width, + fill: this.fill, + hide: !this.matchMedia + }; + }, + write({ width, fill, hide }) { + toggleClass(this.wrapper, this.clsHide, hide); + attr(this.wrapper, this.attrFill, new Array(width).join(fill)); + }, + events: ["resize"] + } + }; + + var modal = { + install, + mixins: [Modal], + data: { + clsPage: "uk-modal-page", + selPanel: ".uk-modal-dialog", + selClose: ".uk-modal-close, .uk-modal-close-default, .uk-modal-close-outside, .uk-modal-close-full" + }, + events: [ + { + name: "show", + self: true, + handler() { + if (hasClass(this.panel, "uk-margin-auto-vertical")) { + addClass(this.$el, "uk-flex"); + } else { + css(this.$el, "display", "block"); + } + height(this.$el); + } + }, + { + name: "hidden", + self: true, + handler() { + css(this.$el, "display", ""); + removeClass(this.$el, "uk-flex"); + } + } + ] + }; + function install({ modal }) { + modal.dialog = function(content, options) { + const dialog = modal( + `
      ${content}
      `, + { stack: true, role: "alertdialog", ...options } + ); + dialog.show(); + on( + dialog.$el, + "hidden", + async () => { + await Promise.resolve(); + dialog.$destroy(true); + }, + { self: true } + ); + return dialog; + }; + modal.alert = function(message, options) { + return openDialog( + ({ i18n }) => `
      ${isString(message) ? message : html(message)}
      `, + options + ); + }; + modal.confirm = function(message, options) { + return openDialog( + ({ i18n }) => `
      ${isString(message) ? message : html(message)}
      `, + options, + () => Promise.reject() + ); + }; + modal.prompt = function(message, value, options) { + const promise = openDialog( + ({ i18n }) => `
      `, + options, + () => null, + () => input.value + ); + const { $el } = promise.dialog; + const input = $("input", $el); + on($el, "show", () => input.select()); + return promise; + }; + modal.i18n = { + ok: "Ok", + cancel: "Cancel" + }; + function openDialog(tmpl, options, hideFn = noop, submitFn = noop) { + options = { + bgClose: false, + escClose: true, + ...options, + i18n: { ...modal.i18n, ...options == null ? void 0 : options.i18n } + }; + const dialog = modal.dialog(tmpl(options), options); + return assign( + new Promise((resolve) => { + const off = on(dialog.$el, "hide", () => resolve(hideFn())); + on(dialog.$el, "submit", "form", (e) => { + e.preventDefault(); + resolve(submitFn(dialog)); + off(); + dialog.hide(); + }); + }), + { dialog } + ); + } + } + + var nav = { + extends: Accordion, + data: { + targets: "> .uk-parent", + toggle: "> a", + content: "> ul" + } + }; + + var navbar = { + extends: Dropnav, + data: { + clsDrop: "uk-navbar-dropdown", + selNavItem: ".uk-navbar-nav > li > a,a.uk-navbar-item,button.uk-navbar-item,.uk-navbar-item a,.uk-navbar-item button,.uk-navbar-toggle" + // Simplify with :where() selector once browser target is Safari 14+ + }, + watch: { + items() { + const justify = hasClass(this.$el, "uk-navbar-justify"); + for (const container of $$( + ".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right", + this.$el + )) { + css( + container, + "flexGrow", + justify ? $$( + ".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle", + container + ).length : "" + ); + } + } + } + }; + + var offcanvas = { + mixins: [Modal], + args: "mode", + props: { + mode: String, + flip: Boolean, + overlay: Boolean, + swiping: Boolean + }, + data: { + mode: "slide", + flip: false, + overlay: false, + clsPage: "uk-offcanvas-page", + clsContainer: "uk-offcanvas-container", + selPanel: ".uk-offcanvas-bar", + clsFlip: "uk-offcanvas-flip", + clsContainerAnimation: "uk-offcanvas-container-animation", + clsSidebarAnimation: "uk-offcanvas-bar-animation", + clsMode: "uk-offcanvas", + clsOverlay: "uk-offcanvas-overlay", + selClose: ".uk-offcanvas-close", + container: false, + swiping: true + }, + computed: { + clsFlip({ flip, clsFlip }) { + return flip ? clsFlip : ""; + }, + clsOverlay({ overlay, clsOverlay }) { + return overlay ? clsOverlay : ""; + }, + clsMode({ mode, clsMode }) { + return `${clsMode}-${mode}`; + }, + clsSidebarAnimation({ mode, clsSidebarAnimation }) { + return mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation; + }, + clsContainerAnimation({ mode, clsContainerAnimation }) { + return mode !== "push" && mode !== "reveal" ? "" : clsContainerAnimation; + }, + transitionElement({ mode }) { + return mode === "reveal" ? parent(this.panel) : this.panel; + } + }, + observe: swipe({ filter: ({ swiping }) => swiping }), + update: { + read() { + if (this.isToggled() && !isVisible(this.$el)) { + this.hide(); + } + }, + events: ["resize"] + }, + events: [ + { + name: "touchmove", + self: true, + passive: false, + filter() { + return this.overlay; + }, + handler(e) { + e.cancelable && e.preventDefault(); + } + }, + { + name: "show", + self: true, + handler() { + if (this.mode === "reveal" && !hasClass(parent(this.panel), this.clsMode)) { + wrapAll(this.panel, "
      "); + addClass(parent(this.panel), this.clsMode); + } + const { body, scrollingElement } = document; + addClass(body, this.clsContainer, this.clsFlip); + css(body, "touch-action", "pan-y pinch-zoom"); + css(this.$el, "display", "block"); + css(this.panel, "maxWidth", scrollingElement.clientWidth); + addClass(this.$el, this.clsOverlay); + addClass( + this.panel, + this.clsSidebarAnimation, + this.mode === "reveal" ? "" : this.clsMode + ); + height(body); + addClass(body, this.clsContainerAnimation); + this.clsContainerAnimation && suppressUserScale(); + } + }, + { + name: "hide", + self: true, + handler() { + removeClass(document.body, this.clsContainerAnimation); + css(document.body, "touch-action", ""); + } + }, + { + name: "hidden", + self: true, + handler() { + this.clsContainerAnimation && resumeUserScale(); + if (this.mode === "reveal") { + unwrap(this.panel); + } + removeClass(this.panel, this.clsSidebarAnimation, this.clsMode); + removeClass(this.$el, this.clsOverlay); + css(this.$el, "display", ""); + css(this.panel, "maxWidth", ""); + removeClass(document.body, this.clsContainer, this.clsFlip); + } + }, + { + name: "swipeLeft swipeRight", + handler(e) { + if (this.isToggled() && endsWith(e.type, "Left") ^ this.flip) { + this.hide(); + } + } + } + ] + }; + function suppressUserScale() { + getViewport().content += ",user-scalable=0"; + } + function resumeUserScale() { + const viewport = getViewport(); + viewport.content = viewport.content.replace(/,user-scalable=0$/, ""); + } + function getViewport() { + return $('meta[name="viewport"]', document.head) || append(document.head, ''); + } + + var overflowAuto = { + mixins: [Class], + props: { + selContainer: String, + selContent: String, + minHeight: Number + }, + data: { + selContainer: ".uk-modal", + selContent: ".uk-modal-dialog", + minHeight: 150 + }, + computed: { + container({ selContainer }, $el) { + return closest($el, selContainer); + }, + content({ selContent }, $el) { + return closest($el, selContent); + } + }, + observe: resize({ + target: ({ container, content }) => [container, content] + }), + update: { + read() { + if (!this.content || !this.container || !isVisible(this.$el)) { + return false; + } + return { + max: Math.max( + this.minHeight, + height(this.container) - (dimensions$1(this.content).height - height(this.$el)) + ) + }; + }, + write({ max }) { + css(this.$el, { minHeight: this.minHeight, maxHeight: max }); + }, + events: ["resize"] + } + }; + + var responsive = { + props: ["width", "height"], + connected() { + addClass(this.$el, "uk-responsive-width"); + }, + observe: resize({ + target: ({ $el }) => [$el, parent($el)] + }), + update: { + read() { + return isVisible(this.$el) && this.width && this.height ? { width: width(parent(this.$el)), height: this.height } : false; + }, + write(dim) { + height( + this.$el, + Dimensions.contain( + { + height: this.height, + width: this.width + }, + dim + ).height + ); + }, + events: ["resize"] + } + }; + + var scroll = { + props: { + offset: Number + }, + data: { + offset: 0 + }, + connected() { + registerClick(this); + }, + disconnected() { + unregisterClick(this); + }, + methods: { + async scrollTo(el) { + el = el && $(el) || document.body; + if (trigger(this.$el, "beforescroll", [this, el])) { + await scrollIntoView(el, { offset: this.offset }); + trigger(this.$el, "scrolled", [this, el]); + } + } + } + }; + const instances = /* @__PURE__ */ new Set(); + function registerClick(cmp) { + if (!instances.size) { + on(document, "click", clickHandler); + } + instances.add(cmp); + } + function unregisterClick(cmp) { + instances.delete(cmp); + if (!instances.size) { + off(document, "click", clickHandler); + } + } + function clickHandler(e) { + if (e.defaultPrevented) { + return; + } + for (const instance of instances) { + if (within(e.target, instance.$el) && isSameSiteAnchor(instance.$el)) { + e.preventDefault(); + if (window.location.href !== instance.$el.href) { + window.history.pushState({}, "", instance.$el.href); + } + instance.scrollTo(getTargetedElement(instance.$el)); + } + } + } + + var scrollspy = { + args: "cls", + props: { + cls: String, + target: String, + hidden: Boolean, + margin: String, + repeat: Boolean, + delay: Number + }, + data: () => ({ + cls: "", + target: false, + hidden: true, + margin: "-1px", + repeat: false, + delay: 0, + inViewClass: "uk-scrollspy-inview" + }), + computed: { + elements({ target }, $el) { + return target ? $$(target, $el) : [$el]; + } + }, + watch: { + elements(elements) { + if (this.hidden) { + css(filter$1(elements, `:not(.${this.inViewClass})`), "opacity", 0); + } + } + }, + connected() { + this.elementData = /* @__PURE__ */ new Map(); + }, + disconnected() { + for (const [el, state] of this.elementData.entries()) { + removeClass(el, this.inViewClass, (state == null ? void 0 : state.cls) || ""); + } + delete this.elementData; + }, + observe: intersection({ + target: ({ elements }) => elements, + handler(records) { + const elements = this.elementData; + for (const { target: el, isIntersecting } of records) { + if (!elements.has(el)) { + elements.set(el, { + cls: data(el, "uk-scrollspy-class") || this.cls + }); + } + const state = elements.get(el); + if (!this.repeat && state.show) { + continue; + } + state.show = isIntersecting; + } + this.$emit(); + }, + options: (instance) => ({ rootMargin: instance.margin }), + args: { intersecting: false } + }), + update: [ + { + write(data) { + for (const [el, state] of this.elementData.entries()) { + if (state.show && !state.inview && !state.queued) { + state.queued = true; + data.promise = (data.promise || Promise.resolve()).then(() => new Promise((resolve) => setTimeout(resolve, this.delay))).then(() => { + this.toggle(el, true); + setTimeout(() => { + state.queued = false; + this.$emit(); + }, 300); + }); + } else if (!state.show && state.inview && !state.queued && this.repeat) { + this.toggle(el, false); + } + } + } + } + ], + methods: { + toggle(el, inview) { + var _a; + const state = this.elementData.get(el); + if (!state) { + return; + } + (_a = state.off) == null ? void 0 : _a.call(state); + css(el, "opacity", !inview && this.hidden ? 0 : ""); + toggleClass(el, this.inViewClass, inview); + toggleClass(el, state.cls); + if (/\buk-animation-/.test(state.cls)) { + const removeAnimationClasses = () => removeClasses(el, "uk-animation-[\\w-]+"); + if (inview) { + state.off = once(el, "animationcancel animationend", removeAnimationClasses); + } else { + removeAnimationClasses(); + } + } + trigger(el, inview ? "inview" : "outview"); + state.inview = inview; + this.$update(el); + } + } + }; + + var scrollspyNav = { + props: { + cls: String, + closest: String, + scroll: Boolean, + overflow: Boolean, + offset: Number + }, + data: { + cls: "uk-active", + closest: false, + scroll: false, + overflow: true, + offset: 0 + }, + computed: { + links(_, $el) { + return $$('a[href*="#"]', $el).filter((el) => el.hash && isSameSiteAnchor(el)); + }, + elements({ closest: selector }) { + return closest(this.links, selector || "*"); + } + }, + watch: { + links(links) { + if (this.scroll) { + this.$create("scroll", links, { offset: this.offset || 0 }); + } + } + }, + observe: [intersection(), scroll$1()], + update: [ + { + read() { + const targets = this.links.map(getTargetedElement).filter(Boolean); + const { length } = targets; + if (!length || !isVisible(this.$el)) { + return false; + } + const scrollElement = scrollParent(targets, true); + const { scrollTop, scrollHeight } = scrollElement; + const viewport = offsetViewport(scrollElement); + const max = scrollHeight - viewport.height; + let active = false; + if (scrollTop === max) { + active = length - 1; + } else { + for (let i = 0; i < targets.length; i++) { + if (offset(targets[i]).top - viewport.top - this.offset > 0) { + break; + } + active = +i; + } + if (active === false && this.overflow) { + active = 0; + } + } + return { active }; + }, + write({ active }) { + const changed = active !== false && !hasClass(this.elements[active], this.cls); + this.links.forEach((el) => el.blur()); + for (let i = 0; i < this.elements.length; i++) { + toggleClass(this.elements[i], this.cls, +i === active); + } + if (changed) { + trigger(this.$el, "active", [active, this.elements[active]]); + } + }, + events: ["scroll", "resize"] + } + ] + }; + + var sticky = { + mixins: [Class, Media], + props: { + position: String, + top: null, + bottom: null, + start: null, + end: null, + offset: String, + overflowFlip: Boolean, + animation: String, + clsActive: String, + clsInactive: String, + clsFixed: String, + clsBelow: String, + selTarget: String, + showOnUp: Boolean, + targetOffset: Number + }, + data: { + position: "top", + top: false, + bottom: false, + start: false, + end: false, + offset: 0, + overflowFlip: false, + animation: "", + clsActive: "uk-active", + clsInactive: "", + clsFixed: "uk-sticky-fixed", + clsBelow: "uk-sticky-below", + selTarget: "", + showOnUp: false, + targetOffset: false + }, + computed: { + selTarget({ selTarget }, $el) { + return selTarget && $(selTarget, $el) || $el; + } + }, + connected() { + this.start = coerce(this.start || this.top); + this.end = coerce(this.end || this.bottom); + this.placeholder = $("+ .uk-sticky-placeholder", this.$el) || $('
      '); + this.isFixed = false; + this.setActive(false); + }, + beforeDisconnect() { + if (this.isFixed) { + this.hide(); + removeClass(this.selTarget, this.clsInactive); + } + reset(this.$el); + remove$1(this.placeholder); + this.placeholder = null; + }, + observe: [ + viewport(), + scroll$1({ target: () => document.scrollingElement }), + resize({ target: ({ $el }) => [$el, document.scrollingElement] }) + ], + events: [ + { + name: "load hashchange popstate", + el() { + return window; + }, + filter() { + return this.targetOffset !== false; + }, + handler() { + const { scrollingElement } = document; + if (!location.hash || scrollingElement.scrollTop === 0) { + return; + } + setTimeout(() => { + const targetOffset = offset($(location.hash)); + const elOffset = offset(this.$el); + if (this.isFixed && intersectRect(targetOffset, elOffset)) { + scrollingElement.scrollTop = targetOffset.top - elOffset.height - toPx(this.targetOffset, "height", this.placeholder) - toPx(this.offset, "height", this.placeholder); + } + }); + } + }, + { + name: "transitionstart", + capture: true, + handler() { + this.transitionInProgress = once( + this.$el, + "transitionend transitioncancel", + () => this.transitionInProgress = null + ); + } + } + ], + update: [ + { + read({ height: height$1, width, margin, sticky }) { + this.inactive = !this.matchMedia || !isVisible(this.$el); + if (this.inactive) { + return; + } + const hide = this.isFixed && !this.transitionInProgress; + if (hide) { + preventTransition(this.selTarget); + this.hide(); + } + if (!this.active) { + ({ height: height$1, width } = offset(this.$el)); + margin = css(this.$el, "margin"); + } + if (hide) { + this.show(); + } + const viewport2 = toPx("100vh", "height"); + const dynamicViewport = height(window); + const maxScrollHeight = document.scrollingElement.scrollHeight - viewport2; + let position = this.position; + if (this.overflowFlip && height$1 > viewport2) { + position = position === "top" ? "bottom" : "top"; + } + const referenceElement = this.isFixed ? this.placeholder : this.$el; + let offset$1 = toPx(this.offset, "height", sticky ? this.$el : referenceElement); + if (position === "bottom" && (height$1 < dynamicViewport || this.overflowFlip)) { + offset$1 += dynamicViewport - height$1; + } + const overflow = this.overflowFlip ? 0 : Math.max(0, height$1 + offset$1 - viewport2); + const topOffset = offset(referenceElement).top; + const elHeight = offset(this.$el).height; + const start = (this.start === false ? topOffset : parseProp(this.start, this.$el, topOffset)) - offset$1; + const end = this.end === false ? maxScrollHeight : Math.min( + maxScrollHeight, + parseProp(this.end, this.$el, topOffset + height$1, true) - elHeight - offset$1 + overflow + ); + sticky = maxScrollHeight && !this.showOnUp && start + offset$1 === topOffset && end === Math.min( + maxScrollHeight, + parseProp("!*", this.$el, 0, true) - elHeight - offset$1 + overflow + ) && css(parent(this.$el), "overflowY") === "visible"; + return { + start, + end, + offset: offset$1, + overflow, + topOffset, + height: height$1, + elHeight, + width, + margin, + top: offsetPosition(referenceElement)[0], + sticky + }; + }, + write({ height, width, margin, offset, sticky }) { + if (this.inactive || sticky || !this.isFixed) { + reset(this.$el); + } + if (this.inactive) { + return; + } + if (sticky) { + height = width = margin = 0; + css(this.$el, { position: "sticky", top: offset }); + } + const { placeholder } = this; + css(placeholder, { height, width, margin }); + if (!within(placeholder, document)) { + placeholder.hidden = true; + } + (sticky ? before : after)(this.$el, placeholder); + }, + events: ["resize"] + }, + { + read({ + scroll: prevScroll = 0, + dir: prevDir = "down", + overflow, + overflowScroll = 0, + start, + end + }) { + const scroll2 = document.scrollingElement.scrollTop; + const dir = prevScroll <= scroll2 ? "down" : "up"; + return { + dir, + prevDir, + scroll: scroll2, + prevScroll, + offsetParentTop: offset( + (this.isFixed ? this.placeholder : this.$el).offsetParent + ).top, + overflowScroll: clamp( + overflowScroll + clamp(scroll2, start, end) - clamp(prevScroll, start, end), + 0, + overflow + ) + }; + }, + write(data, types) { + const isScrollUpdate = types.has("scroll"); + const { + initTimestamp = 0, + dir, + prevDir, + scroll: scroll2, + prevScroll = 0, + top, + start, + topOffset, + height + } = data; + if (scroll2 < 0 || scroll2 === prevScroll && isScrollUpdate || this.showOnUp && !isScrollUpdate && !this.isFixed) { + return; + } + const now = Date.now(); + if (now - initTimestamp > 300 || dir !== prevDir) { + data.initScroll = scroll2; + data.initTimestamp = now; + } + if (this.showOnUp && !this.isFixed && Math.abs(data.initScroll - scroll2) <= 30 && Math.abs(prevScroll - scroll2) <= 10) { + return; + } + if (this.inactive || scroll2 < start || this.showOnUp && (scroll2 <= start || dir === "down" && isScrollUpdate || dir === "up" && !this.isFixed && scroll2 <= topOffset + height)) { + if (!this.isFixed) { + if (Animation.inProgress(this.$el) && top > scroll2) { + Animation.cancel(this.$el); + this.hide(); + } + return; + } + if (this.animation && scroll2 > topOffset) { + Animation.cancel(this.$el); + Animation.out(this.$el, this.animation).then(() => this.hide(), noop); + } else { + this.hide(); + } + } else if (this.isFixed) { + this.update(); + } else if (this.animation && scroll2 > topOffset) { + Animation.cancel(this.$el); + this.show(); + Animation.in(this.$el, this.animation).catch(noop); + } else { + preventTransition(this.selTarget); + this.show(); + } + }, + events: ["resize", "resizeViewport", "scroll"] + } + ], + methods: { + show() { + this.isFixed = true; + this.update(); + this.placeholder.hidden = false; + }, + hide() { + const { offset, sticky } = this._data; + this.setActive(false); + removeClass(this.$el, this.clsFixed, this.clsBelow); + if (sticky) { + css(this.$el, "top", offset); + } else { + css(this.$el, { + position: "", + top: "", + width: "", + marginTop: "" + }); + } + this.placeholder.hidden = true; + this.isFixed = false; + }, + update() { + let { + width, + scroll: scroll2 = 0, + overflow, + overflowScroll = 0, + start, + end, + offset, + topOffset, + height, + elHeight, + offsetParentTop, + sticky + } = this._data; + const active = start !== 0 || scroll2 > start; + if (!sticky) { + let position = "fixed"; + if (scroll2 > end) { + offset += end - offsetParentTop; + position = "absolute"; + } + css(this.$el, { position, width, marginTop: 0 }, "important"); + } + if (overflow) { + offset -= overflowScroll; + } + css(this.$el, "top", offset); + this.setActive(active); + toggleClass( + this.$el, + this.clsBelow, + scroll2 > topOffset + (sticky ? Math.min(height, elHeight) : height) + ); + addClass(this.$el, this.clsFixed); + }, + setActive(active) { + const prev = this.active; + this.active = active; + if (active) { + replaceClass(this.selTarget, this.clsInactive, this.clsActive); + prev !== active && trigger(this.$el, "active"); + } else { + replaceClass(this.selTarget, this.clsActive, this.clsInactive); + prev !== active && trigger(this.$el, "inactive"); + } + } + } + }; + function parseProp(value, el, propOffset, padding) { + if (!value) { + return 0; + } + if (isNumeric(value) || isString(value) && value.match(/^-?\d/)) { + return propOffset + toPx(value, "height", el, true); + } else { + const refElement = value === true ? parent(el) : query(value, el); + return offset(refElement).bottom - (padding && refElement && within(el, refElement) ? toFloat(css(refElement, "paddingBottom")) : 0); + } + } + function coerce(value) { + if (value === "true") { + return true; + } else if (value === "false") { + return false; + } + return value; + } + function reset(el) { + css(el, { position: "", top: "", marginTop: "", width: "" }); + } + function preventTransition(el) { + css(el, "transition", "0s"); + requestAnimationFrame(() => css(el, "transition", "")); + } + + var svg = { + mixins: [Svg], + args: "src", + props: { + src: String, + icon: String, + attributes: "list", + strokeAnimation: Boolean + }, + data: { + strokeAnimation: false + }, + observe: [ + mutation({ + async handler() { + const svg = await this.svg; + if (svg) { + applyAttributes.call(this, svg); + } + }, + options: { + attributes: true, + attributeFilter: ["id", "class", "style"] + } + }) + ], + async connected() { + if (includes(this.src, "#")) { + [this.src, this.icon] = this.src.split("#"); + } + const svg = await this.svg; + if (svg) { + applyAttributes.call(this, svg); + if (this.strokeAnimation) { + applyAnimation(svg); + } + } + }, + methods: { + async getSvg() { + if (isTag(this.$el, "img") && !this.$el.complete && this.$el.loading === "lazy") { + return new Promise( + (resolve) => once(this.$el, "load", () => resolve(this.getSvg())) + ); + } + return parseSVG(await loadSVG(this.src), this.icon) || Promise.reject("SVG not found."); + } + } + }; + function applyAttributes(el) { + const { $el } = this; + addClass(el, attr($el, "class"), "uk-svg"); + for (let i = 0; i < $el.style.length; i++) { + const prop = $el.style[i]; + css(el, prop, css($el, prop)); + } + for (const attribute in this.attributes) { + const [prop, value] = this.attributes[attribute].split(":", 2); + attr(el, prop, value); + } + if (!this.$el.id) { + removeAttr(el, "id"); + } + } + const loadSVG = memoize(async (src) => { + if (src) { + if (startsWith(src, "data:")) { + return decodeURIComponent(src.split(",")[1]); + } else { + return (await fetch(src)).text(); + } + } else { + return Promise.reject(); + } + }); + function parseSVG(svg, icon) { + if (icon && includes(svg, "/g; + const parseSymbols = memoize(function(svg) { + const symbols = {}; + symbolRe.lastIndex = 0; + let match; + while (match = symbolRe.exec(svg)) { + symbols[match[3]] = ``; + } + return symbols; + }); + function applyAnimation(el) { + const length = getMaxPathLength(el); + if (length) { + css(el, "--uk-animation-stroke", length); + } + } + + const selDisabled = ".uk-disabled *, .uk-disabled, [disabled]"; + var Switcher = { + mixins: [Togglable], + args: "connect", + props: { + connect: String, + toggle: String, + itemNav: String, + active: Number, + followFocus: Boolean, + swiping: Boolean + }, + data: { + connect: "~.uk-switcher", + toggle: "> * > :first-child", + itemNav: false, + active: 0, + cls: "uk-active", + attrItem: "uk-switcher-item", + selVertical: ".uk-nav", + followFocus: false, + swiping: true + }, + computed: { + connects({ connect }, $el) { + return queryAll(connect, $el); + }, + connectChildren() { + return this.connects.map((el) => children(el)).flat(); + }, + toggles({ toggle }, $el) { + return $$(toggle, $el); + }, + children() { + return children(this.$el).filter( + (child) => this.toggles.some((toggle) => within(toggle, child)) + ); + } + }, + watch: { + connects(connects) { + if (this.swiping) { + css(connects, "touchAction", "pan-y pinch-zoom"); + } + this.$emit(); + }, + connectChildren() { + let index = Math.max(0, this.index()); + for (const el of this.connects) { + children(el).forEach((child, i) => toggleClass(child, this.cls, i === index)); + } + this.$emit(); + }, + toggles(toggles) { + this.$emit(); + const active = this.index(); + this.show(~active ? active : toggles[this.active] || toggles[0]); + } + }, + connected() { + attr(this.$el, "role", "tablist"); + }, + observe: [ + lazyload({ targets: ({ connectChildren }) => connectChildren }), + swipe({ target: ({ connects }) => connects, filter: ({ swiping }) => swiping }) + ], + events: [ + { + name: "click keydown", + delegate() { + return this.toggle; + }, + handler(e) { + if (!matches(e.current, selDisabled) && (e.type === "click" || e.keyCode === keyMap.SPACE)) { + e.preventDefault(); + this.show(e.current); + } + } + }, + { + name: "keydown", + delegate() { + return this.toggle; + }, + handler(e) { + const { current, keyCode } = e; + const isVertical = matches(this.$el, this.selVertical); + let i = keyCode === keyMap.HOME ? 0 : keyCode === keyMap.END ? "last" : keyCode === keyMap.LEFT && !isVertical || keyCode === keyMap.UP && isVertical ? "previous" : keyCode === keyMap.RIGHT && !isVertical || keyCode === keyMap.DOWN && isVertical ? "next" : -1; + if (~i) { + e.preventDefault(); + const toggles = this.toggles.filter((el) => !matches(el, selDisabled)); + const next = toggles[getIndex(i, toggles, toggles.indexOf(current))]; + next.focus(); + if (this.followFocus) { + this.show(next); + } + } + } + }, + { + name: "click", + el() { + return this.connects.concat(this.itemNav ? queryAll(this.itemNav, this.$el) : []); + }, + delegate() { + return `[${this.attrItem}],[data-${this.attrItem}]`; + }, + handler(e) { + if (closest(e.target, "a,button")) { + e.preventDefault(); + this.show(data(e.current, this.attrItem)); + } + } + }, + { + name: "swipeRight swipeLeft", + filter() { + return this.swiping; + }, + el() { + return this.connects; + }, + handler({ type }) { + this.show(endsWith(type, "Left") ? "next" : "previous"); + } + } + ], + update() { + var _a; + attr(this.connects, "role", "presentation"); + attr(children(this.$el), "role", "presentation"); + for (const index in this.toggles) { + const toggle = this.toggles[index]; + const item = (_a = this.connects[0]) == null ? void 0 : _a.children[index]; + attr(toggle, "role", "tab"); + if (!item) { + continue; + } + toggle.id = generateId(this, toggle, `-tab-${index}`); + item.id = generateId(this, item, `-tabpanel-${index}`); + attr(toggle, "aria-controls", item.id); + attr(item, { role: "tabpanel", "aria-labelledby": toggle.id }); + } + attr(this.$el, "aria-orientation", matches(this.$el, this.selVertical) ? "vertical" : null); + }, + methods: { + index() { + return findIndex(this.children, (el) => hasClass(el, this.cls)); + }, + show(item) { + const toggles = this.toggles.filter((el) => !matches(el, selDisabled)); + const prev = this.index(); + const next = getIndex( + !isNode(item) || includes(toggles, item) ? item : 0, + toggles, + getIndex(this.toggles[prev], toggles) + ); + const active = getIndex(toggles[next], this.toggles); + this.children.forEach((child, i) => { + toggleClass(child, this.cls, active === i); + attr(this.toggles[i], { + "aria-selected": active === i, + tabindex: active === i ? null : -1 + }); + }); + const animate = prev >= 0 && prev !== next; + this.connects.forEach(async ({ children: children2 }) => { + const actives = toArray(children2).filter( + (child, i) => i !== active && hasClass(child, this.cls) + ); + await this.toggleElement(actives, false, animate); + await this.toggleElement(children2[active], true, animate); + }); + } + } + }; + + var tab = { + mixins: [Class], + extends: Switcher, + props: { + media: Boolean + }, + data: { + media: 960, + attrItem: "uk-tab-item", + selVertical: ".uk-tab-left,.uk-tab-right" + }, + connected() { + const cls = hasClass(this.$el, "uk-tab-left") ? "uk-tab-left" : hasClass(this.$el, "uk-tab-right") ? "uk-tab-right" : false; + if (cls) { + this.$create("toggle", this.$el, { cls, mode: "media", media: this.media }); + } + } + }; + + const KEY_SPACE = 32; + var toggle = { + mixins: [Media, Togglable], + args: "target", + props: { + href: String, + target: null, + mode: "list", + queued: Boolean + }, + data: { + href: false, + target: false, + mode: "click", + queued: true + }, + computed: { + target({ target }, $el) { + target = queryAll(target || $el.hash, $el); + return target.length && target || [$el]; + } + }, + connected() { + if (!includes(this.mode, "media")) { + if (!isFocusable(this.$el)) { + attr(this.$el, "tabindex", "0"); + } + if (!this.cls && isTag(this.$el, "a")) { + attr(this.$el, "role", "button"); + } + } + }, + observe: lazyload({ target: ({ target }) => target }), + events: [ + { + name: pointerDown$1, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + this._preventClick = null; + if (!isTouch(e) || isBoolean(this._showState) || this.$el.disabled) { + return; + } + trigger(this.$el, "focus"); + once( + document, + pointerDown$1, + () => trigger(this.$el, "blur"), + true, + (e2) => !within(e2.target, this.$el) + ); + if (includes(this.mode, "click")) { + this._preventClick = true; + } + } + }, + { + // mouseenter mouseleave are added because of Firefox bug, + // where pointerleave is triggered immediately after pointerenter on scroll + name: `mouseenter mouseleave ${pointerEnter} ${pointerLeave} focus blur`, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + if (isTouch(e) || this.$el.disabled) { + return; + } + const show = includes(["mouseenter", pointerEnter, "focus"], e.type); + const expanded = this.isToggled(this.target); + if (!show && (!isBoolean(this._showState) || e.type !== "blur" && matches(this.$el, ":focus") || e.type === "blur" && matches(this.$el, ":hover"))) { + if (expanded === this._showState) { + this._showState = null; + } + return; + } + if (show && isBoolean(this._showState) && expanded !== this._showState) { + return; + } + this._showState = show ? expanded : null; + this.toggle(`toggle${show ? "show" : "hide"}`); + } + }, + { + name: "keydown", + filter() { + return includes(this.mode, "click") && !isTag(this.$el, "input"); + }, + handler(e) { + if (e.keyCode === KEY_SPACE) { + e.preventDefault(); + this.$el.click(); + } + } + }, + { + name: "click", + filter() { + return ["click", "hover"].some((mode) => includes(this.mode, mode)); + }, + handler(e) { + let link; + if (this._preventClick || closest(e.target, 'a[href="#"], a[href=""]') || (link = closest(e.target, "a[href]")) && (!this.isToggled(this.target) || link.hash && matches(this.target, link.hash))) { + e.preventDefault(); + } + if (!this._preventClick && includes(this.mode, "click")) { + this.toggle(); + } + } + }, + { + name: "mediachange", + filter() { + return includes(this.mode, "media"); + }, + el() { + return this.target; + }, + handler(e, mediaObj) { + if (mediaObj.matches ^ this.isToggled(this.target)) { + this.toggle(); + } + } + } + ], + methods: { + async toggle(type) { + if (!trigger(this.target, type || "toggle", [this])) { + return; + } + if (hasAttr(this.$el, "aria-expanded")) { + attr(this.$el, "aria-expanded", !this.isToggled(this.target)); + } + if (!this.queued) { + return this.toggleElement(this.target); + } + const leaving = this.target.filter((el) => hasClass(el, this.clsLeave)); + if (leaving.length) { + for (const el of this.target) { + const isLeaving = includes(leaving, el); + this.toggleElement(el, isLeaving, isLeaving); + } + return; + } + const toggled = this.target.filter(this.isToggled); + if (await this.toggleElement(toggled, false)) { + await this.toggleElement( + this.target.filter((el) => !includes(toggled, el)), + true + ); + } + } + } + }; + + var components = /*#__PURE__*/Object.freeze({ + __proto__: null, + Accordion: Accordion, + Alert: alert, + Close: Close, + Cover: cover, + Drop: drop, + DropParentIcon: IconComponent, + Dropdown: drop, + Dropnav: Dropnav, + FormCustom: formCustom, + Grid: grid, + HeightMatch: heightMatch, + HeightViewport: heightViewport, + Icon: Icon, + Img: img, + Leader: leader, + Margin: Margin, + Marker: Marker, + Modal: modal, + Nav: nav, + NavParentIcon: NavParentIcon, + Navbar: navbar, + NavbarParentIcon: IconComponent, + NavbarToggleIcon: NavbarToggleIcon, + Offcanvas: offcanvas, + OverflowAuto: overflowAuto, + OverlayIcon: IconComponent, + PaginationNext: PaginationNext, + PaginationPrevious: PaginationPrevious, + Responsive: responsive, + Scroll: scroll, + Scrollspy: scrollspy, + ScrollspyNav: scrollspyNav, + SearchIcon: Search, + SlidenavNext: Slidenav, + SlidenavPrevious: Slidenav, + Spinner: Spinner, + Sticky: sticky, + Svg: svg, + Switcher: Switcher, + Tab: tab, + Toggle: toggle, + Totop: Totop, + Video: Video + }); + + each(components, (component, name) => App.component(name, component)); + boot(App); + + each(components$1, (component, name) => App.component(name, component)); + + return App; + +})); diff --git a/static/uikit/js/uikit.min.js b/static/uikit/js/uikit.min.js new file mode 100644 index 0000000..936277a --- /dev/null +++ b/static/uikit/js/uikit.min.js @@ -0,0 +1 @@ +/*! UIkit 3.16.27 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */(function(ve,we){typeof exports=="object"&&typeof module<"u"?module.exports=we():typeof define=="function"&&define.amd?define("uikit",we):(ve=typeof globalThis<"u"?globalThis:ve||self,ve.UIkit=we())})(this,function(){"use strict";const{hasOwnProperty:ve,toString:we}=Object.prototype;function vt(t,e){return ve.call(t,e)}const Fo=/\B([A-Z])/g,Kt=dt(t=>t.replace(Fo,"-$1").toLowerCase()),Ho=/-(\w)/g,be=dt(t=>(t.charAt(0).toLowerCase()+t.slice(1)).replace(Ho,(e,i)=>i.toUpperCase())),Tt=dt(t=>t.charAt(0).toUpperCase()+t.slice(1));function ot(t,e){var i;return(i=t==null?void 0:t.startsWith)==null?void 0:i.call(t,e)}function Zt(t,e){var i;return(i=t==null?void 0:t.endsWith)==null?void 0:i.call(t,e)}function m(t,e){var i;return(i=t==null?void 0:t.includes)==null?void 0:i.call(t,e)}function xt(t,e){var i;return(i=t==null?void 0:t.findIndex)==null?void 0:i.call(t,e)}const{isArray:Q,from:Qt}=Array,{assign:wt}=Object;function it(t){return typeof t=="function"}function Et(t){return t!==null&&typeof t=="object"}function yt(t){return we.call(t)==="[object Object]"}function te(t){return Et(t)&&t===t.window}function Ge(t){return Di(t)===9}function Xe(t){return Di(t)>=1}function ee(t){return Di(t)===1}function Di(t){return!te(t)&&Et(t)&&t.nodeType}function ie(t){return typeof t=="boolean"}function D(t){return typeof t=="string"}function $e(t){return typeof t=="number"}function bt(t){return $e(t)||D(t)&&!isNaN(t-parseFloat(t))}function xe(t){return!(Q(t)?t.length:Et(t)&&Object.keys(t).length)}function Y(t){return t===void 0}function Bi(t){return ie(t)?t:t==="true"||t==="1"||t===""?!0:t==="false"||t==="0"?!1:t}function kt(t){const e=Number(t);return isNaN(e)?!1:e}function $(t){return parseFloat(t)||0}function H(t){return k(t)[0]}function k(t){return Xe(t)?[t]:Array.from(t||[]).filter(Xe)}function se(t){if(te(t))return t;t=H(t);const e=Ge(t)?t:t==null?void 0:t.ownerDocument;return(e==null?void 0:e.defaultView)||window}function Je(t,e){return t===e||Et(t)&&Et(e)&&Object.keys(t).length===Object.keys(e).length&&Pt(t,(i,s)=>i===e[s])}function Mi(t,e,i){return t.replace(new RegExp(`${e}|${i}`,"g"),s=>s===e?i:e)}function ne(t){return t[t.length-1]}function Pt(t,e){for(const i in t)if(e(t[i],i)===!1)return!1;return!0}function Ke(t,e){return t.slice().sort(({[e]:i=0},{[e]:s=0})=>i>s?1:s>i?-1:0)}function Dt(t,e){return t.reduce((i,s)=>i+$(it(e)?e(s):s[e]),0)}function As(t,e){const i=new Set;return t.filter(({[e]:s})=>i.has(s)?!1:i.add(s))}function Ni(t,e){return e.reduce((i,s)=>({...i,[s]:t[s]}),{})}function Z(t,e=0,i=1){return Math.min(Math.max(kt(t)||0,e),i)}function I(){}function zi(...t){return[["bottom","top"],["right","left"]].every(([e,i])=>Math.min(...t.map(({[e]:s})=>s))-Math.max(...t.map(({[i]:s})=>s))>0)}function Ze(t,e){return t.x<=e.right&&t.x>=e.left&&t.y<=e.bottom&&t.y>=e.top}function Fi(t,e,i){const s=e==="width"?"height":"width";return{[s]:t[e]?Math.round(i*t[s]/t[e]):t[s],[e]:i}}function Os(t,e){t={...t};for(const i in t)t=t[i]>e[i]?Fi(t,i,e[i]):t;return t}function Lo(t,e){t=Os(t,e);for(const i in t)t=t[i]e[i]||(e[i]=t(i))}function p(t,e,i){var s;if(Et(e)){for(const n in e)p(t,n,e[n]);return}if(Y(i))return(s=H(t))==null?void 0:s.getAttribute(e);for(const n of k(t))it(i)&&(i=i.call(n,p(n,e))),i===null?ye(n,e):n.setAttribute(e,i)}function $t(t,e){return k(t).some(i=>i.hasAttribute(e))}function ye(t,e){k(t).forEach(i=>i.removeAttribute(e))}function tt(t,e){for(const i of[e,`data-${e}`])if($t(t,i))return p(t,i)}function y(t,...e){Ds(t,e,"add")}function M(t,...e){Ds(t,e,"remove")}function Hi(t,e){p(t,"class",i=>(i||"").replace(new RegExp(`\\b${e}\\b\\s?`,"g"),""))}function Li(t,...e){e[0]&&M(t,e[0]),e[1]&&y(t,e[1])}function P(t,e){return[e]=Wi(e),!!e&&k(t).some(i=>i.classList.contains(e))}function q(t,e,i){const s=Wi(e);Y(i)||(i=!!i);for(const n of k(t))for(const o of s)n.classList.toggle(o,i)}function Ds(t,e,i){e=e.reduce((s,n)=>s.concat(Wi(n)),[]);for(const s of k(t))s.classList[i](...e)}function Wi(t){return String(t).split(/[ ,]/).filter(Boolean)}const Wo={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0};function Ri(t){return k(t).some(e=>Wo[e.tagName.toLowerCase()])}function R(t){return k(t).some(e=>e.offsetWidth||e.offsetHeight||e.getClientRects().length)}const ke="input,select,textarea,button";function ji(t){return k(t).some(e=>C(e,ke))}const Se=`${ke},a[href],[tabindex]`;function ti(t){return C(t,Se)}function _(t){var e;return(e=H(t))==null?void 0:e.parentElement}function Ie(t,e){return k(t).filter(i=>C(i,e))}function C(t,e){return k(t).some(i=>i.matches(e))}function U(t,e){return ee(t)?t.closest(ot(e,">")?e.slice(1):e):k(t).map(i=>U(i,e)).filter(Boolean)}function B(t,e){return D(e)?!!U(t,e):H(e).contains(H(t))}function oe(t,e){const i=[];for(;t=_(t);)(!e||C(t,e))&&i.push(t);return i}function T(t,e){t=H(t);const i=t?Qt(t.children):[];return e?Ie(i,e):i}function re(t,e){return e?k(t).indexOf(H(e)):T(_(t)).indexOf(t)}function ae(t){return t=H(t),t&&["origin","pathname","search"].every(e=>t[e]===location[e])}function qi(t){if(ae(t)){t=H(t);const e=decodeURIComponent(t.hash).substring(1);return document.getElementById(e)||document.getElementsByName(e)[0]}}function at(t,e){return Ui(t,Ms(t,e))}function Ce(t,e){return Te(t,Ms(t,e))}function Ui(t,e){return H(Ns(t,H(e),"querySelector"))}function Te(t,e){return k(Ns(t,H(e),"querySelectorAll"))}const Ro=/(^|[^\\],)\s*[!>+~-]/,Bs=dt(t=>t.match(Ro));function Ms(t,e=document){return D(t)&&Bs(t)||Ge(e)?e:e.ownerDocument}const jo=/([!>+~-])(?=\s+[!>+~-]|\s*$)/g,qo=dt(t=>t.replace(jo,"$1 *"));function Ns(t,e=document,i){if(!t||!D(t))return t;if(t=qo(t),Bs(t)){const s=Vo(t);t="";for(let n of s){let o=e;if(n[0]==="!"){const r=n.substr(1).trim().split(" ");if(o=U(_(e),r[0]),n=r.slice(1).join(" ").trim(),!n.length&&s.length===1)return o}if(n[0]==="-"){const r=n.substr(1).trim().split(" "),a=(o||e).previousElementSibling;o=C(a,n.substr(1))?a:null,n=r.slice(1).join(" ")}o&&(t+=`${t?",":""}${Yo(o)} ${n}`)}e=document}try{return e[i](t)}catch{return null}}const Uo=/.*?[^\\](?:,|$)/g,Vo=dt(t=>t.match(Uo).map(e=>e.replace(/,$/,"").trim()));function Yo(t){const e=[];for(;t.parentNode;){const i=p(t,"id");if(i){e.unshift(`#${Vi(i)}`);break}else{let{tagName:s}=t;s!=="HTML"&&(s+=`:nth-child(${re(t)+1})`),e.unshift(s),t=t.parentNode}}return e.join(" > ")}function Vi(t){return D(t)?CSS.escape(t):""}function x(...t){let[e,i,s,n,o=!1]=Yi(t);n.length>1&&(n=Xo(n)),o!=null&&o.self&&(n=Jo(n)),s&&(n=Go(s,n));for(const r of i)for(const a of e)a.addEventListener(r,n,o);return()=>Bt(e,i,n,o)}function Bt(...t){let[e,i,,s,n=!1]=Yi(t);for(const o of i)for(const r of e)r.removeEventListener(o,s,n)}function j(...t){const[e,i,s,n,o=!1,r]=Yi(t),a=x(e,i,s,l=>{const h=!r||r(l);h&&(a(),n(l,h))},o);return a}function v(t,e,i){return Gi(t).every(s=>s.dispatchEvent(Mt(e,!0,!0,i)))}function Mt(t,e=!0,i=!1,s){return D(t)&&(t=new CustomEvent(t,{bubbles:e,cancelable:i,detail:s})),t}function Yi(t){return t[0]=Gi(t[0]),D(t[1])&&(t[1]=t[1].split(" ")),it(t[2])&&t.splice(2,0,!1),t}function Go(t,e){return i=>{const s=t[0]===">"?Te(t,i.currentTarget).reverse().filter(n=>B(i.target,n))[0]:U(i.target,t);s&&(i.current=s,e.call(this,i),delete i.current)}}function Xo(t){return e=>Q(e.detail)?t(e,...e.detail):t(e)}function Jo(t){return function(e){if(e.target===e.currentTarget||e.target===e.current)return t.call(null,e)}}function zs(t){return t&&"addEventListener"in t}function Ko(t){return zs(t)?t:H(t)}function Gi(t){return Q(t)?t.map(Ko).filter(Boolean):D(t)?Te(t):zs(t)?[t]:k(t)}function St(t){return t.pointerType==="touch"||!!t.touches}function le(t){var e,i;const{clientX:s,clientY:n}=((e=t.touches)==null?void 0:e[0])||((i=t.changedTouches)==null?void 0:i[0])||t;return{x:s,y:n}}const Zo={"animation-iteration-count":!0,"column-count":!0,"fill-opacity":!0,"flex-grow":!0,"flex-shrink":!0,"font-weight":!0,"line-height":!0,opacity:!0,order:!0,orphans:!0,"stroke-dasharray":!0,"stroke-dashoffset":!0,widows:!0,"z-index":!0,zoom:!0};function c(t,e,i,s){const n=k(t);for(const o of n)if(D(e)){if(e=ei(e),Y(i))return getComputedStyle(o).getPropertyValue(e);o.style.setProperty(e,bt(i)&&!Zo[e]?`${i}px`:i||$e(i)?i:"",s)}else if(Q(e)){const r={};for(const a of e)r[a]=c(o,a);return r}else Et(e)&&(s=i,Pt(e,(r,a)=>c(o,a,r,s)));return n[0]}const ei=dt(t=>Qo(t));function Qo(t){if(ot(t,"--"))return t;t=Kt(t);const{style:e}=document.documentElement;if(t in e)return t;for(const i of["webkit","moz"]){const s=`-${i}-${t}`;if(s in e)return s}}function tr(t,e,i=400,s="linear"){return i=Math.round(i),Promise.all(k(t).map(n=>new Promise((o,r)=>{for(const l in e){const h=c(n,l);h===""&&c(n,l,h)}const a=setTimeout(()=>v(n,"transitionend"),i);j(n,"transitionend transitioncanceled",({type:l})=>{clearTimeout(a),M(n,"uk-transition"),c(n,{transitionProperty:"",transitionDuration:"",transitionTimingFunction:""}),l==="transitioncanceled"?r():o(n)},{self:!0}),y(n,"uk-transition"),c(n,{transitionProperty:Object.keys(e).map(ei).join(","),transitionDuration:`${i}ms`,transitionTimingFunction:s,...e})})))}const E={start:tr,async stop(t){v(t,"transitionend"),await Promise.resolve()},async cancel(t){v(t,"transitioncanceled"),await Promise.resolve()},inProgress(t){return P(t,"uk-transition")}},Ee="uk-animation-";function Fs(t,e,i=200,s,n){return Promise.all(k(t).map(o=>new Promise((r,a)=>{v(o,"animationcanceled");const l=setTimeout(()=>v(o,"animationend"),i);j(o,"animationend animationcanceled",({type:h})=>{clearTimeout(l),h==="animationcanceled"?a():r(o),c(o,"animationDuration",""),Hi(o,`${Ee}\\S*`)},{self:!0}),c(o,"animationDuration",`${i}ms`),y(o,e,Ee+(n?"leave":"enter")),ot(e,Ee)&&(s&&y(o,`uk-transform-origin-${s}`),n&&y(o,`${Ee}reverse`))})))}const er=new RegExp(`${Ee}(enter|leave)`),gt={in:Fs,out(t,e,i,s){return Fs(t,e,i,s,!0)},inProgress(t){return er.test(p(t,"class"))},cancel(t){v(t,"animationcanceled")}};function ir(t){if(document.readyState!=="loading"){t();return}j(document,"DOMContentLoaded",t)}function G(t,...e){return e.some(i=>{var s;return((s=t==null?void 0:t.tagName)==null?void 0:s.toLowerCase())===i.toLowerCase()})}function Xi(t){return t=w(t),t.innerHTML="",t}function Nt(t,e){return Y(e)?w(t).innerHTML:L(Xi(t),e)}const sr=ni("prepend"),L=ni("append"),ii=ni("before"),si=ni("after");function ni(t){return function(e,i){var s;const n=k(D(i)?zt(i):i);return(s=w(e))==null||s[t](...n),Hs(n)}}function lt(t){k(t).forEach(e=>e.remove())}function oi(t,e){for(e=H(ii(t,e));e.firstChild;)e=e.firstChild;return L(e,t),e}function Ji(t,e){return k(k(t).map(i=>i.hasChildNodes()?oi(Qt(i.childNodes),e):L(i,e)))}function Pe(t){k(t).map(_).filter((e,i,s)=>s.indexOf(e)===i).forEach(e=>e.replaceWith(...e.childNodes))}const nr=/^\s*<(\w+|!)[^>]*>/,or=/^<(\w+)\s*\/?>(?:<\/\1>)?$/;function zt(t){const e=or.exec(t);if(e)return document.createElement(e[1]);const i=document.createElement("div");return nr.test(t)?i.insertAdjacentHTML("beforeend",t.trim()):i.textContent=t,Hs(i.childNodes)}function Hs(t){return t.length>1?t:t[0]}function It(t,e){if(ee(t))for(e(t),t=t.firstElementChild;t;){const i=t.nextElementSibling;It(t,e),t=i}}function w(t,e){return Ls(t)?H(zt(t)):Ui(t,e)}function z(t,e){return Ls(t)?k(zt(t)):Te(t,e)}function Ls(t){return D(t)&&ot(t.trim(),"<")}const Ft={width:["left","right"],height:["top","bottom"]};function b(t){const e=ee(t)?H(t).getBoundingClientRect():{height:et(t),width:_e(t),top:0,left:0};return{height:e.height,width:e.width,top:e.top,left:e.left,bottom:e.top+e.height,right:e.left+e.width}}function A(t,e){e&&c(t,{left:0,top:0});const i=b(t);if(t){const{scrollY:s,scrollX:n}=se(t),o={height:s,width:n};for(const r in Ft)for(const a of Ft[r])i[a]+=o[r]}if(!e)return i;for(const s of["left","top"])c(t,s,e[s]-i[s])}function Ki(t){let{top:e,left:i}=A(t);const{ownerDocument:{body:s,documentElement:n},offsetParent:o}=H(t);let r=o||n;for(;r&&(r===s||r===n)&&c(r,"position")==="static";)r=r.parentNode;if(ee(r)){const a=A(r);e-=a.top+$(c(r,"borderTopWidth")),i-=a.left+$(c(r,"borderLeftWidth"))}return{top:e-$(c(t,"marginTop")),left:i-$(c(t,"marginLeft"))}}function Ht(t){t=H(t);const e=[t.offsetTop,t.offsetLeft];for(;t=t.offsetParent;)if(e[0]+=t.offsetTop+$(c(t,"borderTopWidth")),e[1]+=t.offsetLeft+$(c(t,"borderLeftWidth")),c(t,"position")==="fixed"){const i=se(t);return e[0]+=i.scrollY,e[1]+=i.scrollX,e}return e}const et=Ws("height"),_e=Ws("width");function Ws(t){const e=Tt(t);return(i,s)=>{if(Y(s)){if(te(i))return i[`inner${e}`];if(Ge(i)){const n=i.documentElement;return Math.max(n[`offset${e}`],n[`scroll${e}`])}return i=H(i),s=c(i,t),s=s==="auto"?i[`offset${e}`]:$(s)||0,s-he(i,t)}else return c(i,t,!s&&s!==0?"":+s+he(i,t)+"px")}}function he(t,e,i="border-box"){return c(t,"boxSizing")===i?Dt(Ft[e].map(Tt),s=>$(c(t,`padding${s}`))+$(c(t,`border${s}Width`))):0}function ri(t){for(const e in Ft)for(const i in Ft[e])if(Ft[e][i]===t)return Ft[e][1-i];return t}function ht(t,e="width",i=window,s=!1){return D(t)?Dt(ar(t),n=>{const o=hr(n);return o?cr(o==="vh"?ur():o==="vw"?_e(se(i)):s?i[`offset${Tt(e)}`]:b(i)[e],n):n}):$(t)}const rr=/-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g,ar=dt(t=>t.toString().replace(/\s/g,"").match(rr)||[]),lr=/(?:v[hw]|%)$/,hr=dt(t=>(t.match(lr)||[])[0]);function cr(t,e){return t*$(e)/100}let Ae,ce;function ur(){return Ae||(ce||(ce=w("
      "),c(ce,{height:"100vh",position:"fixed"}),x(window,"resize",()=>Ae=null)),L(document.body,ce),Ae=ce.clientHeight,lt(ce),Ae)}const Lt=typeof window<"u",X=Lt&&document.dir==="rtl",Wt=Lt&&"ontouchstart"in window,ue=Lt&&window.PointerEvent,mt=ue?"pointerdown":Wt?"touchstart":"mousedown",ai=ue?"pointermove":Wt?"touchmove":"mousemove",_t=ue?"pointerup":Wt?"touchend":"mouseup",Rt=ue?"pointerenter":Wt?"":"mouseenter",Oe=ue?"pointerleave":Wt?"":"mouseleave",li=ue?"pointercancel":"touchcancel",J={reads:[],writes:[],read(t){return this.reads.push(t),Qi(),t},write(t){return this.writes.push(t),Qi(),t},clear(t){js(this.reads,t),js(this.writes,t)},flush:Zi};function Zi(t){Rs(J.reads),Rs(J.writes.splice(0)),J.scheduled=!1,(J.reads.length||J.writes.length)&&Qi(t+1)}const fr=4;function Qi(t){J.scheduled||(J.scheduled=!0,t&&tZi(t)):requestAnimationFrame(()=>Zi(1)))}function Rs(t){let e;for(;e=t.shift();)try{e()}catch(i){console.error(i)}}function js(t,e){const i=t.indexOf(e);return~i&&t.splice(i,1)}function ts(){}ts.prototype={positions:[],init(){this.positions=[];let t;this.unbind=x(document,"mousemove",e=>t=le(e)),this.interval=setInterval(()=>{t&&(this.positions.push(t),this.positions.length>5&&this.positions.shift())},50)},cancel(){var t;(t=this.unbind)==null||t.call(this),clearInterval(this.interval)},movesTo(t){if(this.positions.length<2)return!1;const e=t.getBoundingClientRect(),{left:i,right:s,top:n,bottom:o}=e,[r]=this.positions,a=ne(this.positions),l=[r,a];return Ze(a,e)?!1:[[{x:i,y:n},{x:s,y:o}],[{x:i,y:o},{x:s,y:n}]].some(u=>{const f=dr(l,u);return f&&Ze(f,e)})}};function dr([{x:t,y:e},{x:i,y:s}],[{x:n,y:o},{x:r,y:a}]){const l=(a-o)*(i-t)-(r-n)*(s-e);if(l===0)return!1;const h=((r-n)*(e-o)-(a-o)*(t-n))/l;return h<0?!1:{x:t+h*(i-t),y:e+h*(s-e)}}function qs(t,e,i={},{intersecting:s=!0}={}){const n=new IntersectionObserver(s?(o,r)=>{o.some(a=>a.isIntersecting)&&e(o,r)}:e,i);for(const o of k(t))n.observe(o);return n}const pr=Lt&&window.ResizeObserver;function hi(t,e,i={box:"border-box"}){if(pr)return Vs(ResizeObserver,t,e,i);const s=[x(window,"load resize",e),x(document,"loadedmetadata load",e,!0)];return{disconnect:()=>s.map(n=>n())}}function es(t){return{disconnect:x([window,window.visualViewport],"resize",t)}}function Us(t,e,i){return Vs(MutationObserver,t,e,i)}function Vs(t,e,i,s){const n=new t(i);for(const o of k(e))n.observe(o,s);return n}function Ys(t){ui(t)&&is(t,{func:"playVideo",method:"play"}),ci(t)&&t.play()}function Gs(t){ui(t)&&is(t,{func:"pauseVideo",method:"pause"}),ci(t)&&t.pause()}function Xs(t){ui(t)&&is(t,{func:"mute",method:"setVolume",value:0}),ci(t)&&(t.muted=!0)}function Js(t){return ci(t)||ui(t)}function ci(t){return G(t,"video")}function ui(t){return G(t,"iframe")&&(Ks(t)||Zs(t))}function Ks(t){return!!t.src.match(/\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/)}function Zs(t){return!!t.src.match(/vimeo\.com\/video\/.*/)}async function is(t,e){await mr(t),Qs(t,e)}function Qs(t,e){t.contentWindow.postMessage(JSON.stringify({event:"command",...e}),"*")}const ss="_ukPlayer";let gr=0;function mr(t){if(t[ss])return t[ss];const e=Ks(t),i=Zs(t),s=++gr;let n;return t[ss]=new Promise(o=>{e&&j(t,"load",()=>{const r=()=>Qs(t,{event:"listening",id:s});n=setInterval(r,100),r()}),j(window,"message",o,!1,({data:r})=>{try{return r=JSON.parse(r),e&&(r==null?void 0:r.id)===s&&r.event==="onReady"||i&&Number(r==null?void 0:r.player_id)===s}catch{}}),t.src=`${t.src}${m(t.src,"?")?"&":"?"}${e?"enablejsapi=1":`api=1&player_id=${s}`}`}).then(()=>clearInterval(n))}function ns(t,e=0,i=0){return R(t)?zi(...jt(t).map(s=>{const{top:n,left:o,bottom:r,right:a}=ct(s);return{top:n-e,left:o-i,bottom:r+e,right:a+i}}).concat(A(t))):!1}function tn(t,{offset:e=0}={}){const i=R(t)?fe(t,!1,["hidden"]):[];return i.reduce((r,a,l)=>{const{scrollTop:h,scrollHeight:u,offsetHeight:f}=a,d=ct(a),g=u-d.height,{height:O,top:N}=i[l-1]?ct(i[l-1]):A(t);let F=Math.ceil(N-d.top-e+h);return e>0&&fg?(e-=F-g,F=g):F<0&&(e-=F,F=0),()=>s(a,F-h).then(r)},()=>Promise.resolve())();function s(r,a){return new Promise(l=>{const h=r.scrollTop,u=n(Math.abs(a)),f=Date.now();(function d(){const g=o(Z((Date.now()-f)/u));r.scrollTop=h+a*g,g===1?l():requestAnimationFrame(d)})()})}function n(r){return 40*Math.pow(r,.375)}function o(r){return .5*(1-Math.cos(Math.PI*r))}}function os(t,e=0,i=0){if(!R(t))return 0;const s=Ct(t,!0),{scrollHeight:n,scrollTop:o}=s,{height:r}=ct(s),a=n-r,l=Ht(t)[0]-Ht(s)[0],h=Math.max(0,l-r+e),u=Math.min(a,l+t.offsetHeight-i);return Z((o-h)/(u-h))}function fe(t,e=!1,i=[]){const s=en(t);let n=oe(t).reverse();n=n.slice(n.indexOf(s)+1);const o=xt(n,r=>c(r,"position")==="fixed");return~o&&(n=n.slice(o)),[s].concat(n.filter(r=>c(r,"overflow").split(" ").some(a=>m(["auto","scroll",...i],a))&&(!e||r.scrollHeight>ct(r).height))).reverse()}function Ct(...t){return fe(...t)[0]}function jt(t){return fe(t,!1,["hidden","clip"])}function ct(t){const e=se(t),{visualViewport:i,document:{documentElement:s}}=e;let n=t===en(t)?e:t;if(te(n)&&i){let{height:r,width:a,scale:l,pageTop:h,pageLeft:u}=i;return r=Math.round(r*l),a=Math.round(a*l),{height:r,width:a,top:h,left:u,bottom:h+r,right:u+a}}let o=A(n);if(c(n,"display")==="inline")return o;for(let[r,a,l,h]of[["width","x","left","right"],["height","y","top","bottom"]]){te(n)?n=s:o[l]+=$(c(n,`border-${l}-width`));const u=o[r]%1;o[r]=o[a]=n[`client${Tt(r)}`]-(u?u<.5?-u:1-u:0),o[h]=o[r]+o[l]}return o}function en(t){return se(t).document.scrollingElement}const ut=[["width","x","left","right"],["height","y","top","bottom"]];function sn(t,e,i){i={attach:{element:["left","top"],target:["left","top"],...i.attach},offset:[0,0],placement:[],...i},Q(e)||(e=[e,e]),A(t,nn(t,e,i))}function nn(t,e,i){const s=on(t,e,i),{boundary:n,viewportOffset:o=0,placement:r}=i;let a=s;for(const[l,[h,,u,f]]of Object.entries(ut)){const d=vr(t,e[l],o,n,l);if(fi(s,d,l))continue;let g=0;if(r[l]==="flip"){const O=i.attach.target[l];if(O===f&&s[f]<=d[f]||O===u&&s[u]>=d[u])continue;g=br(t,e,i,l)[u]-s[u];const N=wr(t,e[l],o,l);if(!fi(rs(s,g,l),N,l)){if(fi(s,N,l))continue;if(i.recursion)return!1;const F=$r(t,e,i);if(F&&fi(F,N,1-l))return F;continue}}else if(r[l]==="shift"){const O=A(e[l]),{offset:N}=i;g=Z(Z(s[u],d[u],d[f]-s[h]),O[u]-s[h]+N[l],O[f]-N[l])-s[u]}a=rs(a,g,l)}return a}function on(t,e,i){let{attach:s,offset:n}={attach:{element:["left","top"],target:["left","top"],...i.attach},offset:[0,0],...i},o=A(t);for(const[r,[a,,l,h]]of Object.entries(ut)){const u=s.target[r]===s.element[r]?ct(e[r]):A(e[r]);o=rs(o,u[l]-o[l]+rn(s.target[r],h,u[a])-rn(s.element[r],h,o[a])+ +n[r],r)}return o}function rs(t,e,i){const[,s,n,o]=ut[i],r={...t};return r[n]=t[s]=t[n]+e,r[o]+=e,r}function rn(t,e,i){return t==="center"?i/2:t===e?i:0}function vr(t,e,i,s,n){let o=ln(...an(t,e).map(ct));return i&&(o[ut[n][2]]+=i,o[ut[n][3]]-=i),s&&(o=ln(o,A(Q(s)?s[n]:s))),o}function wr(t,e,i,s){const[n,o,r,a]=ut[s],[l]=an(t,e),h=ct(l);return["auto","scroll"].includes(c(l,`overflow-${o}`))&&(h[r]-=l[`scroll${Tt(r)}`],h[a]=h[r]+l[`scroll${Tt(n)}`]),h[r]+=i,h[a]-=i,h}function an(t,e){return jt(e).filter(i=>B(t,i))}function ln(...t){let e={};for(const i of t)for(const[,,s,n]of ut)e[s]=Math.max(e[s]||0,i[s]),e[n]=Math.min(...[e[n],i[n]].filter(Boolean));return e}function fi(t,e,i){const[,,s,n]=ut[i];return t[s]>=e[s]&&t[n]<=e[n]}function br(t,e,{offset:i,attach:s},n){return on(t,e,{attach:{element:hn(s.element,n),target:hn(s.target,n)},offset:xr(i,n)})}function $r(t,e,i){return nn(t,e,{...i,attach:{element:i.attach.element.map(cn).reverse(),target:i.attach.target.map(cn).reverse()},offset:i.offset.reverse(),placement:i.placement.reverse(),recursion:!0})}function hn(t,e){const i=[...t],s=ut[e].indexOf(t[e]);return~s&&(i[e]=ut[e][1-s%2+2]),i}function cn(t){for(let e=0;e"").join("")),s.forEach((n,o)=>i.children[o].textContent=n))}}}};function Ir(t){const e=Math.max(0,t-Date.now())/1e3;return{total:e,seconds:e%60,minutes:e/60%60,hours:e/60/60%24,days:e/60/60/24}}const V={};V.events=V.watch=V.observe=V.created=V.beforeConnect=V.connected=V.beforeDisconnect=V.disconnected=V.destroy=as,V.args=function(t,e){return e!==!1&&as(e||t)},V.update=function(t,e){return Ke(as(t,it(e)?{read:e}:e),"order")},V.props=function(t,e){if(Q(e)){const i={};for(const s of e)i[s]=String;e=i}return V.methods(t,e)},V.computed=V.methods=function(t,e){return e?t?{...t,...e}:e:t},V.i18n=V.data=function(t,e,i){return i?un(t,e,i):e?t?function(s){return un(t,e,s)}:e:t};function un(t,e,i){return V.computed(it(t)?t.call(i,i):t,it(e)?e.call(i,i):e)}function as(t,e){return t=t&&!Q(t)?[t]:t,e?t?t.concat(e):Q(e)?e:[e]:t}function Cr(t,e){return Y(e)?t:e}function De(t,e,i){const s={};if(it(e)&&(e=e.options),e.extends&&(t=De(t,e.extends,i)),e.mixins)for(const o of e.mixins)t=De(t,o,i);for(const o in t)n(o);for(const o in e)vt(t,o)||n(o);function n(o){s[o]=(V[o]||Cr)(t[o],e[o],i)}return s}function Be(t,e=[]){try{return t?ot(t,"{")?JSON.parse(t):e.length&&!m(t,":")?{[e[0]]:t}:t.split(";").reduce((i,s)=>{const[n,o]=s.split(/:(.*)/);return n&&!Y(o)&&(i[n.trim()]=o.trim()),i},{}):{}}catch{return{}}}function ls(t,e){return t===Boolean?Bi(e):t===Number?kt(e):t==="list"?Tr(e):t===Object&&D(e)?Be(e):t?t(e):e}function Tr(t){return Q(t)?t:D(t)?t.split(/,(?![^(]*\))/).map(e=>bt(e)?kt(e):Bi(e.trim())):[t]}function pt(t){return ze(hi,t,"resize")}function Me(t){return ze(qs,t)}function fn(t){return ze(Us,t)}function Ne(t={}){return Me({handler:function(e,i){const{targets:s=this.$el,preload:n=5}=t;for(const o of k(it(s)?s(this):s))z('[loading="lazy"]',o).slice(0,n-1).forEach(r=>ye(r,"loading"));for(const o of e.filter(({isIntersecting:r})=>r).map(({target:r})=>r))i.unobserve(o)},...t})}function hs(t){return ze((e,i)=>es(i),t)}function di(t){return ze((e,i)=>({disconnect:x(Pr(e),"scroll",i,{passive:!0,capture:!0})}),t,"scroll")}function dn(t){return{observe(e,i){return{observe:I,unobserve:I,disconnect:x(e,mt,i,{passive:!0})}},handler(e){if(!St(e))return;const i=le(e),s="tagName"in e.target?e.target:_(e.target);j(document,`${_t} ${li} scroll`,n=>{const{x:o,y:r}=le(n);(n.type!=="scroll"&&s&&o&&Math.abs(i.x-o)>100||r&&Math.abs(i.y-r)>100)&&setTimeout(()=>{v(s,"swipe"),v(s,`swipe${Er(i.x,i.y,o,r)}`)})})},...t}}function ze(t,e,i){return{observe:t,handler(){this.$emit(i)},...e}}function Er(t,e,i,s){return Math.abs(t-i)>=Math.abs(e-s)?t-i>0?"Left":"Right":e-s>0?"Up":"Down"}function Pr(t){return k(t).map(e=>{const{ownerDocument:i}=e,s=Ct(e,!0);return s===i.scrollingElement?i:s})}var pn={props:{margin:String,firstColumn:Boolean},data:{margin:"uk-margin-small-top",firstColumn:"uk-first-column"},observe:[fn({options:{childList:!0,attributes:!0,attributeFilter:["style"]}}),pt({target:({$el:t})=>[t,...T(t)]})],update:{read(){const t=cs(this.$el.children);return{rows:t,columns:_r(t)}},write({columns:t,rows:e}){for(const i of e)for(const s of i)q(s,this.margin,e[0]!==i),q(s,this.firstColumn,t[0].includes(s))},events:["resize"]}};function cs(t){return gn(t,"top","bottom")}function _r(t){const e=[];for(const i of t){const s=gn(i,"left","right");for(let n=0;n=0;r--){const a=s[r];if(!a[0]){a.push(n);break}let l;if(a[0].offsetParent===n.offsetParent?l=pi(a[0]):(o=pi(n,!0),l=pi(a[0],!0)),o[e]>=l[i]-1&&o[e]!==l[e]){s.push([n]);break}if(o[i]-1>l[e]||o[e]===l[e]){a.push(n);break}if(r===0){s.unshift([n]);break}}}return s}function pi(t,e=!1){let{offsetTop:i,offsetLeft:s,offsetHeight:n,offsetWidth:o}=t;return e&&([i,s]=Ht(t)),{top:i,left:s,bottom:i+n,right:s+o}}const us="uk-transition-leave",fs="uk-transition-enter";function mn(t,e,i,s=0){const n=gi(e,!0),o={opacity:1},r={opacity:0},a=u=>()=>n===gi(e)?u():Promise.reject(),l=a(async()=>{y(e,us),await Promise.all(wn(e).map((u,f)=>new Promise(d=>setTimeout(()=>E.start(u,r,i/2,"ease").then(d),f*s)))),M(e,us)}),h=a(async()=>{const u=et(e);y(e,fs),t(),c(T(e),{opacity:0}),await Ar();const f=T(e),d=et(e);c(e,"alignContent","flex-start"),et(e,u);const g=wn(e);c(f,r);const O=g.map(async(N,F)=>{await Or(F*s),await E.start(N,o,i/2,"ease")});u!==d&&O.push(E.start(e,{height:d},i/2+g.length*s,"ease")),await Promise.all(O).then(()=>{M(e,fs),n===gi(e)&&(c(e,{height:"",alignContent:""}),c(f,{opacity:""}),delete e.dataset.transition)})});return P(e,us)?vn(e).then(h):P(e,fs)?vn(e).then(l).then(h):l().then(h)}function gi(t,e){return e&&(t.dataset.transition=1+gi(t)),kt(t.dataset.transition)||0}function vn(t){return Promise.all(T(t).filter(E.inProgress).map(e=>new Promise(i=>j(e,"transitionend transitioncanceled",i))))}function wn(t){return cs(T(t)).reduce((e,i)=>e.concat(Ke(i.filter(s=>ns(s)),"offsetLeft")),[])}function Ar(){return new Promise(t=>requestAnimationFrame(t))}function Or(t){return new Promise(e=>setTimeout(e,t))}async function Dr(t,e,i){await xn();let s=T(e);const n=s.map(d=>bn(d,!0)),o={...c(e,["height","padding"]),display:"block"};await Promise.all(s.concat(e).map(E.cancel)),t(),s=s.concat(T(e).filter(d=>!m(s,d))),await Promise.resolve(),J.flush();const r=p(e,"style"),a=c(e,["height","padding"]),[l,h]=Br(e,s,n),u=s.map(d=>({style:p(d,"style")}));s.forEach((d,g)=>h[g]&&c(d,h[g])),c(e,o),v(e,"scroll"),J.flush(),await xn();const f=s.map((d,g)=>_(d)===e&&E.start(d,l[g],i,"ease")).concat(E.start(e,a,i,"ease"));try{await Promise.all(f),s.forEach((d,g)=>{p(d,u[g]),_(d)===e&&c(d,"display",l[g].opacity===0?"none":"")}),p(e,"style",r)}catch{p(s,"style",""),Mr(e,o)}}function bn(t,e){const i=c(t,"zIndex");return R(t)?{display:"",opacity:e?c(t,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:i==="auto"?re(t):i,...$n(t)}:!1}function Br(t,e,i){const s=e.map((o,r)=>_(o)&&r in i?i[r]?R(o)?$n(o):{opacity:0}:{opacity:R(o)?1:0}:!1),n=s.map((o,r)=>{const a=_(e[r])===t&&(i[r]||bn(e[r]));if(!a)return!1;if(!o)delete a.opacity;else if(!("opacity"in o)){const{opacity:l}=a;l%1?o.opacity=1:delete a.opacity}return a});return[s,n]}function Mr(t,e){for(const i in e)c(t,i,"")}function $n(t){const{height:e,width:i}=A(t);return{height:e,width:i,transform:"",...Ki(t),...c(t,["marginTop","marginLeft"])}}function xn(){return new Promise(t=>requestAnimationFrame(t))}var yn={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(t,e=this.$el){const i=this.animation;return(i==="fade"?mn:i==="delayed-fade"?(...n)=>mn(...n,40):i?Dr:()=>(t(),Promise.resolve()))(t,e,this.duration).catch(I)}}};const S={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var Nr={mixins:[yn],args:"target",props:{target:String,selActive:Boolean},data:{target:"",selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{toggles({attrItem:t},e){return z(`[${t}],[data-${t}]`,e)},children({target:t},e){return z(`${t} > *`,e)}},watch:{toggles(t){this.updateState();const e=z(this.selActive,this.$el);for(const i of t){this.selActive!==!1&&q(i,this.cls,m(e,i));const s=Rr(i);G(s,"a")&&p(s,"role","button")}},children(t,e){e&&this.updateState()}},events:{name:"click keydown",delegate(){return`[${this.attrItem}],[data-${this.attrItem}]`},handler(t){t.type==="keydown"&&t.keyCode!==S.SPACE||U(t.target,"a,button")&&(t.preventDefault(),this.apply(t.current))}},methods:{apply(t){const e=this.getState(),i=Sn(t,this.attrItem,this.getState());zr(e,i)||this.setState(i)},getState(){return this.toggles.filter(t=>P(t,this.cls)).reduce((t,e)=>Sn(e,this.attrItem,t),{filter:{"":""},sort:[]})},async setState(t,e=!0){t={filter:{"":""},sort:[],...t},v(this.$el,"beforeFilter",[this,t]);for(const i of this.toggles)q(i,this.cls,Hr(i,this.attrItem,t));await Promise.all(z(this.target,this.$el).map(i=>{const s=()=>{Fr(t,i,T(i)),this.$update(this.$el)};return e?this.animate(s,i):s()})),v(this.$el,"afterFilter",[this])},updateState(){J.write(()=>this.setState(this.getState(),!1))}}};function kn(t,e){return Be(tt(t,e),["filter"])}function zr(t,e){return["filter","sort"].every(i=>Je(t[i],e[i]))}function Fr(t,e,i){const s=Lr(t);i.forEach(r=>c(r,"display",s&&!C(r,s)?"none":""));const[n,o]=t.sort;if(n){const r=Wr(i,n,o);Je(r,i)||L(e,r)}}function Sn(t,e,i){const{filter:s,group:n,sort:o,order:r="asc"}=kn(t,e);return(s||Y(o))&&(n?s?(delete i.filter[""],i.filter[n]=s):(delete i.filter[n],(xe(i.filter)||""in i.filter)&&(i.filter={"":s||""})):i.filter={"":s||""}),Y(o)||(i.sort=[o,r]),i}function Hr(t,e,{filter:i={"":""},sort:[s,n]}){const{filter:o="",group:r="",sort:a,order:l="asc"}=kn(t,e);return Y(a)?r in i&&o===i[r]||!o&&r&&!(r in i)&&!i[""]:s===a&&n===l}function Lr({filter:t}){let e="";return Pt(t,i=>e+=i||""),e}function Wr(t,e,i){return[...t].sort((s,n)=>tt(s,e).localeCompare(tt(n,e),void 0,{numeric:!0})*(i==="asc"||-1))}function Rr(t){return w("a,button",t)||t}var Fe={props:{container:Boolean},data:{container:!0},computed:{container({container:t}){return t===!0&&this.$container||t&&w(t)}}};let ds;function In(t){const e=x(t,"touchmove",s=>{if(s.targetTouches.length!==1||C(s.target,'input[type="range"'))return;let{scrollHeight:n,clientHeight:o}=Ct(s.target);o>=n&&s.cancelable&&s.preventDefault()},{passive:!1});if(ds)return e;ds=!0;const{scrollingElement:i}=document;return c(i,{overflowY:CSS.supports("overflow","clip")?"clip":"hidden",touchAction:"none",paddingRight:_e(window)-i.clientWidth||""}),()=>{ds=!1,e(),c(i,{overflowY:"",touchAction:"",paddingRight:""})}}var qt={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave"},computed:{hasAnimation({animation:t}){return!!t[0]},hasTransition({animation:t}){return["slide","reveal"].some(e=>ot(t[0],e))}},methods:{async toggleElement(t,e,i){try{return await Promise.all(k(t).map(s=>{const n=ie(e)?e:!this.isToggled(s);if(!v(s,`before${n?"show":"hide"}`,[this]))return Promise.reject();const o=(it(i)?i:i===!1||!this.hasAnimation?jr:this.hasTransition?qr:Ur)(s,n,this),r=n?this.clsEnter:this.clsLeave;y(s,r),v(s,n?"show":"hide",[this]);const a=()=>{M(s,r),v(s,n?"shown":"hidden",[this])};return o?o.then(a,()=>(M(s,r),Promise.reject())):a()})),!0}catch{return!1}},isToggled(t=this.$el){return t=H(t),P(t,this.clsEnter)?!0:P(t,this.clsLeave)?!1:this.cls?P(t,this.cls.split(" ")[0]):R(t)},_toggle(t,e){if(!t)return;e=!!e;let i;this.cls?(i=m(this.cls," ")||e!==P(t,this.cls),i&&q(t,this.cls,m(this.cls," ")?void 0:e)):(i=e===t.hidden,i&&(t.hidden=!e)),z("[autofocus]",t).some(s=>R(s)?s.focus()||!0:s.blur()),i&&v(t,"toggled",[e,this])}}};function jr(t,e,{_toggle:i}){return gt.cancel(t),E.cancel(t),i(t,e)}async function qr(t,e,{animation:i,duration:s,velocity:n,transition:o,_toggle:r}){var a;const[l="reveal",h="top"]=((a=i[0])==null?void 0:a.split("-"))||[],u=[["left","right"],["top","bottom"]],f=u[m(u[0],h)?0:1],d=f[1]===h,O=["width","height"][u.indexOf(f)],N=`margin-${f[0]}`,F=`margin-${h}`;let Ot=b(t)[O];const Ps=E.inProgress(t);await E.cancel(t),e&&r(t,!0);const Gh=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",N,F].map(zo=>[zo,t.style[zo]])),Ye=b(t),_s=$(c(t,N)),Bo=$(c(t,F)),Jt=Ye[O]+Bo;!Ps&&!e&&(Ot+=Bo);const[Oi]=Ji(t,"
      ");c(Oi,{boxSizing:"border-box",height:Ye.height,width:Ye.width,...c(t,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",F])}),c(t,{padding:0,border:0,minWidth:0,minHeight:0,[F]:0,width:Ye.width,height:Ye.height,overflow:"hidden",[O]:Ot});const Mo=Ot/Jt;s=(n*Jt+s)*(e?1-Mo:Mo);const No={[O]:e?Jt:0};d&&(c(t,N,Jt-Ot+_s),No[N]=e?_s:Jt+_s),!d^l==="reveal"&&(c(Oi,N,-Jt+Ot),E.start(Oi,{[N]:e?0:-Jt},s,o));try{await E.start(t,No,s,o)}finally{c(t,Gh),Pe(Oi.firstChild),e||r(t,!1)}}function Ur(t,e,i){gt.cancel(t);const{animation:s,duration:n,_toggle:o}=i;return e?(o(t,!0),gt.in(t,s[0],n,i.origin)):gt.out(t,s[1]||s[0],n,i.origin).then(()=>o(t,!1))}const nt=[];var ps={mixins:[st,Fe,qt],props:{selPanel:String,selClose:String,escClose:Boolean,bgClose:Boolean,stack:Boolean,role:String},data:{cls:"uk-open",escClose:!0,bgClose:!0,overlay:!0,stack:!1,role:"dialog"},computed:{panel({selPanel:t},e){return w(t,e)},transitionElement(){return this.panel},bgClose({bgClose:t}){return t&&this.panel}},connected(){p(this.panel||this.$el,"role",this.role),this.overlay&&p(this.panel||this.$el,"aria-modal",!0)},beforeDisconnect(){m(nt,this)&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate(){return`${this.selClose},a[href*="#"]`},handler(t){const{current:e,defaultPrevented:i}=t,{hash:s}=e;!i&&s&&ae(e)&&!B(s,this.$el)&&w(s,document.body)?this.hide():C(e,this.selClose)&&(t.preventDefault(),this.hide())}},{name:"toggle",self:!0,handler(t){t.defaultPrevented||(t.preventDefault(),this.isToggled()===m(nt,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler(t){if(m(nt,this))return!1;!this.stack&&nt.length?(Promise.all(nt.map(e=>e.hide())).then(this.show),t.preventDefault()):nt.push(this)}},{name:"show",self:!0,handler(){this.stack&&c(this.$el,"zIndex",$(c(this.$el,"zIndex"))+nt.length);const t=[this.overlay&&Yr(this),this.overlay&&In(this.$el),this.bgClose&&Gr(this),this.escClose&&Xr(this)];j(this.$el,"hidden",()=>t.forEach(e=>e&&e()),{self:!0}),y(document.documentElement,this.clsPage)}},{name:"shown",self:!0,handler(){ti(this.$el)||p(this.$el,"tabindex","-1"),C(this.$el,":focus-within")||this.$el.focus()}},{name:"hidden",self:!0,handler(){m(nt,this)&&nt.splice(nt.indexOf(this),1),c(this.$el,"zIndex",""),nt.some(t=>t.clsPage===this.clsPage)||M(document.documentElement,this.clsPage)}}],methods:{toggle(){return this.isToggled()?this.hide():this.show()},show(){return this.container&&_(this.$el)!==this.container?(L(this.container,this.$el),new Promise(t=>requestAnimationFrame(()=>this.show().then(t)))):this.toggleElement(this.$el,!0,Cn)},hide(){return this.toggleElement(this.$el,!1,Cn)}}};function Cn(t,e,{transitionElement:i,_toggle:s}){return new Promise((n,o)=>j(t,"show hide",()=>{var r;(r=t._reject)==null||r.call(t),t._reject=o,s(t,e);const a=j(i,"transitionstart",()=>{j(i,"transitionend transitioncancel",n,{self:!0}),clearTimeout(l)},{self:!0}),l=setTimeout(()=>{a(),n()},Vr(c(i,"transitionDuration")))})).then(()=>delete t._reject)}function Vr(t){return t?Zt(t,"ms")?$(t):$(t)*1e3:0}function Yr(t){return x(document,"focusin",e=>{ne(nt)===t&&!B(e.target,t.$el)&&t.$el.focus()})}function Gr(t){return x(document,mt,({target:e})=>{ne(nt)!==t||t.overlay&&!B(e,t.$el)||B(e,t.panel)||j(document,`${_t} ${li} scroll`,({defaultPrevented:i,type:s,target:n})=>{!i&&s===_t&&e===n&&t.hide()},!0)})}function Xr(t){return x(document,"keydown",e=>{e.keyCode===27&&ne(nt)===t&&t.hide()})}var gs={slide:{show(t){return[{transform:W(t*-100)},{transform:W()}]},percent(t){return He(t)},translate(t,e){return[{transform:W(e*-100*t)},{transform:W(e*100*(1-t))}]}}};function He(t){return Math.abs(c(t,"transform").split(",")[4]/t.offsetWidth)||0}function W(t=0,e="%"){return t+=t?e:"",`translate3d(${t}, 0, 0)`}function de(t){return`scale3d(${t}, ${t}, 1)`}function Jr(t,e,i,{animation:s,easing:n}){const{percent:o,translate:r,show:a=I}=s,l=a(i);let h;return{dir:i,show(u,f=0,d){const g=d?"linear":n;return u-=Math.round(u*Z(f,-1,1)),this.translate(f),mi(e,"itemin",{percent:f,duration:u,timing:g,dir:i}),mi(t,"itemout",{percent:1-f,duration:u,timing:g,dir:i}),new Promise(O=>{h||(h=O),Promise.all([E.start(e,l[1],u,g),E.start(t,l[0],u,g)]).then(()=>{this.reset(),h()},I)})},cancel(){return E.cancel([e,t])},reset(){for(const u in l[0])c([e,t],u,"")},async forward(u,f=this.percent()){return await this.cancel(),this.show(u,f,!0)},translate(u){this.reset();const f=r(u,i);c(e,f[1]),c(t,f[0]),mi(e,"itemtranslatein",{percent:u,dir:i}),mi(t,"itemtranslateout",{percent:1-u,dir:i})},percent(){return o(t||e,e,i)},getDistance(){return t==null?void 0:t.offsetWidth}}}function mi(t,e,i){v(t,Mt(e,!1,!1,i))}var vi={props:{i18n:Object},data:{i18n:null},methods:{t(t,...e){var i,s,n;let o=0;return((n=((i=this.i18n)==null?void 0:i[t])||((s=this.$options.i18n)==null?void 0:s[t]))==null?void 0:n.replace(/%s/g,()=>e[o++]||""))||""}}},Kr={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){p(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){p(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el(){return document},filter(){return this.autoplay},handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>{this.stack.length||this.draggable&&C(this.$el,":focus-within")||this.pauseOnHover&&C(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}};const ms={passive:!1,capture:!0},Tn={passive:!0,capture:!0},Zr="touchstart mousedown",vs="touchmove mousemove",En="touchend touchcancel mouseup click input scroll";var Qr={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const e=this[t];this[t]=i=>{const s=le(i).x*(X?-1:1);this.prevPos=s===this.pos?this.prevPos:this.pos,this.pos=s,e(i)}}},events:[{name:Zr,passive:!0,delegate(){return`${this.selList} > *`},handler(t){!this.draggable||!St(t)&&ta(t.target)||U(t.target,ke)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:vs,el(){return this.list},handler:I,...ms}],methods:{start(){this.drag=this.pos,this._transitioner?(this.percent=this._transitioner.percent(),this.drag+=this._transitioner.getDistance()*this.percent*this.dir,this._transitioner.cancel(),this._transitioner.translate(this.percent),this.dragging=!0,this.stack=[]):this.prevIndex=this.index,x(document,vs,this.move,ms),x(document,En,this.end,Tn),c(this.list,"userSelect","none")},move(t){const e=this.pos-this.drag;if(e===0||this.prevPos===this.pos||!this.dragging&&Math.abs(e)r;)this.drag-=r*this.dir,s=o,n-=r,o=this.getIndex(s+this.dir),r=this._getDistance(s,o);this.percent=n/r;const a=i[s],l=i[o],h=this.index!==o,u=s===o;let f;for(const d of[this.index,this.prevIndex])m([o,s],d)||(v(i[d],"itemhidden",[this]),u&&(f=!0,this.prevIndex=s));(this.index===s&&this.prevIndex!==s||f)&&v(i[this.index],"itemshown",[this]),h&&(this.prevIndex=s,this.index=o,!u&&v(a,"beforeitemhide",[this]),v(l,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),a,!u&&l),h&&(!u&&v(a,"itemhide",[this]),v(l,"itemshow",[this]))},end(){if(Bt(document,vs,this.move,ms),Bt(document,En,this.end,Tn),this.dragging)if(this.dragging=null,this.index===this.prevIndex)this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null;else{const t=(X?this.dir*(X?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=t?this.index:this.prevIndex,t&&(this.percent=1-this.percent),this.show(this.dir>0&&!t||this.dir<0&&t?"next":"previous",!0)}c(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null},_getDistance(t,e){return this._getTransitioner(t,t!==e&&e).getDistance()||this.slides[t].offsetWidth}}};function ta(t){return c(t,"userSelect")!=="none"&&Qt(t.childNodes).some(e=>e.nodeType===3&&e.textContent.trim())}function ea(t){t._data={},t._updates=[...t.$options.update||[]]}function ia(t,e){t._updates.unshift(e)}function sa(t){delete t._data}function wi(t,e="update"){t._connected&&t._updates.length&&(t._queued||(t._queued=new Set,J.read(()=>{t._connected&&na(t,t._queued),delete t._queued})),t._queued.add(e.type||e))}function na(t,e){for(const{read:i,write:s,events:n=[]}of t._updates){if(!e.has("update")&&!n.some(r=>e.has(r)))continue;let o;i&&(o=i.call(t,t._data,e),o&&yt(o)&&wt(t._data,o)),s&&o!==!1&&J.write(()=>{t._connected&&s.call(t,t._data,e)})}}function oa(t){t._watches=[];for(const e of t.$options.watch||[])for(const[i,s]of Object.entries(e))Pn(t,s,i);t._initial=!0}function Pn(t,e,i){t._watches.push({name:i,...yt(e)?e:{handler:e}})}function ra(t,e){for(const{name:i,handler:s,immediate:n=!0}of t._watches)(t._initial&&n||vt(e,i)&&!Je(e[i],t[i]))&&s.call(t,t[i],e[i]);t._initial=!1}function aa(t){const{computed:e}=t.$options;if(t._computed={},e)for(const i in e)_n(t,i,e[i])}function _n(t,e,i){t._hasComputed=!0,Object.defineProperty(t,e,{enumerable:!0,get(){const{_computed:s,$props:n,$el:o}=t;return vt(s,e)||(s[e]=(i.get||i).call(t,n,o)),s[e]},set(s){const{_computed:n}=t;n[e]=i.set?i.set.call(t,s):s,Y(n[e])&&delete n[e]}})}function la(t){t._hasComputed&&(ia(t,{read:()=>ra(t,An(t)),events:["resize","computed"]}),ca(),Le.add(t))}function ha(t){Le==null||Le.delete(t),An(t)}function An(t){const e={...t._computed};return t._computed={},e}let ws,Le;function ca(){ws||(Le=new Set,ws=new MutationObserver(()=>{for(const t of Le)wi(t,"computed")}),ws.observe(document,{childList:!0,subtree:!0}))}function ua(t){t._events=[];for(const e of t.$options.events||[])if(vt(e,"handler"))bs(t,e);else for(const i in e)bs(t,e[i],i)}function fa(t){t._events.forEach(e=>e()),delete t._events}function bs(t,e,i){let{name:s,el:n,handler:o,capture:r,passive:a,delegate:l,filter:h,self:u}=yt(e)?e:{name:i,handler:e};if(n=it(n)?n.call(t,t):n||t.$el,Q(n)){n.forEach(f=>bs(t,{...e,el:f},i));return}!n||h&&!h.call(t)||t._events.push(x(n,s,l?D(l)?l:l.call(t,t):null,D(o)?t[o]:o.bind(t),{passive:a,capture:r,self:u}))}function da(t){t._observers=[];for(const e of t.$options.observe||[])if(vt(e,"handler"))Dn(t,e);else for(const i of e)Dn(t,i)}function On(t,...e){t._observers.push(...e)}function pa(t){for(const e of t._observers)e.disconnect()}function Dn(t,e){let{observe:i,target:s=t.$el,handler:n,options:o,filter:r,args:a}=e;if(r&&!r.call(t,t))return;const l=`_observe${t._observers.length}`;it(s)&&!vt(t,l)&&_n(t,l,()=>s.call(t,t)),n=D(n)?t[n]:n.bind(t),it(o)&&(o=o.call(t,t));const h=vt(t,l)?t[l]:s,u=i(h,n,o,a);it(s)&&Q(t[l])&&u.unobserve&&Pn(t,{handler:ga(u),immediate:!1},l),On(t,u)}function ga(t){return(e,i)=>{for(const s of i)!m(e,s)&&t.unobserve(s);for(const s of e)!m(i,s)&&t.observe(s)}}function ma(t){const e=Bn(t.$options);for(let s in e)Y(e[s])||(t.$props[s]=e[s]);const i=[t.$options.computed,t.$options.methods];for(let s in t.$props)s in e&&va(i,s)&&(t[s]=t.$props[s])}function Bn(t){const e={},{args:i=[],props:s={},el:n,id:o}=t;if(!s)return e;for(const a in s){const l=Kt(a);let h=tt(n,l);Y(h)||(h=s[a]===Boolean&&h===""?!0:ls(s[a],h),!(l==="target"&&ot(h,"_"))&&(e[a]=h))}const r=Be(tt(n,o),i);for(const a in r){const l=be(a);Y(s[l])||(e[l]=ls(s[l],r[a]))}return e}function va(t,e){return t.every(i=>!i||!vt(i,e))}function wa(t){const{$options:e,$props:i}=t,{id:s,props:n,el:o}=e;if(!n)return;const r=Object.keys(n),a=r.map(h=>Kt(h)).concat(s),l=new MutationObserver(h=>{const u=Bn(e);h.some(({attributeName:f})=>{const d=f.replace("data-","");return(d===s?r:[be(d),be(f)]).some(g=>!Y(u[g])&&u[g]!==i[g])})&&t.$reset()});l.observe(o,{attributes:!0,attributeFilter:a.concat(a.map(h=>`data-${h}`))}),On(t,l)}function pe(t,e){var i;(i=t.$options[e])==null||i.forEach(s=>s.call(t))}function $s(t){t._connected||(ma(t),pe(t,"beforeConnect"),t._connected=!0,ua(t),ea(t),oa(t),da(t),wa(t),la(t),pe(t,"connected"),wi(t))}function xs(t){t._connected&&(pe(t,"beforeDisconnect"),fa(t),sa(t),pa(t),ha(t),pe(t,"disconnected"),t._connected=!1)}let ba=0;function Mn(t,e={}){e.data=ya(e,t.constructor.options),t.$options=De(t.constructor.options,e,t),t.$props={},t._uid=ba++,$a(t),xa(t),aa(t),pe(t,"created"),e.el&&t.$mount(e.el)}function $a(t){const{data:e={}}=t.$options;for(const i in e)t.$props[i]=t[i]=e[i]}function xa(t){const{methods:e}=t.$options;if(e)for(const i in e)t[i]=e[i].bind(t)}function ya({data:t={}},{args:e=[],props:i={}}){Q(t)&&(t=t.slice(0,e.length).reduce((s,n,o)=>(yt(n)?wt(s,n):s[e[o]]=n,s),{}));for(const s in t)Y(t[s])?delete t[s]:i[s]&&(t[s]=ls(i[s],t[s]));return t}const ft=function(t){Mn(this,t)};ft.util=yr,ft.options={},ft.version="3.16.27";const ka="uk-",Ut="__uikit__",ge={};function Nn(t,e){var i;const s=ka+Kt(t);if(!e)return yt(ge[s])&&(ge[s]=ft.extend(ge[s])),ge[s];t=be(t),ft[t]=(o,r)=>We(t,o,r);const n=yt(e)?{...e}:e.options;return n.id=s,n.name=t,(i=n.install)==null||i.call(n,ft,n,t),ft._initialized&&!n.functional&&requestAnimationFrame(()=>We(t,`[${s}],[data-${s}]`)),ge[s]=n}function We(t,e,i,...s){const n=Nn(t);return n.options.functional?new n({data:yt(e)?e:[e,i,...s]}):e?z(e).map(o)[0]:o();function o(r){const a=bi(r,t);if(a)if(i)a.$destroy();else return a;return new n({el:r,data:i})}}function Vt(t){return(t==null?void 0:t[Ut])||{}}function bi(t,e){return Vt(t)[e]}function Sa(t,e){t[Ut]||(t[Ut]={}),t[Ut][e.$options.name]=e}function Ia(t,e){var i;(i=t[Ut])==null||delete i[e.$options.name],xe(t[Ut])||delete t[Ut]}function Ca(t){t.component=Nn,t.getComponents=Vt,t.getComponent=bi,t.update=zn,t.use=function(i){if(!i.installed)return i.call(null,this),i.installed=!0,this},t.mixin=function(i,s){s=(D(s)?this.component(s):s)||this,s.options=De(s.options,i)},t.extend=function(i){i||(i={});const s=this,n=function(r){Mn(this,r)};return n.prototype=Object.create(s.prototype),n.prototype.constructor=n,n.options=De(s.options,i),n.super=s,n.extend=s.extend,n};let e;Object.defineProperty(t,"container",{get(){return e||document.body},set(i){e=w(i)}})}function zn(t,e){t=t?H(t):document.body;for(const i of oe(t).reverse())Fn(i,e);It(t,i=>Fn(i,e))}function Fn(t,e){const i=Vt(t);for(const s in i)wi(i[s],e)}function Ta(t){t.prototype.$mount=function(e){const i=this;Sa(e,i),i.$options.el=e,B(e,document)&&$s(i)},t.prototype.$destroy=function(e=!1){const i=this,{el:s}=i.$options;s&&xs(i),pe(i,"destroy"),Ia(s,i),e&<(i.$el)},t.prototype.$create=We,t.prototype.$emit=function(e){wi(this,e)},t.prototype.$update=function(e=this.$el,i){zn(e,i)},t.prototype.$reset=function(){xs(this),$s(this)},t.prototype.$getComponent=bi,Object.defineProperties(t.prototype,{$el:{get(){return this.$options.el}},$container:Object.getOwnPropertyDescriptor(t,"container")})}function At(t,e=t.$el,i=""){if(e.id)return e.id;let s=`${t.$options.id}-${t._uid}${i}`;return w(`#${s}`)&&(s=At(t,e,`${i}-2`)),s}var Ea={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav({selNav:t},e){return w(t,e)},navChildren(){return T(this.nav)},selNavItem({attrItem:t}){return`[${t}],[data-${t}]`},navItems(t,e){return z(this.selNavItem,e)}},watch:{nav(t,e){p(t,"role","tablist"),e&&this.$emit()},list(t){p(t,"role","presentation")},navChildren(t){p(t,"role","presentation")},navItems(t){for(const e of t){const i=tt(e,this.attrItem),s=w("a,button",e)||e;let n,o=null;if(bt(i)){const r=kt(i),a=this.slides[r];a&&(a.id||(a.id=At(this,a,`-item-${i}`)),o=a.id),n=this.t("slideX",$(i)+1),p(s,"role","tab")}else this.list&&(this.list.id||(this.list.id=At(this,this.list,"-items")),o=this.list.id),n=this.t(i);p(s,{"aria-controls":o,"aria-label":p(s,"aria-label")||n})}},slides(t){t.forEach((e,i)=>p(e,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",i+1,this.length),"aria-roledescription":this.nav?null:"slide"}))},length(t){const e=this.navChildren.length;if(this.nav&&t!==e){Xi(this.nav);for(let i=0;i
      • `)}}},connected(){p(this.$el,{role:this.role,"aria-roledescription":"carousel"})},update:[{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate(){return this.selNavItem},handler(t){U(t.target,"a,button")&&(t.type==="click"||t.keyCode===S.SPACE)&&(t.preventDefault(),this.show(tt(t.current,this.attrItem)))}},{name:"itemshow",handler:"updateNav"},{name:"keydown",delegate(){return this.selNavItem},handler(t){const{current:e,keyCode:i}=t,s=tt(e,this.attrItem);if(!bt(s))return;let n=i===S.HOME?0:i===S.END?"last":i===S.LEFT?"previous":i===S.RIGHT?"next":-1;~n&&(t.preventDefault(),this.show(n))}}],methods:{updateNav(){const t=this.getValidIndex();for(const e of this.navItems){const i=tt(e,this.attrItem),s=w("a,button",e)||e;if(bt(i)){const o=kt(i)===t;q(e,this.clsActive,o),p(s,{"aria-selected":o,tabindex:o?null:-1}),o&&s&&C(_(e),":focus-within")&&s.focus()}else q(e,"uk-invisible",this.finite&&(i==="previous"&&t===0||i==="next"&&t>=this.maxIndex))}}}},Hn={mixins:[Kr,Qr,Ea,vi],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:!1,Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){M(this.slides,this.clsActive)},computed:{duration({velocity:t},e){return Ln(e.offsetWidth/t)},list({selList:t},e){return w(t,e)},maxIndex(){return this.length-1},slides(){return T(this.list)},length(){return this.slides.length}},watch:{slides(t,e){e&&this.$emit()}},observe:pt(),methods:{show(t,e=!1){var i;if(this.dragging||!this.length)return;const{stack:s}=this,n=e?0:s.length,o=()=>{s.splice(n,1),s.length&&this.show(s.shift(),!0)};if(s[e?"unshift":"push"](t),!e&&s.length>1){s.length===2&&((i=this._transitioner)==null||i.forward(Math.min(this.duration,200)));return}const r=this.getIndex(this.index),a=P(this.slides,this.clsActive)&&this.slides[r],l=this.getIndex(t,this.index),h=this.slides[l];if(a===h){o();return}if(this.dir=Pa(t,r),this.prevIndex=r,this.index=l,a&&!v(a,"beforeitemhide",[this])||!v(h,"beforeitemshow",[this,a])){this.index=this.prevIndex,o();return}const u=this._show(a,h,e).then(()=>{a&&v(a,"itemhidden",[this]),v(h,"itemshown",[this]),s.shift(),this._transitioner=null,requestAnimationFrame(()=>s.length&&this.show(s.shift(),!0))});return a&&v(a,"itemhide",[this]),v(h,"itemshow",[this]),u},getIndex(t=this.index,e=this.index){return Z(rt(t,this.slides,e,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,e=this.prevIndex){return this.getIndex(t,e)},_show(t,e,i){if(this._transitioner=this._getTransitioner(t,e,this.dir,{easing:i?e.offsetWidth<600?"cubic-bezier(0.25, 0.46, 0.45, 0.94)":"cubic-bezier(0.165, 0.84, 0.44, 1)":this.easing,...this.transitionOptions}),!i&&!t)return this._translate(1),Promise.resolve();const{length:s}=this.stack;return this._transitioner[s>1?"forward":"show"](s>1?Math.min(this.duration,75+75/(s-1)):this.duration,this.percent)},_translate(t,e=this.prevIndex,i=this.index){const s=this._getTransitioner(e===i?!1:e,i);return s.translate(t),s},_getTransitioner(t=this.prevIndex,e=this.index,i=this.dir||1,s=this.transitionOptions){return new this.Transitioner($e(t)?this.slides[t]:t,$e(e)?this.slides[e]:e,i*(X?-1:1),s)}}};function Pa(t,e){return t==="next"?1:t==="previous"||t({preload:1,videoAutoplay:!1,delayControls:3e3,items:[],cls:"uk-open",clsPage:"uk-lightbox-page",selList:".uk-lightbox-items",attrItem:"uk-lightbox-item",selClose:".uk-close-large",selCaption:".uk-lightbox-caption",pauseOnHover:!1,velocity:2,Animations:Rn,template:'
        '}),created(){const t=w(this.template),e=w(this.selList,t);this.items.forEach(()=>L(e,"
      • "));const i=w("[uk-close]",t),s=this.t("close");i&&s&&(i.dataset.i18n=JSON.stringify({label:s})),this.$mount(L(this.container,t))},computed:{caption({selCaption:t},e){return w(t,e)}},events:[{name:`${ai} ${mt} keydown`,handler:"showControls"},{name:"click",self:!0,delegate(){return`${this.selList} > *`},handler(t){t.defaultPrevented||this.hide()}},{name:"shown",self:!0,handler(){this.showControls()}},{name:"hide",self:!0,handler(){this.hideControls(),M(this.slides,this.clsActive),E.stop(this.slides)}},{name:"hidden",self:!0,handler(){this.$destroy(!0)}},{name:"keyup",el(){return document},handler({keyCode:t}){if(!this.isToggled(this.$el)||!this.draggable)return;let e=-1;t===S.LEFT?e="previous":t===S.RIGHT?e="next":t===S.HOME?e=0:t===S.END&&(e="last"),~e&&this.show(e)}},{name:"beforeitemshow",handler(t){this.isToggled()||(this.draggable=!1,t.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=Rn.scale,M(t.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshow",handler(){Nt(this.caption,this.getItem().caption||"");for(let t=-this.preload;t<=this.preload;t++)this.loadItem(this.index+t)}},{name:"itemshown",handler(){this.draggable=this.$props.draggable}},{name:"itemload",async handler(t,e){const{source:i,type:s,alt:n="",poster:o,attrs:r={}}=e;if(this.setItem(e,""),!i)return;let a;const l={allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":`${this.videoAutoplay}`};if(s==="image"||i.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)){const h=Re("img",{src:i,alt:n,...r});x(h,"load",()=>this.setItem(e,h)),x(h,"error",()=>this.setError(e))}else if(s==="video"||i.match(/\.(mp4|webm|ogv)($|\?)/i)){const h=Re("video",{src:i,poster:o,controls:"",playsinline:"","uk-video":`${this.videoAutoplay}`,...r});x(h,"loadedmetadata",()=>this.setItem(e,h)),x(h,"error",()=>this.setError(e))}else if(s==="iframe"||i.match(/\.(html|php)($|\?)/i))this.setItem(e,Re("iframe",{src:i,allowfullscreen:"",class:"uk-lightbox-iframe",...r}));else if(a=i.match(/\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(e,Re("iframe",{src:`https://www.youtube${a[1]||""}.com/embed/${a[2]}${a[3]?`?${a[3]}`:""}`,width:1920,height:1080,...l,...r}));else if(a=i.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))try{const{height:h,width:u}=await(await fetch(`https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(i)}`,{credentials:"omit"})).json();this.setItem(e,Re("iframe",{src:`https://player.vimeo.com/video/${a[1]}${a[2]?`?${a[2]}`:""}`,width:u,height:h,...l,...r}))}catch{this.setError(e)}}}],methods:{loadItem(t=this.index){const e=this.getItem(t);this.getSlide(e).childElementCount||v(this.$el,"itemload",[e])},getItem(t=this.index){return this.items[rt(t,this.slides)]},setItem(t,e){v(this.$el,"itemloaded",[this,Nt(this.getSlide(t),e)])},getSlide(t){return this.slides[this.items.indexOf(t)]},setError(t){this.setItem(t,'')},showControls(){clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout(this.hideControls,this.delayControls),y(this.$el,"uk-active","uk-transition-active")},hideControls(){M(this.$el,"uk-active","uk-transition-active")}}};function Re(t,e){const i=zt(`<${t}>`);return p(i,e),i}var _a={install:Aa,props:{toggle:String},data:{toggle:"a"},computed:{toggles({toggle:t},e){return z(t,e)}},watch:{toggles(t){this.hide();for(const e of t)G(e,"a")&&p(e,"role","button")}},disconnected(){this.hide()},events:{name:"click",delegate(){return`${this.toggle}:not(.uk-disabled)`},handler(t){t.preventDefault(),this.show(t.current)}},methods:{show(t){const e=As(this.toggles.map(qn),"source");if(ee(t)){const{source:i}=qn(t);t=xt(e,({source:s})=>i===s)}return this.panel=this.panel||this.$create("lightboxPanel",{...this.$props,items:e}),x(this.panel.$el,"hidden",()=>this.panel=null),this.panel.show(t)},hide(){var t;return(t=this.panel)==null?void 0:t.hide()}}};function Aa(t,e){t.lightboxPanel||t.component("lightboxPanel",jn),wt(e.props,t.component("lightboxPanel").options.props)}function qn(t){const e={};for(const i of["href","caption","type","poster","alt","attrs"])e[i==="href"?"source":i]=tt(t,i);return e.attrs=Be(e.attrs),e}var Oa={mixins:[Fe],functional:!0,args:["message","status"],data:{message:"",status:"",timeout:5e3,group:null,pos:"top-center",clsContainer:"uk-notification",clsClose:"uk-notification-close",clsMsg:"uk-notification-message"},install:Da,computed:{marginProp({pos:t}){return`margin${ot(t,"top")?"Top":"Bottom"}`},startProps(){return{opacity:0,[this.marginProp]:-this.$el.offsetHeight}}},created(){const t=`${this.clsContainer}-${this.pos}`;let e=w(`.${t}`,this.container);(!e||!R(e))&&(e=L(this.container,`
        `)),this.$mount(L(e,``))},async connected(){const t=$(c(this.$el,this.marginProp));await E.start(c(this.$el,this.startProps),{opacity:1,[this.marginProp]:t}),this.timeout&&(this.timer=setTimeout(this.close,this.timeout))},events:{click(t){U(t.target,'a[href="#"],a[href=""]')&&t.preventDefault(),this.close()},[Rt](){this.timer&&clearTimeout(this.timer)},[Oe](){this.timeout&&(this.timer=setTimeout(this.close,this.timeout))}},methods:{async close(t){const e=i=>{const s=_(i);v(i,"close",[this]),lt(i),s!=null&&s.hasChildNodes()||lt(s)};this.timer&&clearTimeout(this.timer),t||await E.start(this.$el,this.startProps),e(this.$el)}}};function Da(t){t.notification.closeAll=function(e,i){It(document.body,s=>{const n=t.getComponent(s,"notification");n&&(!e||e===n.group)&&n.close(i)})}}var $i={props:{media:Boolean},data:{media:!1},connected(){const t=Ba(this.media,this.$el);if(this.matchMedia=!0,t){this.mediaObj=window.matchMedia(t);const e=()=>{this.matchMedia=this.mediaObj.matches,v(this.$el,Mt("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=x(this.mediaObj,"change",()=>{e(),this.$emit("resize")}),e()}},disconnected(){var t;(t=this.offMediaObj)==null||t.call(this)}};function Ba(t,e){if(D(t)){if(ot(t,"@"))t=$(c(e,`--uk-breakpoint-${t.substr(1)}`));else if(isNaN(t))return t}return t&&bt(t)?`(min-width: ${t}px)`:""}function Un(t){return Math.ceil(Math.max(0,...z("[stroke]",t).map(e=>{try{return e.getTotalLength()}catch{return 0}})))}const xi={x:yi,y:yi,rotate:yi,scale:yi,color:ys,backgroundColor:ys,borderColor:ys,blur:Yt,hue:Yt,fopacity:Yt,grayscale:Yt,invert:Yt,saturate:Yt,sepia:Yt,opacity:Na,stroke:za,bgx:Gn,bgy:Gn},{keys:Vn}=Object;var Yn={mixins:[$i],props:Zn(Vn(xi),"list"),data:Zn(Vn(xi),void 0),computed:{props(t,e){const i={};for(const n in t)n in xi&&!Y(t[n])&&(i[n]=t[n].slice());const s={};for(const n in i)s[n]=xi[n](n,e,i[n],i);return s}},events:{load(){this.$emit()}},methods:{reset(){for(const t in this.getCss(0))c(this.$el,t,"")},getCss(t){const e={transform:"",filter:""};for(const i in this.props)this.props[i](e,Z(t));return e.willChange=Object.keys(e).filter(i=>e[i]!=="").map(ei).join(","),e}}};function yi(t,e,i){let s=Si(i)||{x:"px",y:"px",rotate:"deg"}[t]||"",n;return t==="x"||t==="y"?(t=`translate${Tt(t)}`,n=o=>$($(o).toFixed(s==="px"?0:6))):t==="scale"&&(s="",n=o=>{var r;return Si([o])?ht(o,"width",e,!0)/e[`offset${(r=o.endsWith)!=null&&r.call(o,"vh")?"Height":"Width"}`]:$(o)}),i.length===1&&i.unshift(t==="scale"?1:0),i=me(i,n),(o,r)=>{o.transform+=` ${t}(${je(i,r)}${s})`}}function ys(t,e,i){return i.length===1&&i.unshift(qe(e,t,"")),i=me(i,s=>Ma(e,s)),(s,n)=>{const[o,r,a]=Kn(i,n),l=o.map((h,u)=>(h+=a*(r[u]-h),u===3?$(h):parseInt(h,10))).join(",");s[t]=`rgba(${l})`}}function Ma(t,e){return qe(t,"color",e).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map($)}function Yt(t,e,i){i.length===1&&i.unshift(0);const s=Si(i)||{blur:"px",hue:"deg"}[t]||"%";return t={fopacity:"opacity",hue:"hue-rotate"}[t]||t,i=me(i),(n,o)=>{const r=je(i,o);n.filter+=` ${t}(${r+s})`}}function Na(t,e,i){return i.length===1&&i.unshift(qe(e,t,"")),i=me(i),(s,n)=>{s[t]=je(i,n)}}function za(t,e,i){i.length===1&&i.unshift(0);const s=Si(i),n=Un(e);return i=me(i.reverse(),o=>(o=$(o),s==="%"?o*n/100:o)),i.some(([o])=>o)?(c(e,"strokeDasharray",n),(o,r)=>{o.strokeDashoffset=je(i,r)}):I}function Gn(t,e,i,s){i.length===1&&i.unshift(0);const n=t==="bgy"?"height":"width";s[t]=me(i,a=>ht(a,n,e));const o=["bgx","bgy"].filter(a=>a in s);if(o.length===2&&t==="bgx")return I;if(qe(e,"backgroundSize","")==="cover")return Fa(t,e,i,s);const r={};for(const a of o)r[a]=Xn(e,a);return Jn(o,r,s)}function Fa(t,e,i,s){const n=Ha(e);if(!n.width)return I;const o={width:e.offsetWidth,height:e.offsetHeight},r=["bgx","bgy"].filter(u=>u in s),a={};for(const u of r){const f=s[u].map(([F])=>F),d=Math.min(...f),g=Math.max(...f),O=f.indexOf(d){h(u,f),u.backgroundSize=`${l.width}px ${l.height}px`,u.backgroundRepeat="no-repeat"}}function Xn(t,e){return qe(t,`background-position-${e.substr(-1)}`,"")}function Jn(t,e,i){return function(s,n){for(const o of t){const r=je(i[o],n);s[`background-position-${o.substr(-1)}`]=`calc(${e[o]} + ${r}px)`}}}const ki={};function Ha(t){const e=c(t,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(ki[e])return ki[e];const i=new Image;return e&&(i.src=e,!i.naturalWidth)?(i.onload=()=>{ki[e]=ks(i),v(t,Mt("load",!1))},ks(i)):ki[e]=ks(i)}function ks(t){return{width:t.naturalWidth,height:t.naturalHeight}}function me(t,e=$){const i=[],{length:s}=t;let n=0;for(let o=0;o0;u--)i[o-u][1]=l+h*(n-u+1);n=0}}return i}function Kn(t,e){const i=xt(t.slice(1),([,s])=>e<=s)+1;return[t[i-1][0],t[i][0],(e-t[i-1][1])/(t[i][1]-t[i-1][1])]}function je(t,e){const[i,s,n]=Kn(t,e);return i+Math.abs(i-s)*n*(i(i[s]=e,i),{})}var Wa={mixins:[Yn],props:{target:String,viewport:Number,easing:Number,start:String,end:String},data:{target:!1,viewport:1,easing:1,start:0,end:0},computed:{target({target:t},e){return Qn(t&&at(t,e)||e)},start({start:t}){return ht(t,"height",this.target,!0)},end({end:t,viewport:e}){return ht(t||(e=(1-e)*100)&&`${e}vh+${e}%`,"height",this.target,!0)}},observe:[hs(),di({target:({target:t})=>t}),pt({target:({$el:t,target:e})=>[t,e,Ct(e,!0)]})],update:{read({percent:t},e){if(e.has("scroll")||(t=!1),!R(this.$el))return!1;if(!this.matchMedia)return;const i=t;return t=Ra(os(this.target,this.start,this.end),this.easing),{percent:t,style:i===t?!1:this.getCss(t)}},write({style:t}){if(!this.matchMedia){this.reset();return}t&&c(this.$el,t)},events:["scroll","resize"]}};function Ra(t,e){return e>=0?Math.pow(t,e+1):1-Math.pow(1-t,1-e)}function Qn(t){return t?"offsetTop"in t?t:Qn(_(t)):document.documentElement}var to={update:{write(){if(this.stack.length||this.dragging)return;const t=this.getValidIndex(this.index);!~this.prevIndex||this.index!==t?this.show(t):this._translate(1,this.prevIndex,this.index)},events:["resize"]}},eo={observe:Ne({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()})};function ja(t,e,i,{center:s,easing:n,list:o}){const r=t?Ue(t,o,s):Ue(e,o,s)+b(e).width*i,a=e?Ue(e,o,s):r+b(t).width*i*(X?-1:1);let l;return{dir:i,show(h,u=0,f){const d=f?"linear":n;return h-=Math.round(h*Z(u,-1,1)),this.translate(u),u=t?u:Z(u,0,1),Ss(this.getItemIn(),"itemin",{percent:u,duration:h,timing:d,dir:i}),t&&Ss(this.getItemIn(!0),"itemout",{percent:1-u,duration:h,timing:d,dir:i}),new Promise(g=>{l||(l=g),E.start(o,{transform:W(-a*(X?-1:1),"px")},h,d).then(l,I)})},cancel(){return E.cancel(o)},reset(){c(o,"transform","")},async forward(h,u=this.percent()){return await this.cancel(),this.show(h,u,!0)},translate(h){const u=this.getDistance()*i*(X?-1:1);c(o,"transform",W(Z(-a+(u-u*h),-Ii(o),b(o).width)*(X?-1:1),"px"));const f=this.getActives(),d=this.getItemIn(),g=this.getItemIn(!0);h=t?Z(h,-1,1):0;for(const O of T(o)){const N=m(f,O),F=O===d,Ot=O===g,Ps=F||!Ot&&(N||i*(X?-1:1)===-1^Ci(O,o)>Ci(t||e));Ss(O,`itemtranslate${Ps?"in":"out"}`,{dir:i,percent:Ot?1-h:F?h:N?1:0})}},percent(){return Math.abs((c(o,"transform").split(",")[4]*(X?-1:1)+r)/(a-r))},getDistance(){return Math.abs(a-r)},getItemIn(h=!1){let u=this.getActives(),f=so(o,Ue(e||t,o,s));if(h){const d=u;u=f,f=d}return f[xt(f,d=>!m(u,d))]},getActives(){return so(o,Ue(t||e,o,s))}}}function Ue(t,e,i){const s=Ci(t,e);return i?s-qa(t,e):Math.min(s,io(e))}function io(t){return Math.max(0,Ii(t)-b(t).width)}function Ii(t){return Dt(T(t),e=>b(e).width)}function qa(t,e){return b(e).width/2-b(t).width/2}function Ci(t,e){return t&&(Ki(t).left+(X?b(t).width-b(e).width:0))*(X?-1:1)||0}function so(t,e){e-=1;const i=b(t).width,s=e+i+2;return T(t).filter(n=>{const o=Ci(n,t),r=o+Math.min(b(n).width,i);return o>=e&&r<=s})}function Ss(t,e,i){v(t,Mt(e,!1,!1,i))}var Ua={mixins:[st,Hn,to,eo],props:{center:Boolean,sets:Boolean},data:{center:!1,sets:!1,attrItem:"uk-slider-item",selList:".uk-slider-items",selNav:".uk-slider-nav",clsContainer:"uk-slider-container",Transitioner:ja},computed:{avgWidth(){return Ii(this.list)/this.length},finite({finite:t}){return t||Va(this.list,this.center)},maxIndex(){if(!this.finite||this.center&&!this.sets)return this.length-1;if(this.center)return ne(this.sets);let t=0;const e=io(this.list),i=xt(this.slides,s=>{if(t>=e)return!0;t+=b(s).width});return~i?i:this.length-1},sets({sets:t}){if(!t)return;let e=0;const i=[],s=b(this.list).width;for(let n=0;ns&&(e=0),this.center?es/2&&(i.push(+n),e=s/2-o/2):e===0&&i.push(Math.min(+n,this.maxIndex)),e+=o}if(i.length)return i},transitionOptions(){return{center:this.center,list:this.list}},slides(){return T(this.list).filter(R)}},connected(){q(this.$el,this.clsContainer,!w(`.${this.clsContainer}`,this.$el))},observe:pt({target:({slides:t})=>t}),update:{write(){for(const t of this.navItems){const e=kt(tt(t,this.attrItem));e!==!1&&(t.hidden=!this.maxIndex||e>this.maxIndex||this.sets&&!m(this.sets,e))}this.length&&!this.dragging&&!this.stack.length&&(this.reorder(),this._translate(1)),this.updateActiveClasses()},events:["resize"]},events:{beforeitemshow(t){!this.dragging&&this.sets&&this.stack.length<2&&!m(this.sets,this.index)&&(this.index=this.getValidIndex());const e=Math.abs(this.index-this.prevIndex+(this.dir>0&&this.indexthis.prevIndex?(this.maxIndex+1)*this.dir:0));if(!this.dragging&&e>1){for(let s=0;s0?"next":"previous");t.preventDefault();return}const i=this.dir<0||!this.slides[this.prevIndex]?this.index:this.prevIndex;this.duration=Ln(this.avgWidth/this.velocity)*(b(this.slides[i]).width/this.avgWidth),this.reorder()},itemshow(){~this.prevIndex&&y(this._getTransitioner().getItemIn(),this.clsActive)},itemshown(){this.updateActiveClasses()}},methods:{reorder(){if(this.finite){c(this.slides,"order","");return}const t=this.dir>0&&this.slides[this.prevIndex]?this.prevIndex:this.index;if(this.slides.forEach((n,o)=>c(n,"order",this.dir>0&&o=this.index?-1:"")),!this.center)return;const e=this.slides[t];let i=b(this.list).width/2-b(e).width/2,s=0;for(;i>0;){const n=this.getIndex(--s+t,t),o=this.slides[n];c(o,"order",n>t?-2:-1),i-=b(o).width}},updateActiveClasses(){const t=this._getTransitioner(this.index).getActives(),e=[this.clsActive,(!this.sets||m(this.sets,$(this.index)))&&this.clsActivated||""];for(const i of this.slides){const s=m(t,i);q(i,e,s),p(i,"aria-hidden",!s);for(const n of z(Se,i))vt(n,"_tabindex")||(n._tabindex=p(n,"tabindex")),p(n,"tabindex",s?n._tabindex:-1)}},getValidIndex(t=this.index,e=this.prevIndex){if(t=this.getIndex(t,e),!this.sets)return t;let i;do{if(m(this.sets,t))return t;i=t,t=this.getIndex(t+this.dir,e)}while(t!==i);return t},getAdjacentSlides(){const{width:t}=b(this.list),e=-t,i=t*2,s=b(this.slides[this.index]).width,n=this.center?t/2-s/2:0,o=new Set;for(const r of[-1,1]){let a=n+(r>0?s:0),l=0;do{const h=this.slides[this.getIndex(this.index+r+l++*r)];a+=b(h).width*r,o.add(h)}while(this.length>l&&a>e&&aDt(s.filter(u=>!l.has(u)),u=>b(u).width))return!0}return!1}function Ya(t){return Math.max(0,...T(t).map(e=>b(e).width))}var no={mixins:[Yn],data:{selItem:"!li"},beforeConnect(){this.item=at(this.selItem,this.$el)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el(){return this.item},handler({type:t,detail:{percent:e,duration:i,timing:s,dir:n}}){J.read(()=>{if(!this.matchMedia)return;const o=this.getCss(ro(t,n,e)),r=this.getCss(oo(t)?.5:n>0?1:0);J.write(()=>{c(this.$el,o),E.start(this.$el,r,i,s).catch(I)})})}},{name:"transitioncanceled transitionend",self:!0,el(){return this.item},handler(){E.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el(){return this.item},handler({type:t,detail:{percent:e,dir:i}}){J.read(()=>{if(!this.matchMedia){this.reset();return}const s=this.getCss(ro(t,i,e));J.write(()=>c(this.$el,s))})}}]};function oo(t){return Zt(t,"in")}function ro(t,e,i){return i/=2,oo(t)^e<0?i:1-i}var Ga={...gs,fade:{show(){return[{opacity:0,zIndex:0},{zIndex:-1}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t,zIndex:0},{zIndex:-1}]}},scale:{show(){return[{opacity:0,transform:de(1+.5),zIndex:0},{zIndex:-1}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t,transform:de(1+.5*t),zIndex:0},{zIndex:-1}]}},pull:{show(t){return t<0?[{transform:W(30),zIndex:-1},{transform:W(),zIndex:0}]:[{transform:W(-100),zIndex:0},{transform:W(),zIndex:-1}]},percent(t,e,i){return i<0?1-He(e):He(t)},translate(t,e){return e<0?[{transform:W(30*t),zIndex:-1},{transform:W(-100*(1-t)),zIndex:0}]:[{transform:W(-t*100),zIndex:0},{transform:W(30*(1-t)),zIndex:-1}]}},push:{show(t){return t<0?[{transform:W(100),zIndex:0},{transform:W(),zIndex:-1}]:[{transform:W(-30),zIndex:-1},{transform:W(),zIndex:0}]},percent(t,e,i){return i>0?1-He(e):He(t)},translate(t,e){return e<0?[{transform:W(t*100),zIndex:0},{transform:W(-30*(1-t)),zIndex:-1}]:[{transform:W(-30*t),zIndex:-1},{transform:W(100*(1-t)),zIndex:0}]}}},Xa={mixins:[st,Wn,to,eo],props:{ratio:String,minHeight:Number,maxHeight:Number},data:{ratio:"16:9",minHeight:!1,maxHeight:!1,selList:".uk-slideshow-items",attrItem:"uk-slideshow-item",selNav:".uk-slideshow-nav",Animations:Ga},update:{read(){if(!this.list)return!1;let[t,e]=this.ratio.split(":").map(Number);return e=e*this.list.offsetWidth/t||0,this.minHeight&&(e=Math.max(this.minHeight,e)),this.maxHeight&&(e=Math.min(this.maxHeight,e)),{height:e-he(this.list,"height","content-box")}},write({height:t}){t>0&&c(this.list,"minHeight",t)},events:["resize"]},methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}},Ja={mixins:[st,yn],props:{group:String,threshold:Number,clsItem:String,clsPlaceholder:String,clsDrag:String,clsDragState:String,clsBase:String,clsNoDrag:String,clsEmpty:String,clsCustom:String,handle:String},data:{group:!1,threshold:5,clsItem:"uk-sortable-item",clsPlaceholder:"uk-sortable-placeholder",clsDrag:"uk-sortable-drag",clsDragState:"uk-drag",clsBase:"uk-sortable",clsNoDrag:"uk-sortable-nodrag",clsEmpty:"uk-sortable-empty",clsCustom:"",handle:!1,pos:{}},created(){for(const t of["init","start","move","end"]){const e=this[t];this[t]=i=>{wt(this.pos,le(i)),e(i)}}},events:{name:mt,passive:!1,handler:"init"},computed:{target(){return(this.$el.tBodies||[this.$el])[0]},items(){return T(this.target)},isEmpty(){return xe(this.items)},handles({handle:t},e){return t?z(t,e):this.items}},watch:{isEmpty(t){q(this.target,this.clsEmpty,t)},handles(t,e){c(e,{touchAction:"",userSelect:""}),c(t,{touchAction:Wt?"none":"",userSelect:"none"})}},update:{write(t){if(!this.drag||!_(this.placeholder))return;const{pos:{x:e,y:i},origin:{offsetTop:s,offsetLeft:n},placeholder:o}=this;c(this.drag,{top:i-s,left:e-n});const r=this.getSortable(document.elementFromPoint(e,i));if(!r)return;const{items:a}=r;if(a.some(E.inProgress))return;const l=tl(a,{x:e,y:i});if(a.length&&(!l||l===o))return;const h=this.getSortable(o),u=el(r.target,l,o,e,i,r===h&&t.moved!==l);u!==!1&&(u&&o===u||(r!==h?(h.remove(o),t.moved=l):delete t.moved,r.insert(o,u),this.touched.add(r)))},events:["move"]},methods:{init(t){const{target:e,button:i,defaultPrevented:s}=t,[n]=this.items.filter(o=>B(e,o));!n||s||i>0||ji(e)||B(e,`.${this.clsNoDrag}`)||this.handle&&!B(e,this.handle)||(t.preventDefault(),this.touched=new Set([this]),this.placeholder=n,this.origin={target:e,index:re(n),...this.pos},x(document,ai,this.move),x(document,_t,this.end),this.threshold||this.start(t))},start(t){this.drag=Qa(this.$container,this.placeholder);const{left:e,top:i}=this.placeholder.getBoundingClientRect();wt(this.origin,{offsetLeft:this.pos.x-e,offsetTop:this.pos.y-i}),y(this.drag,this.clsDrag,this.clsCustom),y(this.placeholder,this.clsPlaceholder),y(this.items,this.clsItem),y(document.documentElement,this.clsDragState),v(this.$el,"start",[this,this.placeholder]),Ka(this.pos),this.move(t)},move(t){this.drag?this.$emit("move"):(Math.abs(this.pos.x-this.origin.x)>this.threshold||Math.abs(this.pos.y-this.origin.y)>this.threshold)&&this.start(t)},end(){if(Bt(document,ai,this.move),Bt(document,_t,this.end),!this.drag)return;Za();const t=this.getSortable(this.placeholder);this===t?this.origin.index!==re(this.placeholder)&&v(this.$el,"moved",[this,this.placeholder]):(v(t.$el,"added",[t,this.placeholder]),v(this.$el,"removed",[this,this.placeholder])),v(this.$el,"stop",[this,this.placeholder]),lt(this.drag),this.drag=null;for(const{clsPlaceholder:e,clsItem:i}of this.touched)for(const s of this.touched)M(s.items,e,i);this.touched=null,M(document.documentElement,this.clsDragState)},insert(t,e){y(this.items,this.clsItem);const i=()=>e?ii(e,t):L(this.target,t);this.animate(i)},remove(t){B(t,this.target)&&this.animate(()=>lt(t))},getSortable(t){do{const e=this.$getComponent(t,"sortable");if(e&&(e===this||this.group!==!1&&e.group===this.group))return e}while(t=_(t))}}};let ao;function Ka(t){let e=Date.now();ao=setInterval(()=>{let{x:i,y:s}=t;s+=document.scrollingElement.scrollTop;const n=(Date.now()-e)*.3;e=Date.now(),fe(document.elementFromPoint(i,t.y)).reverse().some(o=>{let{scrollTop:r,scrollHeight:a}=o;const{top:l,bottom:h,height:u}=ct(o);if(ls)r-=n;else if(h>s&&h-350&&r"),L(i,e.cloneNode(!0).children);for(const s of e.getAttributeNames())p(i,s,e.getAttribute(s))}else i=e.cloneNode(!0);return L(t,i),c(i,"margin","0","important"),c(i,{boxSizing:"border-box",width:e.offsetWidth,height:e.offsetHeight,padding:c(e,"padding")}),et(i.firstElementChild,et(e.firstElementChild)),i}function tl(t,e){return t[xt(t,i=>Ze(e,i.getBoundingClientRect()))]}function el(t,e,i,s,n,o){if(!T(t).length)return;const r=e.getBoundingClientRect();if(!o)return il(t,i)||nr[d]-g?!1:e}function il(t,e){const i=T(t).length===1;i&&L(t,e);const s=T(t),n=s.some((o,r)=>{const a=o.getBoundingClientRect();return s.slice(r+1).some(l=>{const h=l.getBoundingClientRect();return!lo([a.left,a.right],[h.left,h.right])})});return i&<(e),n}function lo(t,e){return t[1]>e[0]&&e[1]>t[0]}var ho={props:{pos:String,offset:null,flip:Boolean,shift:Boolean,inset:Boolean},data:{pos:`bottom-${X?"right":"left"}`,offset:!1,flip:!0,shift:!0,inset:!1},connected(){this.pos=this.$props.pos.split("-").concat("center").slice(0,2),[this.dir,this.align]=this.pos,this.axis=m(["top","bottom"],this.dir)?"y":"x"},methods:{positionAt(t,e,i){let s=[this.getPositionOffset(t),this.getShiftOffset(t)];const n=[this.flip&&"flip",this.shift&&"shift"],o={element:[this.inset?this.dir:ri(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const l in o)o[l].reverse();s.reverse(),n.reverse()}const r=sl(t),a=b(t);c(t,{top:-a.height,left:-a.width}),sn(t,e,{attach:o,offset:s,boundary:i,placement:n,viewportOffset:this.getViewportOffset(t)}),r()},getPositionOffset(t){return ht(this.offset===!1?c(t,"--uk-position-offset"):this.offset,this.axis==="x"?"width":"height",t)*(m(["left","top"],this.dir)?-1:1)*(this.inset?-1:1)},getShiftOffset(t){return this.align==="center"?0:ht(c(t,"--uk-position-shift-offset"),this.axis==="y"?"width":"height",t)*(m(["left","top"],this.align)?1:-1)},getViewportOffset(t){return ht(c(t,"--uk-position-viewport-offset"))}}};function sl(t){const e=Ct(t),{scrollTop:i}=e;return()=>{i!==e.scrollTop&&(e.scrollTop=i)}}var nl={mixins:[Fe,qt,ho],args:"title",props:{delay:Number,title:String},data:{pos:"top",title:"",delay:0,animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},beforeConnect(){this.id=At(this,{}),this._hasTitle=$t(this.$el,"title"),p(this.$el,{title:"","aria-describedby":this.id}),ol(this.$el)},disconnected(){this.hide(),p(this.$el,"title")||p(this.$el,"title",this._hasTitle?this.title:null)},methods:{show(){this.isToggled(this.tooltip||null)||!this.title||(clearTimeout(this.showTimer),this.showTimer=setTimeout(this._show,this.delay))},async hide(){C(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&await this.toggleElement(this.tooltip,!1,!1),lt(this.tooltip),this.tooltip=null)},async _show(){this.tooltip=L(this.container,``),x(this.tooltip,"toggled",(t,e)=>{if(!e)return;const i=()=>this.positionAt(this.tooltip,this.$el);i();const[s,n]=rl(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?`${ri(s)}-${n}`:`${n}-${ri(s)}`;const o=[j(document,`keydown ${mt}`,this.hide,!1,r=>r.type===mt&&!B(r.target,this.$el)||r.type==="keydown"&&r.keyCode===S.ESC),x([document,...jt(this.$el)],"scroll",i,{passive:!0})];j(this.tooltip,"hide",()=>o.forEach(r=>r()),{self:!0})}),await this.toggleElement(this.tooltip,!0)||this.hide()}},events:{focus:"show",blur:"hide",[`${Rt} ${Oe}`](t){St(t)||this[t.type===Rt?"show":"hide"]()},[mt](t){St(t)&&this.show()}}};function ol(t){ti(t)||p(t,"tabindex","0")}function rl(t,e,[i,s]){const n=A(t),o=A(e),r=[["left","right"],["top","bottom"]];for(const l of r){if(n[l[0]]>=o[l[1]]){i=l[1];break}if(n[l[1]]<=o[l[0]]){i=l[0];break}}const a=m(r[0],i)?r[1]:r[0];return n[a[0]]===o[a[0]]?s=a[0]:n[a[1]]===o[a[1]]?s=a[1]:s="center",[i,s]}var al={mixins:[vi],i18n:{invalidMime:"Invalid File Type: %s",invalidName:"Invalid File Name: %s",invalidSize:"Invalid File Size: %s Kilobytes Max"},props:{allow:String,clsDragover:String,concurrent:Number,maxSize:Number,method:String,mime:String,multiple:Boolean,name:String,params:Object,type:String,url:String},data:{allow:!1,clsDragover:"uk-dragover",concurrent:1,maxSize:0,method:"POST",mime:!1,multiple:!1,name:"files[]",params:{},type:"",url:"",abort:I,beforeAll:I,beforeSend:I,complete:I,completeAll:I,error:I,fail:I,load:I,loadEnd:I,loadStart:I,progress:I},events:{change(t){C(t.target,'input[type="file"]')&&(t.preventDefault(),t.target.files&&this.upload(t.target.files),t.target.value="")},drop(t){Ti(t);const e=t.dataTransfer;e!=null&&e.files&&(M(this.$el,this.clsDragover),this.upload(e.files))},dragenter(t){Ti(t)},dragover(t){Ti(t),y(this.$el,this.clsDragover)},dragleave(t){Ti(t),M(this.$el,this.clsDragover)}},methods:{async upload(t){if(t=Qt(t),!t.length)return;v(this.$el,"upload",[t]);for(const s of t){if(this.maxSize&&this.maxSize*1e3{const n=new FormData;s.forEach(o=>n.append(this.name,o));for(const o in this.params)n.append(o,this.params[o]);try{const o=await hl(this.url,{data:n,method:this.method,responseType:this.type,beforeSend:r=>{const{xhr:a}=r;x(a.upload,"progress",this.progress);for(const l of["loadStart","load","loadEnd","abort"])x(a,l.toLowerCase(),this[l]);return this.beforeSend(r)}});this.complete(o),e.length?await i(e.shift()):this.completeAll(o)}catch(o){this.error(o)}};await i(e.shift())}}};function co(t,e){return e.match(new RegExp(`^${t.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")}$`,"i"))}function ll(t,e){const i=[];for(let s=0;si.beforeSend(i)).then(()=>cl(t,i))}function cl(t,e){return new Promise((i,s)=>{const{xhr:n}=e;for(const o in e)if(o in n)try{n[o]=e[o]}catch{}n.open(e.method.toUpperCase(),t);for(const o in e.headers)n.setRequestHeader(o,e.headers[o]);x(n,"load",()=>{n.status===0||n.status>=200&&n.status<300||n.status===304?i(n):s(wt(Error(n.statusText),{xhr:n,status:n.status}))}),x(n,"error",()=>s(wt(Error("Network Error"),{xhr:n}))),x(n,"timeout",()=>s(wt(Error("Network Timeout"),{xhr:n}))),n.send(e.data)})}var ul=Object.freeze({__proto__:null,Countdown:Sr,Filter:Nr,Lightbox:_a,LightboxPanel:jn,Notification:Oa,Parallax:Wa,Slider:Ua,SliderParallax:no,Slideshow:Xa,SlideshowParallax:no,Sortable:Ja,Tooltip:nl,Upload:al});function fl(t){Lt&&window.MutationObserver&&(document.body?requestAnimationFrame(()=>uo(t)):new MutationObserver((e,i)=>{document.body&&(uo(t),i.disconnect())}).observe(document.documentElement,{childList:!0}))}function uo(t){v(document,"uikit:init",t),document.body&&It(document.body,fo),new MutationObserver(e=>e.forEach(dl)).observe(document,{childList:!0,subtree:!0}),new MutationObserver(e=>e.forEach(pl)).observe(document,{attributes:!0,subtree:!0}),t._initialized=!0}function dl({addedNodes:t,removedNodes:e}){for(const i of t)It(i,fo);for(const i of e)It(i,gl)}function pl({target:t,attributeName:e}){var i;const s=po(e);if(s){if($t(t,e)){We(s,t);return}(i=bi(t,s))==null||i.$destroy()}}function fo(t){const e=Vt(t);for(const i in Vt(t))$s(e[i]);for(const i of t.getAttributeNames()){const s=po(i);s&&We(s,t)}}function gl(t){const e=Vt(t);for(const i in Vt(t))xs(e[i])}function po(t){ot(t,"data-")&&(t=t.slice(5));const e=ge[t];return e&&(yt(e)?e:e.options).name}Ca(ft),Ta(ft);var go={mixins:[st,qt],props:{animation:Boolean,targets:String,active:null,collapsible:Boolean,multiple:Boolean,toggle:String,content:String,offset:Number},data:{targets:"> *",active:!1,animation:!0,collapsible:!0,multiple:!1,clsOpen:"uk-open",toggle:"> .uk-accordion-title",content:"> .uk-accordion-content",offset:0},computed:{items({targets:t},e){return z(t,e)},toggles({toggle:t}){return this.items.map(e=>w(t,e))},contents({content:t}){return this.items.map(e=>{var i;return((i=e._wrapper)==null?void 0:i.firstElementChild)||w(t,e)})}},watch:{items(t,e){if(e||P(t,this.clsOpen))return;const i=this.active!==!1&&t[Number(this.active)]||!this.collapsible&&t[0];i&&this.toggle(i,!1)},toggles(){this.$emit()},contents(t){for(const e of t){const i=P(this.items.find(s=>B(e,s)),this.clsOpen);Ei(e,!i)}this.$emit()}},observe:Ne(),events:[{name:"click keydown",delegate(){return`${this.targets} ${this.$props.toggle}`},async handler(t){var e;t.type==="keydown"&&t.keyCode!==S.SPACE||(t.preventDefault(),(e=this._off)==null||e.call(this),this._off=vl(t.target),await this.toggle(re(this.toggles,t.current)),this._off())}},{name:"shown hidden",self:!0,delegate(){return this.targets},handler(){this.$emit()}}],update(){const t=Ie(this.items,`.${this.clsOpen}`);for(const e in this.items){const i=this.toggles[e],s=this.contents[e];if(!i||!s)continue;i.id=At(this,i,`-title-${e}`),s.id=At(this,s,`-content-${e}`);const n=m(t,this.items[e]);p(i,{role:G(i,"a")?"button":null,"aria-controls":s.id,"aria-expanded":n,"aria-disabled":!this.collapsible&&t.length<2&&n}),p(s,{role:"region","aria-labelledby":i.id}),G(s,"ul")&&p(T(s),"role","presentation")}},methods:{toggle(t,e){t=this.items[rt(t,this.items)];let i=[t];const s=Ie(this.items,`.${this.clsOpen}`);if(!this.multiple&&!m(s,i[0])&&(i=i.concat(s)),!(!this.collapsible&&s.length<2&&m(s,t)))return Promise.all(i.map(n=>this.toggleElement(n,!m(s,n),(o,r)=>{if(q(o,this.clsOpen,r),e===!1||!this.animation){Ei(w(this.content,o),!r);return}return ml(o,r,this)})))}}};function Ei(t,e){t&&(t.hidden=e)}async function ml(t,e,{content:i,duration:s,velocity:n,transition:o}){var r;i=((r=t._wrapper)==null?void 0:r.firstElementChild)||w(i,t),t._wrapper||(t._wrapper=oi(i,"
        "));const a=t._wrapper;c(a,"overflow","hidden");const l=$(c(a,"height"));await E.cancel(a),Ei(i,!1);const h=Dt(["marginTop","marginBottom"],f=>c(i,f))+b(i).height,u=l/h;s=(n*h+s)*(e?1-u:u),c(a,"height",l),await E.start(a,{height:e?h:0},s,o),Pe(i),delete t._wrapper,e||Ei(i,!0)}function vl(t){const e=Ct(t,!0);let i;return function s(){i=requestAnimationFrame(()=>{const{top:n}=t.getBoundingClientRect();n<0&&(e.scrollTop+=n),s()})}(),()=>requestAnimationFrame(()=>cancelAnimationFrame(i))}var wl={mixins:[st,qt],args:"animation",props:{animation:Boolean,close:String},data:{animation:!0,selClose:".uk-alert-close",duration:150},events:{name:"click",delegate(){return this.selClose},handler(t){t.preventDefault(),this.close()}},methods:{async close(){await this.toggleElement(this.$el,!1,bl),this.$destroy(!0)}}};function bl(t,e,{duration:i,transition:s,velocity:n}){const o=$(c(t,"height"));return c(t,"height",o),E.start(t,{height:0,marginTop:0,marginBottom:0,paddingTop:0,paddingBottom:0,borderTop:0,borderBottom:0,opacity:0},n*o+i,s)}var mo={args:"autoplay",props:{automute:Boolean,autoplay:Boolean},data:{automute:!1,autoplay:!0},connected(){this.inView=this.autoplay==="inview",this.inView&&!$t(this.$el,"preload")&&(this.$el.preload="none"),G(this.$el,"iframe")&&!$t(this.$el,"allow")&&(this.$el.allow="autoplay"),this.automute&&Xs(this.$el)},observe:[Me({args:{intersecting:!1}}),pt()],update:{read({visible:t}){return Js(this.$el)?{prev:t,visible:R(this.$el),inView:this.inView&&ns(this.$el)}:!1},write({prev:t,visible:e,inView:i}){!e||this.inView&&!i?Gs(this.$el):(this.autoplay===!0&&!t||i)&&Ys(this.$el)},events:["resize"]}},$l={mixins:[mo],props:{width:Number,height:Number},data:{automute:!0},events:{"load loadedmetadata"(){this.$emit("resize")}},observe:pt({target:({$el:t})=>[vo(t)||_(t)]}),update:{read(){const{ratio:t,cover:e}=Qe,{$el:i,width:s,height:n}=this;let o={width:s,height:n};if(!s||!n){const h={width:i.naturalWidth||i.videoWidth||i.clientWidth,height:i.naturalHeight||i.videoHeight||i.clientHeight};s?o=t(h,"width",s):n?o=t(h,"height",n):o=h}const{offsetHeight:r,offsetWidth:a}=vo(i)||_(i),l=e(o,{width:a+(a%2?1:0),height:r+(r%2?1:0)});return!l.width||!l.height?!1:l},write({height:t,width:e}){c(this.$el,{height:t,width:e})},events:["resize"]}};function vo(t){for(;t=_(t);)if(c(t,"position")!=="static")return t}let K;var wo={mixins:[Fe,ho,qt],args:"pos",props:{mode:"list",toggle:Boolean,boundary:Boolean,boundaryX:Boolean,boundaryY:Boolean,target:Boolean,targetX:Boolean,targetY:Boolean,stretch:Boolean,delayShow:Number,delayHide:Number,autoUpdate:Boolean,clsDrop:String,animateOut:Boolean,bgScroll:Boolean},data:{mode:["click","hover"],toggle:"- *",boundary:!1,boundaryX:!1,boundaryY:!1,target:!1,targetX:!1,targetY:!1,stretch:!1,delayShow:0,delayHide:800,autoUpdate:!0,clsDrop:!1,animateOut:!1,bgScroll:!0,animation:["uk-animation-fade"],cls:"uk-open",container:!1},computed:{boundary({boundary:t,boundaryX:e,boundaryY:i},s){return[at(e||t,s)||window,at(i||t,s)||window]},target({target:t,targetX:e,targetY:i},s){return e||(e=t||this.targetEl),i||(i=t||this.targetEl),[e===!0?window:at(e,s),i===!0?window:at(i,s)]}},created(){this.tracker=new ts},beforeConnect(){this.clsDrop=this.$props.clsDrop||`uk-${this.$options.name}`},connected(){y(this.$el,"uk-drop",this.clsDrop),this.toggle&&!this.targetEl&&(this.targetEl=kl(this)),this._style=Ni(this.$el.style,["width","height"])},disconnected(){this.isActive()&&(this.hide(!1),K=null),c(this.$el,this._style)},observe:Ne({target:({toggle:t,$el:e})=>at(t,e),targets:({$el:t})=>t}),events:[{name:"click",delegate(){return".uk-drop-close"},handler(t){t.preventDefault(),this.hide(!1)}},{name:"click",delegate(){return'a[href*="#"]'},handler({defaultPrevented:t,current:e}){const{hash:i}=e;!t&&i&&ae(e)&&!B(i,this.$el)&&this.hide(!1)}},{name:"beforescroll",handler(){this.hide(!1)}},{name:"toggle",self:!0,handler(t,e){t.preventDefault(),this.isToggled()?this.hide(!1):this.show(e==null?void 0:e.$el,!1)}},{name:"toggleshow",self:!0,handler(t,e){t.preventDefault(),this.show(e==null?void 0:e.$el)}},{name:"togglehide",self:!0,handler(t){t.preventDefault(),C(this.$el,":focus,:hover")||this.hide()}},{name:`${Rt} focusin`,filter(){return m(this.mode,"hover")},handler(t){St(t)||this.clearTimers()}},{name:`${Oe} focusout`,filter(){return m(this.mode,"hover")},handler(t){!St(t)&&t.relatedTarget&&this.hide()}},{name:"toggled",self:!0,handler(t,e){p(this.targetEl,"aria-expanded",e?!0:null),e&&(this.clearTimers(),this.position())}},{name:"show",self:!0,handler(){K=this,this.tracker.init();const t=[Sl(this),Cl(this),Tl(this),this.autoUpdate&&Il(this),!this.bgScroll&&In(this.$el)];j(this.$el,"hide",()=>t.forEach(e=>e&&e()),{self:!0})}},{name:"beforehide",self:!0,handler(){this.clearTimers()}},{name:"hide",handler({target:t}){if(this.$el!==t){K=K===null&&B(t,this.$el)&&this.isToggled()?this:K;return}K=this.isActive()?null:K,this.tracker.cancel()}}],update:{write(){this.isToggled()&&!P(this.$el,this.clsEnter)&&this.position()}},methods:{show(t=this.targetEl,e=!0){if(this.isToggled()&&t&&this.targetEl&&t!==this.targetEl&&this.hide(!1,!1),this.targetEl=t,this.clearTimers(),!this.isActive()){if(K){if(e&&K.isDelaying){this.showTimer=setTimeout(()=>C(t,":hover")&&this.show(),10);return}let i;for(;K&&i!==K&&!B(this.$el,K.$el);)i=K,K.hide(!1,!1)}this.container&&_(this.$el)!==this.container&&L(this.container,this.$el),this.showTimer=setTimeout(()=>this.toggleElement(this.$el,!0),e&&this.delayShow||0)}},hide(t=!0,e=!0){const i=()=>this.toggleElement(this.$el,!1,this.animateOut&&e);this.clearTimers(),this.isDelaying=xl(this.$el).some(s=>this.tracker.movesTo(s)),t&&this.isDelaying?this.hideTimer=setTimeout(this.hide,50):t&&this.delayHide?this.hideTimer=setTimeout(i,this.delayHide):i()},clearTimers(){clearTimeout(this.showTimer),clearTimeout(this.hideTimer),this.showTimer=null,this.hideTimer=null,this.isDelaying=!1},isActive(){return K===this},position(){M(this.$el,"uk-drop-stack"),c(this.$el,this._style),this.$el.hidden=!0;const t=this.target.map(n=>yl(this.$el,n)),e=this.getViewportOffset(this.$el),i=[[0,["x","width","left","right"]],[1,["y","height","top","bottom"]]];for(const[n,[o,r]]of i)this.axis!==o&&m([o,!0],this.stretch)&&c(this.$el,{[r]:Math.min(A(this.boundary[n])[r],t[n][r]-2*e),[`overflow-${o}`]:"auto"});const s=t[0].width-2*e;this.$el.hidden=!1,c(this.$el,"maxWidth",""),this.$el.offsetWidth>s&&y(this.$el,"uk-drop-stack"),c(this.$el,"maxWidth",s),this.positionAt(this.$el,this.target,this.boundary);for(const[n,[o,r,a,l]]of i)if(this.axis===o&&m([o,!0],this.stretch)){const h=Math.abs(this.getPositionOffset(this.$el)),u=A(this.target[n]),f=A(this.$el);c(this.$el,{[r]:(u[a]>f[a]?u[this.inset?l:a]-Math.max(A(this.boundary[n])[a],t[n][a]+e):Math.min(A(this.boundary[n])[l],t[n][l]-e)-u[this.inset?a:l])-h,[`overflow-${o}`]:"auto"}),this.positionAt(this.$el,this.target,this.boundary)}}}};function xl(t){const e=[];return It(t,i=>c(i,"position")!=="static"&&e.push(i)),e}function yl(t,e){return ct(jt(e).find(i=>B(t,i)))}function kl(t){const{$el:e}=t.$create("toggle",at(t.toggle,t.$el),{target:t.$el,mode:t.mode});return p(e,"aria-haspopup",!0),e}function Sl(t){const e=()=>t.$emit(),i=[es(e),hi(jt(t.$el).concat(t.target),e)];return()=>i.map(s=>s.disconnect())}function Il(t){return x([document,...jt(t.$el)],"scroll",()=>t.$emit(),{passive:!0})}function Cl(t){return x(document,"keydown",e=>{e.keyCode===S.ESC&&t.hide(!1)})}function Tl(t){return x(document,mt,({target:e})=>{B(e,t.$el)||j(document,`${_t} ${li} scroll`,({defaultPrevented:i,type:s,target:n})=>{!i&&s===_t&&e===n&&!(t.targetEl&&B(e,t.targetEl))&&t.hide(!1)},!0)})}var bo={mixins:[st,Fe],props:{align:String,clsDrop:String,boundary:Boolean,dropbar:Boolean,dropbarAnchor:Boolean,duration:Number,mode:Boolean,offset:Boolean,stretch:Boolean,delayShow:Boolean,delayHide:Boolean,target:Boolean,targetX:Boolean,targetY:Boolean,animation:Boolean,animateOut:Boolean},data:{align:X?"right":"left",clsDrop:"uk-dropdown",clsDropbar:"uk-dropnav-dropbar",boundary:!0,dropbar:!1,dropbarAnchor:!1,duration:200,container:!1,selNavItem:"> li > a, > ul > li > a"},computed:{dropbarAnchor({dropbarAnchor:t},e){return at(t,e)||e},dropbar({dropbar:t}){return t?(t=this._dropbar||at(t,this.$el)||w(`+ .${this.clsDropbar}`,this.$el),t||(this._dropbar=w("
        "))):null},dropContainer(t,e){return this.container||e},dropdowns({clsDrop:t},e){var i;const s=z(`.${t}`,e);if(this.dropContainer!==e)for(const n of z(`.${t}`,this.dropContainer)){const o=(i=this.getDropdown(n))==null?void 0:i.targetEl;!m(s,n)&&o&&B(o,this.$el)&&s.push(n)}return s},items({selNavItem:t},e){return z(t,e)}},watch:{dropbar(t){y(t,"uk-dropbar","uk-dropbar-top",this.clsDropbar,`uk-${this.$options.name}-dropbar`)},dropdowns(){this.initializeDropdowns()}},connected(){this.initializeDropdowns()},disconnected(){lt(this._dropbar),delete this._dropbar},events:[{name:"mouseover focusin",delegate(){return this.selNavItem},handler({current:t}){const e=this.getActive();e&&m(e.mode,"hover")&&e.targetEl&&!B(e.targetEl,t)&&!e.isDelaying&&e.hide(!1)}},{name:"keydown",self:!0,delegate(){return this.selNavItem},handler(t){var e;const{current:i,keyCode:s}=t,n=this.getActive();s===S.DOWN&&(n==null?void 0:n.targetEl)===i&&(t.preventDefault(),(e=w(Se,n.$el))==null||e.focus()),$o(t,this.items,n)}},{name:"keydown",el(){return this.dropContainer},delegate(){return`.${this.clsDrop}`},handler(t){var e;const{current:i,keyCode:s}=t;if(!m(this.dropdowns,i))return;const n=this.getActive();let o=-1;if(s===S.HOME?o=0:s===S.END?o="last":s===S.UP?o="previous":s===S.DOWN?o="next":s===S.ESC&&((e=n.targetEl)==null||e.focus()),~o){t.preventDefault();const r=z(Se,i);r[rt(o,r,xt(r,a=>C(a,":focus")))].focus()}$o(t,this.items,n)}},{name:"mouseleave",el(){return this.dropbar},filter(){return this.dropbar},handler(){const t=this.getActive();t&&m(t.mode,"hover")&&!this.dropdowns.some(e=>C(e,":hover"))&&t.hide()}},{name:"beforeshow",el(){return this.dropContainer},filter(){return this.dropbar},handler({target:t}){this.isDropbarDrop(t)&&(this.dropbar.previousElementSibling!==this.dropbarAnchor&&si(this.dropbarAnchor,this.dropbar),y(t,`${this.clsDrop}-dropbar`))}},{name:"show",el(){return this.dropContainer},filter(){return this.dropbar},handler({target:t}){if(!this.isDropbarDrop(t))return;const e=this.getDropdown(t),i=()=>{const s=oe(t,`.${this.clsDrop}`).concat(t).map(a=>A(a)),n=Math.min(...s.map(({top:a})=>a)),o=Math.max(...s.map(({bottom:a})=>a)),r=A(this.dropbar);c(this.dropbar,"top",this.dropbar.offsetTop-(r.top-n)),this.transitionTo(o-n+$(c(t,"marginBottom")),t)};this._observer=hi([e.$el,...e.target],i),i()}},{name:"beforehide",el(){return this.dropContainer},filter(){return this.dropbar},handler(t){const e=this.getActive();C(this.dropbar,":hover")&&e.$el===t.target&&!this.items.some(i=>e.targetEl!==i&&C(i,":focus"))&&t.preventDefault()}},{name:"hide",el(){return this.dropContainer},filter(){return this.dropbar},handler({target:t}){var e;if(!this.isDropbarDrop(t))return;(e=this._observer)==null||e.disconnect();const i=this.getActive();(!i||i.$el===t)&&this.transitionTo(0)}}],methods:{getActive(){var t;return m(this.dropdowns,(t=K)==null?void 0:t.$el)&&K},async transitionTo(t,e){const{dropbar:i}=this,s=et(i);e=sc(e,{clipPath:""}))]).catch(I)},getDropdown(t){return this.$getComponent(t,"drop")||this.$getComponent(t,"dropdown")},isDropbarDrop(t){return this.getDropdown(t)&&P(t,this.clsDrop)},initializeDropdowns(){this.$create("drop",this.dropdowns.filter(t=>!this.getDropdown(t)),{...this.$props,flip:!1,shift:!0,pos:`bottom-${this.align}`,boundary:this.boundary===!0?this.$el:this.boundary})}}};function $o(t,e,i){var s,n,o;const{current:r,keyCode:a}=t;let l=-1;a===S.HOME?l=0:a===S.END?l="last":a===S.LEFT?l="previous":a===S.RIGHT?l="next":a===S.TAB&&((s=i.targetEl)==null||s.focus(),(n=i.hide)==null||n.call(i,!1)),~l&&(t.preventDefault(),(o=i.hide)==null||o.call(i,!1),e[rt(l,e,e.indexOf(i.targetEl||r))].focus())}var El={mixins:[st],args:"target",props:{target:Boolean},data:{target:!1},computed:{input(t,e){return w(ke,e)},state(){return this.input.nextElementSibling},target({target:t},e){return t&&(t===!0&&_(this.input)===e&&this.input.nextElementSibling||w(t,e))}},update(){var t;const{target:e,input:i}=this;if(!e)return;let s;const n=ji(e)?"value":"textContent",o=e[n],r=(t=i.files)!=null&&t[0]?i.files[0].name:C(i,"select")&&(s=z("option",i).filter(a=>a.selected)[0])?s.textContent:i.value;o!==r&&(e[n]=r)},events:[{name:"change",handler(){this.$emit()}},{name:"reset",el(){return U(this.$el,"form")},handler(){this.$emit()}}]},Pl={extends:pn,mixins:[st],name:"grid",props:{masonry:Boolean,parallax:Number},data:{margin:"uk-grid-margin",clsStack:"uk-grid-stack",masonry:!1,parallax:0},connected(){this.masonry&&y(this.$el,"uk-flex-top uk-flex-wrap-top")},observe:di({filter:({parallax:t})=>t}),update:[{write({columns:t}){q(this.$el,this.clsStack,t.length<2)},events:["resize"]},{read(t){let{columns:e,rows:i}=t;if(!e.length||!this.masonry&&!this.parallax||xo(this.$el))return t.translates=!1,!1;let s=!1;const n=T(this.$el),o=e.map(h=>Dt(h,"offsetHeight")),r=Al(n,this.margin)*(i.length-1),a=Math.max(...o)+r;this.masonry&&(e=e.map(h=>Ke(h,"offsetTop")),s=_l(i,e));let l=Math.abs(this.parallax);return l&&(l=o.reduce((h,u,f)=>Math.max(h,u+r+(f%2?l:l/8)-a),0)),{padding:l,columns:e,translates:s,height:s?a:""}},write({height:t,padding:e}){c(this.$el,"paddingBottom",e||""),t!==!1&&c(this.$el,"height",t)},events:["resize"]},{read(){return this.parallax&&xo(this.$el)?!1:{scrolled:this.parallax?os(this.$el)*Math.abs(this.parallax):!1}},write({columns:t,scrolled:e,translates:i}){e===!1&&!i||t.forEach((s,n)=>s.forEach((o,r)=>c(o,"transform",!e&&!i?"":`translateY(${(i&&-i[n][r])+(e?n%2?e:e/8:0)}px)`)))},events:["scroll","resize"]}]};function xo(t){return T(t).some(e=>c(e,"position")==="absolute")}function _l(t,e){const i=t.map(s=>Math.max(...s.map(n=>n.offsetHeight)));return e.map(s=>{let n=0;return s.map((o,r)=>n+=r?i[r-1]-s[r-1].offsetHeight:0)})}function Al(t,e){const[i]=t.filter(s=>P(s,e));return $(i?c(i,"marginTop"):c(t[0],"paddingLeft"))}var Ol={args:"target",props:{target:String,row:Boolean},data:{target:"> *",row:!0},computed:{elements({target:t},e){return z(t,e)}},observe:pt({target:({$el:t,elements:e})=>[t,...e]}),update:{read(){return{rows:(this.row?cs(this.elements):[this.elements]).map(Dl)}},write({rows:t}){for(const{heights:e,elements:i}of t)i.forEach((s,n)=>c(s,"minHeight",e[n]))},events:["resize"]}};function Dl(t){if(t.length<2)return{heights:[""],elements:t};let e=t.map(Bl);const i=Math.max(...e);return{heights:t.map((s,n)=>e[n].toFixed(2)===i.toFixed(2)?"":i),elements:t}}function Bl(t){const e=Ni(t.style,["display","minHeight"]);R(t)||c(t,"display","block","important"),c(t,"minHeight","");const i=b(t).height-he(t,"height","content-box");return c(t,e),i}var Ml={props:{expand:Boolean,offsetTop:Boolean,offsetBottom:Boolean,minHeight:Number},data:{expand:!1,offsetTop:!1,offsetBottom:!1,minHeight:0},observe:[hs({filter:({expand:t})=>t}),pt({target:({$el:t})=>fe(t)})],update:{read(){if(!R(this.$el))return!1;let t="";const e=he(this.$el,"height","content-box"),{body:i,scrollingElement:s}=document,n=Ct(this.$el),{height:o}=ct(n===i?s:n),r=s===n||i===n;if(t=`calc(${r?"100vh":`${o}px`}`,this.expand){const a=b(n).height-b(this.$el).height;t+=` - ${a}px`}else{if(this.offsetTop)if(r){const a=Ht(this.$el)[0]-Ht(n)[0];t+=a>0&&a{if(!this._connected)return;const e=ih(t,this.$el);return this.svgEl&&e!==this.svgEl&<(this.svgEl),sh.call(this,e,t),this.svgEl=e},I)},disconnected(){this.svg.then(t=>{this._connected||(Ri(this.$el)&&(this.$el.hidden=!1),lt(t),this.svgEl=null)}),this.svg=null},methods:{async getSvg(){}}};function ih(t,e){if(Ri(e)||G(e,"canvas")){e.hidden=!0;const s=e.nextElementSibling;return ko(t,s)?s:si(e,t)}const i=e.lastElementChild;return ko(t,i)?i:L(e,t)}function ko(t,e){return G(t,"svg")&&G(e,"svg")&&t.innerHTML===e.innerHTML}function sh(t,e){const i=["width","height"];let s=i.map(o=>this[o]);s.some(o=>o)||(s=i.map(o=>p(e,o)));const n=p(e,"viewBox");n&&!s.some(o=>o)&&(s=n.split(" ").slice(2)),s.forEach((o,r)=>p(t,i[r],$(o)*this.ratio||null))}const Pi={spinner:th,totop:eh,marker:Hl,"close-icon":Nl,"close-large":zl,"drop-parent-icon":Fl,"nav-parent-icon":Wl,"nav-parent-icon-large":Ll,"navbar-parent-icon":Rl,"navbar-toggle-icon":jl,"overlay-icon":ql,"pagination-next":Ul,"pagination-previous":Vl,"search-icon":Yl,"search-large":Gl,"search-navbar":Xl,"slidenav-next":Kl,"slidenav-next-large":Jl,"slidenav-previous":Ql,"slidenav-previous-large":Zl},Is={install:dh,mixins:[yo],args:"icon",props:{icon:String},isIcon:!0,beforeConnect(){y(this.$el,"uk-icon")},methods:{async getSvg(){const t=ph(this.icon);if(!t)throw"Icon not found.";return t}}},Gt={args:!1,extends:Is,data:t=>({icon:Kt(t.constructor.options.name)}),beforeConnect(){y(this.$el,this.$options.id)}},nh={extends:Gt,beforeConnect(){const t=this.$props.icon;this.icon=U(this.$el,".uk-nav-primary")?`${t}-large`:t}},oh={extends:Gt,mixins:[vi],i18n:{toggle:"Open Search",submit:"Submit Search"},beforeConnect(){if(this.icon=P(this.$el,"uk-search-icon")&&oe(this.$el,".uk-search-large").length?"search-large":oe(this.$el,".uk-search-navbar").length?"search-navbar":this.$props.icon,!$t(this.$el,"aria-label"))if(P(this.$el,"uk-search-toggle")||P(this.$el,"uk-navbar-toggle")){const t=this.t("toggle");p(this.$el,"aria-label",t)}else{const t=U(this.$el,"a,button");if(t){const e=this.t("submit");p(t,"aria-label",e)}}}},rh={extends:Gt,beforeConnect(){p(this.$el,"role","status")},methods:{async getSvg(){const t=await Is.methods.getSvg.call(this);return this.ratio!==1&&c(w("circle",t),"strokeWidth",1/this.ratio),t}}},Xt={extends:Gt,mixins:[vi],beforeConnect(){const t=U(this.$el,"a,button");p(t,"role",this.role!==null&&G(t,"a")?"button":this.role);const e=this.t("label");e&&!$t(t,"aria-label")&&p(t,"aria-label",e)}},So={extends:Xt,beforeConnect(){y(this.$el,"uk-slidenav");const t=this.$props.icon;this.icon=P(this.$el,"uk-slidenav-large")?`${t}-large`:t}},ah={extends:Xt,i18n:{label:"Open menu"}},lh={extends:Xt,i18n:{label:"Close"},beforeConnect(){this.icon=`close-${P(this.$el,"uk-close-large")?"large":"icon"}`}},hh={extends:Xt,i18n:{label:"Open"}},ch={extends:Xt,i18n:{label:"Back to top"}},uh={extends:Xt,i18n:{label:"Next page"},data:{role:null}},fh={extends:Xt,i18n:{label:"Previous page"},data:{role:null}},_i={};function dh(t){t.icon.add=(e,i)=>{const s=D(e)?{[e]:i}:e;Pt(s,(n,o)=>{Pi[o]=n,delete _i[o]}),t._initialized&&It(document.body,n=>Pt(t.getComponents(n),o=>{o.$options.isIcon&&o.icon in s&&o.$reset()}))}}function ph(t){return Pi[t]?(_i[t]||(_i[t]=w((Pi[gh(t)]||Pi[t]).trim())),_i[t].cloneNode(!0)):null}function gh(t){return X?Mi(Mi(t,"left","right"),"previous","next"):t}const mh=Lt&&"loading"in HTMLImageElement.prototype;var vh={args:"dataSrc",props:{dataSrc:String,sources:String,margin:String,target:String,loading:String},data:{dataSrc:"",sources:!1,margin:"50%",target:!1,loading:"lazy"},connected(){if(this.loading!=="lazy"){this.load();return}mh&&Ai(this.$el)&&(this.$el.loading="lazy",Cs(this.$el)),yh(this.$el)},disconnected(){this.img&&(this.img.onload=""),delete this.img},observe:Me({target:({$el:t,$props:e})=>[t,...Ce(e.target,t)],handler(t,e){this.load(),e.disconnect()},options:({margin:t})=>({rootMargin:t}),filter:({loading:t})=>t==="lazy"}),methods:{load(){if(this.img)return this.img;const t=Ai(this.$el)?this.$el:bh(this.$el,this.dataSrc,this.sources);return ye(t,"loading"),Cs(this.$el,t.currentSrc),this.img=t}}};function Cs(t,e){if(Ai(t)){const i=_(t);(G(i,"picture")?T(i):[t]).forEach(n=>Io(n,n))}else e&&!m(t.style.backgroundImage,e)&&(c(t,"backgroundImage",`url(${Vi(e)})`),v(t,Mt("load",!1)))}const wh=["data-src","data-srcset","sizes"];function Io(t,e){for(const i of wh){const s=tt(t,i);s&&p(e,i.replace(/^(data-)+/,""),s)}}function bh(t,e,i){const s=new Image;return $h(s,i),Io(t,s),s.onload=()=>{Cs(t,s.currentSrc)},p(s,"src",e),s}function $h(t,e){if(e=xh(e),e.length){const i=zt("");for(const s of e){const n=zt("");p(n,s),L(i,n)}L(i,t)}}function xh(t){if(!t)return[];if(ot(t,"["))try{t=JSON.parse(t)}catch{t=[]}else t=Be(t);return Q(t)||(t=[t]),t.filter(e=>!xe(e))}function yh(t){Ai(t)&&!$t(t,"src")&&p(t,"src",'data:image/svg+xml;utf8,')}function Ai(t){return G(t,"img")}var kh={mixins:[st,$i],props:{fill:String},data:{fill:"",clsWrapper:"uk-leader-fill",clsHide:"uk-leader-hide",attrFill:"data-fill"},computed:{fill({fill:t}){return t||c(this.$el,"--uk-leader-fill-content")}},connected(){[this.wrapper]=Ji(this.$el,``)},disconnected(){Pe(this.wrapper.childNodes)},observe:pt(),update:{read(){return{width:Math.trunc(this.$el.offsetWidth/2),fill:this.fill,hide:!this.matchMedia}},write({width:t,fill:e,hide:i}){q(this.wrapper,this.clsHide,i),p(this.wrapper,this.attrFill,new Array(t).join(e))},events:["resize"]}},Sh={install:Ih,mixins:[ps],data:{clsPage:"uk-modal-page",selPanel:".uk-modal-dialog",selClose:".uk-modal-close, .uk-modal-close-default, .uk-modal-close-outside, .uk-modal-close-full"},events:[{name:"show",self:!0,handler(){P(this.panel,"uk-margin-auto-vertical")?y(this.$el,"uk-flex"):c(this.$el,"display","block"),et(this.$el)}},{name:"hidden",self:!0,handler(){c(this.$el,"display",""),M(this.$el,"uk-flex")}}]};function Ih({modal:t}){t.dialog=function(i,s){const n=t(`
        ${i}
        `,{stack:!0,role:"alertdialog",...s});return n.show(),x(n.$el,"hidden",async()=>{await Promise.resolve(),n.$destroy(!0)},{self:!0}),n},t.alert=function(i,s){return e(({i18n:n})=>`
        ${D(i)?i:Nt(i)}
        `,s)},t.confirm=function(i,s){return e(({i18n:n})=>`
        ${D(i)?i:Nt(i)}
        `,s,()=>Promise.reject())},t.prompt=function(i,s,n){const o=e(({i18n:l})=>`
        `,n,()=>null,()=>a.value),{$el:r}=o.dialog,a=w("input",r);return x(r,"show",()=>a.select()),o},t.i18n={ok:"Ok",cancel:"Cancel"};function e(i,s,n=I,o=I){s={bgClose:!1,escClose:!0,...s,i18n:{...t.i18n,...s==null?void 0:s.i18n}};const r=t.dialog(i(s),s);return wt(new Promise(a=>{const l=x(r.$el,"hide",()=>a(n()));x(r.$el,"submit","form",h=>{h.preventDefault(),a(o(r)),l(),r.hide()})}),{dialog:r})}}var Ch={extends:go,data:{targets:"> .uk-parent",toggle:"> a",content:"> ul"}},Th={extends:bo,data:{clsDrop:"uk-navbar-dropdown",selNavItem:".uk-navbar-nav > li > a,a.uk-navbar-item,button.uk-navbar-item,.uk-navbar-item a,.uk-navbar-item button,.uk-navbar-toggle"},watch:{items(){const t=P(this.$el,"uk-navbar-justify");for(const e of z(".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right",this.$el))c(e,"flexGrow",t?z(".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle",e).length:"")}}},Eh={mixins:[ps],args:"mode",props:{mode:String,flip:Boolean,overlay:Boolean,swiping:Boolean},data:{mode:"slide",flip:!1,overlay:!1,clsPage:"uk-offcanvas-page",clsContainer:"uk-offcanvas-container",selPanel:".uk-offcanvas-bar",clsFlip:"uk-offcanvas-flip",clsContainerAnimation:"uk-offcanvas-container-animation",clsSidebarAnimation:"uk-offcanvas-bar-animation",clsMode:"uk-offcanvas",clsOverlay:"uk-offcanvas-overlay",selClose:".uk-offcanvas-close",container:!1,swiping:!0},computed:{clsFlip({flip:t,clsFlip:e}){return t?e:""},clsOverlay({overlay:t,clsOverlay:e}){return t?e:""},clsMode({mode:t,clsMode:e}){return`${e}-${t}`},clsSidebarAnimation({mode:t,clsSidebarAnimation:e}){return t==="none"||t==="reveal"?"":e},clsContainerAnimation({mode:t,clsContainerAnimation:e}){return t!=="push"&&t!=="reveal"?"":e},transitionElement({mode:t}){return t==="reveal"?_(this.panel):this.panel}},observe:dn({filter:({swiping:t})=>t}),update:{read(){this.isToggled()&&!R(this.$el)&&this.hide()},events:["resize"]},events:[{name:"touchmove",self:!0,passive:!1,filter(){return this.overlay},handler(t){t.cancelable&&t.preventDefault()}},{name:"show",self:!0,handler(){this.mode==="reveal"&&!P(_(this.panel),this.clsMode)&&(oi(this.panel,"
        "),y(_(this.panel),this.clsMode));const{body:t,scrollingElement:e}=document;y(t,this.clsContainer,this.clsFlip),c(t,"touch-action","pan-y pinch-zoom"),c(this.$el,"display","block"),c(this.panel,"maxWidth",e.clientWidth),y(this.$el,this.clsOverlay),y(this.panel,this.clsSidebarAnimation,this.mode==="reveal"?"":this.clsMode),et(t),y(t,this.clsContainerAnimation),this.clsContainerAnimation&&Ph()}},{name:"hide",self:!0,handler(){M(document.body,this.clsContainerAnimation),c(document.body,"touch-action","")}},{name:"hidden",self:!0,handler(){this.clsContainerAnimation&&_h(),this.mode==="reveal"&&Pe(this.panel),M(this.panel,this.clsSidebarAnimation,this.clsMode),M(this.$el,this.clsOverlay),c(this.$el,"display",""),c(this.panel,"maxWidth",""),M(document.body,this.clsContainer,this.clsFlip)}},{name:"swipeLeft swipeRight",handler(t){this.isToggled()&&Zt(t.type,"Left")^this.flip&&this.hide()}}]};function Ph(){Co().content+=",user-scalable=0"}function _h(){const t=Co();t.content=t.content.replace(/,user-scalable=0$/,"")}function Co(){return w('meta[name="viewport"]',document.head)||L(document.head,'')}var Ah={mixins:[st],props:{selContainer:String,selContent:String,minHeight:Number},data:{selContainer:".uk-modal",selContent:".uk-modal-dialog",minHeight:150},computed:{container({selContainer:t},e){return U(e,t)},content({selContent:t},e){return U(e,t)}},observe:pt({target:({container:t,content:e})=>[t,e]}),update:{read(){return!this.content||!this.container||!R(this.$el)?!1:{max:Math.max(this.minHeight,et(this.container)-(b(this.content).height-et(this.$el)))}},write({max:t}){c(this.$el,{minHeight:this.minHeight,maxHeight:t})},events:["resize"]}},Oh={props:["width","height"],connected(){y(this.$el,"uk-responsive-width")},observe:pt({target:({$el:t})=>[t,_(t)]}),update:{read(){return R(this.$el)&&this.width&&this.height?{width:_e(_(this.$el)),height:this.height}:!1},write(t){et(this.$el,Qe.contain({height:this.height,width:this.width},t).height)},events:["resize"]}},Dh={props:{offset:Number},data:{offset:0},connected(){Bh(this)},disconnected(){Mh(this)},methods:{async scrollTo(t){t=t&&w(t)||document.body,v(this.$el,"beforescroll",[this,t])&&(await tn(t,{offset:this.offset}),v(this.$el,"scrolled",[this,t]))}}};const Ve=new Set;function Bh(t){Ve.size||x(document,"click",To),Ve.add(t)}function Mh(t){Ve.delete(t),Ve.size||Bt(document,"click",To)}function To(t){if(!t.defaultPrevented)for(const e of Ve)B(t.target,e.$el)&&ae(e.$el)&&(t.preventDefault(),window.location.href!==e.$el.href&&window.history.pushState({},"",e.$el.href),e.scrollTo(qi(e.$el)))}var Nh={args:"cls",props:{cls:String,target:String,hidden:Boolean,margin:String,repeat:Boolean,delay:Number},data:()=>({cls:"",target:!1,hidden:!0,margin:"-1px",repeat:!1,delay:0,inViewClass:"uk-scrollspy-inview"}),computed:{elements({target:t},e){return t?z(t,e):[e]}},watch:{elements(t){this.hidden&&c(Ie(t,`:not(.${this.inViewClass})`),"opacity",0)}},connected(){this.elementData=new Map},disconnected(){for(const[t,e]of this.elementData.entries())M(t,this.inViewClass,(e==null?void 0:e.cls)||"");delete this.elementData},observe:Me({target:({elements:t})=>t,handler(t){const e=this.elementData;for(const{target:i,isIntersecting:s}of t){e.has(i)||e.set(i,{cls:tt(i,"uk-scrollspy-class")||this.cls});const n=e.get(i);!this.repeat&&n.show||(n.show=s)}this.$emit()},options:t=>({rootMargin:t.margin}),args:{intersecting:!1}}),update:[{write(t){for(const[e,i]of this.elementData.entries())i.show&&!i.inview&&!i.queued?(i.queued=!0,t.promise=(t.promise||Promise.resolve()).then(()=>new Promise(s=>setTimeout(s,this.delay))).then(()=>{this.toggle(e,!0),setTimeout(()=>{i.queued=!1,this.$emit()},300)})):!i.show&&i.inview&&!i.queued&&this.repeat&&this.toggle(e,!1)}}],methods:{toggle(t,e){var i;const s=this.elementData.get(t);if(s){if((i=s.off)==null||i.call(s),c(t,"opacity",!e&&this.hidden?0:""),q(t,this.inViewClass,e),q(t,s.cls),/\buk-animation-/.test(s.cls)){const n=()=>Hi(t,"uk-animation-[\\w-]+");e?s.off=j(t,"animationcancel animationend",n):n()}v(t,e?"inview":"outview"),s.inview=e,this.$update(t)}}}},zh={props:{cls:String,closest:String,scroll:Boolean,overflow:Boolean,offset:Number},data:{cls:"uk-active",closest:!1,scroll:!1,overflow:!0,offset:0},computed:{links(t,e){return z('a[href*="#"]',e).filter(i=>i.hash&&ae(i))},elements({closest:t}){return U(this.links,t||"*")}},watch:{links(t){this.scroll&&this.$create("scroll",t,{offset:this.offset||0})}},observe:[Me(),di()],update:[{read(){const t=this.links.map(qi).filter(Boolean),{length:e}=t;if(!e||!R(this.$el))return!1;const i=Ct(t,!0),{scrollTop:s,scrollHeight:n}=i,o=ct(i),r=n-o.height;let a=!1;if(s===r)a=e-1;else{for(let l=0;l0);l++)a=+l;a===!1&&this.overflow&&(a=0)}return{active:a}},write({active:t}){const e=t!==!1&&!P(this.elements[t],this.cls);this.links.forEach(i=>i.blur());for(let i=0;i
        '),this.isFixed=!1,this.setActive(!1)},beforeDisconnect(){this.isFixed&&(this.hide(),M(this.selTarget,this.clsInactive)),Po(this.$el),lt(this.placeholder),this.placeholder=null},observe:[hs(),di({target:()=>document.scrollingElement}),pt({target:({$el:t})=>[t,document.scrollingElement]})],events:[{name:"load hashchange popstate",el(){return window},filter(){return this.targetOffset!==!1},handler(){const{scrollingElement:t}=document;!location.hash||t.scrollTop===0||setTimeout(()=>{const e=A(w(location.hash)),i=A(this.$el);this.isFixed&&zi(e,i)&&(t.scrollTop=e.top-i.height-ht(this.targetOffset,"height",this.placeholder)-ht(this.offset,"height",this.placeholder))})}},{name:"transitionstart",capture:!0,handler(){this.transitionInProgress=j(this.$el,"transitionend transitioncancel",()=>this.transitionInProgress=null)}}],update:[{read({height:t,width:e,margin:i,sticky:s}){if(this.inactive=!this.matchMedia||!R(this.$el),this.inactive)return;const n=this.isFixed&&!this.transitionInProgress;n&&(_o(this.selTarget),this.hide()),this.active||({height:t,width:e}=A(this.$el),i=c(this.$el,"margin")),n&&this.show();const o=ht("100vh","height"),r=et(window),a=document.scrollingElement.scrollHeight-o;let l=this.position;this.overflowFlip&&t>o&&(l=l==="top"?"bottom":"top");const h=this.isFixed?this.placeholder:this.$el;let u=ht(this.offset,"height",s?this.$el:h);l==="bottom"&&(t300||n!==o)&&(t.initScroll=r,t.initTimestamp=d),!(this.showOnUp&&!this.isFixed&&Math.abs(t.initScroll-r)<=30&&Math.abs(a-r)<=10))if(this.inactive||rr&&(gt.cancel(this.$el),this.hide());return}this.animation&&r>u?(gt.cancel(this.$el),gt.out(this.$el,this.animation).then(()=>this.hide(),I)):this.hide()}else this.isFixed?this.update():this.animation&&r>u?(gt.cancel(this.$el),this.show(),gt.in(this.$el,this.animation).catch(I)):(_o(this.selTarget),this.show())},events:["resize","resizeViewport","scroll"]}],methods:{show(){this.isFixed=!0,this.update(),this.placeholder.hidden=!1},hide(){const{offset:t,sticky:e}=this._data;this.setActive(!1),M(this.$el,this.clsFixed,this.clsBelow),e?c(this.$el,"top",t):c(this.$el,{position:"",top:"",width:"",marginTop:""}),this.placeholder.hidden=!0,this.isFixed=!1},update(){let{width:t,scroll:e=0,overflow:i,overflowScroll:s=0,start:n,end:o,offset:r,topOffset:a,height:l,elHeight:h,offsetParentTop:u,sticky:f}=this._data;const d=n!==0||e>n;if(!f){let g="fixed";e>o&&(r+=o-u,g="absolute"),c(this.$el,{position:g,width:t,marginTop:0},"important")}i&&(r-=s),c(this.$el,"top",r),this.setActive(d),q(this.$el,this.clsBelow,e>a+(f?Math.min(l,h):l)),y(this.$el,this.clsFixed)},setActive(t){const e=this.active;this.active=t,t?(Li(this.selTarget,this.clsInactive,this.clsActive),e!==t&&v(this.$el,"active")):(Li(this.selTarget,this.clsActive,this.clsInactive),e!==t&&v(this.$el,"inactive"))}}};function Ts(t,e,i,s){if(!t)return 0;if(bt(t)||D(t)&&t.match(/^-?\d/))return i+ht(t,"height",e,!0);{const n=t===!0?_(e):at(t,e);return A(n).bottom-(s&&n&&B(e,n)?$(c(n,"paddingBottom")):0)}}function Eo(t){return t==="true"?!0:t==="false"?!1:t}function Po(t){c(t,{position:"",top:"",marginTop:"",width:""})}function _o(t){c(t,"transition","0s"),requestAnimationFrame(()=>c(t,"transition",""))}var Hh={mixins:[yo],args:"src",props:{src:String,icon:String,attributes:"list",strokeAnimation:Boolean},data:{strokeAnimation:!1},observe:[fn({async handler(){const t=await this.svg;t&&Ao.call(this,t)},options:{attributes:!0,attributeFilter:["id","class","style"]}})],async connected(){m(this.src,"#")&&([this.src,this.icon]=this.src.split("#"));const t=await this.svg;t&&(Ao.call(this,t),this.strokeAnimation&&jh(t))},methods:{async getSvg(){return G(this.$el,"img")&&!this.$el.complete&&this.$el.loading==="lazy"?new Promise(t=>j(this.$el,"load",()=>t(this.getSvg()))):Wh(await Lh(this.src),this.icon)||Promise.reject("SVG not found.")}}};function Ao(t){const{$el:e}=this;y(t,p(e,"class"),"uk-svg");for(let i=0;it?ot(t,"data:")?decodeURIComponent(t.split(",")[1]):(await fetch(t)).text():Promise.reject());function Wh(t,e){return e&&m(t,"/g,Rh=dt(function(t){const e={};Oo.lastIndex=0;let i;for(;i=Oo.exec(t);)e[i[3]]=``;return e});function jh(t){const e=Un(t);e&&c(t,"--uk-animation-stroke",e)}const Es=".uk-disabled *, .uk-disabled, [disabled]";var Do={mixins:[qt],args:"connect",props:{connect:String,toggle:String,itemNav:String,active:Number,followFocus:Boolean,swiping:Boolean},data:{connect:"~.uk-switcher",toggle:"> * > :first-child",itemNav:!1,active:0,cls:"uk-active",attrItem:"uk-switcher-item",selVertical:".uk-nav",followFocus:!1,swiping:!0},computed:{connects({connect:t},e){return Ce(t,e)},connectChildren(){return this.connects.map(t=>T(t)).flat()},toggles({toggle:t},e){return z(t,e)},children(){return T(this.$el).filter(t=>this.toggles.some(e=>B(e,t)))}},watch:{connects(t){this.swiping&&c(t,"touchAction","pan-y pinch-zoom"),this.$emit()},connectChildren(){let t=Math.max(0,this.index());for(const e of this.connects)T(e).forEach((i,s)=>q(i,this.cls,s===t));this.$emit()},toggles(t){this.$emit();const e=this.index();this.show(~e?e:t[this.active]||t[0])}},connected(){p(this.$el,"role","tablist")},observe:[Ne({targets:({connectChildren:t})=>t}),dn({target:({connects:t})=>t,filter:({swiping:t})=>t})],events:[{name:"click keydown",delegate(){return this.toggle},handler(t){!C(t.current,Es)&&(t.type==="click"||t.keyCode===S.SPACE)&&(t.preventDefault(),this.show(t.current))}},{name:"keydown",delegate(){return this.toggle},handler(t){const{current:e,keyCode:i}=t,s=C(this.$el,this.selVertical);let n=i===S.HOME?0:i===S.END?"last":i===S.LEFT&&!s||i===S.UP&&s?"previous":i===S.RIGHT&&!s||i===S.DOWN&&s?"next":-1;if(~n){t.preventDefault();const o=this.toggles.filter(a=>!C(a,Es)),r=o[rt(n,o,o.indexOf(e))];r.focus(),this.followFocus&&this.show(r)}}},{name:"click",el(){return this.connects.concat(this.itemNav?Ce(this.itemNav,this.$el):[])},delegate(){return`[${this.attrItem}],[data-${this.attrItem}]`},handler(t){U(t.target,"a,button")&&(t.preventDefault(),this.show(tt(t.current,this.attrItem)))}},{name:"swipeRight swipeLeft",filter(){return this.swiping},el(){return this.connects},handler({type:t}){this.show(Zt(t,"Left")?"next":"previous")}}],update(){var t;p(this.connects,"role","presentation"),p(T(this.$el),"role","presentation");for(const e in this.toggles){const i=this.toggles[e],s=(t=this.connects[0])==null?void 0:t.children[e];p(i,"role","tab"),s&&(i.id=At(this,i,`-tab-${e}`),s.id=At(this,s,`-tabpanel-${e}`),p(i,"aria-controls",s.id),p(s,{role:"tabpanel","aria-labelledby":i.id}))}p(this.$el,"aria-orientation",C(this.$el,this.selVertical)?"vertical":null)},methods:{index(){return xt(this.children,t=>P(t,this.cls))},show(t){const e=this.toggles.filter(r=>!C(r,Es)),i=this.index(),s=rt(!Xe(t)||m(e,t)?t:0,e,rt(this.toggles[i],e)),n=rt(e[s],this.toggles);this.children.forEach((r,a)=>{q(r,this.cls,n===a),p(this.toggles[a],{"aria-selected":n===a,tabindex:n===a?null:-1})});const o=i>=0&&i!==s;this.connects.forEach(async({children:r})=>{const a=Qt(r).filter((l,h)=>h!==n&&P(l,this.cls));await this.toggleElement(a,!1,o),await this.toggleElement(r[n],!0,o)})}}},qh={mixins:[st],extends:Do,props:{media:Boolean},data:{media:960,attrItem:"uk-tab-item",selVertical:".uk-tab-left,.uk-tab-right"},connected(){const t=P(this.$el,"uk-tab-left")?"uk-tab-left":P(this.$el,"uk-tab-right")?"uk-tab-right":!1;t&&this.$create("toggle",this.$el,{cls:t,mode:"media",media:this.media})}};const Uh=32;var Vh={mixins:[$i,qt],args:"target",props:{href:String,target:null,mode:"list",queued:Boolean},data:{href:!1,target:!1,mode:"click",queued:!0},computed:{target({target:t},e){return t=Ce(t||e.hash,e),t.length&&t||[e]}},connected(){m(this.mode,"media")||(ti(this.$el)||p(this.$el,"tabindex","0"),!this.cls&&G(this.$el,"a")&&p(this.$el,"role","button"))},observe:Ne({target:({target:t})=>t}),events:[{name:mt,filter(){return m(this.mode,"hover")},handler(t){this._preventClick=null,!(!St(t)||ie(this._showState)||this.$el.disabled)&&(v(this.$el,"focus"),j(document,mt,()=>v(this.$el,"blur"),!0,e=>!B(e.target,this.$el)),m(this.mode,"click")&&(this._preventClick=!0))}},{name:`mouseenter mouseleave ${Rt} ${Oe} focus blur`,filter(){return m(this.mode,"hover")},handler(t){if(St(t)||this.$el.disabled)return;const e=m(["mouseenter",Rt,"focus"],t.type),i=this.isToggled(this.target);if(!e&&(!ie(this._showState)||t.type!=="blur"&&C(this.$el,":focus")||t.type==="blur"&&C(this.$el,":hover"))){i===this._showState&&(this._showState=null);return}e&&ie(this._showState)&&i!==this._showState||(this._showState=e?i:null,this.toggle(`toggle${e?"show":"hide"}`))}},{name:"keydown",filter(){return m(this.mode,"click")&&!G(this.$el,"input")},handler(t){t.keyCode===Uh&&(t.preventDefault(),this.$el.click())}},{name:"click",filter(){return["click","hover"].some(t=>m(this.mode,t))},handler(t){let e;(this._preventClick||U(t.target,'a[href="#"], a[href=""]')||(e=U(t.target,"a[href]"))&&(!this.isToggled(this.target)||e.hash&&C(this.target,e.hash)))&&t.preventDefault(),!this._preventClick&&m(this.mode,"click")&&this.toggle()}},{name:"mediachange",filter(){return m(this.mode,"media")},el(){return this.target},handler(t,e){e.matches^this.isToggled(this.target)&&this.toggle()}}],methods:{async toggle(t){if(!v(this.target,t||"toggle",[this]))return;if($t(this.$el,"aria-expanded")&&p(this.$el,"aria-expanded",!this.isToggled(this.target)),!this.queued)return this.toggleElement(this.target);const e=this.target.filter(s=>P(s,this.clsLeave));if(e.length){for(const s of this.target){const n=m(e,s);this.toggleElement(s,n,n)}return}const i=this.target.filter(this.isToggled);await this.toggleElement(i,!1)&&await this.toggleElement(this.target.filter(s=>!m(i,s)),!0)}}},Yh=Object.freeze({__proto__:null,Accordion:go,Alert:wl,Close:lh,Cover:$l,Drop:wo,DropParentIcon:Gt,Dropdown:wo,Dropnav:bo,FormCustom:El,Grid:Pl,HeightMatch:Ol,HeightViewport:Ml,Icon:Is,Img:vh,Leader:kh,Margin:pn,Marker:hh,Modal:Sh,Nav:Ch,NavParentIcon:nh,Navbar:Th,NavbarParentIcon:Gt,NavbarToggleIcon:ah,Offcanvas:Eh,OverflowAuto:Ah,OverlayIcon:Gt,PaginationNext:uh,PaginationPrevious:fh,Responsive:Oh,Scroll:Dh,Scrollspy:Nh,ScrollspyNav:zh,SearchIcon:oh,SlidenavNext:So,SlidenavPrevious:So,Spinner:rh,Sticky:Fh,Svg:Hh,Switcher:Do,Tab:qh,Toggle:Vh,Totop:ch,Video:mo});return Pt(Yh,(t,e)=>ft.component(e,t)),fl(ft),Pt(ul,(t,e)=>ft.component(e,t)),ft}); diff --git a/templates/hello_world.html b/templates/hello_world.html new file mode 100644 index 0000000..5c82e66 --- /dev/null +++ b/templates/hello_world.html @@ -0,0 +1,8 @@ + + + + + + {% include "poem.html" ignore missing %} + + \ No newline at end of file diff --git a/templates/http404.html b/templates/http404.html new file mode 100644 index 0000000..f5b0c6c --- /dev/null +++ b/templates/http404.html @@ -0,0 +1,8 @@ + + + 404 - Not Found + + +

        Error 404: Not Found

        + + \ No newline at end of file diff --git a/templates/http500.html b/templates/http500.html new file mode 100644 index 0000000..a384c7c --- /dev/null +++ b/templates/http500.html @@ -0,0 +1,8 @@ + + + 500 - Internal Server Error + + +

        Error 500: Internal Server Error

        + + \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..7dcadce --- /dev/null +++ b/templates/index.html @@ -0,0 +1,35 @@ + + + + + + + + A Basic HTML5 Template + + + + + + + + + + + + + + + + + + + {% block top %} + {% include "site/top.html" %} + {% endblock %} + {% block content %} + + {% endblock %} + + + \ No newline at end of file diff --git a/templates/poem.html b/templates/poem.html new file mode 100644 index 0000000..509fbea --- /dev/null +++ b/templates/poem.html @@ -0,0 +1,18 @@ + + + + + +{% filter markdown %} +# Hello World! + +``` +A poem here to notice change. +Add one more sentence to it's range. +If ever you may read it then +You know this can only happen when +Someone may still be configurating. + + +``` +{% endfilter %} diff --git a/templates/site/top.html b/templates/site/top.html new file mode 100644 index 0000000..638b9d7 --- /dev/null +++ b/templates/site/top.html @@ -0,0 +1,33 @@ +