From 82487a417c4bc2a4cae6c7a7f19831929de1aed0 Mon Sep 17 00:00:00 2001 From: Mechseroms Date: Sat, 13 Dec 2025 10:23:28 -0600 Subject: [PATCH] Migration to Django --- .github/instructions/memory.instruction.md | 22 + AGENTS.md | 46 +- backend/ATTRIBUTES.md | 278 - backend/README.md | 149 - backend/character.py | 201 - backend/template.json | 157 - main.py => db.sqlite3 | 0 lisiumsite/__init__.py | 0 .../__pycache__/__init__.cpython-313.pyc | Bin 0 -> 162 bytes .../__pycache__/settings.cpython-313.pyc | Bin 0 -> 2447 bytes lisiumsite/__pycache__/urls.cpython-313.pyc | Bin 0 -> 1106 bytes lisiumsite/__pycache__/wsgi.cpython-313.pyc | Bin 0 -> 656 bytes lisiumsite/asgi.py | 16 + lisiumsite/settings.py | 118 + lisiumsite/urls.py | 23 + lisiumsite/wsgi.py | 16 + main/__init__.py | 0 main/__pycache__/__init__.cpython-313.pyc | Bin 0 -> 156 bytes main/__pycache__/admin.cpython-313.pyc | Bin 0 -> 200 bytes main/__pycache__/apps.cpython-313.pyc | Bin 0 -> 455 bytes main/__pycache__/models.cpython-313.pyc | Bin 0 -> 197 bytes main/__pycache__/urls.cpython-313.pyc | Bin 0 -> 332 bytes main/__pycache__/views.cpython-313.pyc | Bin 0 -> 407 bytes main/admin.py | 3 + main/apps.py | 5 + main/migrations/__init__.py | 0 .../__pycache__/__init__.cpython-313.pyc | Bin 0 -> 167 bytes main/models.py | 3 + main/templates/main/home.html | 12 + main/tests.py | 3 + main/urls.py | 6 + main/views.py | 6 + manage.py | 22 + requirements.txt | 3 + static/css/uikit-rtl.css | 13333 ++++++++++++++++ static/css/uikit-rtl.min.css | 1 + static/css/uikit.css | 13333 ++++++++++++++++ static/css/uikit.min.css | 1 + static/js/featureHandler.js | 35 + static/js/loginHandler.js | 32 + static/js/packageHandler.js | 44 + static/js/uikit-icons.js | 184 + static/js/uikit-icons.min.js | 1 + static/js/uikit.js | 10077 ++++++++++++ static/js/uikit.min.js | 1 + templates/feature.html | 52 + templates/login.html | 62 + templates/package.html | 72 + test.py | 18 + webserver.py | 164 + 50 files changed, 37693 insertions(+), 806 deletions(-) create mode 100644 .github/instructions/memory.instruction.md delete mode 100644 backend/ATTRIBUTES.md delete mode 100644 backend/README.md delete mode 100644 backend/character.py delete mode 100644 backend/template.json rename main.py => db.sqlite3 (100%) create mode 100644 lisiumsite/__init__.py create mode 100644 lisiumsite/__pycache__/__init__.cpython-313.pyc create mode 100644 lisiumsite/__pycache__/settings.cpython-313.pyc create mode 100644 lisiumsite/__pycache__/urls.cpython-313.pyc create mode 100644 lisiumsite/__pycache__/wsgi.cpython-313.pyc create mode 100644 lisiumsite/asgi.py create mode 100644 lisiumsite/settings.py create mode 100644 lisiumsite/urls.py create mode 100644 lisiumsite/wsgi.py create mode 100644 main/__init__.py create mode 100644 main/__pycache__/__init__.cpython-313.pyc create mode 100644 main/__pycache__/admin.cpython-313.pyc create mode 100644 main/__pycache__/apps.cpython-313.pyc create mode 100644 main/__pycache__/models.cpython-313.pyc create mode 100644 main/__pycache__/urls.cpython-313.pyc create mode 100644 main/__pycache__/views.cpython-313.pyc create mode 100644 main/admin.py create mode 100644 main/apps.py create mode 100644 main/migrations/__init__.py create mode 100644 main/migrations/__pycache__/__init__.cpython-313.pyc create mode 100644 main/models.py create mode 100644 main/templates/main/home.html create mode 100644 main/tests.py create mode 100644 main/urls.py create mode 100644 main/views.py create mode 100755 manage.py create mode 100644 requirements.txt create mode 100644 static/css/uikit-rtl.css create mode 100644 static/css/uikit-rtl.min.css create mode 100644 static/css/uikit.css create mode 100644 static/css/uikit.min.css create mode 100644 static/js/featureHandler.js create mode 100644 static/js/loginHandler.js create mode 100644 static/js/packageHandler.js create mode 100644 static/js/uikit-icons.js create mode 100644 static/js/uikit-icons.min.js create mode 100644 static/js/uikit.js create mode 100644 static/js/uikit.min.js create mode 100644 templates/feature.html create mode 100644 templates/login.html create mode 100644 templates/package.html create mode 100644 test.py create mode 100644 webserver.py diff --git a/.github/instructions/memory.instruction.md b/.github/instructions/memory.instruction.md new file mode 100644 index 0000000..b0168d7 --- /dev/null +++ b/.github/instructions/memory.instruction.md @@ -0,0 +1,22 @@ +--- +applyTo: '**' +--- + +# User Memory for Lessons & Guidance + +- **Primary rule:** Guide the user to code and learn on their own; never just do, always explain and teach. +- **Learning path:** User migrated from Flask (minimal web server) to Django (full-featured framework) and prefers learning by doing. +- **Technical background:** + - Familiarity with virtualenv and has adapted fish shell activation (uses `source venv/bin/activate.fish`). + - Installed Django (ver. 6.0) in a venv and started a new project (`lisiumsite`) in-place. + - Created a Django app called `main`. + - Explored and understood Django project vs app structure; compared to Flask blueprints. + - Built and routed the first Django view, corrected import mixups (urls/path). + - Created (and fixed discovery of) a Django template, learning that apps must be listed in `INSTALLED_APPS` for templates/models/admin to work. + - Debugged template location and settings issues, solidifying how Django finds resources. +- **Learning style:** + - Wants to understand errors and adapt, not just copy fixes. + - Prefers step-wise, hands-on lessons with context and why explanations. +- **Next desired topics:** + - Dynamic data in templates, Django ORM/models, Django admin, or migration of existing features. + - Wants lesson continuity: future guidance should reference this journey so far, reviewing key learnings and next best steps for deeper Django mastery. diff --git a/AGENTS.md b/AGENTS.md index 5adb2d1..626dab9 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -1,24 +1,28 @@ -# AGENTS.md: Agent Guidelines +# AGENTS.md: Guidelines for Agent Coders (2025) -## Build, Lint, Test -- Run entrypoint: `python main.py` -- No project-wide test/lint commands found; recommend: - - Run one test: `pytest test_file.py::test_func` (if pytest added) - - Lint: `flake8 .` or `pylint main.py` (if installed) - - Requirements: add `requirements.txt` if using dependencies -- No environment or shell scripts present. +## Build/Lint/Test +- Main entry: `python main.py` +- No test suite found; to run a single test (if using pytest): + - `pytest test_file.py::test_func` +- Lint (if installed): `flake8 .` or `pylint main.py` +- Add to `requirements.txt` if you introduce dependencies. +- No shell/env scripts found by default. -## Code Style -- Follow [PEP8](https://pep8.org/): 4 spaces per indent, <=79 chars/line -- Use explicit imports, not wildcard imports -- Place stdlib, 3rd party, and local imports in separate groups -- Use type annotations for all public functions/parameters -- Snake_case for functions/vars; PascalCase for classes; UPPER_SNAKE for constants -- Write docstrings for all public functions/classes -- Handle errors with try/except and log exception details -- One statement per line; no trailing whitespace -- Avoid global state; prefer function/class encapsulation -- Place entry code in `if __name__ == '__main__'` block -- No Cursor or Copilot rules/configs detected +## Python Code Style +- Follow [PEP8](https://pep8.org/) (4 spaces, ≤79 chars/line) +- Import order: stdlib, third-party, project/local +- Never use wildcard imports; always explicit +- Naming: snake_case for vars/functions, PascalCase for classes, UPPER_SNAKE_CASE for constants +- Add type annotations and docstrings to all public APIs/classes +- Handle errors with try/except; log or re-raise as needed +- One statement per line; trim trailing whitespace +- Avoid global state. Organize code into functions/classes. +- Use `if __name__ == '__main__'` to guard scripts. -_Update this document if configs or standards are added later._ +- No Cursor/.Copilot rules found (Dec 2025) + +(Update as project conventions evolve) + + +## Custom Rules + - Ensure that you guide me to code myself and not write code that I should learn to do myself. \ No newline at end of file diff --git a/backend/ATTRIBUTES.md b/backend/ATTRIBUTES.md deleted file mode 100644 index 5b8dc9b..0000000 --- a/backend/ATTRIBUTES.md +++ /dev/null @@ -1,278 +0,0 @@ -# D&D 5e Character Attributes - -This document outlines all the core and expanded character attributes that should be tracked for D&D 5e gameplay. Attributes are grouped by category, reflecting dependencies and standard D&D 5e game structure. - ---- - -## Base Attributes (Not Derived; static unless leveled up/class change) -- @name: Character name (save) -- @level: Character level (save) -- @race: Chosen race (grants features/traits) (save) -- @subrace: Optional, for races with subtypes (save) -- @class: Chosen class (save) -- @subclass: Optional archetype/subclass (save) -- @background: Character background (e.g., Soldier, Sage) (save) -- @alignment: Law/Chaos & Good/Evil axis (save) -- @size: (e.g., Medium, Small) (save) -- @age: Character's age (save) -- @gender: Gender identity (save) -- @height: Physical height (save) -- @weight: Physical weight (save) -- @deity: (optional) (save) - ---- - -## Core Abilities (Derived, Priority 1—calculate first) -### Base Scores -- @strength::base (save) -- @dexterity::base (save) -- @constitution::base (save) -- @intelligence::base (save) -- @wisdom::base (save) -- @charisma::base (save) -- @armor::base (save if you allow a base AC override, else derived) - -### Effective Scores (after modifiers, racial/class bonuses, etc.) -- @strength (derived) -- @dexterity (derived) -- @constitution (derived) -- @intelligence (derived) -- @wisdom (derived) -- @charisma (derived) -- @armor (derived; unless house rule for persistent AC overrides) - -### Modifiers -- @strength::modifier (derived) -- @dexterity::modifier (derived) -- @constitution::modifier (derived) -- @intelligence::modifier (derived) -- @wisdom::modifier (derived) -- @charisma::modifier (derived) - -### General -- @proficiency: Proficiency bonus (derived from level) -- @inspiration: Boolean (True/False) (save) -- @experience: XP points (save) - ---- - -## Proficiencies & Languages -- @proficiencies::armor (save) -- @proficiencies::weapons (save) -- @proficiencies::tools (save) -- @languages (save) - ---- - -## Saving Throws (Priority 2) -- @strength_save (derived) -- @dexterity_save (derived) -- @constitution_save (derived) -- @intelligence_save (derived) -- @wisdom_save (derived) -- @charisma_save (derived) - ---- - -## HP, Initiative, Related (Priority 2) -- @hp (current) (save, often derived on session start) -- @hp_max (derived) -- @hp_temp (save) -- @hit_die (e.g., d8, d10; and total available) (save) -- @initiative (includes initiative modifier) (derived) -- @armor (effective AC) (derived) - -### Death Saves -- @deathsaves::successes (save; reset between combats/long rests) -- @deathsaves::failures (save; reset between combats/long rests) - ---- - -## Resistances & Immunities (Priority 2) -- @fire_resistance (derived from features, else save if affected in play) -- @poison_resistance (derived) -- @psychic_resistance (derived) -- @cold_resistance (derived) -- @thunder_resistance (derived) -- @acid_resistance (derived) -- @force_resistance (derived) -- @radiant_resistance (derived) -- @necrotic_resistance (derived) -- @bludgeoning_resistance (derived) -- @piercing_resistance (derived) -- @slashing_resistance (derived) -- ... (more as needed) (derived) -- @immunities (list) (save if gained or lost in play; else derived) -- @vulnerabilities (list) (save if gained or lost in play; else derived) - ---- - -## Senses & Mobility (Priority 2) -- @speed::base (save) -- @speed::type (save) -- @darkvision (derived, unless modified at runtime; else save) -- @blindsight (derived) -- @tremorsense (derived) -- @truesight (derived) -- @passive_perception (derived) - ---- - -## Skills (Priority 2) -#### Strength -- @athletics (derived) - -#### Dexterity -- @acrobatics (derived) -- @sleight_of_hand (derived) -- @stealth (derived) - -#### Intelligence -- @arcana (derived) -- @history (derived) -- @investigation (derived) -- @nature (derived) -- @religion (derived) - -#### Wisdom -- @animal_handling (derived) -- @insight (derived) -- @medicine (derived) -- @perception (derived) -- @survival (derived) - -#### Charisma -- @deception (derived) -- @intimidation (derived) -- @performance (derived) -- @persuasion (derived) - ---- - -## Passives / Post-Derived Attributes (Priority 3) -- @athletics#passive (derived) -- @acrobatics#passive (derived) -- @sleight_of_hand#passive (derived) -- @stealth#passive (derived) -- @arcana#passive (derived) -- @history#passive (derived) -- @investigation#passive (derived) -- @nature#passive (derived) -- @religion#passive (derived) -- @animal_handling#passive (derived) -- @insight#passive (derived) -- @medicine#passive (derived) -- @perception#passive (derived) -- @survival#passive (derived) -- @deception#passive (derived) -- @intimidation#passive (derived) -- @performance#passive (derived) -- @persuasion#passive (derived) -- @passive_perception (derived) -- @passive_investigation (derived) -- @passive_insight (derived) - ---- - -## Spellcasting (if applicable) -- @spellcasting_ability (e.g., Intelligence) (save) -- @spell_save_dc (derived) -- @spell_attack_bonus (derived) -- @known_spells (list) (save) -- @prepared_spells (if required) (save) -- @spell_slots (level-indexed: e.g., 1st:2, 2nd:1) (save; because depleted/used in play) -- @cantrips (list) (save) -- @spellcasting_class (save) - ---- - -## Condition Tracking -- @exhaustion_level (save) -- @conditions_active (list; e.g., blinded, charmed, frightened, etc.) (save) - ---- - -## Currency & Inventory -- @cp (copper) (save) -- @sp (silver) (save) -- @ep (electrum) (save) -- @gp (gold) (save) -- @pp (platinum) (save) -- @equipment (list or structured) (save) - ---- - -## Features & Traits -- @features (class, race, background features—list) (save; usually as UUIDs/IDs, never as a derived calculation) -- @traits (racial, personality, ideals, bonds, flaws) (save, if you want to store narrative/roleplay traits) -- @personality_traits (save) -- @ideals (save) -- @bonds (save) -- @flaws (save) - ---- - -## Others & Miscellaneous -- @notes (free text) (save) -- @custom_attributes (dict or list) (save) - ---- - -## Recommended Attribute Application & Calculation Order in D&D 5e - -When building or advancing a character, the order in which features (including class, race, background, feats, etc.) are applied is critically important for mathematically correct results. Here’s the optimal order to apply these steps in any automated or manual pipeline: - -### 1. Base Values -- Start with all attributes at their neutral defaults (from template.json or your starting schema). -- Set character-level information (`name`, `race`, `class`, `background`, etc.) and ability base scores (from point array/rolled stats). - -### 2. Apply Racial and Background Features -- Apply all racial and background features and their effects (most commonly ability score increases (ASIs), senses, languages, and a few resistances or proficiencies). -- All static bonuses to scores or proficiencies from race/subrace and background get merged in. - -### 3. Apply Class and Subclass Features -- Apply features from main class and subclass (including ASIs offered at certain levels via class progression, class proficiencies, and hit die type, etc). -- Ensure proficiency bonus and proficiency-lists are now set, as they affect saving throws, skills, and attacks. - -### 4. Apply Feats and Optional Features -- Add in features/feats selected by the player (such as additional ASIs, new proficiencies, special rules, etc.). -- Apply any miscellaneous or homebrew features/effects here. - -### 5. Calculate Derived and Secondary Stats -- Now that all bonuses are applied: - - Calculate modifiers for abilities (e.g., `modifier = floor((score - 10) / 2)`). - - Recompute max HP, initiative, AC, proficiency bonus, and other directly derived stats. - - Compute saving throws using the base stat modifier and proficiency if relevant. - -### 6. Calculate Skills -- Compute each skill (e.g., `athletics`, `perception`) using the appropriate stat modifier(s) and proficiency bonus if applicable. -- Passive skills (e.g., `passive_perception`) are computed from active skills and modifiers — so must come after. - -### 7. Final Derived/Dependent Values -- Any features or effects with logic that depends on already-calculated derived values (like “your proficiency bonus equals your Wisdom modifier,” or “your AC is 10 + Dexterity modifier + Constitution modifier”) must be applied now. -- Set final values for resistances, senses, special movement, etc. - -### 8. Equipment, Spellcasting, and Other -- Add any changes or bonuses from starting equipment or attunements (if applicable). -- Spell slots, spells known, etc. should be finalized after class and subclass effects are complete. - -### Order Summary Table -| Step | Key Calculation | -|----------------------------|-------------------------------------------| -| 1. Base values | Initial population, base stats set | -| 2. Race/Backgrounds | ASIs, languages, simple traits | -| 3. Class & Subclass | Class features, proficiencies, hit dice | -| 4. Feats & Optionals | Feat/modifiers, optional rules | -| 5. Derived attributes | Modifiers, HP, AC, saving throws | -| 6. Skills | Skill values, passives | -| 7. Final dependencies | Effects dependent on other derived stats | -| 8. Equipment/Spells | Inventory, spellcasting | - -### Why This Order Works -- All stat boosts and proficiencies are resolved *before* using them in formulas for derived or secondary stats. -- Features that depend on other features (such as subclass features referencing class values, or feats modifying what skills are available) always work as intended. -- No recalculation is needed—just process each group in order. - ---- - -This schema is suitable for comprehensive D&D 5e character management. Expand or contract as needed for house rules, modules, or additional systems. diff --git a/backend/README.md b/backend/README.md deleted file mode 100644 index fdf4508..0000000 --- a/backend/README.md +++ /dev/null @@ -1,149 +0,0 @@ -all database files and backend code/api will be accessed in these files -The idea is that the api is set up in such a way that you can have only the backend run on the server or -the webapp can also be ran. - -most cases both will be ran - - - -### Character Attrinutes (dnd5e) - - -## Base Attributes -base attributes area attr that are not derived at run time. In most if not all cases -these will remain the same through the runtime process - -- @name -- @level -- @race (package of feats) -- @class (package of feats) - - -## Derived Attributes - -- @strength::base -- @dexterity::base -- @constitution::base -- @wisdom::base -- @intelligence::base -- @charisma::base -- @armor::base - - -(Priority 1, needs to calculate these before all other attribtues) -- @strength -- @dexterity -- @constitution -- @wisdom -- @intelligence -- @charisma - -- @strength::modifier -- @dexterity::modifier -- @constitution::modifier -- @wisdom::modifier -- @intelligence::modifier -- @charisma::modifier - -- @proficiency - - -(Priority 2, child derived attributes) -- @strength_save -- @dexterity_save -- @constitution_save -- @wisdom_save -- @intelligence_save -- @charisma_save - -- @hp -- @hp_max -- @hp_temp -- @hit_die -- @initative -- @armor - -- @fire_resistance -- @poison_resistance -- @psychic_resistance -- @cold_resistance -- @thunder_resistance -- @acid_resistance -- @force_resistance -- @radiant_resistance -- @necortic_resistance -- @bludgeoning_resistance -- @piercing_resistance -- @slashing_resistance - -str skills -- @athletics - -dex skills -- @acrobatics -- @sleight_of_hand -- @stealth - -intelligence Skills -- @arcana -- @history -- @investigation -- @nature -- @religion - -wisdom skills -- @animal_handling -- @insight -- @medicine -- @perception -- @survival - -charisma skills -- @deception -- @intimidation -- @performance -- @persuasion - -post derived attributes (Priority 3, grandchild derivatives) - -str skills -- @athletics#passive - -dex skills -- @acrobatics#passive -- @sleight_of_hand#passive -- @stealth#passive - -intelligence Skills -- @arcana#passive -- @history#passive -- @investigation#passive -- @nature#passive -- @religion#passive - -wisdom skills -- @animal_handling#passive -- @insight#passive -- @medicine#passive -- @perception#passive -- @survival#passive - -charisma skills -- @deception#passive -- @intimidation#passive -- @performance#passive -- @persuasion#passive - - -### Databases - -USERS: this database will store profile info associated with users -- user_uuid: Unique user ID (UUID) -- username: Username/display name -- password: Password (should be securely stored) -- type: User type (for future SSO integration) -- profile picture: Profile image (e.g. file path or URL) -- flags: Settings/status flags (for basic settings; future use) - - -CHARACTERS: this table will store basic character data but also link the characters to the user_id diff --git a/backend/character.py b/backend/character.py deleted file mode 100644 index fdf1704..0000000 --- a/backend/character.py +++ /dev/null @@ -1,201 +0,0 @@ -from dataclasses import dataclass, field -from typing import List, Dict, Any, Union - -@dataclass -class Effect: - attribute: str # name of attribute to change - operation: str # 'add', 'subtract', 'set', 'append' - value: Any # value to apply - - def apply(self, character: 'Character'): - # Handle numeric attributes - if self.operation == 'add': - setattr(character, self.attribute, getattr(character, self.attribute) + self.value) - elif self.operation == 'subtract': - setattr(character, self.attribute, getattr(character, self.attribute) - self.value) - elif self.operation == 'set': - setattr(character, self.attribute, self.value) - elif self.operation == 'append': - current = getattr(character, self.attribute) - if isinstance(current, list): - if isinstance(self.value, list): - current.extend(self.value) - else: - current.append(self.value) - setattr(character, self.attribute, current) - else: - raise ValueError(f"Attribute '{self.attribute}' is not a list.") - else: - raise ValueError(f"Unknown operation: {self.operation}") - -@dataclass -class Feature: - name: str - description: str - effects: List[Effect] = field(default_factory=list) - - def apply(self, character: 'Character'): - for effect in self.effects: - effect.apply(character) - -@dataclass -class Character: - name: str = "" - level: int = 0 - race: str = "" - subrace: str = "" - class_: str = "" - subclass: str = "" - background: str = "" - alignment: str = "" - size: str = "" - age: int = 0 - gender: str = "" - height: str = "" - weight: int = 0 - deity: str = "" - - strength_base: int = 0 - dexterity_base: int = 0 - constitution_base: int = 0 - intelligence_base: int = 0 - wisdom_base: int = 0 - charisma_base: int = 0 - armor_base: int = 0 - - strength: int = 0 - dexterity: int = 0 - constitution: int = 0 - intelligence: int = 0 - wisdom: int = 0 - charisma: int = 0 - armor: int = 0 - - strength_modifier: int = 0 - dexterity_modifier: int = 0 - constitution_modifier: int = 0 - intelligence_modifier: int = 0 - wisdom_modifier: int = 0 - charisma_modifier: int = 0 - - proficiency: int = 0 - inspiration: bool = False - experience: int = 0 - - proficiencies_armor: List[str] = field(default_factory=list) - proficiencies_weapons: List[str] = field(default_factory=list) - proficiencies_tools: List[str] = field(default_factory=list) - languages: List[str] = field(default_factory=list) - - strength_save: int = 0 - dexterity_save: int = 0 - constitution_save: int = 0 - intelligence_save: int = 0 - wisdom_save: int = 0 - charisma_save: int = 0 - - hp: int = 0 - hp_max: int = 0 - hp_temp: int = 0 - hit_die: str = "" - initiative: int = 0 - - deathsaves_successes: int = 0 - deathsaves_failures: int = 0 - - fire_resistance: bool = False - poison_resistance: bool = False - psychic_resistance: bool = False - cold_resistance: bool = False - thunder_resistance: bool = False - acid_resistance: bool = False - force_resistance: bool = False - radiant_resistance: bool = False - necrotic_resistance: bool = False - bludgeoning_resistance: bool = False - piercing_resistance: bool = False - slashing_resistance: bool = False - immunities: List[str] = field(default_factory=list) - vulnerabilities: List[str] = field(default_factory=list) - - speed_base: int = 0 - speed_type: List[str] = field(default_factory=list) - darkvision: int = 0 - blindsight: int = 0 - tremorsense: int = 0 - truesight: int = 0 - passive_perception: int = 0 - - athletics: int = 0 - acrobatics: int = 0 - sleight_of_hand: int = 0 - stealth: int = 0 - arcana: int = 0 - history: int = 0 - investigation: int = 0 - nature: int = 0 - religion: int = 0 - animal_handling: int = 0 - insight: int = 0 - medicine: int = 0 - perception: int = 0 - survival: int = 0 - deception: int = 0 - intimidation: int = 0 - performance: int = 0 - persuasion: int = 0 - - athletics_passive: int = 0 - acrobatics_passive: int = 0 - sleight_of_hand_passive: int = 0 - stealth_passive: int = 0 - arcana_passive: int = 0 - history_passive: int = 0 - investigation_passive: int = 0 - nature_passive: int = 0 - religion_passive: int = 0 - animal_handling_passive: int = 0 - insight_passive: int = 0 - medicine_passive: int = 0 - perception_passive: int = 0 - survival_passive: int = 0 - deception_passive: int = 0 - intimidation_passive: int = 0 - performance_passive: int = 0 - persuasion_passive: int = 0 - passive_perception: int = 0 - passive_investigation: int = 0 - passive_insight: int = 0 - - spellcasting_ability: str = "" - spell_save_dc: int = 0 - spell_attack_bonus: int = 0 - known_spells: List[str] = field(default_factory=list) - prepared_spells: List[str] = field(default_factory=list) - spell_slots: Dict[str, Any] = field(default_factory=dict) - cantrips: List[str] = field(default_factory=list) - spellcasting_class: str = "" - - exhaustion_level: int = 0 - conditions_active: List[str] = field(default_factory=list) - - cp: int = 0 - sp: int = 0 - ep: int = 0 - gp: int = 0 - pp: int = 0 - equipment: List[str] = field(default_factory=list) - - features: List[str] = field(default_factory=list) - traits: List[str] = field(default_factory=list) - personality_traits: List[str] = field(default_factory=list) - ideals: List[str] = field(default_factory=list) - bonds: List[str] = field(default_factory=list) - flaws: List[str] = field(default_factory=list) - - notes: str = "" - custom_attributes: Dict[str, Any] = field(default_factory=dict) - -def apply_features(character: Character, features: List[Feature]): - for feature in features: - feature.apply(character) diff --git a/backend/template.json b/backend/template.json deleted file mode 100644 index 961391a..0000000 --- a/backend/template.json +++ /dev/null @@ -1,157 +0,0 @@ -{ - "name": "", - "level": 0, - "race": "", - "subrace": "", - "class": "", - "subclass": "", - "background": "", - "alignment": "", - "size": "", - "age": 0, - "gender": "", - "height": "", - "weight": 0, - "deity": "", - - "strength_base": 0, - "dexterity_base": 0, - "constitution_base": 0, - "intelligence_base": 0, - "wisdom_base": 0, - "charisma_base": 0, - "armor_base": 0, - - "strength": 0, - "dexterity": 0, - "constitution": 0, - "intelligence": 0, - "wisdom": 0, - "charisma": 0, - "armor": 0, - - "strength_modifier": 0, - "dexterity_modifier": 0, - "constitution_modifier": 0, - "intelligence_modifier": 0, - "wisdom_modifier": 0, - "charisma_modifier": 0, - - "proficiency": 0, - "inspiration": false, - "experience": 0, - - "proficiencies_armor": [], - "proficiencies_weapons": [], - "proficiencies_tools": [], - "languages": [], - - "strength_save": 0, - "dexterity_save": 0, - "constitution_save": 0, - "intelligence_save": 0, - "wisdom_save": 0, - "charisma_save": 0, - - "hp": 0, - "hp_max": 0, - "hp_temp": 0, - "hit_die": "", - "initiative": 0, - - "deathsaves_successes": 0, - "deathsaves_failures": 0, - - "fire_resistance": false, - "poison_resistance": false, - "psychic_resistance": false, - "cold_resistance": false, - "thunder_resistance": false, - "acid_resistance": false, - "force_resistance": false, - "radiant_resistance": false, - "necrotic_resistance": false, - "bludgeoning_resistance": false, - "piercing_resistance": false, - "slashing_resistance": false, - "immunities": [], - "vulnerabilities": [], - - "speed_base": 0, - "speed_type": [], - "darkvision": 0, - "blindsight": 0, - "tremorsense": 0, - "truesight": 0, - "passive_perception": 0, - - "athletics": 0, - "acrobatics": 0, - "sleight_of_hand": 0, - "stealth": 0, - "arcana": 0, - "history": 0, - "investigation": 0, - "nature": 0, - "religion": 0, - "animal_handling": 0, - "insight": 0, - "medicine": 0, - "perception": 0, - "survival": 0, - "deception": 0, - "intimidation": 0, - "performance": 0, - "persuasion": 0, - - "athletics_passive": 0, - "acrobatics_passive": 0, - "sleight_of_hand_passive": 0, - "stealth_passive": 0, - "arcana_passive": 0, - "history_passive": 0, - "investigation_passive": 0, - "nature_passive": 0, - "religion_passive": 0, - "animal_handling_passive": 0, - "insight_passive": 0, - "medicine_passive": 0, - "perception_passive": 0, - "survival_passive": 0, - "deception_passive": 0, - "intimidation_passive": 0, - "performance_passive": 0, - "persuasion_passive": 0, - "passive_perception": 0, - "passive_investigation": 0, - "passive_insight": 0, - - "spellcasting_ability": "", - "spell_save_dc": 0, - "spell_attack_bonus": 0, - "known_spells": [], - "prepared_spells": [], - "spell_slots": {}, - "cantrips": [], - "spellcasting_class": "", - - "exhaustion_level": 0, - "conditions_active": [], - - "cp": 0, - "sp": 0, - "ep": 0, - "gp": 0, - "pp": 0, - "equipment": [], - - "features": [], - "traits": [], - "personality_traits": [], - "ideals": [], - "bonds": [], - "flaws": [], - - "notes": "", - "custom_attributes": {} -} diff --git a/main.py b/db.sqlite3 similarity index 100% rename from main.py rename to db.sqlite3 diff --git a/lisiumsite/__init__.py b/lisiumsite/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/lisiumsite/__pycache__/__init__.cpython-313.pyc b/lisiumsite/__pycache__/__init__.cpython-313.pyc new file mode 100644 index 0000000000000000000000000000000000000000..2bad45bfd1c9eb92bc7510c4d129af16ca9acee7 GIT binary patch literal 162 zcmey&%ge<81k-zMGePuY5CH>>P{wB#AY&>+I)f&o-%5reCLr%KNa~iOenx(7s(w~t zN`84|UaEd^a#3bMNwI!GQGQlxGLVs2P!OM!S)5s#s}G@yGfPtSBvZ*qcOdg_ppEkQQWRFIal^Y~_Vc4nw|$z+U!&o4iI zNq&oS+#l}d_!Als@BRehCk}CxLp<_5;=lG$pTIryeZ)QU-{SjPwdk?g@Of)M);u3W zzDu3Oqaoy{VHBVdiK9`8L&3*9jlnYn&o~Ox1Of>PAXgT9%+K>EE(Ro?CQ*W>P!gq{ zh0w$toCBpr-#kwz&?K4ytx0swTQlBzex8>CG>tCMNpz7;fxmO`%b;m`e)CfHvNi`t zisiR8bJG$Swryf=GGW7_LX$AkHW;z7(4y8hZrEZhwt`JeH5==~`krt@_sr%r-5{pG zY>nCj%^O0S0gy1jy)Djz?E?TcEQ$qU0=}Wy#4-i=+FJxXk|zEX0>H5?+itNhBuTd# zOze9&_TR7!37ZnYNw(D@4JI8&EcM~-Ei7!bn@u-(Td+2UC(=wE9AQF*ms+!p+5hoH z@y3XwzuXJW@=lZ(ajBX45I5zysJ?xdZ#7!o`~FI z15rAWbv_%190Vbb*rPsg#43B*3Ea0~nPSd+{D&%|8)6QYCj{?~sNNZiMS~QM#v#KV zvPT+TIgS{PAL2M+qsFCv5=X3VpK*vLX}s9h8ZV$B#BUx@&A^qGTl;LpZerMNVw*Nu zM;ZXx*l0DO;ly=7z@~oO5@O!#z4}1RoGGskUfC)%O9SGvD9idgv*R$QwM2?{pdswe z&4KPo4Z5j1L*GqdXK_sVBt2&s9Lur+C%i1@9x3I#6UY~8$cf0+s_IeUO0{07lu_r( zNG5jKCK0t(3o__kj}zAMhSqM{CsnJj4-><7nlP*uJ27Am=&a8PDdm+yS#bhoxunnp z^lsWADp5mj|(gUhFwSaTQhwk>>q@Cw zlJzzG0AU4+ELoJxE35K~ zqUI`j1po^rMSWUeBkeC zj=yvi;u7f}BH!PC6Q9|S&-@<0`X)ZRAD?{_U)YZ?bR)eKm#XpISTDpylilE9da9dz z8;eZ&x~aFBNXiG2440niCVCMrqwojmse{b)VM2Jz1+J!g{!k`%6paT%J%2Lk>qdJY za+!tKTpCb=se>u;AU*x_z5Vo!qo6+xIzdn8G8dhAoqpQ$`@k;ZZK|W2$D^BCe{(+h nf$udp-Mh|BPIr@siOFvCFh0?Z9752cUV=+q{4Pd6hU5PWZA2&* literal 0 HcmV?d00001 diff --git a/lisiumsite/__pycache__/urls.cpython-313.pyc b/lisiumsite/__pycache__/urls.cpython-313.pyc new file mode 100644 index 0000000000000000000000000000000000000000..0dd7928b965592115472d4a4d4f5a6cb58779d0a GIT binary patch literal 1106 zcmb7D&rj4q6rOflb}0hJlg9yLmPYKT2_71d7$Xrd9$1YrlB`2JyE~+vX=bJ(#0xh( z2?xX9;NQc^UOag61|i;^>5s56G0{1+udi>u_kHij<@B@%^m+4nh2Cia@WXsGr(GMD zAGPrX^nd_8t7mUo8@8~av0Iz14M#W|u5cmPcIH9P*|xW?H2_!dt(hykv6k%0D(|`5 zuD(67WL3WAAF@Sf*!Da4PzQUjww}X?vjH9E0xQZH9B=^>DrufdstC*k-zAX>Jn!X* zz<0SwGOQF4OujQ=3JRVpBB2J7P;vO4l06x~HI0&TK_F!sFs-1ogkVXaBqa2pJ|m?v z86p((NCxpPW<%bji+G9%Ll1*{Nb!tD5}9D6(@W$%{eV-AB|~p5XHm(zOk0B958&fC zhL}N`W?ZNc!hzr^O!xaZ%W7vuvy6XG#~TGkz?edPRf`=hbi0eSt`SekB4juvD_vuE zeeX$vrM$bNg~em2e`CSbhzLU@C>b|&o@uQAVPoP0Ec*sz!T*ENI*XD#rfjH-Q06nz zOp}}Xte1s>nu>0Zi6sj@9Mq)@t8!KC2u#5nl6CB2S(JZfyOZ!C(gkcXb&aFM?fSm= z(+sC?6)uib%6z+UOvQ_K9eprS`cVN6CR0pVdGCckS+x6oJvIG)F;f%O`jntMLT?-> zrpDL{M|*^8+>V*(!ZDhPsj)tP1(*6aC{~c^DcZ#`-`i&d$w<&lNmLJ|M7nSNYB$i; zij+ecWcx*DIpuMlkVoRWMl)+Cm-XYkWm(pRJ!?6?Ah71XgWDGqz@0q0dAxKQo`k2X iC#z@9t#3}}=*Fkl$8XQ3=gyq@bGJ2XA5ICgFPWt8}T=9_jKj(M1Yj^=mKEgNR% z@c3o7eHw+W^Yc!(9Y(KD58u3MT|QVpK%hWt$}`odnrakT7g1zfq0GI~OOV(Vg85|W zSuIlqKBiJ|<6B}1{dmN*sofI&jAnCF=D>Q+fehnROr{)&N+d0`BFp6zv7D&%LDqH_ zdj-YRY(6hv`-QCAY4#H#)wIW7&vBf8Zq=#G?jy(ljh_BM?g#(M|Bkl5pzWKT;HKI7 ShK_#LcfZyjUDf1WOZpFeF~L>< literal 0 HcmV?d00001 diff --git a/lisiumsite/asgi.py b/lisiumsite/asgi.py new file mode 100644 index 0000000..795e37e --- /dev/null +++ b/lisiumsite/asgi.py @@ -0,0 +1,16 @@ +""" +ASGI config for lisiumsite project. + +It exposes the ASGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/6.0/howto/deployment/asgi/ +""" + +import os + +from django.core.asgi import get_asgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'lisiumsite.settings') + +application = get_asgi_application() diff --git a/lisiumsite/settings.py b/lisiumsite/settings.py new file mode 100644 index 0000000..9fb89f3 --- /dev/null +++ b/lisiumsite/settings.py @@ -0,0 +1,118 @@ +""" +Django settings for lisiumsite project. + +Generated by 'django-admin startproject' using Django 6.0. + +For more information on this file, see +https://docs.djangoproject.com/en/6.0/topics/settings/ + +For the full list of settings and their values, see +https://docs.djangoproject.com/en/6.0/ref/settings/ +""" + +from pathlib import Path + +# Build paths inside the project like this: BASE_DIR / 'subdir'. +BASE_DIR = Path(__file__).resolve().parent.parent + + +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/6.0/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = 'django-insecure-c@*)_9zq1%@%nv+q18ji6k^ixf(^!7@**di7_r-s5q33m@&w)q' + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = True + +ALLOWED_HOSTS = [] + + +# Application definition + +INSTALLED_APPS = [ + 'django.contrib.admin', + 'django.contrib.auth', + 'django.contrib.contenttypes', + 'django.contrib.sessions', + 'django.contrib.messages', + 'django.contrib.staticfiles', + 'main', +] + +MIDDLEWARE = [ + 'django.middleware.security.SecurityMiddleware', + 'django.contrib.sessions.middleware.SessionMiddleware', + 'django.middleware.common.CommonMiddleware', + 'django.middleware.csrf.CsrfViewMiddleware', + 'django.contrib.auth.middleware.AuthenticationMiddleware', + 'django.contrib.messages.middleware.MessageMiddleware', + 'django.middleware.clickjacking.XFrameOptionsMiddleware', +] + +ROOT_URLCONF = 'lisiumsite.urls' + +TEMPLATES = [ + { + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [], + 'APP_DIRS': True, + 'OPTIONS': { + 'context_processors': [ + 'django.template.context_processors.request', + 'django.contrib.auth.context_processors.auth', + 'django.contrib.messages.context_processors.messages', + ], + }, + }, +] + +WSGI_APPLICATION = 'lisiumsite.wsgi.application' + + +# Database +# https://docs.djangoproject.com/en/6.0/ref/settings/#databases + +DATABASES = { + 'default': { + 'ENGINE': 'django.db.backends.sqlite3', + 'NAME': BASE_DIR / 'db.sqlite3', + } +} + + +# Password validation +# https://docs.djangoproject.com/en/6.0/ref/settings/#auth-password-validators + +AUTH_PASSWORD_VALIDATORS = [ + { + 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', + }, +] + + +# Internationalization +# https://docs.djangoproject.com/en/6.0/topics/i18n/ + +LANGUAGE_CODE = 'en-us' + +TIME_ZONE = 'UTC' + +USE_I18N = True + +USE_TZ = True + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/6.0/howto/static-files/ + +STATIC_URL = 'static/' diff --git a/lisiumsite/urls.py b/lisiumsite/urls.py new file mode 100644 index 0000000..f82885e --- /dev/null +++ b/lisiumsite/urls.py @@ -0,0 +1,23 @@ +""" +URL configuration for lisiumsite project. + +The `urlpatterns` list routes URLs to views. For more information please see: + https://docs.djangoproject.com/en/6.0/topics/http/urls/ +Examples: +Function views + 1. Add an import: from my_app import views + 2. Add a URL to urlpatterns: path('', views.home, name='home') +Class-based views + 1. Add an import: from other_app.views import Home + 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') +Including another URLconf + 1. Import the include() function: from django.urls import include, path + 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) +""" +from django.contrib import admin +from django.urls import path, include + +urlpatterns = [ + path('admin/', admin.site.urls), + path('', include('main.urls')), +] diff --git a/lisiumsite/wsgi.py b/lisiumsite/wsgi.py new file mode 100644 index 0000000..09913d4 --- /dev/null +++ b/lisiumsite/wsgi.py @@ -0,0 +1,16 @@ +""" +WSGI config for lisiumsite project. + +It exposes the WSGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/6.0/howto/deployment/wsgi/ +""" + +import os + +from django.core.wsgi import get_wsgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'lisiumsite.settings') + +application = get_wsgi_application() diff --git a/main/__init__.py b/main/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/main/__pycache__/__init__.cpython-313.pyc b/main/__pycache__/__init__.cpython-313.pyc new file mode 100644 index 0000000000000000000000000000000000000000..96a16f09c8f1cbffd6b88617310729cfed3c80f6 GIT binary patch literal 156 zcmey&%ge<81nPaZnIQTxh=2h`DC08=kTI1Zok5e)ZzV$!6Oi{ABz4PLKO;XkRX-~+ zCBM8fFIB%dxhS)sq*%Y8C_gJT8OTU1D2UI=EY2*=)z3}L%+rsL&&4Loh=yqc?*WV-ceQLpqZt^GlGlCgUyE z#FX63JU>mQTYM>5iFxVyddc~DB}JJ@Ma)12D;Yk6)ZMbs&&bbB)z3;y$uFY(5^Yp={>J?Pp;;_lhPbtkwwJYKP8pH_1 T#URE9W=2NFdkhLiY(NeG!89_a literal 0 HcmV?d00001 diff --git a/main/__pycache__/apps.cpython-313.pyc b/main/__pycache__/apps.cpython-313.pyc new file mode 100644 index 0000000000000000000000000000000000000000..76c3ebc85a8439f1651099bfabbd76d7d711edae GIT binary patch literal 455 zcmXv~Jx{|h5VeyON=sF!Kq^eY0Ls!#hy{=kOdz^=t#mSJT3qFevm?|Qi4n2%NAQo3 zB_^hBNP!)@X>YiD&+ndnzOvP75ECbF7lN7kZOJNXOHdvgFe8jGdPi<4(gV^ZM}#^1 zgt-HH>Q;T|j6J_Lx5TG<<0{XuvvefJVI^0YE=k!nU`7T6DI@4GiY{}|V=mV0ExK{f zMOyjio@v!yVh%n?-(S;pfRrZ@fNlUJ*|3N$-UN6mc)V2F03(4?#UhQ;%*dV<^e%u@ zT!|34QYan@6-fZBn-@wunLZ01vm^>8e3(5?(5 z*~_PBm$gWCTDfl0EBS10zuaJZrSyGQH-{6Rj=4Loh=yqc?*WV-ceQLpqZt^GlGlCgUx( z-29Z(oMJysrdymTS&4b+`FbfyMa)3Sl?SraU O$jEq)L8gce$N>QT*D+)O literal 0 HcmV?d00001 diff --git a/main/__pycache__/urls.cpython-313.pyc b/main/__pycache__/urls.cpython-313.pyc new file mode 100644 index 0000000000000000000000000000000000000000..971a9fa7974a75050ed3455f311917ec512cb1ce GIT binary patch literal 332 zcmYL@ze)o^5XNV3@6Kol0c|aUXptscil7!&l7NMaO$f-5tjQktkJ&pz%5+JUO7InY z9NUFdR_P*n0cX+R6f@uO`{rYIjm8mB%~v;C)BJMFzQRATyCd-i5+v(EmmzC`^d#?j zU5>m319k?|AMnT8{_uawK!#UbFbu{A?b^nHHnV;am6HwoU4mDwrpAKx@AFhSnnkI4 zXot2wilc0tcPdN_a&n{l2m@-?pOD$s2~k$5Ff$*pBLMbNI3(g|luu`w5@v|HD2*sE zkJXSwR20vNHo8hh8tF{9_)amiwd*t=Rf)RACgr&A%sI6!XN;}kbPXrpAq0nu^VF>fpJTR=j#w6!riOiFX`sp;npg7KJzj;|6ZgG4+O|d|=E&4;6un^XWg&ND z#6kJFlAsSM4(oJ;=YnRb=r#oO??Owrw60Pf + + + Lisium Django Demo + + +

Welcome to Django

+

+ This is being rendered from a django template. +

+ + \ No newline at end of file diff --git a/main/tests.py b/main/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/main/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/main/urls.py b/main/urls.py new file mode 100644 index 0000000..d3aba75 --- /dev/null +++ b/main/urls.py @@ -0,0 +1,6 @@ +from django.urls import path +from . import views + +urlpatterns = [ + path('', views.home, name='Home') +] \ No newline at end of file diff --git a/main/views.py b/main/views.py new file mode 100644 index 0000000..3854d4e --- /dev/null +++ b/main/views.py @@ -0,0 +1,6 @@ +from django.shortcuts import render +from django.http import HttpResponse + +# Create your views here. +def home(request): + return render(request, 'main/home.html') diff --git a/manage.py b/manage.py new file mode 100755 index 0000000..063038d --- /dev/null +++ b/manage.py @@ -0,0 +1,22 @@ +#!/usr/bin/env python +"""Django's command-line utility for administrative tasks.""" +import os +import sys + + +def main(): + """Run administrative tasks.""" + os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'lisiumsite.settings') + try: + from django.core.management import execute_from_command_line + except ImportError as exc: + raise ImportError( + "Couldn't import Django. Are you sure it's installed and " + "available on your PYTHONPATH environment variable? Did you " + "forget to activate a virtual environment?" + ) from exc + execute_from_command_line(sys.argv) + + +if __name__ == '__main__': + main() diff --git a/requirements.txt b/requirements.txt new file mode 100644 index 0000000..46c5736 --- /dev/null +++ b/requirements.txt @@ -0,0 +1,3 @@ +Flask +requests +Markdown diff --git a/static/css/uikit-rtl.css b/static/css/uikit-rtl.css new file mode 100644 index 0000000..231fc30 --- /dev/null +++ b/static/css/uikit-rtl.css @@ -0,0 +1,13333 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 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; +} +/* + * Fix text underline offset if `vertical-align`is set to `middle` + */ +a:has(.uk-text-middle), +.uk-link:has(.uk-text-middle), +.uk-link-toggle:hover .uk-link:has(.uk-text-middle) { + text-underline-offset: 0.1875em; +} +/* 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. Take border and padding into account. + * 3. Reset `height` attribute if present to scale the height based on the intrinsic aspect ratio. + * 4. Scale height based on the extrinsic aspect ratio. Works only in Chrome yet. + * 5. Size image to fill the element's content box. + * Note: Add `iframe` as soon as `attr` is supported in all browsers and remove `uk-responsive`. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + box-sizing: border-box; + /* 3 */ + height: auto; + /* 4 */ + aspect-ratio: attr(width type()) / attr(height type()); + /* 5 */ + object-fit: cover; +} +/* + * 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, +.uk-heading-3xlarge { + 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, +* + .uk-heading-3xlarge { + 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; +} +.uk-heading-3xlarge { + font-size: 8rem; + 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; + } + .uk-heading-3xlarge { + font-size: 11rem; + } +} +/* 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; + } + .uk-heading-3xlarge { + font-size: 15rem; + } +} +/* 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 + ========================================================================== */ +.uk-list-disc, +.uk-list-circle, +.uk-list-square, +.uk-list-decimal, +.uk-list-hyphen { + padding-right: 30px; +} +.uk-list-disc { + list-style-type: disc; +} +.uk-list-circle { + list-style-type: circle; +} +.uk-list-square { + list-style-type: square; +} +.uk-list-decimal { + list-style-type: decimal; +} +.uk-list-hyphen { + list-style-type: '– '; +} +/* + * Color modifiers + */ +.uk-list-muted > ::marker { + color: #999 !important; +} +.uk-list-emphasis > ::marker { + color: #333 !important; +} +.uk-list-primary > ::marker { + color: #1e87f0 !important; +} +.uk-list-secondary > ::marker { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + position: relative; + padding-right: 30px; +} +.uk-list-bullet > ::before { + content: ""; + position: absolute; + top: 0; + right: 0; + width: 30px; + height: 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; +} +/* + * Overlay + */ +.uk-icon-overlay, +a .uk-icon-overlay { + color: rgba(51, 51, 51, 0.6); + transition: 0.1s ease-in-out; + transition-property: color; +} +.uk-icon-overlay:hover, +a:hover .uk-icon-overlay { + color: #333; +} +/* ======================================================================== + 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; +} +/* + * Correct vertical alignment in Safari. + */ +.uk-input[type="date"]::-webkit-datetime-edit, +.uk-input[type="time"]::-webkit-datetime-edit, +.uk-input[type="datetime-local"]::-webkit-datetime-edit { + display: inline-flex; + align-items: center; + height: 100%; + padding: 0; +} +/* + * 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. + * 1. Reset `min-width` + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; + /* 1 */ + min-width: 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 + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; +} +/* + * 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 + * 3. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + */ +.uk-input:where(:not(input)), +.uk-select:where(:not(select)) { + /* 1 */ + display: inline-block; + /* 2 */ + line-height: 38px; + /* 3 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* + * 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`) + ========================================================================== */ +/* + * 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. Cover 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-size: cover; + 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%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%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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%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%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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"); +} +/* Style modifier (`uk-input`, `uk-select`, `uk-textarea`, `uk-radio`, `uk-checkbox`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small:is(.uk-input, .uk-search-input, .uk-select, .uk-textarea) { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) { + height: 30px; + padding-right: 8px; + padding-left: 8px; +} +/* Multi-line */ +.uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { + padding: 5px 8px; +} +/* Any element */ +.uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { + line-height: 28px; +} +/* Radio + Checkbox */ +.uk-form-small:is(.uk-radio, .uk-checkbox) { + height: 14px; + width: 14px; +} +/* + * Large + */ +.uk-form-large:is(.uk-input, .uk-search-input, .uk-select, .uk-textarea) { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) { + height: 55px; + padding-right: 12px; + padding-left: 12px; +} +/* Multi-line */ +.uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { + padding: 7px 12px; +} +/* Any element */ +.uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { + line-height: 53px; +} +/* Radio + Checkbox */ +.uk-form-large:is(.uk-radio, .uk-checkbox) { + height: 22px; + width: 22px; +} +/* 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 controls 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 between 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; +} +.uk-section-xsmall-top { + padding-top: 20px; +} +.uk-section-xsmall-bottom { + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +.uk-section-small-top { + padding-top: 40px; +} +.uk-section-small-bottom { + padding-bottom: 40px; +} +/* + * Medium + */ +.uk-section-medium-top { + padding-top: 40px; +} +.uk-section-medium-bottom { + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section-medium-top { + padding-top: 70px; + } + .uk-section-medium-bottom { + padding-bottom: 70px; + } +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +.uk-section-large-top { + padding-top: 70px; +} +.uk-section-large-bottom { + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } + .uk-section-large-top { + padding-top: 140px; + } + .uk-section-large-bottom { + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +.uk-section-xlarge-top { + padding-top: 140px; +} +.uk-section-xlarge-bottom { + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } + .uk-section-xlarge-top { + padding-top: 210px; + } + .uk-section-xlarge-bottom { + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + --uk-inverse: dark; + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + --uk-inverse: dark; + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + --uk-inverse: light; + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + --uk-inverse: light; + 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 { + --uk-inverse: dark; + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + --uk-inverse: dark; + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + --uk-inverse: light; + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + --uk-inverse: light; + 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, .uk-card-primary, .uk-card-secondary, .uk-card-overlay):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 { + --uk-inverse: dark; + 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 { + --uk-inverse: light; + 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 { + --uk-inverse: light; + 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); +} +/* + * Overlay + */ +.uk-card-overlay { + --uk-inverse: dark; + background-color: rgba(255, 255, 255, 0.8); + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-overlay .uk-card-title { + color: #333; +} +.uk-card-overlay.uk-card-hover:hover { + background-color: rgba(255, 255, 255, 0.9); + 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 + ========================================================================== */ +/* + * Adopts `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 { + --uk-inverse: dark; + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + --uk-inverse: light; + 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 { + padding-right: 10px; + padding-left: 10px; +} +.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-right: 40px; +} +.uk-search-default:has(.uk-search-icon-flip) .uk-search-input { + padding-left: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 240px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + padding-right: 10px; + padding-left: 10px; + background: #fff; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-navbar .uk-search-input:focus { + background-color: #fff; + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + padding-right: 10px; + padding-left: 10px; +} +.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-right: 40px; +} +.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input { + padding-left: 40px; +} +/* Medium modifier + ========================================================================== */ +.uk-search-medium { + width: 400px; +} +/* + * Input + */ +.uk-search-medium .uk-search-input { + height: 55px; + padding-right: 12px; + padding-left: 12px; + background: transparent; + font-size: 1.5rem; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-medium .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-medium .uk-search-icon { + padding-right: 12px; + padding-left: 12px; +} +.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-right: 48px; +} +.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { + padding-left: 48px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 90px; + padding-right: 20px; + padding-left: 20px; + background: transparent; + font-size: 2.625rem; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-large .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-large .uk-search-icon { + padding-right: 20px; + padding-left: 20px; +} +.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-right: 80px; +} +.uk-search-large:has(.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; + --uk-inverse: dark; + /* 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 !important; + 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; +} +.uk-sticky-fixed { + margin: 0 !important; +} +/* + * 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 { + --uk-inverse: light; + /* 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 + ========================================================================== */ +.uk-countdown { + margin: 0; +} +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + */ +.uk-countdown-number { + margin: 0; + /* 1 */ + font-variant-numeric: tabular-nums; +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 0.5em; + line-height: 2; +} +/* Label + ========================================================================== */ +/* ======================================================================== + 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: 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; +} +/* Size modifier + ========================================================================== */ +/* + * Medium + */ +.uk-nav-medium { + font-size: 2.8875rem; + line-height: 1; +} +.uk-nav-large { + font-size: 3.4rem; + line-height: 1; +} +.uk-nav-xlarge { + font-size: 4rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-nav-medium { + font-size: 3.5rem; + } + .uk-nav-large { + font-size: 4rem; + } + .uk-nav-xlarge { + font-size: 6rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-nav-medium { + font-size: 4rem; + } + .uk-nav-large { + font-size: 6rem; + } + .uk-nav-xlarge { + font-size: 8rem; + } +} +/* 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. Stretch height if a sibling's height is expanded by its content + */ +.uk-navbar-right, +.uk-navbar-left, +[class*="uk-navbar-center"] { + display: flex; + gap: 15px; + /* 1 */ + align-items: stretch; +} +/* + * 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. Stretch height if a sibling's height is expanded by its content + * 5. 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 */ + height: 100%; + align-items: stretch; +} +.uk-navbar-center-right, +.uk-navbar-center-left { + /* 4 */ + height: 100%; + /* 5 */ + 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. Stretch height if a sibling's height is expanded by its content + * 2. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + align-items: stretch; + /* 2 */ + 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 + * 1. Stretch height if a sibling's height is expanded by its content + * 2. Reset list + */ +.uk-navbar-nav > li > a { + /* 1 */ + height: 100%; + /* 2 */ + 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; + --uk-inverse: dark; + /* 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` + */ +.uk-navbar-container { + transition: 0.1s ease-in-out; + transition-property: background-color; +} +/* 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 + ========================================================================== */ +/* + * Gutter + */ +.uk-subnav-pill { + margin-right: -20px; +} +.uk-subnav-pill > * { + padding-right: 20px; +} +.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 > :first-child { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * 1. Reset list + * 2. Remove space between elements + */ +.uk-breadcrumb { + /* 1 */ + padding: 0; + list-style: none; + /* 2 */ + font-size: 0; +} +/* + * 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; + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 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-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-right: 0; + /* 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-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + 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: 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; + --uk-inverse: dark; + /* 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 { + --uk-position-offset: 10px; + /* 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 { + --uk-inverse: light; + /* 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; +} +/* Items + ========================================================================== */ +/* + * Reset list + */ +.uk-lightbox-items { + margin: 0; + padding: 0; + list-style: none; +} +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Optimize animation + * 4. 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: flex-start; + /* 3 */ + will-change: transform, opacity; + /* 4 */ + overflow: auto; +} +/* 2 */ +.uk-lightbox-items > .uk-active { + display: flex; +} +.uk-lightbox-items-fit > * { + align-items: center; +} +/* 4 */ +.uk-lightbox-items-fit > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items-fit > * > :not(iframe) { + width: auto; + height: auto; +} +/* Zoom Cursor */ +.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover { + cursor: zoom-in; +} +.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover { + cursor: zoom-out; +} +/* Navs + ========================================================================== */ +.uk-lightbox-thumbnav-vertical :where(img, video) { + max-width: 100px; +} +.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img, video) { + max-height: 100px; +} +.uk-lightbox-thumbnav:empty, +.uk-lightbox-dotnav:empty { + display: none; +} +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +.uk-lightbox-caption { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-caption > * { + color: rgba(255, 255, 255, 0.7); +} +/* Counter + ========================================================================== */ +.uk-lightbox-counter: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% / 3); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% / 6); +} +.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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@s > :not([class*="uk-width"]), + .uk-child-width-1-2\@s > :not([class*="uk-width"]), + .uk-child-width-1-3\@s > :not([class*="uk-width"]), + .uk-child-width-1-4\@s > :not([class*="uk-width"]), + .uk-child-width-1-5\@s > :not([class*="uk-width"]), + .uk-child-width-1-6\@s > :not([class*="uk-width"]), + .uk-child-width-auto\@s > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@m > :not([class*="uk-width"]), + .uk-child-width-1-2\@m > :not([class*="uk-width"]), + .uk-child-width-1-3\@m > :not([class*="uk-width"]), + .uk-child-width-1-4\@m > :not([class*="uk-width"]), + .uk-child-width-1-5\@m > :not([class*="uk-width"]), + .uk-child-width-1-6\@m > :not([class*="uk-width"]), + .uk-child-width-auto\@m > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@l > :not([class*="uk-width"]), + .uk-child-width-1-2\@l > :not([class*="uk-width"]), + .uk-child-width-1-3\@l > :not([class*="uk-width"]), + .uk-child-width-1-4\@l > :not([class*="uk-width"]), + .uk-child-width-1-5\@l > :not([class*="uk-width"]), + .uk-child-width-1-6\@l > :not([class*="uk-width"]), + .uk-child-width-auto\@l > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@xl > :not([class*="uk-width"]), + .uk-child-width-1-2\@xl > :not([class*="uk-width"]), + .uk-child-width-1-3\@xl > :not([class*="uk-width"]), + .uk-child-width-1-4\@xl > :not([class*="uk-width"]), + .uk-child-width-1-5\@xl > :not([class*="uk-width"]), + .uk-child-width-1-6\@xl > :not([class*="uk-width"]), + .uk-child-width-auto\@xl > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); +} +.uk-width-2-3 { + width: calc(200% / 3); +} +/* 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% / 6); +} +.uk-width-5-6 { + width: calc(500% / 6); +} +/* 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% / 3); + } + .uk-width-2-3\@s { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@s { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@s, + .uk-width-1-2\@s, + .uk-width-1-3\@s, + .uk-width-2-3\@s, + .uk-width-1-4\@s, + .uk-width-3-4\@s, + .uk-width-1-5\@s, + .uk-width-2-5\@s, + .uk-width-3-5\@s, + .uk-width-4-5\@s, + .uk-width-1-6\@s, + .uk-width-5-6\@s, + .uk-width-small\@s, + .uk-width-medium\@s, + .uk-width-large\@s, + .uk-width-xlarge\@s, + .uk-width-2xlarge\@s, + .uk-width-auto\@s { + flex: initial; + } +} +/* 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% / 3); + } + .uk-width-2-3\@m { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@m { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@m, + .uk-width-1-2\@m, + .uk-width-1-3\@m, + .uk-width-2-3\@m, + .uk-width-1-4\@m, + .uk-width-3-4\@m, + .uk-width-1-5\@m, + .uk-width-2-5\@m, + .uk-width-3-5\@m, + .uk-width-4-5\@m, + .uk-width-1-6\@m, + .uk-width-5-6\@m, + .uk-width-small\@m, + .uk-width-medium\@m, + .uk-width-large\@m, + .uk-width-xlarge\@m, + .uk-width-2xlarge\@m, + .uk-width-auto\@m { + flex: initial; + } +} +/* 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% / 3); + } + .uk-width-2-3\@l { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@l { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@l, + .uk-width-1-2\@l, + .uk-width-1-3\@l, + .uk-width-2-3\@l, + .uk-width-1-4\@l, + .uk-width-3-4\@l, + .uk-width-1-5\@l, + .uk-width-2-5\@l, + .uk-width-3-5\@l, + .uk-width-4-5\@l, + .uk-width-1-6\@l, + .uk-width-5-6\@l, + .uk-width-small\@l, + .uk-width-medium\@l, + .uk-width-large\@l, + .uk-width-xlarge\@l, + .uk-width-2xlarge\@l, + .uk-width-auto\@l { + flex: initial; + } +} +/* 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% / 3); + } + .uk-width-2-3\@xl { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@xl { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@xl, + .uk-width-1-2\@xl, + .uk-width-1-3\@xl, + .uk-width-2-3\@xl, + .uk-width-1-4\@xl, + .uk-width-3-4\@xl, + .uk-width-1-5\@xl, + .uk-width-2-5\@xl, + .uk-width-3-5\@xl, + .uk-width-4-5\@xl, + .uk-width-1-6\@xl, + .uk-width-5-6\@xl, + .uk-width-small\@xl, + .uk-width-medium\@xl, + .uk-width-large\@xl, + .uk-width-xlarge\@xl, + .uk-width-2xlarge\@xl, + .uk-width-auto\@xl { + flex: initial; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-fit-content { + width: fit-content; +} +.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; +} +/* Stroke modifiers + ========================================================================== */ +.uk-text-stroke { + -webkit-text-stroke: calc(1.4px + 0.002em); + -webkit-text-fill-color: transparent; +} +/* ======================================================================== + 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]:where(canvas, iframe, svg), +[data-uk-cover]:where(canvas, iframe, svg) { + /* 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; +} +[uk-cover]:where(img, video), +[data-uk-cover]:where(img, video) { + /* 3 */ + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + object-fit: cover; + object-position: center; +} +/* 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 + ========================================================================== */ +.uk-background-fixed { + background-attachment: fixed; +} +/* + * 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%; +} +/* Overflow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* + * Overflow fade + * 1. Overflow + * 2. Mask + */ +@property --uk-overflow-fade-start-opacity { + syntax: ""; + inherits: false; + initial-value: 0; +} +@property --uk-overflow-fade-end-opacity { + syntax: ""; + inherits: false; + initial-value: 0; +} +.uk-overflow-fade-horizontal { + overflow-x: auto; + --uk-overflow-fade-direction: right; +} +.uk-overflow-fade-vertical { + overflow-y: auto; + --uk-overflow-fade-direction: bottom; +} +.uk-overflow-fade-horizontal, +.uk-overflow-fade-vertical { + /* 1 */ + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + /* 2 */ + mask-image: linear-gradient(to var(--uk-overflow-fade-direction), rgba(0, 0, 0, var(--uk-overflow-fade-start-opacity)), #000 100px, #000 calc(100% - 100px), rgba(0, 0, 0, var(--uk-overflow-fade-end-opacity))); +} +.uk-overflow-fade-horizontal > *, +.uk-overflow-fade-vertical > * { + min-width: max-content; +} +.uk-overflow-fade-horizontal::-webkit-scrollbar, +.uk-overflow-fade-vertical::-webkit-scrollbar { + display: none; +} +/* 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-stretch\@s { + align-items: stretch; + } + .uk-flex-top\@s { + align-items: flex-start; + } + .uk-flex-middle\@s { + align-items: center; + } + .uk-flex-bottom\@s { + align-items: flex-end; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-stretch\@m { + align-items: stretch; + } + .uk-flex-top\@m { + align-items: flex-start; + } + .uk-flex-middle\@m { + align-items: center; + } + .uk-flex-bottom\@m { + align-items: flex-end; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-stretch\@l { + align-items: stretch; + } + .uk-flex-top\@l { + align-items: flex-start; + } + .uk-flex-middle\@l { + align-items: center; + } + .uk-flex-bottom\@l { + align-items: flex-end; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-stretch\@xl { + align-items: stretch; + } + .uk-flex-top\@xl { + align-items: flex-start; + } + .uk-flex-middle\@xl { + align-items: center; + } + .uk-flex-bottom\@xl { + 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-row\@s { + flex-direction: row; + } + .uk-flex-column\@s { + flex-direction: column; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-row\@m { + flex-direction: row; + } + .uk-flex-column\@m { + flex-direction: column; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-row\@l { + flex-direction: row; + } + .uk-flex-column\@l { + flex-direction: column; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-row\@xl { + flex-direction: row; + } + .uk-flex-column\@xl { + flex-direction: column; + } +} +/* 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 + */ +.uk-flex-initial { + flex: initial; +} +/* + * 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-initial\@s { + flex: initial; + } + .uk-flex-none\@s { + flex: none; + } + .uk-flex-1\@s { + flex: 1; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-initial\@m { + flex: initial; + } + .uk-flex-none\@m { + flex: none; + } + .uk-flex-1\@m { + flex: 1; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-initial\@l { + flex: initial; + } + .uk-flex-none\@l { + flex: none; + } + .uk-flex-1\@l { + flex: 1; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-initial\@xl { + flex: initial; + } + .uk-flex-none\@xl { + flex: none; + } + .uk-flex-1\@xl { + 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; +} +/* XSmall + ========================================================================== */ +.uk-margin-xsmall { + margin-bottom: 5px; +} +* + .uk-margin-xsmall { + margin-top: 5px !important; +} +.uk-margin-xsmall-top { + margin-top: 5px !important; +} +.uk-margin-xsmall-bottom { + margin-bottom: 5px !important; +} +.uk-margin-xsmall-right { + margin-right: 5px !important; +} +.uk-margin-xsmall-left { + margin-left: 5px !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"], +.uk-position-center-vertical { + 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-vertical { + right: 0; + 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, +.uk-position-center-horizontal { + 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; +} +.uk-position-center-horizontal { + top: 0; + 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; +} +.uk-position-z-index-high { + z-index: 990; +} +.uk-position-z-index-highest { + z-index: 1060; +} +/* ======================================================================== + 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:focus-within .uk-transition-fade, +.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:focus-within .uk-transition-scale-up, +.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:focus-within .uk-transition-scale-down, +.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:focus-within [class*="uk-transition-slide"], +.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 modifier + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* Disable modifier + ========================================================================== */ +.uk-transition-disable, +.uk-transition-disable * { + transition: none !important; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden, +.uk-hidden-empty:empty { + 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. Current browsers and screen readers + * keep the element in the accessibility tree even with zero dimensions. + * Using `tabindex="-1"` will show the element on touch devices. + * Note: `clip-path` doesn't work with `tabindex` on touch devices. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 0 !important; + height: 0 !important; + padding: 0 !important; + border-width: 0 !important; + margin: 0 !important; + overflow: hidden !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Note: `clip-path` doesn't work with hover for elements 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); + /* Webkit */ + /* Firefox */ + /* Webkit */ + /* Firefox */ +} +.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-light .uk-heading-3xlarge, +.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-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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.uk-card-body .uk-heading-3xlarge, +.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-primary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.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.uk-card-body .uk-heading-3xlarge, +.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-card-secondary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.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-overlay-primary .uk-heading-3xlarge, +.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, +.uk-offcanvas-bar .uk-heading-3xlarge { + 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 > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-card-primary.uk-card-body .uk-list-muted > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, +.uk-card-secondary.uk-card-body .uk-list-muted > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, +.uk-overlay-primary .uk-list-muted > ::marker, +.uk-offcanvas-bar .uk-list-muted > ::marker { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, +.uk-overlay-primary .uk-list-emphasis > ::marker, +.uk-offcanvas-bar .uk-list-emphasis > ::marker { + color: #fff !important; +} +.uk-light .uk-list-primary > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-card-primary.uk-card-body .uk-list-primary > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, +.uk-card-secondary.uk-card-body .uk-list-primary > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, +.uk-overlay-primary .uk-list-primary > ::marker, +.uk-offcanvas-bar .uk-list-primary > ::marker { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-card-primary.uk-card-body .uk-list-secondary > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, +.uk-overlay-primary .uk-list-secondary > ::marker, +.uk-offcanvas-bar .uk-list-secondary > ::marker { + 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-icon-overlay, +.uk-light a .uk-icon-overlay, +a.uk-light .uk-icon-overlay, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-section-primary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-section-secondary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-primary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-secondary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-card-primary.uk-card-body .uk-icon-overlay, +.uk-card-primary.uk-card-body a .uk-icon-overlay, +a.uk-card-primary.uk-card-body .uk-icon-overlay, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-card-primary > :not([class*="uk-card-media"]) a .uk-icon-overlay, +a.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-card-secondary.uk-card-body .uk-icon-overlay, +.uk-card-secondary.uk-card-body a .uk-icon-overlay, +a.uk-card-secondary.uk-card-body .uk-icon-overlay, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-card-secondary > :not([class*="uk-card-media"]) a .uk-icon-overlay, +a.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-overlay-primary .uk-icon-overlay, +.uk-overlay-primary a .uk-icon-overlay, +a.uk-overlay-primary .uk-icon-overlay, +.uk-offcanvas-bar .uk-icon-overlay, +.uk-offcanvas-bar a .uk-icon-overlay, +a.uk-offcanvas-bar .uk-icon-overlay { + color: rgba(255, 255, 255, 0.6); +} +.uk-light .uk-icon-overlay:hover, +.uk-light a:hover .uk-icon-overlay, +a.uk-light:hover .uk-icon-overlay, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-section-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-section-primary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-section-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-section-secondary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-tile-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-tile-primary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-tile-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-tile-secondary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-card-primary.uk-card-body .uk-icon-overlay:hover, +.uk-card-primary.uk-card-body a:hover .uk-icon-overlay, +a.uk-card-primary.uk-card-body:hover .uk-icon-overlay, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-overlay:hover, +.uk-card-primary > :not([class*="uk-card-media"]) a:hover .uk-icon-overlay, +a.uk-card-primary > :not([class*="uk-card-media"]):hover .uk-icon-overlay, +.uk-card-secondary.uk-card-body .uk-icon-overlay:hover, +.uk-card-secondary.uk-card-body a:hover .uk-icon-overlay, +a.uk-card-secondary.uk-card-body:hover .uk-icon-overlay, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-overlay:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) a:hover .uk-icon-overlay, +a.uk-card-secondary > :not([class*="uk-card-media"]):hover .uk-icon-overlay, +.uk-overlay-primary .uk-icon-overlay:hover, +.uk-overlay-primary a:hover .uk-icon-overlay, +a.uk-overlay-primary:hover .uk-icon-overlay, +.uk-offcanvas-bar .uk-icon-overlay:hover, +.uk-offcanvas-bar a:hover .uk-icon-overlay, +a.uk-offcanvas-bar:hover .uk-icon-overlay { + color: #fff; +} +.uk-light .uk-range::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track { + background: rgba(242, 242, 242, 0.1); +} +.uk-light .uk-range:focus::-webkit-slider-runnable-track, +.uk-light .uk-range:active::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track { + background: rgba(242, 242, 242, 0.15); +} +.uk-light .uk-range::-moz-range-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-card-primary.uk-card-body .uk-range::-moz-range-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, +.uk-card-secondary.uk-card-body .uk-range::-moz-range-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, +.uk-overlay-primary .uk-range::-moz-range-track, +.uk-offcanvas-bar .uk-range::-moz-range-track { + background: rgba(242, 242, 242, 0.1); +} +.uk-light .uk-range:focus::-moz-range-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, +.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, +.uk-overlay-primary .uk-range:focus::-moz-range-track, +.uk-offcanvas-bar .uk-range:focus::-moz-range-track { + background: rgba(242, 242, 242, 0.15); +} +.uk-light .uk-range::-webkit-slider-thumb, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, +.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, +.uk-overlay-primary .uk-range::-webkit-slider-thumb, +.uk-offcanvas-bar .uk-range::-webkit-slider-thumb { + background: #808080; + border-color: #e6e6e6; +} +.uk-light .uk-range::-moz-range-thumb, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, +.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, +.uk-overlay-primary .uk-range::-moz-range-thumb, +.uk-offcanvas-bar .uk-range::-moz-range-thumb { + background: #808080; + border-color: #e6e6e6; +} +.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%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%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-navbar .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-overlay-primary .uk-search-navbar .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-medium .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-overlay-primary .uk-search-medium .uk-search-input, +.uk-offcanvas-bar .uk-search-medium .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-medium .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, +.uk-overlay-primary .uk-search-medium .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.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; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-large .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, +.uk-overlay-primary .uk-search-large .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-large .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.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-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-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-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:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { + 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"); +} +/* + * Pass dropbar behind color to JS + */ +* { + --uk-inverse: initial; +} +.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 { + --uk-inverse: light; +} +.uk-dark, +.uk-section-default:not(.uk-preserve-color), +.uk-section-muted:not(.uk-preserve-color), +.uk-tile-default:not(.uk-preserve-color), +.uk-tile-muted:not(.uk-preserve-color), +.uk-card-default.uk-card-body, +.uk-card-default > :not([class*="uk-card-media"]), +.uk-card-overlay.uk-card-body, +.uk-card-overlay > :not([class*="uk-card-media"]), +.uk-overlay-default, +.uk-dropbar, +.uk-navbar-container:not(.uk-navbar-transparent), +.uk-navbar-dropdown:not(.uk-preserve-color), +.uk-dropdown { + --uk-inverse: dark; +} +.uk-inverse-light { + --uk-inverse: light !important; +} +.uk-inverse-dark { + --uk-inverse: dark !important; +} +/* ======================================================================== + 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/css/uikit-rtl.min.css b/static/css/uikit-rtl.min.css new file mode 100644 index 0000000..a5fcde0 --- /dev/null +++ b/static/css/uikit-rtl.min.css @@ -0,0 +1 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 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}.uk-link-toggle:hover .uk-link:has(.uk-text-middle),.uk-link:has(.uk-text-middle),a:has(.uk-text-middle){text-underline-offset:0.1875em}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%;box-sizing:border-box;height:auto;aspect-ratio:attr(width type())/attr(height type());object-fit:cover}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-3xlarge,.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-3xlarge,*+.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}.uk-heading-3xlarge{font-size:8rem;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}.uk-heading-3xlarge{font-size:11rem}}@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-3xlarge{font-size:15rem}}.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-disc{list-style-type:disc}.uk-list-circle{list-style-type:circle}.uk-list-square{list-style-type:square}.uk-list-decimal{list-style-type:decimal}.uk-list-hyphen{list-style-type:'– '}.uk-list-muted>::marker{color:#999!important}.uk-list-emphasis>::marker{color:#333!important}.uk-list-primary>::marker{color:#1e87f0!important}.uk-list-secondary>::marker{color:#222!important}.uk-list-bullet>*{position:relative;padding-right:30px}.uk-list-bullet>::before{content:"";position:absolute;top:0;right:0;width:30px;height: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-icon-overlay,a .uk-icon-overlay{color:rgba(51,51,51,.6);transition:.1s ease-in-out;transition-property:color}.uk-icon-overlay:hover,a:hover .uk-icon-overlay{color:#333}.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[type=date]::-webkit-datetime-edit,.uk-input[type=datetime-local]::-webkit-datetime-edit,.uk-input[type=time]::-webkit-datetime-edit{display:inline-flex;align-items:center;height:100%;padding:0}.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;min-width: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}.uk-input:where(:not(input)),.uk-select:where(:not(select)){display:inline-block;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-size:cover;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%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%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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%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%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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-form-small:is(.uk-input,.uk-search-input,.uk-select,.uk-textarea){font-size:.875rem}.uk-form-small:is(.uk-input,.uk-search-input,.uk-select:not([multiple]):not([size])){height:30px;padding-right:8px;padding-left:8px}.uk-form-small:is(.uk-select[multiple],.uk-select[size],.uk-textarea){padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea):not([type=radio]):not([type=checkbox]){line-height:28px}.uk-form-small:is(.uk-radio,.uk-checkbox){height:14px;width:14px}.uk-form-large:is(.uk-input,.uk-search-input,.uk-select,.uk-textarea){font-size:1.25rem}.uk-form-large:is(.uk-input,.uk-search-input,.uk-select:not([multiple]):not([size])){height:55px;padding-right:12px;padding-left:12px}.uk-form-large:is(.uk-select[multiple],.uk-select[size],.uk-textarea){padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea):not([type=radio]):not([type=checkbox]){line-height:53px}.uk-form-large:is(.uk-radio,.uk-checkbox){height:22px;width:22px}.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-xsmall-top{padding-top:20px}.uk-section-xsmall-bottom{padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-small-top{padding-top:40px}.uk-section-small-bottom{padding-bottom:40px}.uk-section-medium-top{padding-top:40px}.uk-section-medium-bottom{padding-bottom:40px}@media (min-width:960px){.uk-section-medium-top{padding-top:70px}.uk-section-medium-bottom{padding-bottom:70px}}.uk-section-large{padding-top:70px;padding-bottom:70px}.uk-section-large-top{padding-top:70px}.uk-section-large-bottom{padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}.uk-section-large-top{padding-top:140px}.uk-section-large-bottom{padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}.uk-section-xlarge-top{padding-top:140px}.uk-section-xlarge-bottom{padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}.uk-section-xlarge-top{padding-top:210px}.uk-section-xlarge-bottom{padding-bottom:210px}}.uk-section-default{--uk-inverse:dark;background:#fff}.uk-section-muted{--uk-inverse:dark;background:#f8f8f8}.uk-section-primary{--uk-inverse:light;background:#1e87f0}.uk-section-secondary{--uk-inverse:light;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{--uk-inverse:dark;background-color:#fff}.uk-tile-muted{--uk-inverse:dark;background-color:#f8f8f8}.uk-tile-primary{--uk-inverse:light;background-color:#1e87f0}.uk-tile-secondary{--uk-inverse:light;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,.uk-card-primary,.uk-card-secondary,.uk-card-overlay):hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{--uk-inverse:dark;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{--uk-inverse:light;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{--uk-inverse:light;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-overlay{--uk-inverse:dark;background-color:rgba(255,255,255,.8);color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-overlay .uk-card-title{color:#333}.uk-card-overlay.uk-card-hover:hover{background-color:rgba(255,255,255,.9);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{--uk-inverse:dark;background:rgba(255,255,255,.8)}.uk-overlay-primary{--uk-inverse:light;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{padding-right:10px;padding-left:10px}.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-right:40px}.uk-search-default:has(.uk-search-icon-flip) .uk-search-input{padding-left:40px}.uk-search-navbar{width:240px}.uk-search-navbar .uk-search-input{height:40px;padding-right:10px;padding-left:10px;background:#fff;border:1px solid #e5e5e5}.uk-search-navbar .uk-search-input:focus{background-color:#fff;border-color:#1e87f0}.uk-search-navbar .uk-search-icon{padding-right:10px;padding-left:10px}.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-right:40px}.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input{padding-left:40px}.uk-search-medium{width:400px}.uk-search-medium .uk-search-input{height:55px;padding-right:12px;padding-left:12px;background:0 0;font-size:1.5rem;border:1px solid #e5e5e5}.uk-search-medium .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-medium .uk-search-icon{padding-right:12px;padding-left:12px}.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-right:48px}.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input{padding-left:48px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:90px;padding-right:20px;padding-left:20px;background:0 0;font-size:2.625rem;border:1px solid #e5e5e5}.uk-search-large .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-large .uk-search-icon{padding-right:20px;padding-left:20px}.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-right:80px}.uk-search-large:has(.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;--uk-inverse:dark;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!important;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}.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{--uk-inverse:light;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{margin:0}.uk-countdown-number{margin:0;font-variant-numeric:tabular-nums}.uk-countdown-separator{font-size:.5em;line-height:2}.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-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-medium{font-size:2.8875rem;line-height:1}.uk-nav-large{font-size:3.4rem;line-height:1}.uk-nav-xlarge{font-size:4rem;line-height:1}@media (min-width:960px){.uk-nav-medium{font-size:3.5rem}.uk-nav-large{font-size:4rem}.uk-nav-xlarge{font-size:6rem}}@media (min-width:1200px){.uk-nav-medium{font-size:4rem}.uk-nav-large{font-size:6rem}.uk-nav-xlarge{font-size:8rem}}.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:stretch}.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;height:100%;align-items:stretch}.uk-navbar-center-left,.uk-navbar-center-right{height:100%;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;align-items:stretch;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{height:100%;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;--uk-inverse:dark;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-container{transition:.1s ease-in-out;transition-property:background-color}@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{margin-right:-20px}.uk-subnav-pill>*{padding-right:20px}.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>:first-child{color:#999}.uk-breadcrumb{padding:0;list-style:none;font-size:0}.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;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;align-items:center;margin-right:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-right:0;position:relative}.uk-pagination>*>*{display:flex;align-items:center;column-gap:.25em;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-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;--uk-inverse:dark;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{--uk-position-offset:10px;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{--uk-inverse:light;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{margin:0;padding:0;list-style:none}.uk-lightbox-items>*{position:absolute;top:0;left:0;bottom:0;right:0;display:none;justify-content:center;align-items:flex-start;will-change:transform,opacity;overflow:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-items-fit>*{align-items:center}.uk-lightbox-items-fit>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items-fit>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover{cursor:zoom-in}.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover{cursor:zoom-out}.uk-lightbox-thumbnav-vertical :where(img,video){max-width:100px}.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img,video){max-height:100px}.uk-lightbox-dotnav:empty,.uk-lightbox-thumbnav:empty{display:none}.uk-lightbox-caption:empty{display:none}.uk-lightbox-caption{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-caption>*{color:rgba(255,255,255,.7)}.uk-lightbox-counter: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% / 3)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% / 6)}.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% / 3)}.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% / 6)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@s>:not([class*=uk-width]),.uk-child-width-1-2\@s>:not([class*=uk-width]),.uk-child-width-1-3\@s>:not([class*=uk-width]),.uk-child-width-1-4\@s>:not([class*=uk-width]),.uk-child-width-1-5\@s>:not([class*=uk-width]),.uk-child-width-1-6\@s>:not([class*=uk-width]),.uk-child-width-auto\@s>:not([class*=uk-width]){flex:initial}}@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% / 3)}.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% / 6)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@m>:not([class*=uk-width]),.uk-child-width-1-2\@m>:not([class*=uk-width]),.uk-child-width-1-3\@m>:not([class*=uk-width]),.uk-child-width-1-4\@m>:not([class*=uk-width]),.uk-child-width-1-5\@m>:not([class*=uk-width]),.uk-child-width-1-6\@m>:not([class*=uk-width]),.uk-child-width-auto\@m>:not([class*=uk-width]){flex:initial}}@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% / 3)}.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% / 6)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@l>:not([class*=uk-width]),.uk-child-width-1-2\@l>:not([class*=uk-width]),.uk-child-width-1-3\@l>:not([class*=uk-width]),.uk-child-width-1-4\@l>:not([class*=uk-width]),.uk-child-width-1-5\@l>:not([class*=uk-width]),.uk-child-width-1-6\@l>:not([class*=uk-width]),.uk-child-width-auto\@l>:not([class*=uk-width]){flex:initial}}@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% / 3)}.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% / 6)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@xl>:not([class*=uk-width]),.uk-child-width-1-2\@xl>:not([class*=uk-width]),.uk-child-width-1-3\@xl>:not([class*=uk-width]),.uk-child-width-1-4\@xl>:not([class*=uk-width]),.uk-child-width-1-5\@xl>:not([class*=uk-width]),.uk-child-width-1-6\@xl>:not([class*=uk-width]),.uk-child-width-auto\@xl>:not([class*=uk-width]){flex:initial}}[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% / 3)}.uk-width-2-3{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6{width:calc(500% / 6)}.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% / 3)}.uk-width-2-3\@s{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@s{width:calc(500% / 6)}.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}.uk-width-1-1\@s,.uk-width-1-2\@s,.uk-width-1-3\@s,.uk-width-1-4\@s,.uk-width-1-5\@s,.uk-width-1-6\@s,.uk-width-2-3\@s,.uk-width-2-5\@s,.uk-width-2xlarge\@s,.uk-width-3-4\@s,.uk-width-3-5\@s,.uk-width-4-5\@s,.uk-width-5-6\@s,.uk-width-auto\@s,.uk-width-large\@s,.uk-width-medium\@s,.uk-width-small\@s,.uk-width-xlarge\@s{flex:initial}}@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% / 3)}.uk-width-2-3\@m{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@m{width:calc(500% / 6)}.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}.uk-width-1-1\@m,.uk-width-1-2\@m,.uk-width-1-3\@m,.uk-width-1-4\@m,.uk-width-1-5\@m,.uk-width-1-6\@m,.uk-width-2-3\@m,.uk-width-2-5\@m,.uk-width-2xlarge\@m,.uk-width-3-4\@m,.uk-width-3-5\@m,.uk-width-4-5\@m,.uk-width-5-6\@m,.uk-width-auto\@m,.uk-width-large\@m,.uk-width-medium\@m,.uk-width-small\@m,.uk-width-xlarge\@m{flex:initial}}@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% / 3)}.uk-width-2-3\@l{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@l{width:calc(500% / 6)}.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}.uk-width-1-1\@l,.uk-width-1-2\@l,.uk-width-1-3\@l,.uk-width-1-4\@l,.uk-width-1-5\@l,.uk-width-1-6\@l,.uk-width-2-3\@l,.uk-width-2-5\@l,.uk-width-2xlarge\@l,.uk-width-3-4\@l,.uk-width-3-5\@l,.uk-width-4-5\@l,.uk-width-5-6\@l,.uk-width-auto\@l,.uk-width-large\@l,.uk-width-medium\@l,.uk-width-small\@l,.uk-width-xlarge\@l{flex:initial}}@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% / 3)}.uk-width-2-3\@xl{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@xl{width:calc(500% / 6)}.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-1-1\@xl,.uk-width-1-2\@xl,.uk-width-1-3\@xl,.uk-width-1-4\@xl,.uk-width-1-5\@xl,.uk-width-1-6\@xl,.uk-width-2-3\@xl,.uk-width-2-5\@xl,.uk-width-2xlarge\@xl,.uk-width-3-4\@xl,.uk-width-3-5\@xl,.uk-width-4-5\@xl,.uk-width-5-6\@xl,.uk-width-auto\@xl,.uk-width-large\@xl,.uk-width-medium\@xl,.uk-width-small\@xl,.uk-width-xlarge\@xl{flex:initial}}.uk-width-fit-content{width:fit-content}.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}.uk-text-stroke{-webkit-text-stroke:calc(1.4px + 0.002em);-webkit-text-fill-color:transparent}[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]:where(canvas,iframe,svg),[uk-cover]:where(canvas,iframe,svg){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}[data-uk-cover]:where(img,video),[uk-cover]:where(img,video){position:absolute;top:0;right:0;width:100%;height:100%;box-sizing:border-box;object-fit:cover;object-position:center}.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}@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}@property --uk-overflow-fade-start-opacity{syntax:"";inherits:false;initial-value:0}@property --uk-overflow-fade-end-opacity{syntax:"";inherits:false;initial-value:0}.uk-overflow-fade-horizontal{overflow-x:auto;--uk-overflow-fade-direction:right}.uk-overflow-fade-vertical{overflow-y:auto;--uk-overflow-fade-direction:bottom}.uk-overflow-fade-horizontal,.uk-overflow-fade-vertical{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;mask-image:linear-gradient(to var(--uk-overflow-fade-direction),rgba(0,0,0,var(--uk-overflow-fade-start-opacity)),#000 100px,#000 calc(100% - 100px),rgba(0,0,0,var(--uk-overflow-fade-end-opacity)))}.uk-overflow-fade-horizontal>*,.uk-overflow-fade-vertical>*{min-width:max-content}.uk-overflow-fade-horizontal::-webkit-scrollbar,.uk-overflow-fade-vertical::-webkit-scrollbar{display:none}.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}@media (min-width:640px){.uk-flex-stretch\@s{align-items:stretch}.uk-flex-top\@s{align-items:flex-start}.uk-flex-middle\@s{align-items:center}.uk-flex-bottom\@s{align-items:flex-end}}@media (min-width:960px){.uk-flex-stretch\@m{align-items:stretch}.uk-flex-top\@m{align-items:flex-start}.uk-flex-middle\@m{align-items:center}.uk-flex-bottom\@m{align-items:flex-end}}@media (min-width:1200px){.uk-flex-stretch\@l{align-items:stretch}.uk-flex-top\@l{align-items:flex-start}.uk-flex-middle\@l{align-items:center}.uk-flex-bottom\@l{align-items:flex-end}}@media (min-width:1600px){.uk-flex-stretch\@xl{align-items:stretch}.uk-flex-top\@xl{align-items:flex-start}.uk-flex-middle\@xl{align-items:center}.uk-flex-bottom\@xl{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}@media (min-width:640px){.uk-flex-row\@s{flex-direction:row}.uk-flex-column\@s{flex-direction:column}}@media (min-width:960px){.uk-flex-row\@m{flex-direction:row}.uk-flex-column\@m{flex-direction:column}}@media (min-width:1200px){.uk-flex-row\@l{flex-direction:row}.uk-flex-column\@l{flex-direction:column}}@media (min-width:1600px){.uk-flex-row\@xl{flex-direction:row}.uk-flex-column\@xl{flex-direction:column}}.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-initial{flex:initial}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}@media (min-width:640px){.uk-flex-initial\@s{flex:initial}.uk-flex-none\@s{flex:none}.uk-flex-1\@s{flex:1}}@media (min-width:960px){.uk-flex-initial\@m{flex:initial}.uk-flex-none\@m{flex:none}.uk-flex-1\@m{flex:1}}@media (min-width:1200px){.uk-flex-initial\@l{flex:initial}.uk-flex-none\@l{flex:none}.uk-flex-1\@l{flex:1}}@media (min-width:1600px){.uk-flex-initial\@xl{flex:initial}.uk-flex-none\@xl{flex:none}.uk-flex-1\@xl{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-xsmall{margin-bottom:5px}*+.uk-margin-xsmall{margin-top:5px!important}.uk-margin-xsmall-top{margin-top:5px!important}.uk-margin-xsmall-bottom{margin-bottom:5px!important}.uk-margin-xsmall-right{margin-right:5px!important}.uk-margin-xsmall-left{margin-left:5px!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}.uk-position-center-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-right{right:0}.uk-position-center-left{left:0}.uk-position-center-vertical{right:0;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-center-horizontal,.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-center-horizontal{top:0;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}.uk-position-z-index-high{z-index:990}.uk-position-z-index-highest{z-index:1060}: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:focus .uk-transition-fade,.uk-transition-toggle:focus-within .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:focus .uk-transition-scale-up,.uk-transition-toggle:focus-within .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:focus .uk-transition-scale-down,.uk-transition-toggle:focus-within .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:focus [class*=uk-transition-slide],.uk-transition-toggle:focus-within [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-transition-disable,.uk-transition-disable *{transition:none!important}.uk-hidden,.uk-hidden-empty:empty,[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-visible):not(:has(:focus-visible)),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:0!important;height:0!important;padding:0!important;border-width:0!important;margin:0!important;overflow:hidden!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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::marker,.uk-card-secondary.uk-card-body .uk-list-muted>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::marker,.uk-light .uk-list-muted>::marker,.uk-offcanvas-bar .uk-list-muted>::marker,.uk-overlay-primary .uk-list-muted>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::marker{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::marker,.uk-card-secondary.uk-card-body .uk-list-emphasis>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::marker,.uk-light .uk-list-emphasis>::marker,.uk-offcanvas-bar .uk-list-emphasis>::marker,.uk-overlay-primary .uk-list-emphasis>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::marker,.uk-card-secondary.uk-card-body .uk-list-primary>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::marker,.uk-light .uk-list-primary>::marker,.uk-offcanvas-bar .uk-list-primary>::marker,.uk-overlay-primary .uk-list-primary>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::marker,.uk-card-secondary.uk-card-body .uk-list-secondary>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::marker,.uk-light .uk-list-secondary>::marker,.uk-offcanvas-bar .uk-list-secondary>::marker,.uk-overlay-primary .uk-list-secondary>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::marker{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-icon-overlay,.uk-card-primary.uk-card-body a .uk-icon-overlay,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-overlay,.uk-card-primary>:not([class*=uk-card-media]) a .uk-icon-overlay,.uk-card-secondary.uk-card-body .uk-icon-overlay,.uk-card-secondary.uk-card-body a .uk-icon-overlay,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-overlay,.uk-card-secondary>:not([class*=uk-card-media]) a .uk-icon-overlay,.uk-light .uk-icon-overlay,.uk-light a .uk-icon-overlay,.uk-offcanvas-bar .uk-icon-overlay,.uk-offcanvas-bar a .uk-icon-overlay,.uk-overlay-primary .uk-icon-overlay,.uk-overlay-primary a .uk-icon-overlay,.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay,.uk-section-primary:not(.uk-preserve-color) a .uk-icon-overlay,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay,.uk-section-secondary:not(.uk-preserve-color) a .uk-icon-overlay,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay,.uk-tile-primary:not(.uk-preserve-color) a .uk-icon-overlay,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay,.uk-tile-secondary:not(.uk-preserve-color) a .uk-icon-overlay,a.uk-card-primary.uk-card-body .uk-icon-overlay,a.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-overlay,a.uk-card-secondary.uk-card-body .uk-icon-overlay,a.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-overlay,a.uk-light .uk-icon-overlay,a.uk-offcanvas-bar .uk-icon-overlay,a.uk-overlay-primary .uk-icon-overlay,a.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay,a.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay,a.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay,a.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay{color:rgba(255,255,255,.6)}.uk-card-primary.uk-card-body .uk-icon-overlay:hover,.uk-card-primary.uk-card-body a:hover .uk-icon-overlay,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-overlay:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover .uk-icon-overlay,.uk-card-secondary.uk-card-body .uk-icon-overlay:hover,.uk-card-secondary.uk-card-body a:hover .uk-icon-overlay,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-overlay:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover .uk-icon-overlay,.uk-light .uk-icon-overlay:hover,.uk-light a:hover .uk-icon-overlay,.uk-offcanvas-bar .uk-icon-overlay:hover,.uk-offcanvas-bar a:hover .uk-icon-overlay,.uk-overlay-primary .uk-icon-overlay:hover,.uk-overlay-primary a:hover .uk-icon-overlay,.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-section-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay,a.uk-card-primary.uk-card-body:hover .uk-icon-overlay,a.uk-card-primary>:not([class*=uk-card-media]):hover .uk-icon-overlay,a.uk-card-secondary.uk-card-body:hover .uk-icon-overlay,a.uk-card-secondary>:not([class*=uk-card-media]):hover .uk-icon-overlay,a.uk-light:hover .uk-icon-overlay,a.uk-offcanvas-bar:hover .uk-icon-overlay,a.uk-overlay-primary:hover .uk-icon-overlay,a.uk-section-primary:not(.uk-preserve-color):hover .uk-icon-overlay,a.uk-section-secondary:not(.uk-preserve-color):hover .uk-icon-overlay,a.uk-tile-primary:not(.uk-preserve-color):hover .uk-icon-overlay,a.uk-tile-secondary:not(.uk-preserve-color):hover .uk-icon-overlay{color:#fff}.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-runnable-track,.uk-light .uk-range::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track{background:rgba(242,242,242,.1)}.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track,.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:active::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:focus::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:active::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:focus::-webkit-slider-runnable-track,.uk-light .uk-range:active::-webkit-slider-runnable-track,.uk-light .uk-range:focus::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track{background:rgba(242,242,242,.15)}.uk-card-primary.uk-card-body .uk-range::-moz-range-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-moz-range-track,.uk-card-secondary.uk-card-body .uk-range::-moz-range-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-moz-range-track,.uk-light .uk-range::-moz-range-track,.uk-offcanvas-bar .uk-range::-moz-range-track,.uk-overlay-primary .uk-range::-moz-range-track,.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track{background:rgba(242,242,242,.1)}.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:focus::-moz-range-track,.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:focus::-moz-range-track,.uk-light .uk-range:focus::-moz-range-track,.uk-offcanvas-bar .uk-range:focus::-moz-range-track,.uk-overlay-primary .uk-range:focus::-moz-range-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track{background:rgba(242,242,242,.15)}.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-thumb,.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-thumb,.uk-light .uk-range::-webkit-slider-thumb,.uk-offcanvas-bar .uk-range::-webkit-slider-thumb,.uk-overlay-primary .uk-range::-webkit-slider-thumb,.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb{background:grey;border-color:#e6e6e6}.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-moz-range-thumb,.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-moz-range-thumb,.uk-light .uk-range::-moz-range-thumb,.uk-offcanvas-bar .uk-range::-moz-range-thumb,.uk-overlay-primary .uk-range::-moz-range-thumb,.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb{background:grey;border-color:#e6e6e6}.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%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%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,.uk-light .uk-search-navbar .uk-search-input:focus,.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus,.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,.uk-light .uk-search-medium .uk-search-input,.uk-offcanvas-bar .uk-search-medium .uk-search-input,.uk-overlay-primary .uk-search-medium .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input:focus,.uk-light .uk-search-medium .uk-search-input:focus,.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus,.uk-overlay-primary .uk-search-medium .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.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;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input:focus,.uk-light .uk-search-large .uk-search-input:focus,.uk-offcanvas-bar .uk-search-large .uk-search-input:focus,.uk-overlay-primary .uk-search-large .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.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-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-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-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:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-light .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-overlay-primary .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):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")}*{--uk-inverse:initial}.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){--uk-inverse:light}.uk-card-default.uk-card-body,.uk-card-default>:not([class*=uk-card-media]),.uk-card-overlay.uk-card-body,.uk-card-overlay>:not([class*=uk-card-media]),.uk-dark,.uk-dropbar,.uk-dropdown,.uk-navbar-container:not(.uk-navbar-transparent),.uk-navbar-dropdown:not(.uk-preserve-color),.uk-overlay-default,.uk-section-default:not(.uk-preserve-color),.uk-section-muted:not(.uk-preserve-color),.uk-tile-default:not(.uk-preserve-color),.uk-tile-muted:not(.uk-preserve-color){--uk-inverse:dark}.uk-inverse-light{--uk-inverse:light!important}.uk-inverse-dark{--uk-inverse:dark!important}@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/css/uikit.css b/static/css/uikit.css new file mode 100644 index 0000000..3ee2ee2 --- /dev/null +++ b/static/css/uikit.css @@ -0,0 +1,13333 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 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; +} +/* + * Fix text underline offset if `vertical-align`is set to `middle` + */ +a:has(.uk-text-middle), +.uk-link:has(.uk-text-middle), +.uk-link-toggle:hover .uk-link:has(.uk-text-middle) { + text-underline-offset: 0.1875em; +} +/* 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. Take border and padding into account. + * 3. Reset `height` attribute if present to scale the height based on the intrinsic aspect ratio. + * 4. Scale height based on the extrinsic aspect ratio. Works only in Chrome yet. + * 5. Size image to fill the element's content box. + * Note: Add `iframe` as soon as `attr` is supported in all browsers and remove `uk-responsive`. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + box-sizing: border-box; + /* 3 */ + height: auto; + /* 4 */ + aspect-ratio: attr(width type()) / attr(height type()); + /* 5 */ + object-fit: cover; +} +/* + * 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, +.uk-heading-3xlarge { + 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, +* + .uk-heading-3xlarge { + 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; +} +.uk-heading-3xlarge { + font-size: 8rem; + 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; + } + .uk-heading-3xlarge { + font-size: 11rem; + } +} +/* 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; + } + .uk-heading-3xlarge { + font-size: 15rem; + } +} +/* 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 + ========================================================================== */ +.uk-list-disc, +.uk-list-circle, +.uk-list-square, +.uk-list-decimal, +.uk-list-hyphen { + padding-left: 30px; +} +.uk-list-disc { + list-style-type: disc; +} +.uk-list-circle { + list-style-type: circle; +} +.uk-list-square { + list-style-type: square; +} +.uk-list-decimal { + list-style-type: decimal; +} +.uk-list-hyphen { + list-style-type: '– '; +} +/* + * Color modifiers + */ +.uk-list-muted > ::marker { + color: #999 !important; +} +.uk-list-emphasis > ::marker { + color: #333 !important; +} +.uk-list-primary > ::marker { + color: #1e87f0 !important; +} +.uk-list-secondary > ::marker { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + position: relative; + padding-left: 30px; +} +.uk-list-bullet > ::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 30px; + height: 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; +} +/* + * Overlay + */ +.uk-icon-overlay, +a .uk-icon-overlay { + color: rgba(51, 51, 51, 0.6); + transition: 0.1s ease-in-out; + transition-property: color; +} +.uk-icon-overlay:hover, +a:hover .uk-icon-overlay { + color: #333; +} +/* ======================================================================== + 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; +} +/* + * Correct vertical alignment in Safari. + */ +.uk-input[type="date"]::-webkit-datetime-edit, +.uk-input[type="time"]::-webkit-datetime-edit, +.uk-input[type="datetime-local"]::-webkit-datetime-edit { + display: inline-flex; + align-items: center; + height: 100%; + padding: 0; +} +/* + * 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. + * 1. Reset `min-width` + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; + /* 1 */ + min-width: 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 + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; +} +/* + * 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 + * 3. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + */ +.uk-input:where(:not(input)), +.uk-select:where(:not(select)) { + /* 1 */ + display: inline-block; + /* 2 */ + line-height: 38px; + /* 3 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* + * 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`) + ========================================================================== */ +/* + * 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. Cover 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-size: cover; + 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%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%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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%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%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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"); +} +/* Style modifier (`uk-input`, `uk-select`, `uk-textarea`, `uk-radio`, `uk-checkbox`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small:is(.uk-input, .uk-search-input, .uk-select, .uk-textarea) { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +/* Multi-line */ +.uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { + padding: 5px 8px; +} +/* Any element */ +.uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { + line-height: 28px; +} +/* Radio + Checkbox */ +.uk-form-small:is(.uk-radio, .uk-checkbox) { + height: 14px; + width: 14px; +} +/* + * Large + */ +.uk-form-large:is(.uk-input, .uk-search-input, .uk-select, .uk-textarea) { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) { + height: 55px; + padding-left: 12px; + padding-right: 12px; +} +/* Multi-line */ +.uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { + padding: 7px 12px; +} +/* Any element */ +.uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { + line-height: 53px; +} +/* Radio + Checkbox */ +.uk-form-large:is(.uk-radio, .uk-checkbox) { + height: 22px; + width: 22px; +} +/* 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 controls 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 between 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; +} +.uk-section-xsmall-top { + padding-top: 20px; +} +.uk-section-xsmall-bottom { + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +.uk-section-small-top { + padding-top: 40px; +} +.uk-section-small-bottom { + padding-bottom: 40px; +} +/* + * Medium + */ +.uk-section-medium-top { + padding-top: 40px; +} +.uk-section-medium-bottom { + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section-medium-top { + padding-top: 70px; + } + .uk-section-medium-bottom { + padding-bottom: 70px; + } +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +.uk-section-large-top { + padding-top: 70px; +} +.uk-section-large-bottom { + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } + .uk-section-large-top { + padding-top: 140px; + } + .uk-section-large-bottom { + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +.uk-section-xlarge-top { + padding-top: 140px; +} +.uk-section-xlarge-bottom { + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } + .uk-section-xlarge-top { + padding-top: 210px; + } + .uk-section-xlarge-bottom { + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + --uk-inverse: dark; + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + --uk-inverse: dark; + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + --uk-inverse: light; + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + --uk-inverse: light; + 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 { + --uk-inverse: dark; + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + --uk-inverse: dark; + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + --uk-inverse: light; + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + --uk-inverse: light; + 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, .uk-card-primary, .uk-card-secondary, .uk-card-overlay):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 { + --uk-inverse: dark; + 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 { + --uk-inverse: light; + 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 { + --uk-inverse: light; + 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); +} +/* + * Overlay + */ +.uk-card-overlay { + --uk-inverse: dark; + background-color: rgba(255, 255, 255, 0.8); + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-overlay .uk-card-title { + color: #333; +} +.uk-card-overlay.uk-card-hover:hover { + background-color: rgba(255, 255, 255, 0.9); + 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 + ========================================================================== */ +/* + * Adopts `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 { + --uk-inverse: dark; + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + --uk-inverse: light; + 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 { + padding-left: 10px; + padding-right: 10px; +} +.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 40px; +} +.uk-search-default:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 240px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: #fff; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-navbar .uk-search-input:focus { + background-color: #fff; + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + padding-left: 10px; + padding-right: 10px; +} +.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 40px; +} +.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 40px; +} +/* Medium modifier + ========================================================================== */ +.uk-search-medium { + width: 400px; +} +/* + * Input + */ +.uk-search-medium .uk-search-input { + height: 55px; + padding-left: 12px; + padding-right: 12px; + background: transparent; + font-size: 1.5rem; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-medium .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-medium .uk-search-icon { + padding-left: 12px; + padding-right: 12px; +} +.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 48px; +} +.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 48px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 90px; + padding-left: 20px; + padding-right: 20px; + background: transparent; + font-size: 2.625rem; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-large .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-large .uk-search-icon { + padding-left: 20px; + padding-right: 20px; +} +.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 80px; +} +.uk-search-large:has(.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; + --uk-inverse: dark; + /* 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 !important; + 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; +} +.uk-sticky-fixed { + margin: 0 !important; +} +/* + * 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 { + --uk-inverse: light; + /* 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 + ========================================================================== */ +.uk-countdown { + margin: 0; +} +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + */ +.uk-countdown-number { + margin: 0; + /* 1 */ + font-variant-numeric: tabular-nums; +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 0.5em; + line-height: 2; +} +/* Label + ========================================================================== */ +/* ======================================================================== + 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: 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; +} +/* Size modifier + ========================================================================== */ +/* + * Medium + */ +.uk-nav-medium { + font-size: 2.8875rem; + line-height: 1; +} +.uk-nav-large { + font-size: 3.4rem; + line-height: 1; +} +.uk-nav-xlarge { + font-size: 4rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-nav-medium { + font-size: 3.5rem; + } + .uk-nav-large { + font-size: 4rem; + } + .uk-nav-xlarge { + font-size: 6rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-nav-medium { + font-size: 4rem; + } + .uk-nav-large { + font-size: 6rem; + } + .uk-nav-xlarge { + font-size: 8rem; + } +} +/* 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. Stretch height if a sibling's height is expanded by its content + */ +.uk-navbar-left, +.uk-navbar-right, +[class*="uk-navbar-center"] { + display: flex; + gap: 15px; + /* 1 */ + align-items: stretch; +} +/* + * 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. Stretch height if a sibling's height is expanded by its content + * 5. 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 */ + height: 100%; + align-items: stretch; +} +.uk-navbar-center-left, +.uk-navbar-center-right { + /* 4 */ + height: 100%; + /* 5 */ + 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. Stretch height if a sibling's height is expanded by its content + * 2. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + align-items: stretch; + /* 2 */ + 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 + * 1. Stretch height if a sibling's height is expanded by its content + * 2. Reset list + */ +.uk-navbar-nav > li > a { + /* 1 */ + height: 100%; + /* 2 */ + 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; + --uk-inverse: dark; + /* 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` + */ +.uk-navbar-container { + transition: 0.1s ease-in-out; + transition-property: background-color; +} +/* 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 + ========================================================================== */ +/* + * Gutter + */ +.uk-subnav-pill { + margin-left: -20px; +} +.uk-subnav-pill > * { + padding-left: 20px; +} +.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 > :first-child { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * 1. Reset list + * 2. Remove space between elements + */ +.uk-breadcrumb { + /* 1 */ + padding: 0; + list-style: none; + /* 2 */ + font-size: 0; +} +/* + * 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; + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 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-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: 0; + /* 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-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + 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: 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; + --uk-inverse: dark; + /* 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 { + --uk-position-offset: 10px; + /* 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 { + --uk-inverse: light; + /* 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; +} +/* Items + ========================================================================== */ +/* + * Reset list + */ +.uk-lightbox-items { + margin: 0; + padding: 0; + list-style: none; +} +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Optimize animation + * 4. 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: flex-start; + /* 3 */ + will-change: transform, opacity; + /* 4 */ + overflow: auto; +} +/* 2 */ +.uk-lightbox-items > .uk-active { + display: flex; +} +.uk-lightbox-items-fit > * { + align-items: center; +} +/* 4 */ +.uk-lightbox-items-fit > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items-fit > * > :not(iframe) { + width: auto; + height: auto; +} +/* Zoom Cursor */ +.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover { + cursor: zoom-in; +} +.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover { + cursor: zoom-out; +} +/* Navs + ========================================================================== */ +.uk-lightbox-thumbnav-vertical :where(img, video) { + max-width: 100px; +} +.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img, video) { + max-height: 100px; +} +.uk-lightbox-thumbnav:empty, +.uk-lightbox-dotnav:empty { + display: none; +} +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +.uk-lightbox-caption { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-caption > * { + color: rgba(255, 255, 255, 0.7); +} +/* Counter + ========================================================================== */ +.uk-lightbox-counter: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% / 3); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% / 6); +} +.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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@s > :not([class*="uk-width"]), + .uk-child-width-1-2\@s > :not([class*="uk-width"]), + .uk-child-width-1-3\@s > :not([class*="uk-width"]), + .uk-child-width-1-4\@s > :not([class*="uk-width"]), + .uk-child-width-1-5\@s > :not([class*="uk-width"]), + .uk-child-width-1-6\@s > :not([class*="uk-width"]), + .uk-child-width-auto\@s > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@m > :not([class*="uk-width"]), + .uk-child-width-1-2\@m > :not([class*="uk-width"]), + .uk-child-width-1-3\@m > :not([class*="uk-width"]), + .uk-child-width-1-4\@m > :not([class*="uk-width"]), + .uk-child-width-1-5\@m > :not([class*="uk-width"]), + .uk-child-width-1-6\@m > :not([class*="uk-width"]), + .uk-child-width-auto\@m > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@l > :not([class*="uk-width"]), + .uk-child-width-1-2\@l > :not([class*="uk-width"]), + .uk-child-width-1-3\@l > :not([class*="uk-width"]), + .uk-child-width-1-4\@l > :not([class*="uk-width"]), + .uk-child-width-1-5\@l > :not([class*="uk-width"]), + .uk-child-width-1-6\@l > :not([class*="uk-width"]), + .uk-child-width-auto\@l > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); + } + .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% / 6); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@xl > :not([class*="uk-width"]), + .uk-child-width-1-2\@xl > :not([class*="uk-width"]), + .uk-child-width-1-3\@xl > :not([class*="uk-width"]), + .uk-child-width-1-4\@xl > :not([class*="uk-width"]), + .uk-child-width-1-5\@xl > :not([class*="uk-width"]), + .uk-child-width-1-6\@xl > :not([class*="uk-width"]), + .uk-child-width-auto\@xl > :not([class*="uk-width"]) { + flex: initial; + } +} +/* 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% / 3); +} +.uk-width-2-3 { + width: calc(200% / 3); +} +/* 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% / 6); +} +.uk-width-5-6 { + width: calc(500% / 6); +} +/* 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% / 3); + } + .uk-width-2-3\@s { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@s { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@s, + .uk-width-1-2\@s, + .uk-width-1-3\@s, + .uk-width-2-3\@s, + .uk-width-1-4\@s, + .uk-width-3-4\@s, + .uk-width-1-5\@s, + .uk-width-2-5\@s, + .uk-width-3-5\@s, + .uk-width-4-5\@s, + .uk-width-1-6\@s, + .uk-width-5-6\@s, + .uk-width-small\@s, + .uk-width-medium\@s, + .uk-width-large\@s, + .uk-width-xlarge\@s, + .uk-width-2xlarge\@s, + .uk-width-auto\@s { + flex: initial; + } +} +/* 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% / 3); + } + .uk-width-2-3\@m { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@m { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@m, + .uk-width-1-2\@m, + .uk-width-1-3\@m, + .uk-width-2-3\@m, + .uk-width-1-4\@m, + .uk-width-3-4\@m, + .uk-width-1-5\@m, + .uk-width-2-5\@m, + .uk-width-3-5\@m, + .uk-width-4-5\@m, + .uk-width-1-6\@m, + .uk-width-5-6\@m, + .uk-width-small\@m, + .uk-width-medium\@m, + .uk-width-large\@m, + .uk-width-xlarge\@m, + .uk-width-2xlarge\@m, + .uk-width-auto\@m { + flex: initial; + } +} +/* 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% / 3); + } + .uk-width-2-3\@l { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@l { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@l, + .uk-width-1-2\@l, + .uk-width-1-3\@l, + .uk-width-2-3\@l, + .uk-width-1-4\@l, + .uk-width-3-4\@l, + .uk-width-1-5\@l, + .uk-width-2-5\@l, + .uk-width-3-5\@l, + .uk-width-4-5\@l, + .uk-width-1-6\@l, + .uk-width-5-6\@l, + .uk-width-small\@l, + .uk-width-medium\@l, + .uk-width-large\@l, + .uk-width-xlarge\@l, + .uk-width-2xlarge\@l, + .uk-width-auto\@l { + flex: initial; + } +} +/* 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% / 3); + } + .uk-width-2-3\@xl { + width: calc(200% / 3); + } + /* 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% / 6); + } + .uk-width-5-6\@xl { + width: calc(500% / 6); + } + /* 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; + } + /* Reset expand */ + .uk-width-1-1\@xl, + .uk-width-1-2\@xl, + .uk-width-1-3\@xl, + .uk-width-2-3\@xl, + .uk-width-1-4\@xl, + .uk-width-3-4\@xl, + .uk-width-1-5\@xl, + .uk-width-2-5\@xl, + .uk-width-3-5\@xl, + .uk-width-4-5\@xl, + .uk-width-1-6\@xl, + .uk-width-5-6\@xl, + .uk-width-small\@xl, + .uk-width-medium\@xl, + .uk-width-large\@xl, + .uk-width-xlarge\@xl, + .uk-width-2xlarge\@xl, + .uk-width-auto\@xl { + flex: initial; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-fit-content { + width: fit-content; +} +.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; +} +/* Stroke modifiers + ========================================================================== */ +.uk-text-stroke { + -webkit-text-stroke: calc(1.4px + 0.002em); + -webkit-text-fill-color: transparent; +} +/* ======================================================================== + 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]:where(canvas, iframe, svg), +[data-uk-cover]:where(canvas, iframe, svg) { + /* 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; +} +[uk-cover]:where(img, video), +[data-uk-cover]:where(img, video) { + /* 3 */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + object-fit: cover; + object-position: center; +} +/* 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 + ========================================================================== */ +.uk-background-fixed { + background-attachment: fixed; +} +/* + * 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%; +} +/* Overflow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* + * Overflow fade + * 1. Overflow + * 2. Mask + */ +@property --uk-overflow-fade-start-opacity { + syntax: ""; + inherits: false; + initial-value: 0; +} +@property --uk-overflow-fade-end-opacity { + syntax: ""; + inherits: false; + initial-value: 0; +} +.uk-overflow-fade-horizontal { + overflow-x: auto; + --uk-overflow-fade-direction: right; +} +.uk-overflow-fade-vertical { + overflow-y: auto; + --uk-overflow-fade-direction: bottom; +} +.uk-overflow-fade-horizontal, +.uk-overflow-fade-vertical { + /* 1 */ + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + /* 2 */ + mask-image: linear-gradient(to var(--uk-overflow-fade-direction), rgba(0, 0, 0, var(--uk-overflow-fade-start-opacity)), #000 100px, #000 calc(100% - 100px), rgba(0, 0, 0, var(--uk-overflow-fade-end-opacity))); +} +.uk-overflow-fade-horizontal > *, +.uk-overflow-fade-vertical > * { + min-width: max-content; +} +.uk-overflow-fade-horizontal::-webkit-scrollbar, +.uk-overflow-fade-vertical::-webkit-scrollbar { + display: none; +} +/* 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-stretch\@s { + align-items: stretch; + } + .uk-flex-top\@s { + align-items: flex-start; + } + .uk-flex-middle\@s { + align-items: center; + } + .uk-flex-bottom\@s { + align-items: flex-end; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-stretch\@m { + align-items: stretch; + } + .uk-flex-top\@m { + align-items: flex-start; + } + .uk-flex-middle\@m { + align-items: center; + } + .uk-flex-bottom\@m { + align-items: flex-end; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-stretch\@l { + align-items: stretch; + } + .uk-flex-top\@l { + align-items: flex-start; + } + .uk-flex-middle\@l { + align-items: center; + } + .uk-flex-bottom\@l { + align-items: flex-end; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-stretch\@xl { + align-items: stretch; + } + .uk-flex-top\@xl { + align-items: flex-start; + } + .uk-flex-middle\@xl { + align-items: center; + } + .uk-flex-bottom\@xl { + 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-row\@s { + flex-direction: row; + } + .uk-flex-column\@s { + flex-direction: column; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-row\@m { + flex-direction: row; + } + .uk-flex-column\@m { + flex-direction: column; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-row\@l { + flex-direction: row; + } + .uk-flex-column\@l { + flex-direction: column; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-row\@xl { + flex-direction: row; + } + .uk-flex-column\@xl { + flex-direction: column; + } +} +/* 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 + */ +.uk-flex-initial { + flex: initial; +} +/* + * 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-initial\@s { + flex: initial; + } + .uk-flex-none\@s { + flex: none; + } + .uk-flex-1\@s { + flex: 1; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-initial\@m { + flex: initial; + } + .uk-flex-none\@m { + flex: none; + } + .uk-flex-1\@m { + flex: 1; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-initial\@l { + flex: initial; + } + .uk-flex-none\@l { + flex: none; + } + .uk-flex-1\@l { + flex: 1; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-initial\@xl { + flex: initial; + } + .uk-flex-none\@xl { + flex: none; + } + .uk-flex-1\@xl { + 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; +} +/* XSmall + ========================================================================== */ +.uk-margin-xsmall { + margin-bottom: 5px; +} +* + .uk-margin-xsmall { + margin-top: 5px !important; +} +.uk-margin-xsmall-top { + margin-top: 5px !important; +} +.uk-margin-xsmall-bottom { + margin-bottom: 5px !important; +} +.uk-margin-xsmall-left { + margin-left: 5px !important; +} +.uk-margin-xsmall-right { + margin-right: 5px !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"], +.uk-position-center-vertical { + 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-vertical { + left: 0; + 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, +.uk-position-center-horizontal { + 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; +} +.uk-position-center-horizontal { + top: 0; + 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; +} +.uk-position-z-index-high { + z-index: 990; +} +.uk-position-z-index-highest { + z-index: 1060; +} +/* ======================================================================== + 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:focus-within .uk-transition-fade, +.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:focus-within .uk-transition-scale-up, +.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:focus-within .uk-transition-scale-down, +.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:focus-within [class*="uk-transition-slide"], +.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 modifier + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* Disable modifier + ========================================================================== */ +.uk-transition-disable, +.uk-transition-disable * { + transition: none !important; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden, +.uk-hidden-empty:empty { + 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. Current browsers and screen readers + * keep the element in the accessibility tree even with zero dimensions. + * Using `tabindex="-1"` will show the element on touch devices. + * Note: `clip-path` doesn't work with `tabindex` on touch devices. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 0 !important; + height: 0 !important; + padding: 0 !important; + border-width: 0 !important; + margin: 0 !important; + overflow: hidden !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Note: `clip-path` doesn't work with hover for elements 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); + /* Webkit */ + /* Firefox */ + /* Webkit */ + /* Firefox */ +} +.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-light .uk-heading-3xlarge, +.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-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.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.uk-card-body .uk-heading-3xlarge, +.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-primary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.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.uk-card-body .uk-heading-3xlarge, +.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-card-secondary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.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-overlay-primary .uk-heading-3xlarge, +.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, +.uk-offcanvas-bar .uk-heading-3xlarge { + 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 > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-card-primary.uk-card-body .uk-list-muted > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, +.uk-card-secondary.uk-card-body .uk-list-muted > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, +.uk-overlay-primary .uk-list-muted > ::marker, +.uk-offcanvas-bar .uk-list-muted > ::marker { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, +.uk-overlay-primary .uk-list-emphasis > ::marker, +.uk-offcanvas-bar .uk-list-emphasis > ::marker { + color: #fff !important; +} +.uk-light .uk-list-primary > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-card-primary.uk-card-body .uk-list-primary > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, +.uk-card-secondary.uk-card-body .uk-list-primary > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, +.uk-overlay-primary .uk-list-primary > ::marker, +.uk-offcanvas-bar .uk-list-primary > ::marker { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-card-primary.uk-card-body .uk-list-secondary > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, +.uk-overlay-primary .uk-list-secondary > ::marker, +.uk-offcanvas-bar .uk-list-secondary > ::marker { + 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-icon-overlay, +.uk-light a .uk-icon-overlay, +a.uk-light .uk-icon-overlay, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-section-primary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-section-secondary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-primary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-tile-secondary:not(.uk-preserve-color) a .uk-icon-overlay, +a.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay, +.uk-card-primary.uk-card-body .uk-icon-overlay, +.uk-card-primary.uk-card-body a .uk-icon-overlay, +a.uk-card-primary.uk-card-body .uk-icon-overlay, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-card-primary > :not([class*="uk-card-media"]) a .uk-icon-overlay, +a.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-card-secondary.uk-card-body .uk-icon-overlay, +.uk-card-secondary.uk-card-body a .uk-icon-overlay, +a.uk-card-secondary.uk-card-body .uk-icon-overlay, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-card-secondary > :not([class*="uk-card-media"]) a .uk-icon-overlay, +a.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-overlay, +.uk-overlay-primary .uk-icon-overlay, +.uk-overlay-primary a .uk-icon-overlay, +a.uk-overlay-primary .uk-icon-overlay, +.uk-offcanvas-bar .uk-icon-overlay, +.uk-offcanvas-bar a .uk-icon-overlay, +a.uk-offcanvas-bar .uk-icon-overlay { + color: rgba(255, 255, 255, 0.6); +} +.uk-light .uk-icon-overlay:hover, +.uk-light a:hover .uk-icon-overlay, +a.uk-light:hover .uk-icon-overlay, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-section-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-section-primary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-section-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-section-secondary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-tile-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-tile-primary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover, +.uk-tile-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay, +a.uk-tile-secondary:not(.uk-preserve-color):hover .uk-icon-overlay, +.uk-card-primary.uk-card-body .uk-icon-overlay:hover, +.uk-card-primary.uk-card-body a:hover .uk-icon-overlay, +a.uk-card-primary.uk-card-body:hover .uk-icon-overlay, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-overlay:hover, +.uk-card-primary > :not([class*="uk-card-media"]) a:hover .uk-icon-overlay, +a.uk-card-primary > :not([class*="uk-card-media"]):hover .uk-icon-overlay, +.uk-card-secondary.uk-card-body .uk-icon-overlay:hover, +.uk-card-secondary.uk-card-body a:hover .uk-icon-overlay, +a.uk-card-secondary.uk-card-body:hover .uk-icon-overlay, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-overlay:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) a:hover .uk-icon-overlay, +a.uk-card-secondary > :not([class*="uk-card-media"]):hover .uk-icon-overlay, +.uk-overlay-primary .uk-icon-overlay:hover, +.uk-overlay-primary a:hover .uk-icon-overlay, +a.uk-overlay-primary:hover .uk-icon-overlay, +.uk-offcanvas-bar .uk-icon-overlay:hover, +.uk-offcanvas-bar a:hover .uk-icon-overlay, +a.uk-offcanvas-bar:hover .uk-icon-overlay { + color: #fff; +} +.uk-light .uk-range::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track { + background: rgba(242, 242, 242, 0.1); +} +.uk-light .uk-range:focus::-webkit-slider-runnable-track, +.uk-light .uk-range:active::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track { + background: rgba(242, 242, 242, 0.15); +} +.uk-light .uk-range::-moz-range-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-card-primary.uk-card-body .uk-range::-moz-range-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, +.uk-card-secondary.uk-card-body .uk-range::-moz-range-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, +.uk-overlay-primary .uk-range::-moz-range-track, +.uk-offcanvas-bar .uk-range::-moz-range-track { + background: rgba(242, 242, 242, 0.1); +} +.uk-light .uk-range:focus::-moz-range-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, +.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, +.uk-overlay-primary .uk-range:focus::-moz-range-track, +.uk-offcanvas-bar .uk-range:focus::-moz-range-track { + background: rgba(242, 242, 242, 0.15); +} +.uk-light .uk-range::-webkit-slider-thumb, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, +.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, +.uk-overlay-primary .uk-range::-webkit-slider-thumb, +.uk-offcanvas-bar .uk-range::-webkit-slider-thumb { + background: #808080; + border-color: #e6e6e6; +} +.uk-light .uk-range::-moz-range-thumb, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, +.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, +.uk-overlay-primary .uk-range::-moz-range-thumb, +.uk-offcanvas-bar .uk-range::-moz-range-thumb { + background: #808080; + border-color: #e6e6e6; +} +.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%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%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-navbar .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-overlay-primary .uk-search-navbar .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-medium .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-overlay-primary .uk-search-medium .uk-search-input, +.uk-offcanvas-bar .uk-search-medium .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-medium .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, +.uk-overlay-primary .uk-search-medium .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.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; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-large .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, +.uk-overlay-primary .uk-search-large .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-large .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.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-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-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-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:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { + 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"); +} +/* + * Pass dropbar behind color to JS + */ +* { + --uk-inverse: initial; +} +.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 { + --uk-inverse: light; +} +.uk-dark, +.uk-section-default:not(.uk-preserve-color), +.uk-section-muted:not(.uk-preserve-color), +.uk-tile-default:not(.uk-preserve-color), +.uk-tile-muted:not(.uk-preserve-color), +.uk-card-default.uk-card-body, +.uk-card-default > :not([class*="uk-card-media"]), +.uk-card-overlay.uk-card-body, +.uk-card-overlay > :not([class*="uk-card-media"]), +.uk-overlay-default, +.uk-dropbar, +.uk-navbar-container:not(.uk-navbar-transparent), +.uk-navbar-dropdown:not(.uk-preserve-color), +.uk-dropdown { + --uk-inverse: dark; +} +.uk-inverse-light { + --uk-inverse: light !important; +} +.uk-inverse-dark { + --uk-inverse: dark !important; +} +/* ======================================================================== + 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/css/uikit.min.css b/static/css/uikit.min.css new file mode 100644 index 0000000..fc31d01 --- /dev/null +++ b/static/css/uikit.min.css @@ -0,0 +1 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 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}.uk-link-toggle:hover .uk-link:has(.uk-text-middle),.uk-link:has(.uk-text-middle),a:has(.uk-text-middle){text-underline-offset:0.1875em}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%;box-sizing:border-box;height:auto;aspect-ratio:attr(width type())/attr(height type());object-fit:cover}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-3xlarge,.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-3xlarge,*+.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}.uk-heading-3xlarge{font-size:8rem;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}.uk-heading-3xlarge{font-size:11rem}}@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-3xlarge{font-size:15rem}}.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-disc{list-style-type:disc}.uk-list-circle{list-style-type:circle}.uk-list-square{list-style-type:square}.uk-list-decimal{list-style-type:decimal}.uk-list-hyphen{list-style-type:'– '}.uk-list-muted>::marker{color:#999!important}.uk-list-emphasis>::marker{color:#333!important}.uk-list-primary>::marker{color:#1e87f0!important}.uk-list-secondary>::marker{color:#222!important}.uk-list-bullet>*{position:relative;padding-left:30px}.uk-list-bullet>::before{content:"";position:absolute;top:0;left:0;width:30px;height: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-icon-overlay,a .uk-icon-overlay{color:rgba(51,51,51,.6);transition:.1s ease-in-out;transition-property:color}.uk-icon-overlay:hover,a:hover .uk-icon-overlay{color:#333}.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[type=date]::-webkit-datetime-edit,.uk-input[type=datetime-local]::-webkit-datetime-edit,.uk-input[type=time]::-webkit-datetime-edit{display:inline-flex;align-items:center;height:100%;padding:0}.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;min-width: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}.uk-input:where(:not(input)),.uk-select:where(:not(select)){display:inline-block;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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-size:cover;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%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%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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%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%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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-form-small:is(.uk-input,.uk-search-input,.uk-select,.uk-textarea){font-size:.875rem}.uk-form-small:is(.uk-input,.uk-search-input,.uk-select:not([multiple]):not([size])){height:30px;padding-left:8px;padding-right:8px}.uk-form-small:is(.uk-select[multiple],.uk-select[size],.uk-textarea){padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea):not([type=radio]):not([type=checkbox]){line-height:28px}.uk-form-small:is(.uk-radio,.uk-checkbox){height:14px;width:14px}.uk-form-large:is(.uk-input,.uk-search-input,.uk-select,.uk-textarea){font-size:1.25rem}.uk-form-large:is(.uk-input,.uk-search-input,.uk-select:not([multiple]):not([size])){height:55px;padding-left:12px;padding-right:12px}.uk-form-large:is(.uk-select[multiple],.uk-select[size],.uk-textarea){padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea):not([type=radio]):not([type=checkbox]){line-height:53px}.uk-form-large:is(.uk-radio,.uk-checkbox){height:22px;width:22px}.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-xsmall-top{padding-top:20px}.uk-section-xsmall-bottom{padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-small-top{padding-top:40px}.uk-section-small-bottom{padding-bottom:40px}.uk-section-medium-top{padding-top:40px}.uk-section-medium-bottom{padding-bottom:40px}@media (min-width:960px){.uk-section-medium-top{padding-top:70px}.uk-section-medium-bottom{padding-bottom:70px}}.uk-section-large{padding-top:70px;padding-bottom:70px}.uk-section-large-top{padding-top:70px}.uk-section-large-bottom{padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}.uk-section-large-top{padding-top:140px}.uk-section-large-bottom{padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}.uk-section-xlarge-top{padding-top:140px}.uk-section-xlarge-bottom{padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}.uk-section-xlarge-top{padding-top:210px}.uk-section-xlarge-bottom{padding-bottom:210px}}.uk-section-default{--uk-inverse:dark;background:#fff}.uk-section-muted{--uk-inverse:dark;background:#f8f8f8}.uk-section-primary{--uk-inverse:light;background:#1e87f0}.uk-section-secondary{--uk-inverse:light;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{--uk-inverse:dark;background-color:#fff}.uk-tile-muted{--uk-inverse:dark;background-color:#f8f8f8}.uk-tile-primary{--uk-inverse:light;background-color:#1e87f0}.uk-tile-secondary{--uk-inverse:light;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,.uk-card-primary,.uk-card-secondary,.uk-card-overlay):hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{--uk-inverse:dark;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{--uk-inverse:light;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{--uk-inverse:light;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-overlay{--uk-inverse:dark;background-color:rgba(255,255,255,.8);color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-overlay .uk-card-title{color:#333}.uk-card-overlay.uk-card-hover:hover{background-color:rgba(255,255,255,.9);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{--uk-inverse:dark;background:rgba(255,255,255,.8)}.uk-overlay-primary{--uk-inverse:light;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{padding-left:10px;padding-right:10px}.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:40px}.uk-search-default:has(.uk-search-icon-flip) .uk-search-input{padding-right:40px}.uk-search-navbar{width:240px}.uk-search-navbar .uk-search-input{height:40px;padding-left:10px;padding-right:10px;background:#fff;border:1px solid #e5e5e5}.uk-search-navbar .uk-search-input:focus{background-color:#fff;border-color:#1e87f0}.uk-search-navbar .uk-search-icon{padding-left:10px;padding-right:10px}.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:40px}.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input{padding-right:40px}.uk-search-medium{width:400px}.uk-search-medium .uk-search-input{height:55px;padding-left:12px;padding-right:12px;background:0 0;font-size:1.5rem;border:1px solid #e5e5e5}.uk-search-medium .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-medium .uk-search-icon{padding-left:12px;padding-right:12px}.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:48px}.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input{padding-right:48px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:90px;padding-left:20px;padding-right:20px;background:0 0;font-size:2.625rem;border:1px solid #e5e5e5}.uk-search-large .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-large .uk-search-icon{padding-left:20px;padding-right:20px}.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:80px}.uk-search-large:has(.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;--uk-inverse:dark;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!important;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}.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{--uk-inverse:light;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{margin:0}.uk-countdown-number{margin:0;font-variant-numeric:tabular-nums}.uk-countdown-separator{font-size:.5em;line-height:2}.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-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-medium{font-size:2.8875rem;line-height:1}.uk-nav-large{font-size:3.4rem;line-height:1}.uk-nav-xlarge{font-size:4rem;line-height:1}@media (min-width:960px){.uk-nav-medium{font-size:3.5rem}.uk-nav-large{font-size:4rem}.uk-nav-xlarge{font-size:6rem}}@media (min-width:1200px){.uk-nav-medium{font-size:4rem}.uk-nav-large{font-size:6rem}.uk-nav-xlarge{font-size:8rem}}.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:stretch}.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;height:100%;align-items:stretch}.uk-navbar-center-left,.uk-navbar-center-right{height:100%;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;align-items:stretch;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{height:100%;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;--uk-inverse:dark;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-container{transition:.1s ease-in-out;transition-property:background-color}@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{margin-left:-20px}.uk-subnav-pill>*{padding-left:20px}.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>:first-child{color:#999}.uk-breadcrumb{padding:0;list-style:none;font-size:0}.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;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;align-items:center;margin-left:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-left:0;position:relative}.uk-pagination>*>*{display:flex;align-items:center;column-gap:.25em;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-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;--uk-inverse:dark;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{--uk-position-offset:10px;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{--uk-inverse:light;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{margin:0;padding:0;list-style:none}.uk-lightbox-items>*{position:absolute;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:flex-start;will-change:transform,opacity;overflow:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-items-fit>*{align-items:center}.uk-lightbox-items-fit>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items-fit>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover{cursor:zoom-in}.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover{cursor:zoom-out}.uk-lightbox-thumbnav-vertical :where(img,video){max-width:100px}.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img,video){max-height:100px}.uk-lightbox-dotnav:empty,.uk-lightbox-thumbnav:empty{display:none}.uk-lightbox-caption:empty{display:none}.uk-lightbox-caption{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-caption>*{color:rgba(255,255,255,.7)}.uk-lightbox-counter: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% / 3)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% / 6)}.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% / 3)}.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% / 6)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@s>:not([class*=uk-width]),.uk-child-width-1-2\@s>:not([class*=uk-width]),.uk-child-width-1-3\@s>:not([class*=uk-width]),.uk-child-width-1-4\@s>:not([class*=uk-width]),.uk-child-width-1-5\@s>:not([class*=uk-width]),.uk-child-width-1-6\@s>:not([class*=uk-width]),.uk-child-width-auto\@s>:not([class*=uk-width]){flex:initial}}@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% / 3)}.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% / 6)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@m>:not([class*=uk-width]),.uk-child-width-1-2\@m>:not([class*=uk-width]),.uk-child-width-1-3\@m>:not([class*=uk-width]),.uk-child-width-1-4\@m>:not([class*=uk-width]),.uk-child-width-1-5\@m>:not([class*=uk-width]),.uk-child-width-1-6\@m>:not([class*=uk-width]),.uk-child-width-auto\@m>:not([class*=uk-width]){flex:initial}}@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% / 3)}.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% / 6)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@l>:not([class*=uk-width]),.uk-child-width-1-2\@l>:not([class*=uk-width]),.uk-child-width-1-3\@l>:not([class*=uk-width]),.uk-child-width-1-4\@l>:not([class*=uk-width]),.uk-child-width-1-5\@l>:not([class*=uk-width]),.uk-child-width-1-6\@l>:not([class*=uk-width]),.uk-child-width-auto\@l>:not([class*=uk-width]){flex:initial}}@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% / 3)}.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% / 6)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@xl>:not([class*=uk-width]),.uk-child-width-1-2\@xl>:not([class*=uk-width]),.uk-child-width-1-3\@xl>:not([class*=uk-width]),.uk-child-width-1-4\@xl>:not([class*=uk-width]),.uk-child-width-1-5\@xl>:not([class*=uk-width]),.uk-child-width-1-6\@xl>:not([class*=uk-width]),.uk-child-width-auto\@xl>:not([class*=uk-width]){flex:initial}}[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% / 3)}.uk-width-2-3{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6{width:calc(500% / 6)}.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% / 3)}.uk-width-2-3\@s{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@s{width:calc(500% / 6)}.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}.uk-width-1-1\@s,.uk-width-1-2\@s,.uk-width-1-3\@s,.uk-width-1-4\@s,.uk-width-1-5\@s,.uk-width-1-6\@s,.uk-width-2-3\@s,.uk-width-2-5\@s,.uk-width-2xlarge\@s,.uk-width-3-4\@s,.uk-width-3-5\@s,.uk-width-4-5\@s,.uk-width-5-6\@s,.uk-width-auto\@s,.uk-width-large\@s,.uk-width-medium\@s,.uk-width-small\@s,.uk-width-xlarge\@s{flex:initial}}@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% / 3)}.uk-width-2-3\@m{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@m{width:calc(500% / 6)}.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}.uk-width-1-1\@m,.uk-width-1-2\@m,.uk-width-1-3\@m,.uk-width-1-4\@m,.uk-width-1-5\@m,.uk-width-1-6\@m,.uk-width-2-3\@m,.uk-width-2-5\@m,.uk-width-2xlarge\@m,.uk-width-3-4\@m,.uk-width-3-5\@m,.uk-width-4-5\@m,.uk-width-5-6\@m,.uk-width-auto\@m,.uk-width-large\@m,.uk-width-medium\@m,.uk-width-small\@m,.uk-width-xlarge\@m{flex:initial}}@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% / 3)}.uk-width-2-3\@l{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@l{width:calc(500% / 6)}.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}.uk-width-1-1\@l,.uk-width-1-2\@l,.uk-width-1-3\@l,.uk-width-1-4\@l,.uk-width-1-5\@l,.uk-width-1-6\@l,.uk-width-2-3\@l,.uk-width-2-5\@l,.uk-width-2xlarge\@l,.uk-width-3-4\@l,.uk-width-3-5\@l,.uk-width-4-5\@l,.uk-width-5-6\@l,.uk-width-auto\@l,.uk-width-large\@l,.uk-width-medium\@l,.uk-width-small\@l,.uk-width-xlarge\@l{flex:initial}}@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% / 3)}.uk-width-2-3\@xl{width:calc(200% / 3)}.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% / 6)}.uk-width-5-6\@xl{width:calc(500% / 6)}.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-1-1\@xl,.uk-width-1-2\@xl,.uk-width-1-3\@xl,.uk-width-1-4\@xl,.uk-width-1-5\@xl,.uk-width-1-6\@xl,.uk-width-2-3\@xl,.uk-width-2-5\@xl,.uk-width-2xlarge\@xl,.uk-width-3-4\@xl,.uk-width-3-5\@xl,.uk-width-4-5\@xl,.uk-width-5-6\@xl,.uk-width-auto\@xl,.uk-width-large\@xl,.uk-width-medium\@xl,.uk-width-small\@xl,.uk-width-xlarge\@xl{flex:initial}}.uk-width-fit-content{width:fit-content}.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}.uk-text-stroke{-webkit-text-stroke:calc(1.4px + 0.002em);-webkit-text-fill-color:transparent}[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]:where(canvas,iframe,svg),[uk-cover]:where(canvas,iframe,svg){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}[data-uk-cover]:where(img,video),[uk-cover]:where(img,video){position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;object-fit:cover;object-position:center}.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}@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}@property --uk-overflow-fade-start-opacity{syntax:"";inherits:false;initial-value:0}@property --uk-overflow-fade-end-opacity{syntax:"";inherits:false;initial-value:0}.uk-overflow-fade-horizontal{overflow-x:auto;--uk-overflow-fade-direction:right}.uk-overflow-fade-vertical{overflow-y:auto;--uk-overflow-fade-direction:bottom}.uk-overflow-fade-horizontal,.uk-overflow-fade-vertical{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;mask-image:linear-gradient(to var(--uk-overflow-fade-direction),rgba(0,0,0,var(--uk-overflow-fade-start-opacity)),#000 100px,#000 calc(100% - 100px),rgba(0,0,0,var(--uk-overflow-fade-end-opacity)))}.uk-overflow-fade-horizontal>*,.uk-overflow-fade-vertical>*{min-width:max-content}.uk-overflow-fade-horizontal::-webkit-scrollbar,.uk-overflow-fade-vertical::-webkit-scrollbar{display:none}.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}@media (min-width:640px){.uk-flex-stretch\@s{align-items:stretch}.uk-flex-top\@s{align-items:flex-start}.uk-flex-middle\@s{align-items:center}.uk-flex-bottom\@s{align-items:flex-end}}@media (min-width:960px){.uk-flex-stretch\@m{align-items:stretch}.uk-flex-top\@m{align-items:flex-start}.uk-flex-middle\@m{align-items:center}.uk-flex-bottom\@m{align-items:flex-end}}@media (min-width:1200px){.uk-flex-stretch\@l{align-items:stretch}.uk-flex-top\@l{align-items:flex-start}.uk-flex-middle\@l{align-items:center}.uk-flex-bottom\@l{align-items:flex-end}}@media (min-width:1600px){.uk-flex-stretch\@xl{align-items:stretch}.uk-flex-top\@xl{align-items:flex-start}.uk-flex-middle\@xl{align-items:center}.uk-flex-bottom\@xl{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}@media (min-width:640px){.uk-flex-row\@s{flex-direction:row}.uk-flex-column\@s{flex-direction:column}}@media (min-width:960px){.uk-flex-row\@m{flex-direction:row}.uk-flex-column\@m{flex-direction:column}}@media (min-width:1200px){.uk-flex-row\@l{flex-direction:row}.uk-flex-column\@l{flex-direction:column}}@media (min-width:1600px){.uk-flex-row\@xl{flex-direction:row}.uk-flex-column\@xl{flex-direction:column}}.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-initial{flex:initial}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}@media (min-width:640px){.uk-flex-initial\@s{flex:initial}.uk-flex-none\@s{flex:none}.uk-flex-1\@s{flex:1}}@media (min-width:960px){.uk-flex-initial\@m{flex:initial}.uk-flex-none\@m{flex:none}.uk-flex-1\@m{flex:1}}@media (min-width:1200px){.uk-flex-initial\@l{flex:initial}.uk-flex-none\@l{flex:none}.uk-flex-1\@l{flex:1}}@media (min-width:1600px){.uk-flex-initial\@xl{flex:initial}.uk-flex-none\@xl{flex:none}.uk-flex-1\@xl{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-xsmall{margin-bottom:5px}*+.uk-margin-xsmall{margin-top:5px!important}.uk-margin-xsmall-top{margin-top:5px!important}.uk-margin-xsmall-bottom{margin-bottom:5px!important}.uk-margin-xsmall-left{margin-left:5px!important}.uk-margin-xsmall-right{margin-right:5px!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}.uk-position-center-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-vertical{left:0;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-center-horizontal,.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-center-horizontal{top:0;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}.uk-position-z-index-high{z-index:990}.uk-position-z-index-highest{z-index:1060}: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:focus .uk-transition-fade,.uk-transition-toggle:focus-within .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:focus .uk-transition-scale-up,.uk-transition-toggle:focus-within .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:focus .uk-transition-scale-down,.uk-transition-toggle:focus-within .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:focus [class*=uk-transition-slide],.uk-transition-toggle:focus-within [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-transition-disable,.uk-transition-disable *{transition:none!important}.uk-hidden,.uk-hidden-empty:empty,[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-visible):not(:has(:focus-visible)),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:0!important;height:0!important;padding:0!important;border-width:0!important;margin:0!important;overflow:hidden!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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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-3xlarge,.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>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::marker,.uk-card-secondary.uk-card-body .uk-list-muted>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::marker,.uk-light .uk-list-muted>::marker,.uk-offcanvas-bar .uk-list-muted>::marker,.uk-overlay-primary .uk-list-muted>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::marker{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::marker,.uk-card-secondary.uk-card-body .uk-list-emphasis>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::marker,.uk-light .uk-list-emphasis>::marker,.uk-offcanvas-bar .uk-list-emphasis>::marker,.uk-overlay-primary .uk-list-emphasis>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::marker,.uk-card-secondary.uk-card-body .uk-list-primary>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::marker,.uk-light .uk-list-primary>::marker,.uk-offcanvas-bar .uk-list-primary>::marker,.uk-overlay-primary .uk-list-primary>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::marker,.uk-card-secondary.uk-card-body .uk-list-secondary>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::marker,.uk-light .uk-list-secondary>::marker,.uk-offcanvas-bar .uk-list-secondary>::marker,.uk-overlay-primary .uk-list-secondary>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::marker{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-icon-overlay,.uk-card-primary.uk-card-body a .uk-icon-overlay,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-overlay,.uk-card-primary>:not([class*=uk-card-media]) a .uk-icon-overlay,.uk-card-secondary.uk-card-body .uk-icon-overlay,.uk-card-secondary.uk-card-body a .uk-icon-overlay,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-overlay,.uk-card-secondary>:not([class*=uk-card-media]) a .uk-icon-overlay,.uk-light .uk-icon-overlay,.uk-light a .uk-icon-overlay,.uk-offcanvas-bar .uk-icon-overlay,.uk-offcanvas-bar a .uk-icon-overlay,.uk-overlay-primary .uk-icon-overlay,.uk-overlay-primary a .uk-icon-overlay,.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay,.uk-section-primary:not(.uk-preserve-color) a .uk-icon-overlay,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay,.uk-section-secondary:not(.uk-preserve-color) a .uk-icon-overlay,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay,.uk-tile-primary:not(.uk-preserve-color) a .uk-icon-overlay,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay,.uk-tile-secondary:not(.uk-preserve-color) a .uk-icon-overlay,a.uk-card-primary.uk-card-body .uk-icon-overlay,a.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-overlay,a.uk-card-secondary.uk-card-body .uk-icon-overlay,a.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-overlay,a.uk-light .uk-icon-overlay,a.uk-offcanvas-bar .uk-icon-overlay,a.uk-overlay-primary .uk-icon-overlay,a.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay,a.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay,a.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay,a.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay{color:rgba(255,255,255,.6)}.uk-card-primary.uk-card-body .uk-icon-overlay:hover,.uk-card-primary.uk-card-body a:hover .uk-icon-overlay,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-overlay:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover .uk-icon-overlay,.uk-card-secondary.uk-card-body .uk-icon-overlay:hover,.uk-card-secondary.uk-card-body a:hover .uk-icon-overlay,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-overlay:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover .uk-icon-overlay,.uk-light .uk-icon-overlay:hover,.uk-light a:hover .uk-icon-overlay,.uk-offcanvas-bar .uk-icon-overlay:hover,.uk-offcanvas-bar a:hover .uk-icon-overlay,.uk-overlay-primary .uk-icon-overlay:hover,.uk-overlay-primary a:hover .uk-icon-overlay,.uk-section-primary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-section-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover .uk-icon-overlay,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-overlay:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover .uk-icon-overlay,a.uk-card-primary.uk-card-body:hover .uk-icon-overlay,a.uk-card-primary>:not([class*=uk-card-media]):hover .uk-icon-overlay,a.uk-card-secondary.uk-card-body:hover .uk-icon-overlay,a.uk-card-secondary>:not([class*=uk-card-media]):hover .uk-icon-overlay,a.uk-light:hover .uk-icon-overlay,a.uk-offcanvas-bar:hover .uk-icon-overlay,a.uk-overlay-primary:hover .uk-icon-overlay,a.uk-section-primary:not(.uk-preserve-color):hover .uk-icon-overlay,a.uk-section-secondary:not(.uk-preserve-color):hover .uk-icon-overlay,a.uk-tile-primary:not(.uk-preserve-color):hover .uk-icon-overlay,a.uk-tile-secondary:not(.uk-preserve-color):hover .uk-icon-overlay{color:#fff}.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-runnable-track,.uk-light .uk-range::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track{background:rgba(242,242,242,.1)}.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track,.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:active::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:focus::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:active::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:focus::-webkit-slider-runnable-track,.uk-light .uk-range:active::-webkit-slider-runnable-track,.uk-light .uk-range:focus::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track{background:rgba(242,242,242,.15)}.uk-card-primary.uk-card-body .uk-range::-moz-range-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-moz-range-track,.uk-card-secondary.uk-card-body .uk-range::-moz-range-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-moz-range-track,.uk-light .uk-range::-moz-range-track,.uk-offcanvas-bar .uk-range::-moz-range-track,.uk-overlay-primary .uk-range::-moz-range-track,.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track{background:rgba(242,242,242,.1)}.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:focus::-moz-range-track,.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:focus::-moz-range-track,.uk-light .uk-range:focus::-moz-range-track,.uk-offcanvas-bar .uk-range:focus::-moz-range-track,.uk-overlay-primary .uk-range:focus::-moz-range-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track{background:rgba(242,242,242,.15)}.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-thumb,.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-thumb,.uk-light .uk-range::-webkit-slider-thumb,.uk-offcanvas-bar .uk-range::-webkit-slider-thumb,.uk-overlay-primary .uk-range::-webkit-slider-thumb,.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb{background:grey;border-color:#e6e6e6}.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-moz-range-thumb,.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-moz-range-thumb,.uk-light .uk-range::-moz-range-thumb,.uk-offcanvas-bar .uk-range::-moz-range-thumb,.uk-overlay-primary .uk-range::-moz-range-thumb,.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb{background:grey;border-color:#e6e6e6}.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%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%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2213%203.5%206%2010%203%207.5%202%208%206%2012.5%2014%204%2013%203.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;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,.uk-light .uk-search-navbar .uk-search-input:focus,.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus,.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,.uk-light .uk-search-medium .uk-search-input,.uk-offcanvas-bar .uk-search-medium .uk-search-input,.uk-overlay-primary .uk-search-medium .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input:focus,.uk-light .uk-search-medium .uk-search-input:focus,.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus,.uk-overlay-primary .uk-search-medium .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.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;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input:focus,.uk-light .uk-search-large .uk-search-input:focus,.uk-offcanvas-bar .uk-search-large .uk-search-input:focus,.uk-overlay-primary .uk-search-large .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.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-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-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-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:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-light .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-overlay-primary .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):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")}*{--uk-inverse:initial}.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){--uk-inverse:light}.uk-card-default.uk-card-body,.uk-card-default>:not([class*=uk-card-media]),.uk-card-overlay.uk-card-body,.uk-card-overlay>:not([class*=uk-card-media]),.uk-dark,.uk-dropbar,.uk-dropdown,.uk-navbar-container:not(.uk-navbar-transparent),.uk-navbar-dropdown:not(.uk-preserve-color),.uk-overlay-default,.uk-section-default:not(.uk-preserve-color),.uk-section-muted:not(.uk-preserve-color),.uk-tile-default:not(.uk-preserve-color),.uk-tile-muted:not(.uk-preserve-color){--uk-inverse:dark}.uk-inverse-light{--uk-inverse:light!important}.uk-inverse-dark{--uk-inverse:dark!important}@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/js/featureHandler.js b/static/js/featureHandler.js new file mode 100644 index 0000000..086e7e1 --- /dev/null +++ b/static/js/featureHandler.js @@ -0,0 +1,35 @@ +document.addEventListener('DOMContentLoaded', async function () { + console.log(`Here there be dragons!! and ${feature_uuid}`) +}) + + +async function saveFeature() { + var feature_name = document.getElementById("featureName").value; + var feature_description = document.getElementById("featureDescription").value; + + const response = await fetch(`/f/${feature_uuid}/save`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + key: feature_uuid, + update: { + feature_name: feature_name, + feature_description: feature_description + } + }) + }); + + data = await response.json(); + if (data.error){ + UIkit.notification({ + message: data.message, + status: "danger", + pos: 'bottom-right', + timeout: 5000 + }); + } else if (!data.error) { + window.location.href = `/f/${feature_uuid}`; + } +}; \ No newline at end of file diff --git a/static/js/loginHandler.js b/static/js/loginHandler.js new file mode 100644 index 0000000..bd85c04 --- /dev/null +++ b/static/js/loginHandler.js @@ -0,0 +1,32 @@ +document.addEventListener('DOMContentLoaded', async function() { + console.log("here i am") +}); + +async function authenticateLogin() { + var username = document.getElementById('login_username').value; + var password = document.getElementById('login_password').value; + + const response = await fetch('/login/authenticate', { + method: 'POST', + headers:{ + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + user_username: username, + user_password: password + }), + }); + + data = await response.json() + console.log(data) + if (data.error){ + UIkit.notification({ + message: data.message, + status: "danger", + pos: 'bottom-right', + timeout: 5000 + }); + } else if (!data.error) { + window.location.href = '/'; + } +} \ No newline at end of file diff --git a/static/js/packageHandler.js b/static/js/packageHandler.js new file mode 100644 index 0000000..bf25a71 --- /dev/null +++ b/static/js/packageHandler.js @@ -0,0 +1,44 @@ +document.addEventListener('DOMContentLoaded', async function () { + console.log(`Here there be dragons!! and ${package_object.package_uuid}`); + let doc_md = document.getElementById("md_document"); + console.log(doc_md) + var doc_tables = doc_md.getElementsByTagName('table'); + for (var i = 0; i < doc_tables.length; i++){ + doc_tables[i].setAttribute("class", "uk-table uk-table-striped uk-table-small"); + }; +}) + + + +async function savePackage() { + var package_name = document.getElementById("packageName").value; + var package_description = document.getElementById("packageDescription").value; + var package_type = document.getElementById('packageType').value; + + const response = await fetch(`/p/${package_object.package_uuid}/save`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + key: package_object.package_uuid, + update: { + package_name: package_name, + package_description: package_description, + package_type: package_type + } + }) + }); + + data = await response.json(); + if (data.error){ + UIkit.notification({ + message: data.message, + status: "danger", + pos: 'bottom-right', + timeout: 5000 + }); + } else if (!data.error) { + window.location.href = `/p/${package_object.package_uuid}`; + } +}; \ No newline at end of file diff --git a/static/js/uikit-icons.js b/static/js/uikit-icons.js new file mode 100644 index 0000000..9dcf6c6 --- /dev/null +++ b/static/js/uikit-icons.js @@ -0,0 +1,184 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 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({ + "500px": '', + "album": '', + "android": '', + "android-robot": '', + "apple": '', + "arrow-down": '', + "arrow-down-arrow-up": '', + "arrow-left": '', + "arrow-right": '', + "arrow-up": '', + "arrow-up-right": '', + "bag": '', + "ban": '', + "behance": '', + "bell": '', + "bluesky": '', + "bold": '', + "bolt": '', + "bookmark": '', + "calendar": '', + "camera": '', + "cart": '', + "check": '', + "chevron-double-left": '', + "chevron-double-right": '', + "chevron-down": '', + "chevron-left": '', + "chevron-right": '', + "chevron-up": '', + "clock": '', + "close": '', + "close-circle": '', + "cloud-download": '', + "cloud-upload": '', + "code": '', + "cog": '', + "comment": '', + "commenting": '', + "comments": '', + "copy": '', + "credit-card": '', + "crosshairs": '', + "database": '', + "desktop": '', + "discord": '', + "download": '', + "dribbble": '', + "etsy": '', + "expand": '', + "eye": '', + "eye-slash": '', + "facebook": '', + "file": '', + "file-edit": '', + "file-pdf": '', + "file-text": '', + "flickr": '', + "folder": '', + "forward": '', + "foursquare": '', + "future": '', + "git-branch": '', + "git-fork": '', + "github": '', + "github-alt": '', + "gitter": '', + "google": '', + "grid": '', + "happy": '', + "hashtag": '', + "heart": '', + "history": '', + "home": '', + "image": '', + "info": '', + "instagram": '', + "italic": '', + "joomla": '', + "laptop": '', + "lifesaver": '', + "link": '', + "link-external": '', + "linkedin": '', + "list": '', + "location": '', + "lock": '', + "mail": '', + "mastodon": '', + "menu": '', + "microphone": '', + "microsoft": '', + "minus": '', + "minus-circle": '', + "more": '', + "more-vertical": '', + "move": '', + "nut": '', + "paint-bucket": '', + "pencil": '', + "phone": '', + "phone-landscape": '', + "pinterest": '', + "play": '', + "play-circle": '', + "plus": '', + "plus-circle": '', + "print": '', + "pull": '', + "push": '', + "question": '', + "quote-right": '', + "receiver": '', + "reddit": '', + "refresh": '', + "reply": '', + "rss": '', + "search": '', + "server": '', + "settings": '', + "shrink": '', + "sign-in": '', + "sign-out": '', + "signal": '', + "social": '', + "sorting": '', + "soundcloud": '', + "star": '', + "strikethrough": '', + "table": '', + "tablet": '', + "tablet-landscape": '', + "tag": '', + "telegram": '', + "threads": '', + "thumbnails": '', + "tiktok": '', + "trash": '', + "triangle-down": '', + "triangle-left": '', + "triangle-right": '', + "triangle-up": '', + "tripadvisor": '', + "tumblr": '', + "tv": '', + "twitch": '', + "twitter": '', + "uikit": '', + "unlock": '', + "upload": '', + "user": '', + "users": '', + "video-camera": '', + "vimeo": '', + "warning": '', + "whatsapp": '', + "wordpress": '', + "world": '', + "x": '', + "xing": '', + "yelp": '', + "yootheme": '', + "youtube": '' + }); + } + if (typeof window !== "undefined" && window.UIkit) { + window.UIkit.use(plugin); + } + + return plugin; + +})); diff --git a/static/js/uikit-icons.min.js b/static/js/uikit-icons.min.js new file mode 100644 index 0000000..50fc108 --- /dev/null +++ b/static/js/uikit-icons.min.js @@ -0,0 +1 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i():typeof define=="function"&&define.amd?define("uikiticons",i):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitIcons=i())})(this,(function(){"use strict";function e(i){e.installed||i.icon.add({"500px":'',album:'',android:'',"android-robot":'',apple:'',"arrow-down":'',"arrow-down-arrow-up":'',"arrow-left":'',"arrow-right":'',"arrow-up":'',"arrow-up-right":'',bag:'',ban:'',behance:'',bell:'',bluesky:'',bold:'',bolt:'',bookmark:'',calendar:'',camera:'',cart:'',check:'',"chevron-double-left":'',"chevron-double-right":'',"chevron-down":'',"chevron-left":'',"chevron-right":'',"chevron-up":'',clock:'',close:'',"close-circle":'',"cloud-download":'',"cloud-upload":'',code:'',cog:'',comment:'',commenting:'',comments:'',copy:'',"credit-card":'',crosshairs:'',database:'',desktop:'',discord:'',download:'',dribbble:'',etsy:'',expand:'',eye:'',"eye-slash":'',facebook:'',file:'',"file-edit":'',"file-pdf":'',"file-text":'',flickr:'',folder:'',forward:'',foursquare:'',future:'',"git-branch":'',"git-fork":'',github:'',"github-alt":'',gitter:'',google:'',grid:'',happy:'',hashtag:'',heart:'',history:'',home:'',image:'',info:'',instagram:'',italic:'',joomla:'',laptop:'',lifesaver:'',link:'',"link-external":'',linkedin:'',list:'',location:'',lock:'',mail:'',mastodon:'',menu:'',microphone:'',microsoft:'',minus:'',"minus-circle":'',more:'',"more-vertical":'',move:'',nut:'',"paint-bucket":'',pencil:'',phone:'',"phone-landscape":'',pinterest:'',play:'',"play-circle":'',plus:'',"plus-circle":'',print:'',pull:'',push:'',question:'',"quote-right":'',receiver:'',reddit:'',refresh:'',reply:'',rss:'',search:'',server:'',settings:'',shrink:'',"sign-in":'',"sign-out":'',signal:'',social:'',sorting:'',soundcloud:'',star:'',strikethrough:'',table:'',tablet:'',"tablet-landscape":'',tag:'',telegram:'',threads:'',thumbnails:'',tiktok:'',trash:'',"triangle-down":'',"triangle-left":'',"triangle-right":'',"triangle-up":'',tripadvisor:'',tumblr:'',tv:'',twitch:'',twitter:'',uikit:'',unlock:'',upload:'',user:'',users:'',"video-camera":'',vimeo:'',warning:'',whatsapp:'',wordpress:'',world:'',x:'',xing:'',yelp:'',yootheme:'',youtube:''})}return typeof window<"u"&&window.UIkit&&window.UIkit.use(e),e})); diff --git a/static/js/uikit.js b/static/js/uikit.js new file mode 100644 index 0000000..f0285ed --- /dev/null +++ b/static/js/uikit.js @@ -0,0 +1,10077 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 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 element && 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(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, ...args) => cache[key] || (cache[key] = fn(key, ...args)); + } + + function addClass(element, ...classes) { + for (const node of toNodes(element)) { + const add = toClasses(classes).filter((cls) => !hasClass(node, cls)); + if (add.length) { + node.classList.add(...add); + } + } + } + function removeClass(element, ...classes) { + for (const node of toNodes(element)) { + const remove = toClasses(classes).filter((cls) => hasClass(node, cls)); + if (remove.length) { + node.classList.remove(...remove); + } + } + } + function replaceClass(element, oldClass, newClass) { + newClass = toClasses(newClass); + oldClass = toClasses(oldClass).filter((cls) => !includes(newClass, cls)); + removeClass(element, oldClass); + addClass(element, newClass); + } + function hasClass(element, cls) { + [cls] = toClasses(cls); + return toNodes(element).some((node) => node.classList.contains(cls)); + } + function toggleClass(element, cls, force) { + const classes = toClasses(cls); + if (!isUndefined(force)) { + force = !!force; + } + for (const node of toNodes(element)) { + for (const cls2 of classes) { + node.classList.toggle(cls2, force); + } + } + } + function toClasses(str) { + return str ? isArray(str) ? str.map(toClasses).flat() : String(str).split(" ").filter(Boolean) : []; + } + + 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); + } + } + } + + 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 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()]); + } + const isVisibleFn = inBrowser && Element.prototype.checkVisibility || function() { + return this.offsetWidth || this.offsetHeight || this.getClientRects().length; + }; + function isVisible(element) { + return toNodes(element).some((element2) => isVisibleFn.call(element2)); + } + 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 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)) { + const { hash, ownerDocument } = toNode(el); + const id = decodeURIComponent(hash).slice(1); + return id ? ownerDocument.getElementById(id) || ownerDocument.getElementsByName(id)[0] : ownerDocument.documentElement; + } + } + + 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")); + } + function getContext(selector, context = document) { + return isDocument(context) || parseSelector(selector).isContextSelector ? context : context.ownerDocument; + } + const addStarRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g; + const splitSelectorRe = /(\([^)]*\)|[^,])+/g; + const parseSelector = memoize((selector) => { + let isContextSelector = false; + if (!selector || !isString(selector)) { + return {}; + } + const selectors = []; + for (let sel of selector.match(splitSelectorRe)) { + sel = sel.trim().replace(addStarRe, "$1 *"); + isContextSelector || (isContextSelector = ["!", "+", "~", "-", ">"].includes(sel[0])); + selectors.push(sel); + } + return { + selector: selectors.join(","), + selectors, + isContextSelector + }; + }); + const positionRe = /(\([^)]*\)|\S)*/; + const parsePositionSelector = memoize((selector) => { + selector = selector.slice(1).trim(); + const [position] = selector.match(positionRe); + return [position, selector.slice(position.length + 1)]; + }); + function _query(selector, context = document, queryFn) { + var _a; + const parsed = parseSelector(selector); + if (!parsed.isContextSelector) { + return parsed.selector ? _doQuery(context, queryFn, parsed.selector) : selector; + } + selector = ""; + const isSingle = parsed.selectors.length === 1; + for (let sel of parsed.selectors) { + let positionSel; + let ctx = context; + if (sel[0] === "!") { + [positionSel, sel] = parsePositionSelector(sel); + ctx = (_a = context.parentElement) == null ? void 0 : _a.closest(positionSel); + if (!sel && isSingle) { + return ctx; + } + } + if (ctx && sel[0] === "-") { + [positionSel, sel] = parsePositionSelector(sel); + ctx = ctx.previousElementSibling; + ctx = matches(ctx, positionSel) ? ctx : null; + if (!sel && isSingle) { + return ctx; + } + } + if (!ctx) { + continue; + } + if (isSingle) { + if (sel[0] === "~" || sel[0] === "+") { + sel = `:scope > :nth-child(${index(ctx) + 1}) ${sel}`; + ctx = ctx.parentElement; + } else if (sel[0] === ">") { + sel = `:scope ${sel}`; + } + return _doQuery(ctx, queryFn, sel); + } + selector += `${selector ? "," : ""}${domPath(ctx)} ${sel}`; + } + if (!isDocument(context)) { + context = context.ownerDocument; + } + return _doQuery(context, queryFn, selector); + } + function _doQuery(context, queryFn, selector) { + try { + return context[queryFn](selector); + } catch { + return null; + } + } + 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().find((element) => element.contains(e.target)) : e.target.closest(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] && !isCustomProperty(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)) { + for (const prop in property) { + css(element2, prop, property[prop], value); + } + } + } + return elements[0]; + } + function resetProps(element, props) { + for (const prop in props) { + css(element, prop, ""); + } + } + const propName = memoize((name) => { + if (isCustomProperty(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 isCustomProperty(name) { + return startsWith(name, "--"); + } + + const clsTransition = "uk-transition"; + const transitionEnd = "transitionend"; + const transitionCanceled = "transitioncanceled"; + function transition$1(element, props, duration = 400, timing = "linear", skipReflow) { + duration = Math.round(duration); + return Promise.all( + toNodes(element).map( + (element2) => new Promise((resolve, reject) => { + if (!skipReflow) { + element2.offsetHeight; + } + const timer = setTimeout(() => trigger(element2, transitionEnd), duration); + once( + element2, + [transitionEnd, transitionCanceled], + ({ type }) => { + clearTimeout(timer); + removeClass(element2, clsTransition); + resetProps(element2, transitionProps); + type === transitionCanceled ? reject() : resolve(element2); + }, + { self: true } + ); + addClass(element2, clsTransition); + const transitionProps = { + transitionProperty: Object.keys(props).map(propName).join(","), + transitionDuration: `${duration}ms`, + transitionTimingFunction: timing + }; + css(element2, { ...transitionProps, ...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, clsTransition); + } + }; + const clsAnimation = "uk-animation"; + const animationEnd = "animationend"; + const animationCanceled = "animationcanceled"; + function animate$2(element, animation, duration = 200, origin, out) { + return Promise.all( + toNodes(element).map( + (element2) => new Promise((resolve, reject) => { + if (hasClass(element2, clsAnimation)) { + trigger(element2, animationCanceled); + } + const classes = [ + animation, + clsAnimation, + `${clsAnimation}-${out ? "leave" : "enter"}`, + origin && `uk-transform-origin-${origin}`, + out && `${clsAnimation}-reverse` + ]; + const timer = setTimeout(() => trigger(element2, animationEnd), duration); + once( + element2, + [animationEnd, animationCanceled], + ({ type }) => { + clearTimeout(timer); + type === animationCanceled ? reject() : resolve(element2); + css(element2, "animationDuration", ""); + removeClass(element2, classes); + }, + { self: true } + ); + css(element2, "animationDuration", `${duration}ms`); + addClass(element2, classes); + }) + ) + ); + } + const Animation = { + in: animate$2, + out(element, animation, duration, origin) { + return animate$2(element, animation, duration, origin, true); + }, + inProgress(element) { + return hasClass(element, clsAnimation); + }, + 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); + if (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.firstElementChild) { + structure = structure.firstElementChild; + } + 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 singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/; + function fragment(html2) { + const matches = singleTagRe.exec(html2); + if (matches) { + return document.createElement(matches[1]); + } + const container = document.createElement("template"); + container.innerHTML = html2.trim(); + return unwrapSingle(container.content.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) { + apply(node, fn); + node = node.nextElementSibling; + } + } + 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], + (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 fastdom = { read, write, clear, flush }; + const reads = []; + const writes = []; + function read(task) { + reads.push(task); + scheduleFlush(); + return task; + } + function write(task) { + writes.push(task); + scheduleFlush(); + return task; + } + function clear(task) { + remove(reads, task); + remove(writes, task); + } + let scheduled = false; + function flush() { + runTasks(reads); + runTasks(writes.splice(0)); + scheduled = false; + if (reads.length || writes.length) { + scheduleFlush(); + } + } + function scheduleFlush() { + if (!scheduled) { + scheduled = true; + queueMicrotask(flush); + } + } + 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); + } + + class MouseTracker { + 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 || this.positions.length < 2) { + return false; + } + const p = dimensions$1(target); + 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().catch(noop); + } + } + function pause(el) { + if (isIFrame(el)) { + el[stateKey] && 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 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 { + } + }); + 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((parent2) => { + const { top, left, bottom, right } = offsetViewport(parent2); + 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, element, maxScroll).then(fn); + }, + () => Promise.resolve() + )(); + function scrollTo(element2, top, targetEl, maxScroll) { + return new Promise((resolve) => { + const scroll = element2.scrollTop; + const duration = getDuration(Math.abs(top)); + const start = Date.now(); + const isScrollingElement = scrollingElement(element2) === element2; + const targetTop = offset(targetEl).top + (isScrollingElement ? 0 : scroll); + let prev = 0; + let frames = 15; + (function step() { + const percent = ease(clamp((Date.now() - start) / duration)); + let diff = 0; + if (parents2[0] === element2 && scroll + top < maxScroll) { + diff = offset(targetEl).top + (isScrollingElement ? 0 : element2.scrollTop) - targetTop - dimensions$1(getCoveringElement(targetEl)).height; + } + if (css(element2, "scrollBehavior") !== "auto") { + css(element2, "scrollBehavior", "auto"); + } + element2.scrollTop = scroll + (top + diff) * percent; + css(element2, "scrollBehavior", ""); + if (percent === 1 && (prev === diff || !frames--)) { + resolve(); + } else { + prev = diff; + 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 start < end ? clamp((scrollTop - start) / (end - start)) : 1; + } + 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( + (parent2) => css(parent2, "overflow").split(" ").some((prop) => includes(["auto", "scroll", ...props], prop)) && (!scrollable || parent2.scrollHeight > offsetViewport(parent2).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 documentScrollingElement = scrollingElement(scrollElement); + const useWindow = !isNode(scrollElement) || scrollElement.contains(documentScrollingElement); + if (useWindow && window.visualViewport) { + let { height, width, scale, pageTop: top, pageLeft: left } = window.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(useWindow ? window : scrollElement); + if (css(scrollElement, "display") === "inline") { + return rect; + } + const { body, documentElement } = window.document; + const viewportElement = useWindow ? documentScrollingElement === documentElement || // In quirks mode the scrolling element is body, even though the viewport is html + documentScrollingElement.clientHeight < body.clientHeight ? documentScrollingElement : body : scrollElement; + for (let [prop, dir, start, end] of [ + ["width", "x", "left", "right"], + ["height", "y", "top", "bottom"] + ]) { + const subpixel = rect[prop] % 1; + rect[start] += toFloat(css(viewportElement, `border-${start}-width`)); + 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 getCoveringElement(target) { + const { document } = toWindow(target); + target = target || document.body; + const { left, width, top } = dimensions$1(target); + for (const position of top ? [0, top] : [0]) { + let coverEl; + for (const el of document.elementsFromPoint(left + width / 2, position)) { + if (!el.contains(target) && // If e.g. Offcanvas is not yet closed + !hasClass(el, "uk-togglable-leave") && (hasPosition(el, "fixed") && zIndex( + parents(target).reverse().find( + (parent2) => !parent2.contains(el) && !hasPosition(parent2, "static") + ) + ) < zIndex(el) || hasPosition(el, "sticky") && (!target || parent(el).contains(target))) && (!coverEl || dimensions$1(coverEl).height < dimensions$1(el).height)) { + coverEl = el; + } + } + if (coverEl) { + return coverEl; + } + } + } + function zIndex(element) { + return toFloat(css(element, "zIndex")); + } + function hasPosition(element, position) { + return css(element, "position") === position; + } + 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) => parent.contains(element)); + } + 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, + 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, + getCoveringElement: getCoveringElement, + 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, + 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, + replaceClass: replaceClass, + resetProps: resetProps, + scrollIntoView: scrollIntoView, + scrollParent: scrollParent, + scrollParents: scrollParents, + scrolledOver: scrolledOver, + selFocusable: selFocusable, + selInput: selInput, + sortBy: sortBy, + 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, + 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, + reload: Boolean + }, + data: { + date: "", + clsWrapper: ".uk-countdown-%unit%", + role: "timer", + reload: false + }, + connected() { + this.$el.role = this.role; + this.date = toFloat(Date.parse(this.$props.date)); + this.started = this.end = false; + this.start(); + }, + disconnected() { + this.stop(); + }, + events: { + name: "visibilitychange", + el: () => document, + handler() { + if (document.hidden) { + this.stop(); + } else { + this.start(); + } + } + }, + methods: { + start() { + this.stop(); + this.update(); + }, + 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; + if (this.reload && this.started) { + window.location.reload(); + } + } + } else if (!this.timer) { + this.started = true; + this.timer = setInterval(this.update, 1e3); + trigger(this.$el, "countdownstart"); + } + for (const unit of units) { + const el = $(this.clsWrapper.replace("%unit%", unit), this.$el); + if (!el) { + continue; + } + let digits = Math.trunc(timespan[unit]).toString().padStart(2, "0"); + 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( + 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 { + 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; + } + const listRe = /,(?![^(]*\))/; + function toList(value) { + return isArray(value) ? value : isString(value) ? value.split(listRe).map((value2) => isNumeric(value2) ? toNumber(value2) : toBoolean(value2.trim())) : [value]; + } + + function initUpdates(instance) { + instance._data = {}; + instance._updates = [...instance.$options.update || []]; + instance._disconnect.push(() => instance._updates = instance._data = null); + } + function prependUpdate(instance, update) { + instance._updates.unshift(update); + } + function callUpdate(instance, e = "update") { + if (!instance._connected) { + return; + } + if (!instance._updates.length) { + return; + } + if (!instance._updateCount) { + instance._updateCount = 0; + requestAnimationFrame(() => instance._updateCount = 0); + } + if (!instance._queued) { + instance._queued = /* @__PURE__ */ new Set(); + fastdom.read(() => { + if (instance._connected) { + runUpdates(instance, instance._queued); + } + instance._queued = null; + }); + } + if (instance._updateCount++ < 20) { + 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 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, "resize"); + } + function scroll$1(options) { + return observe( + (target, handler) => ({ + disconnect: on(toScrollTargets(target), "scroll", handler, { passive: 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() { + callUpdate(this, 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 + } + }), + mutation({ + options: { + attributes: true, + attributeFilter: ["style"] + } + }), + resize({ + handler(mutations) { + for (const { + borderBoxSize: [{ inlineSize, blockSize }] + } of mutations) { + if (inlineSize || blockSize) { + this.$emit("resize"); + return; + } + } + }, + target: ({ $el }) => [$el, ...children($el)] + }) + ], + update: { + read() { + return { + rows: getRows(children(this.$el)) + }; + }, + write({ rows }) { + for (const row of rows) { + for (const el of row) { + toggleClass(el, this.margin, rows[0] !== row); + toggleClass(el, this.firstColumn, row[isRtl ? row.length - 1 : 0] === el); + } + } + }, + events: ["resize"] + } + }; + function getRows(elements) { + const sorted = [[]]; + const withOffset = elements.some( + (el, i) => i && elements[i - 1].offsetParent !== el.offsetParent + ); + for (const el of elements) { + if (!isVisible(el)) { + continue; + } + const offset = getOffset(el, withOffset); + for (let i = sorted.length - 1; i >= 0; i--) { + const current = sorted[i]; + if (!current[0]) { + current.push(el); + break; + } + const offsetCurrent = getOffset(current[0], withOffset); + if (offset.top >= offsetCurrent.bottom - 1 && offset.top !== offsetCurrent.top) { + sorted.push([el]); + break; + } + if (offset.bottom - 1 > offsetCurrent.top || offset.top === offsetCurrent.top) { + let j = current.length - 1; + for (; j >= 0; j--) { + const offsetCurrent2 = getOffset(current[j], withOffset); + if (offset.left >= offsetCurrent2.left) { + break; + } + } + current.splice(j + 1, 0, 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 + }; + } + + function awaitFrame() { + return new Promise((resolve) => requestAnimationFrame(resolve)); + } + function awaitTimeout(timeout) { + return new Promise((resolve) => setTimeout(resolve, timeout)); + } + + 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 isCurrentIndex = () => index === transitionIndex(target); + const wrapIndexFn = (fn) => () => isCurrentIndex() ? fn() : Promise.reject(); + const leaveFn = wrapIndexFn(async () => { + addClass(target, clsLeave); + await (stagger ? getTransitionNodes(target).reduce(async (promise, child, i, array) => { + await promise; + if (!isInView(child) || !isCurrentIndex()) { + css(child, propsOut); + return; + } + await awaitTimeout(stagger); + const transition = Transition.start(child, propsOut, duration / 2, "ease"); + if (array.length - 1 === i) { + await transition; + } + }, Promise.resolve()) : Transition.start(target, propsOut, duration / 2, "ease")); + removeClass(target, clsLeave); + }); + const enterFn = wrapIndexFn(async () => { + const oldHeight = height(target); + addClass(target, clsEnter); + action(); + css(stagger ? children(target) : target, propsOut); + height(target, oldHeight); + await awaitTimeout(); + height(target, ""); + const newHeight = height(target); + css(target, "alignContent", "flex-start"); + height(target, oldHeight); + let transitions = []; + let targetDuration = duration / 2; + if (stagger) { + const nodes = getTransitionNodes(target); + css(children(target), propsOut); + transitions = nodes.reduce(async (promise, child, i, array) => { + await promise; + if (!isInView(child) || !isCurrentIndex()) { + resetProps(child, propsIn); + return; + } + await awaitTimeout(stagger); + const transition = Transition.start(child, propsIn, duration / 2, "ease").then( + () => isCurrentIndex() && resetProps(child, propsIn) + ); + if (array.length - 1 === i) { + await transition; + } + }, Promise.resolve()); + targetDuration += nodes.length * stagger; + } + if (!stagger || oldHeight !== newHeight) { + const targetProps = { height: newHeight, ...stagger ? {} : propsIn }; + transitions.push(Transition.start(target, targetProps, targetDuration, "ease")); + } + await Promise.all(transitions); + removeClass(target, clsEnter); + if (isCurrentIndex()) { + resetProps(target, { height: "", alignContent: "", ...propsIn }); + 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)).flat().filter(isVisible); + } + + 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" }; + const transitionNodes = nodes.filter((node) => isInView(node)); + const targets = nodes.concat(target); + await Promise.all(targets.map(Transition.cancel)); + css(targets, "transitionProperty", "none"); + await action(); + const newNodes = children(target).filter((el) => !includes(nodes, el)); + nodes = nodes.concat(newNodes); + await Promise.resolve(); + css(targets, "transitionProperty", ""); + 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") })); + transitionNodes.push(...nodes.filter((node) => isInView(node))); + nodes.forEach((el, i) => propsFrom[i] && css(el, propsFrom[i])); + css(target, targetProps); + trigger(target, "scroll"); + await awaitFrame(); + const transitions = nodes.map((el, i) => { + if (parent(el) === target && transitionNodes.includes(el)) { + return Transition.start(el, propsTo[i], duration, "ease", !newNodes.includes(el)); + } + }).concat(Transition.start(target, targetPropsTo, duration, "ease", true)); + 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 { + 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 getPositionWithMargin(el) { + const { height, width } = dimensions$1(el); + let { top, left } = position(el); + const viewport = offsetViewport(el.ownerDocument); + top = clamp(top, viewport.top - height - viewport.height, viewport.bottom + viewport.height); + left = clamp(left, viewport.left - width - viewport.width, viewport.right + viewport.width); + return { + height, + width, + top, + left, + transform: "", + ...css(el, ["marginTop", "marginLeft"]) + }; + } + + 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); + } + } + }; + + function maybeDefaultPreventClick(e) { + if (e.target.closest('a[href="#"],a[href=""]')) { + e.preventDefault(); + } + } + + 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: { + children: ({ target }, $el) => $$(`${target} > *`, $el), + toggles: ({ attrItem }, $el) => $$(`[${attrItem}],[data-${attrItem}]`, $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")) { + button.role = "button"; + } + } + }, + children(list, prev) { + if (prev) { + this.updateState(); + } + } + }, + events: { + name: "click keydown", + delegate: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`, + handler(e) { + if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) { + return; + } + if (e.target.closest("a,button")) { + maybeDefaultPreventClick(e); + 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)); + return animate ? this.animate(filterFn, target) : filterFn(); + }) + ); + trigger(this.$el, "afterFilter", [this]); + }, + updateState() { + fastdom.write(() => this.setState(this.getState(), false)); + } + } + }; + function getFilter(el, attr) { + return parseOptions(data(el, attr), ["filter"]); + } + function isEqualState(stateA, stateB) { + return ["filter", "sort"].every((prop) => isEqual(stateA[prop], stateB[prop])); + } + function applyState(state, target, children) { + for (const el of children) { + css( + el, + "display", + Object.values(state.filter).every((selector) => !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, attr, state) { + const { filter, group, sort, order = "asc" } = getFilter(el, attr); + 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, attr, { filter: stateFilter = { "": "" }, sort: [stateSort, stateOrder] }) { + const { filter = "", group = "", sort, order = "asc" } = getFilter(el, attr); + return isUndefined(sort) ? group in stateFilter && filter === stateFilter[group] || !filter && group && !(group in stateFilter) && !stateFilter[""] : stateSort === sort && stateOrder === order; + } + 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 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(); + } else if (isImg(this.$el)) { + this.$el.loading = "lazy"; + setSrcAttrs(this.$el); + } + }, + disconnected() { + if (this.img) { + this.img.onload = ""; + } + delete this.img; + }, + observe: intersection({ + handler(entries, observer) { + this.load(); + observer.disconnect(); + }, + options: ({ margin }) => ({ rootMargin: margin }), + filter: ({ loading }) => loading === "lazy", + target: ({ $el, $props }) => $props.target ? [$el, ...queryAll($props.target, $el)] : $el + }), + 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-/g, ""), value); + } + } + } + function getImageFromElement(el, src, sources) { + const img = new Image(); + wrapInPicture(img, sources); + setSourceProps(el, img); + img.onload = () => setSrcAttrs(el, img.currentSrc); + 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 { + sources = []; + } + } else { + sources = parseOptions(sources); + } + if (!isArray(sources)) { + sources = [sources]; + } + return sources.filter((source) => !isEmpty(source)); + } + function isImg(el) { + return isTag(el, "img"); + } + + let prevented; + function preventBackgroundScroll(el) { + const off = on( + el, + "touchstart", + (e) => { + if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) { + return; + } + let prev = getEventPos(e).y; + const offMove = on( + el, + "touchmove", + (e2) => { + const pos = getEventPos(e2).y; + if (pos === prev) { + return; + } + prev = pos; + if (!scrollParents(e2.target).some((scrollParent) => { + if (!el.contains(scrollParent)) { + return false; + } + let { scrollHeight, clientHeight } = scrollParent; + return clientHeight < scrollHeight; + })) { + e2.preventDefault(); + } + }, + { passive: false } + ); + once(el, "scroll touchend touchcanel", offMove, { capture: true }); + }, + { passive: true } + ); + if (prevented) { + return off; + } + prevented = true; + const { scrollingElement } = document; + const props = { + overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden", + touchAction: "none", + scrollbarGutter: width(window) - scrollingElement.clientWidth ? "stable" : "" + }; + css(scrollingElement, props); + return () => { + prevented = false; + off(); + resetProps(scrollingElement, props); + }; + } + + var Container = { + props: { + container: Boolean + }, + data: { + container: true + }, + computed: { + container({ container }) { + return container === true && this.$container || container && $(container); + } + } + }; + + var Position = { + props: { + pos: String, + offset: Boolean, + 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 = this.$el) { + 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 = this.$el) { + 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; + const restore = () => { + if (scrollTop !== scrollElement.scrollTop) { + scrollElement.scrollTop = scrollTop; + } + }; + return () => { + restore(); + setTimeout(restore); + }; + } + + 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-togglable-enter", + clsLeave: "uk-togglable-leave" + }, + computed: { + hasAnimation: ({ animation }) => !!animation[0], + hasTransition: ({ animation }) => ["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 = () => { + var _a; + removeClass(el, cls); + trigger(el, show ? "shown" : "hidden", [this]); + if (show) { + const restoreScrollPosition = storeScrollPosition(el); + (_a = $$("[autofocus]", el).find(isVisible)) == null ? void 0 : _a.focus(); + restoreScrollPosition(); + } + }; + return promise ? promise.then(done, () => { + removeClass(el, cls); + return Promise.reject(); + }) : done(); + }) + ); + return true; + } catch { + 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); + } + 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) { + 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) => $(selPanel, $el), + transitionElement() { + return this.panel; + } + }, + connected() { + const el = this.panel || this.$el; + el.role = this.role; + if (this.overlay) { + el.ariaModal = true; + } + }, + beforeDisconnect() { + if (includes(active$1, this)) { + this.toggleElement(this.$el, false, false); + } + }, + events: [ + { + name: "click", + delegate: ({ selClose }) => `${selClose},a[href*="#"]`, + handler(e) { + const { current, defaultPrevented } = e; + const { hash } = current; + if (!defaultPrevented && hash && isSameSiteAnchor(current) && !this.$el.contains($(hash))) { + this.hide(); + } else if (matches(current, this.selClose)) { + maybeDefaultPreventClick(e); + this.hide(); + } + } + }, + { + name: "toggle", + self: true, + handler(e, toggle) { + if (e.defaultPrevented) { + return; + } + e.preventDefault(); + this.target = toggle == null ? void 0 : toggle.$el; + 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); + setAriaExpanded(this.target, true); + } + }, + { + name: "shown", + self: true, + handler() { + if (!isFocusable(this.$el)) { + 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", ""); + const { target } = this; + if (!active$1.some((modal) => modal.clsPage === this.clsPage)) { + removeClass(document.documentElement, this.clsPage); + queueMicrotask(() => { + if (isFocusable(target)) { + const restoreScrollPosition = storeScrollPosition(target); + target.focus(); + restoreScrollPosition(); + } + }); + } + setAriaExpanded(target, false); + this.target = null; + } + } + ], + methods: { + toggle() { + return this.isToggled() ? this.hide() : this.show(); + }, + async show() { + if (this.container && parent(this.$el) !== this.container) { + append(this.container, this.$el); + await awaitFrame(); + } + 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 && !modal.$el.contains(e.target)) { + modal.$el.focus(); + } + }); + } + function listenForBackgroundClose$1(modal) { + return on(document, pointerDown$1, ({ target }) => { + if (last(active$1) !== modal || modal.overlay && !modal.$el.contains(target) || !modal.panel || modal.panel.contains(target)) { + 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(); + } + }); + } + function setAriaExpanded(el, toggled) { + if (el == null ? void 0 : el.ariaExpanded) { + el.ariaExpanded = toggled; + } + } + + 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(new DOMMatrix(css(el, "transform")).m41 / el.offsetWidth); + } + function translate(value = 0, unit = "%") { + return value ? `translate3d(${value + unit}, 0, 0)` : ""; + } + + function Transitioner$1(prev, next, dir, { animation, easing }) { + const { percent, translate, show = noop } = animation; + const props = show(dir); + const { promise, resolve } = withResolvers(); + return { + dir, + show(duration, percent2 = 0, linear) { + const timing = linear ? "linear" : easing; + duration -= Math.round(duration * clamp(percent2, -1, 1)); + this.translate(percent2); + triggerUpdate(next, "itemin", { percent: percent2, duration, timing, dir }); + triggerUpdate(prev, "itemout", { percent: 1 - percent2, duration, timing, dir }); + Promise.all([ + Transition.start(next, props[1], duration, timing), + Transition.start(prev, props[0], duration, timing) + ]).then(() => { + this.reset(); + resolve(); + }, noop); + return promise; + }, + cancel() { + return Transition.cancel([next, prev]); + }, + reset() { + resetProps([next, prev], props[0]); + }, + 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(next, "itemtranslatein", { percent: percent2, dir }); + triggerUpdate(prev, "itemtranslateout", { percent: 1 - percent2, dir }); + }, + percent() { + return percent(prev || next, next, dir); + }, + getDistance() { + return prev == null ? void 0 : prev.offsetWidth; + } + }; + } + function triggerUpdate(el, type, data) { + trigger(el, createEvent(type, false, false, data)); + } + function withResolvers() { + let resolve; + return { promise: new Promise((res) => resolve = res), resolve }; + } + + 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: () => document, + filter: ({ autoplay }) => autoplay, + handler() { + if (document.hidden) { + this.stopAutoplay(); + } else { + this.startAutoplay(); + } + } + } + ], + methods: { + startAutoplay() { + this.stopAutoplay(); + this.interval = setInterval(() => { + if (!(this.stack.length || !isVisible(this.$el) || this.draggable && matches(this.$el, ":focus-within") && !matches(this.$el, ":focus") || 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: ({ selList }) => `${selList} > *`, + handler(e) { + if (!this.draggable || this.parallax || !isTouch(e) && hasSelectableText(e.target) || e.target.closest(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: ({ list }) => 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; + } + 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 = getDistance.call(this, prevIndex, nextIndex); + while (nextIndex !== prevIndex && dis > width) { + this.drag -= width * this.dir; + prevIndex = nextIndex; + dis -= width; + nextIndex = this.getIndex(prevIndex + this.dir); + width = getDistance.call(this, 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; + if (!edge) { + trigger(prev, "beforeitemhide", [this]); + trigger(prev, "itemhide", [this]); + } + trigger(next, "beforeitemshow", [this]); + trigger(next, "itemshow", [this]); + } + this._transitioner = this._translate(Math.abs(this.percent), prev, !edge && next); + }, + end() { + off(document, pointerMove, this.move, pointerOptions); + off(document, pointerUp, this.end, pointerUpOptions); + if (this.dragging) { + setTimeout(on(this.list, "click", (e) => e.preventDefault(), pointerOptions)); + 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) { + trigger(this.slides[this.prevIndex], "itemhidden", [this]); + trigger(this.slides[this.index], "itemshown", [this]); + this.percent = 1 - this.percent; + } + this.show( + this.dir > 0 && !dirChange || this.dir < 0 && dirChange ? "next" : "previous", + true + ); + } + } + css(this.list, { userSelect: "" }); + this.drag = this.percent = null; + } + } + }; + function 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 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]); + } + } + } + const mutationOptions = { subtree: true, childList: true }; + 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); + if (cb.observe && instance._computedObserver) { + const selector = cb.observe.call(instance, $props); + instance._computedObserver.observe( + ["~", "+", "-"].includes(selector[0]) ? $el.parentElement : $el.getRootNode(), + mutationOptions + ); + } + } + 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"] + }); + instance._computedObserver = observeMutation( + instance.$el, + () => callUpdate(instance, "computed"), + mutationOptions + ); + instance._disconnect.push(() => { + instance._computedObserver.disconnect(); + instance._computedObserver = null; + resetComputed(instance); + }); + } + function resetComputed(instance) { + const values = { ...instance._computed }; + instance._computed = {}; + return values; + } + + function initEvents(instance) { + for (const event of instance.$options.events || []) { + if (hasOwn(event, "handler")) { + registerEvent(instance, event); + } else { + for (const key in event) { + registerEvent(instance, { name: key, handler: event[key] }); + } + } + } + } + function registerEvent(instance, { name, el, handler, capture, passive, delegate, filter, self }) { + if (filter && !filter.call(instance, instance)) { + return; + } + instance._disconnect.push( + on( + el ? el.call(instance, instance) : instance.$el, + name, + delegate == null ? void 0 : delegate.call(instance, instance), + handler.bind(instance), + { + passive, + capture, + self + } + ) + ); + } + + function initObservers(instance) { + for (const observer of instance.$options.observe || []) { + registerObservable(instance, observer); + } + } + 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._disconnect.length}`; + if (isFunction(target) && !hasOwn(instance, key)) { + registerComputed(instance, key, () => { + const targets2 = target.call(instance, instance); + return isArray(targets2) ? toNodes(targets2) : targets2; + }); + } + 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])) { + registerWatch( + instance, + { handler: updateTargets(observer, options), immediate: false }, + key + ); + } + instance._disconnect.push(() => observer.disconnect()); + } + function updateTargets(observer, options) { + return (targets, prev) => { + for (const target of prev) { + if (!includes(targets, target)) { + if (observer.unobserve) { + observer.unobserve(target); + } else if (observer.observe) { + observer.disconnect(); + } + } + } + for (const target of targets) { + if (!includes(prev, target) || !observer.unobserve) { + observer.observe(target, options); + } + } + }; + } + + function initProps(instance) { + const { $options, $props } = instance; + const props = getProps($options); + assign($props, props); + const { computed, methods } = $options; + for (let key in $props) { + if (key in props && (!computed || !hasOwn(computed, key)) && (!methods || !hasOwn(methods, key))) { + instance[key] = $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; + } + const getAttributes = memoize((id, props) => { + const attributes = Object.keys(props); + const filter = attributes.concat(id).map((key) => [hyphenate(key), `data-${hyphenate(key)}`]).flat(); + return { attributes, filter }; + }); + function initPropsObserver(instance) { + const { $options, $props } = instance; + const { id, props, el } = $options; + if (!props) { + return; + } + const { attributes, filter } = getAttributes(id, props); + 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 + }); + instance._disconnect.push(() => observer.disconnect()); + } + + 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; + instance._disconnect = []; + 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"); + instance._disconnect.forEach((off) => off()); + instance._disconnect = null; + 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.24.2"; + + const PREFIX = "uk-"; + const DATA = "__uikit__"; + const components$2 = {}; + function component(name, options) { + var _a, _b; + const id = PREFIX + hyphenate(name); + if (!options) { + if (!components$2[id].options) { + 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 = (_a = options.options) != null ? _a : { ...options }; + opt.id = id; + opt.name = name; + (_b = opt.install) == null ? void 0 : _b.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 (el.isConnected) { + 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") + }); + } + let id = 1; + function generateId(instance, el = null) { + return (el == null ? void 0 : el.id) || `${instance.$options.id}-${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) => $(selNav, $el), + navChildren() { + return children(this.nav); + }, + selNavItem: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`, + navItems(_, $el) { + return $$(this.selNavItem, $el); + } + }, + watch: { + nav(nav, prev) { + attr(nav, "role", "tablist"); + this.padNavitems(); + if (prev) { + this.$emit(); + } + }, + list(list) { + if (isTag(list, "ul")) { + attr(list, "role", "presentation"); + } + }, + navChildren(children2) { + attr(children2, "role", "presentation"); + this.padNavitems(); + this.updateNav(); + }, + 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); + } + ariaControls = slide.id; + } + ariaLabel = this.t("slideX", toFloat(cmd) + 1); + button.role = "tab"; + } else { + if (this.list) { + if (!this.list.id) { + this.list.id = generateId(this, this.list); + } + ariaControls = this.list.id; + } + ariaLabel = this.t(cmd); + } + button.ariaControls = ariaControls; + button.ariaLabel = button.ariaLabel || 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" + }) + ); + this.padNavitems(); + } + }, + connected() { + this.$el.role = this.role; + this.$el.ariaRoleDescription = "carousel"; + }, + update: [ + { + write() { + this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex)); + this.updateNav(); + }, + events: ["resize"] + } + ], + events: [ + { + name: "click keydown", + delegate: ({ selNavItem }) => selNavItem, + filter: ({ parallax }) => !parallax, + handler(e) { + if (e.target.closest("a,button") && (e.type === "click" || e.keyCode === keyMap.SPACE)) { + maybeDefaultPreventClick(e); + this.show(data(e.current, this.attrItem)); + } + } + }, + { + name: "itemshow", + handler() { + this.updateNav(); + } + }, + { + name: "keydown", + delegate: ({ selNavItem }) => selNavItem, + filter: ({ parallax }) => !parallax, + 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); + toggleClass(button, "uk-disabled", !!this.parallax); + button.ariaSelected = active; + button.tabIndex = active && !this.parallax ? 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) + ); + } + } + }, + padNavitems() { + if (!this.nav) { + return; + } + const children2 = []; + for (let i = 0; i < this.length; i++) { + const attr2 = `${this.attrItem}="${i}"`; + children2[i] = this.navChildren.findLast((el) => el.matches(`[${attr2}]`)) || $(`
    • `); + } + if (!isEqual(children2, this.navChildren)) { + html(this.nav, children2); + } + } + } + }; + + const easeOutQuad = "cubic-bezier(0.25, 0.46, 0.45, 0.94)"; + const easeOutQuart = "cubic-bezier(0.165, 0.84, 0.44, 1)"; + var Slider = { + mixins: [SliderAutoplay, SliderDrag, SliderNav, I18n], + props: { + clsActivated: String, + 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: "", + clsEnter: "uk-slide-enter", + clsLeave: "uk-slide-leave", + clsSlideActive: "uk-slide-active", + 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) => speedUp($el.offsetWidth / velocity), + list: ({ selList }, $el) => $(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(); + } + } + }, + events: { + itemshow({ target }) { + addClass(target, this.clsEnter, this.clsSlideActive); + }, + itemshown({ target }) { + removeClass(target, this.clsEnter); + }, + itemhide({ target }) { + addClass(target, this.clsLeave); + }, + itemhidden({ target }) { + removeClass(target, this.clsLeave, this.clsSlideActive); + } + }, + methods: { + async show(index, force = false) { + var _a; + if (this.dragging || !this.length || this.parallax) { + 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; + } + prev && trigger(prev, "itemhide", [this]); + trigger(next, "itemshow", [this]); + await this._show(prev, next, force); + prev && trigger(prev, "itemhidden", [this]); + trigger(next, "itemshown", [this]); + stack.shift(); + this._transitioner = null; + await awaitFrame(); + if (stack.length) { + this.show(stack.shift(), true); + } + }, + 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); + }, + async _show(prev, next, force) { + this._transitioner = this._getTransitioner(prev, next, this.dir, { + easing: force ? next.offsetWidth < 600 ? easeOutQuad : easeOutQuart : this.easing, + ...this.transitionOptions + }); + if (!force && !prev) { + this._translate(1); + return; + } + 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 }; + } + }, + observe: resize(), + events: { + itemshow({ 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, 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 } + ]; + } + } + }; + function scale3d(value) { + return `scale3d(${value}, ${value}, 1)`; + } + + var Animations = { + ...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 = { + i18n: { + counter: "%s / %s" + }, + mixins: [Modal, Slideshow], + functional: true, + props: { + counter: Boolean, + preload: Number, + nav: Boolean, + slidenav: Boolean, + delayControls: Number, + videoAutoplay: Boolean, + template: String + }, + data: () => ({ + counter: false, + preload: 1, + nav: false, + slidenav: true, + delayControls: 3e3, + videoAutoplay: false, + items: [], + cls: "uk-open", + clsPage: "uk-lightbox-page", + clsFit: "uk-lightbox-items-fit", + clsZoom: "uk-lightbox-zoom", + attrItem: "uk-lightbox-item", + selList: ".uk-lightbox-items", + selClose: ".uk-close-large", + selNav: ".uk-lightbox-thumbnav, .uk-lightbox-dotnav", + selCaption: ".uk-lightbox-caption", + selCounter: ".uk-lightbox-counter", + pauseOnHover: false, + velocity: 2, + Animations, + template: `
        ` + }), + created() { + let $el = $(this.template); + if (isTag($el, "template")) { + $el = fragment(html($el)); + } + const list = $(this.selList, $el); + const navType = this.$props.nav; + remove$1($$(this.selNav, $el).filter((el) => !matches(el, `.uk-${navType}`))); + for (const [i, item] of this.items.entries()) { + append(list, "
        "); + if (navType === "thumbnav") { + wrapAll( + toThumbnavItem(item, this.videoAutoplay), + append($(this.selNav, $el), `
        • `) + ); + } + } + if (!this.slidenav) { + remove$1($$(".uk-lightbox-slidenav", $el)); + } + if (!this.counter) { + remove$1($(this.selCounter, $el)); + } + addClass(list, this.clsFit); + 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)); + }, + events: [ + { + name: "click", + self: true, + filter: ({ bgClose }) => bgClose, + delegate: ({ selList }) => `${selList} > *`, + handler(e) { + if (!e.defaultPrevented) { + this.hide(); + } + } + }, + { + name: "click", + self: true, + delegate: ({ clsZoom }) => `.${clsZoom}`, + handler(e) { + if (!e.defaultPrevented) { + toggleClass(this.list, this.clsFit); + } + } + }, + { + name: `${pointerMove$1} ${pointerDown$1} keydown`, + filter: ({ delayControls }) => delayControls, + handler() { + this.showControls(); + } + }, + { + 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: () => document, + handler({ keyCode }) { + if (!this.isToggled() || !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) { + html($(this.selCaption, this.$el), this.getItem().caption || ""); + html( + $(this.selCounter, this.$el), + this.t("counter", this.index + 1, this.slides.length) + ); + for (let j = -this.preload; j <= this.preload; j++) { + this.loadItem(this.index + j); + } + if (this.isToggled()) { + return; + } + this.draggable = false; + e.preventDefault(); + this.toggleElement(this.$el, true, false); + this.animation = Animations.scale; + removeClass(e.target, this.clsActive); + this.stack.splice(1, 0, this.index); + } + }, + { + name: "itemshown", + handler() { + this.draggable = this.$props.draggable; + } + }, + { + name: "itemload", + async handler(_, item) { + const { source: src, type, attrs = {} } = item; + this.setItem(item, ""); + if (!src) { + return; + } + let matches2; + const iframeAttrs = { + allowfullscreen: "", + style: "max-width: 100%; box-sizing: border-box;", + "uk-responsive": "", + "uk-video": Boolean(this.videoAutoplay) + }; + if (type === "image" || isImage(src)) { + const img = createEl("img"); + wrapInPicture(img, item.sources); + attr(img, { + src, + ...pick(item, ["alt", "srcset", "sizes"]), + ...attrs + }); + on(img, "load", () => this.setItem(item, parent(img) || img)); + on(img, "error", () => this.setError(item)); + } else if (type === "video" || isVideo(src)) { + const inline = this.videoAutoplay === "inline"; + const video = createEl("video", { + src, + playsinline: "", + controls: inline ? null : "", + loop: inline ? "" : null, + muted: inline ? "" : null, + poster: this.videoAutoplay ? null : item.poster, + "uk-video": Boolean(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 (matches2 = src.match( + /\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/ + )) { + this.setItem( + item, + createEl("iframe", { + src: `https://www.youtube${matches2[1] || ""}.com/embed/${matches2[2]}${matches2[3] ? `?${matches2[3]}` : ""}`, + width: 1920, + height: 1080, + ...iframeAttrs, + ...attrs + }) + ); + } else if (matches2 = 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/${matches2[1]}${matches2[2] ? `?${matches2[2]}` : ""}`, + width, + height, + ...iframeAttrs, + ...attrs + }) + ); + } catch { + this.setError(item); + } + } + } + }, + { + name: "itemloaded", + handler() { + this.$emit("resize"); + } + } + ], + update: { + read() { + for (const media of $$(`${this.selList} :not([controls]):is(img,video)`, this.$el)) { + toggleClass( + media, + this.clsZoom, + (media.naturalHeight || media.videoHeight) - this.$el.offsetHeight > Math.max( + 0, + (media.naturalWidth || media.videoWidth) - this.$el.offsetWidth + ) + ); + } + }, + events: ["resize"] + }, + 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 = this.delayControls && 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; + } + function toThumbnavItem(item, videoAutoplay) { + const el = item.poster || item.thumb && (item.type === "image" || isImage(item.thumb)) ? createEl("img", { src: item.poster || item.thumb, alt: "" }) : item.thumb && (item.type === "video" || isVideo(item.thumb)) ? createEl("video", { + src: item.thumb, + loop: "", + playsinline: "", + muted: "", + "uk-video": videoAutoplay === "inline" + }) : createEl("canvas"); + if (item.thumbRatio) { + el.style.aspectRatio = item.thumbRatio; + } + return el; + } + function isImage(src) { + return src == null ? void 0 : src.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i); + } + function isVideo(src) { + return src == null ? void 0 : src.match(/\.(mp4|webm|ogv)($|\?)/i); + } + + const selDisabled$1 = ".uk-disabled *, .uk-disabled, [disabled]"; + var lightbox = { + install: install$3, + props: { toggle: String }, + data: { toggle: "a" }, + computed: { + toggles: ({ toggle }, $el) => $$(toggle, $el) + }, + watch: { + toggles(toggles) { + this.hide(); + for (const toggle of toggles) { + if (isTag(toggle, "a")) { + toggle.role = "button"; + } + } + } + }, + disconnected() { + this.hide(); + }, + events: { + name: "click", + delegate: ({ toggle }) => toggle, + handler(e) { + if (!e.defaultPrevented) { + e.preventDefault(); + if (!matches(e.current, selDisabled$1)) { + this.show(e.current); + } + } + } + }, + methods: { + show(index) { + let items = this.toggles.map(toItem); + if (this.nav === "thumbnav") { + ensureThumb.call(this, this.toggles, items); + } + items = uniqueBy(items, "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 ensureThumb(toggles, items) { + for (const [i, toggle] of Object.entries(toggles)) { + if (items[i].thumb) { + continue; + } + const parent = parents(toggle).reverse().concat(toggle).find( + (parent2) => this.$el.contains(parent2) && (parent2 === toggle || $$(this.toggle, parent2).length === 1) + ); + if (!parent) { + continue; + } + const media = $("img,video", parent); + if (media) { + items[i].thumb = media.currentSrc || media.poster || media.src; + items[i].thumbRatio = (media.naturalWidth || media.videoWidth) / (media.naturalHeight || media.videoHeight); + } + } + } + function toItem(el) { + const item = {}; + for (const attribute of el.getAttributeNames()) { + const key = attribute.replace(/^data-/, ""); + item[key === "href" ? "source" : key] = el.getAttribute(attribute); + } + item.attrs = parseOptions(item.attrs); + return item; + } + + var notification = { + mixins: [Container], + functional: true, + args: ["message", "status"], + data: { + message: "", + status: "", + timeout: 5e3, + group: "", + pos: "top-center", + clsContainer: "uk-notification", + clsClose: "uk-notification-close", + clsMsg: "uk-notification-message" + }, + install: install$2, + computed: { + marginProp: ({ pos }) => `margin-${pos.match(/[a-z]+(?=-)/)[0]}`, + startProps() { + return { opacity: 0, [this.marginProp]: -this.$el.offsetHeight }; + } + }, + created() { + const posClass = `${this.clsContainer}-${this.pos}`; + const containerAttr = `data-${this.clsContainer}-container`; + const container = $(`.${posClass}[${containerAttr}]`, this.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) { + maybeDefaultPreventClick(e); + 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.slice(1)}`)); + } else if (isNaN(value)) { + return value; + } + } + return value && isNumeric(value) ? `(min-width: ${value}px)` : ""; + } + + function getMaxPathLength(el) { + return isVisible(el) ? Math.ceil( + Math.max(0, ...$$("[stroke]", el).map((stroke) => { + var _a; + return ((_a = stroke.getTotalLength) == null ? void 0 : _a.call(stroke)) || 0; + })) + ) : 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() { + resetProps(this.$el, this.getCss(0)); + }, + getCss(percent) { + const css2 = {}; + for (const prop in this.props) { + this.props[prop](css2, clamp(percent)); + } + css2.willChange = Object.keys(css2).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 = `${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 = `${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.slice(-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.slice(-1)}`] = `calc(${positions[prop]} + ${value}px)`; + } + }; + } + const loading = {}; + 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 && !loading[src]) { + once(image, "error load", () => { + dimensions[src] = toDimensions(image); + trigger(el, createEvent("load", false)); + }); + loading[src] = true; + 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; + }, {}); + } + function ease(percent, easing) { + return easing >= 0 ? Math.pow(percent, easing + 1) : 1 - Math.pow(1 - percent, 1 - easing); + } + + 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) => 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 getOffsetElement(el) { + return el ? "offsetTop" in el ? el : getOffsetElement(parent(el)) : document.documentElement; + } + + var SliderParallax = { + props: { + parallax: Boolean, + parallaxTarget: Boolean, + parallaxStart: String, + parallaxEnd: String, + parallaxEasing: Number + }, + data: { + parallax: false, + parallaxTarget: false, + parallaxStart: 0, + parallaxEnd: 0, + parallaxEasing: 0 + }, + observe: [ + resize({ + target: ({ $el, parallaxTarget }) => [$el, parallaxTarget], + filter: ({ parallax }) => parallax + }), + scroll$1({ filter: ({ parallax }) => parallax }) + ], + computed: { + parallaxTarget({ parallaxTarget }, $el) { + return parallaxTarget && query(parallaxTarget, $el) || this.list; + } + }, + update: { + read() { + if (!this.parallax) { + return false; + } + const target = this.parallaxTarget; + if (!target) { + return false; + } + const start = toPx(this.parallaxStart, "height", target, true); + const end = toPx(this.parallaxEnd, "height", target, true); + const percent = ease(scrolledOver(target, start, end), this.parallaxEasing); + return { parallax: this.getIndexAt(percent) }; + }, + write({ parallax }) { + const [prevIndex, slidePercent] = parallax; + const nextIndex = this.getValidIndex(prevIndex + Math.ceil(slidePercent)); + const prev = this.slides[prevIndex]; + const next = this.slides[nextIndex]; + const { triggerShow, triggerShown, triggerHide, triggerHidden } = useTriggers(this); + if (~this.prevIndex) { + for (const i of /* @__PURE__ */ new Set([this.index, this.prevIndex])) { + if (!includes([nextIndex, prevIndex], i)) { + triggerHide(this.slides[i]); + triggerHidden(this.slides[i]); + } + } + } + const changed = this.prevIndex !== prevIndex || this.index !== nextIndex; + this.dir = 1; + this.prevIndex = prevIndex; + this.index = nextIndex; + if (prev !== next) { + triggerHide(prev); + } + triggerShow(next); + if (changed) { + triggerShown(prev); + } + this._translate(prev === next ? 1 : slidePercent, prev, next); + }, + events: ["scroll", "resize"] + }, + methods: { + getIndexAt(percent) { + const index = percent * (this.length - 1); + return [Math.floor(index), index % 1]; + } + } + }; + function useTriggers(cmp) { + const { clsSlideActive, clsEnter, clsLeave } = cmp; + return { triggerShow, triggerShown, triggerHide, triggerHidden }; + function triggerShow(el) { + if (hasClass(el, clsLeave)) { + triggerHide(el); + triggerHidden(el); + } + if (!hasClass(el, clsSlideActive)) { + trigger(el, "beforeitemshow", [cmp]); + trigger(el, "itemshow", [cmp]); + } + } + function triggerShown(el) { + if (hasClass(el, clsEnter)) { + trigger(el, "itemshown", [cmp]); + } + } + function triggerHide(el) { + if (!hasClass(el, clsSlideActive)) { + triggerShow(el); + } + if (hasClass(el, clsEnter)) { + triggerShown(el); + } + if (!hasClass(el, clsLeave)) { + trigger(el, "beforeitemhide", [cmp]); + trigger(el, "itemhide", [cmp]); + } + } + function triggerHidden(el) { + if (hasClass(el, clsLeave)) { + trigger(el, "itemhidden", [cmp]); + } + } + } + + var SliderReactive = { + update: { + write() { + if (this.stack.length || this.dragging || this.parallax) { + return; + } + const index = this.getValidIndex(); + if (!~this.prevIndex || this.index !== index) { + this.show(index); + } else { + this._translate(1); + } + }, + events: ["resize"] + } + }; + + var SliderPreload = { + observe: lazyload({ + target: ({ slides }) => slides, + targets: (instance) => instance.getAdjacentSlides() + }), + methods: { + getAdjacentSlides() { + return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]); + } + } + }; + + 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); + const { promise, resolve } = withResolvers(); + return { + dir, + show(duration, percent = 0, linear) { + const timing = linear ? "linear" : easing; + duration -= Math.round(duration * clamp(percent, -1, 1)); + css(list, "transitionProperty", "none"); + this.translate(percent); + css(list, "transitionProperty", ""); + 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 + }); + Transition.start( + list, + { transform: translate(-to * (isRtl ? -1 : 1), "px") }, + duration, + timing + ).then(resolve, noop); + return promise; + }, + 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) { + if (percent === this.percent()) { + return; + } + 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( + (new DOMMatrix(css(list, "transform")).m41 * (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, index) { + return sumBy(children(list).slice(0, index), (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; + }); + } + + var slider = { + mixins: [Class, Slider, SliderReactive, SliderParallax, SliderPreload], + props: { + center: Boolean, + sets: Boolean, + active: String + }, + data: { + center: false, + sets: false, + attrItem: "uk-slider-item", + selList: ".uk-slider-items", + selNav: ".uk-slider-nav", + clsContainer: "uk-slider-container", + active: "all", + Transitioner + }, + computed: { + 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 - 5e-3) { + return true; + } + lft += dimensions$1(el).width; + }); + return ~index ? index : this.length - 1; + }, + sets({ sets: enabled }) { + if (!enabled || this.parallax) { + 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(this.slides[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, $el }) => [$el, ...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); + } + } + this.reorder(); + if (!this.parallax) { + 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; + const avgWidth = getWidth(this.list) / this.length; + this.duration = speedUp(avgWidth / this.velocity) * (dimensions$1(this.slides[index]).width / avgWidth); + this.reorder(); + }, + itemshow() { + if (~this.prevIndex) { + addClass(this._getTransitioner().getItemIn(), this.clsActive); + } + this.updateActiveClasses(this.prevIndex); + }, + 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 || !this.length) { + 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(currentIndex = this.index) { + let actives = this._getTransitioner(currentIndex).getActives(); + if (this.active !== "all") { + actives = [this.slides[this.getValidIndex(currentIndex)]]; + } + 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); + slide.ariaHidden = !active; + for (const focusable of $$(selFocusable, slide)) { + if (!hasOwn(focusable, "_tabindex")) { + focusable._tabindex = focusable.tabIndex; + } + 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); + }, + getIndexAt(percent) { + let index = -1; + const scrollDist = this.center ? getWidth(this.list) - (dimensions$1(this.slides[0]).width / 2 + dimensions$1(last(this.slides)).width / 2) : getWidth(this.list, this.maxIndex); + let dist = percent * scrollDist; + let slidePercent = 0; + do { + const slideWidth = dimensions$1(this.slides[++index]).width; + const slideDist = this.center ? slideWidth / 2 + dimensions$1(this.slides[index + 1]).width / 2 : slideWidth; + slidePercent = dist / slideDist % 1; + dist -= slideDist; + } while (dist >= 0 && index < this.maxIndex); + return [index, slidePercent]; + } + } + }; + 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 (Math.trunc(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], + beforeConnect() { + this.item = this.$el.closest(`.${this.$options.id.replace("parallax", "items")} > *`); + }, + disconnected() { + this.item = null; + }, + events: [ + { + name: "itemin itemout", + self: true, + el: ({ item }) => 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: ({ item }) => item, + handler() { + Transition.cancel(this.$el); + } + }, + { + name: "itemtranslatein itemtranslateout", + self: true, + el: ({ item }) => 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 slideshow = { + mixins: [Class, Slideshow, SliderReactive, SliderParallax, SliderPreload], + props: { + ratio: String, + minHeight: String, + maxHeight: String + }, + data: { + ratio: "16:9", + minHeight: void 0, + maxHeight: void 0, + selList: ".uk-slideshow-items", + attrItem: "uk-slideshow-item", + selNav: ".uk-slideshow-nav", + Animations: Animations$1 + }, + watch: { + list(list) { + css(list, { + aspectRatio: this.ratio ? this.ratio.replace(":", "/") : void 0, + minHeight: this.minHeight, + maxHeight: this.maxHeight, + width: "100%" + }); + } + }, + 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: {} + }, + events: { + name: pointerDown$1, + passive: false, + handler(e) { + this.init(e); + } + }, + computed: { + target: (_, $el) => ($el.tBodies || [$el])[0], + items() { + return children(this.target); + }, + isEmpty() { + return !this.items.length; + }, + handles({ handle }, $el) { + return handle ? $$(handle, $el) : this.items; + } + }, + watch: { + isEmpty(empty) { + toggleClass(this.target, this.clsEmpty, empty); + }, + handles(handles, prev) { + const props = { touchAction: "none", userSelect: "none" }; + resetProps(prev, props); + css(handles, props); + } + }, + 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) => el.contains(target)); + if (!placeholder || defaultPrevented || button > 0 || isInput(target) || target.closest(`.${this.clsNoDrag}`) || this.handle && !target.closest(this.handle)) { + return; + } + e.preventDefault(); + this.pos = getEventPos(e); + 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 } = dimensions$1(this.placeholder); + 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: throttle(function(e) { + assign(this.pos, getEventPos(e)); + if (!this.drag && (Math.abs(this.pos.x - this.origin.x) > this.threshold || Math.abs(this.pos.y - this.origin.y) > this.threshold)) { + this.start(e); + } + this.$emit("move"); + }), + 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); + if (target && target.previousElementSibling !== element) { + this.animate(() => before(target, element)); + } else if (!target && this.target.lastElementChild !== element) { + this.animate(() => append(this.target, element)); + } + }, + remove(element) { + if (this.target.contains(element)) { + 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, dimensions$1(item)))]; + } + function findInsertTarget(list, target, placeholder, x, y, sameList) { + if (!children(list).length) { + return; + } + const rect = dimensions$1(target); + if (!sameList) { + if (!isHorizontal(list, placeholder)) { + return y < rect.top + rect.height / 2 ? target : target.nextElementSibling; + } + return target; + } + const placeholderRect = dimensions$1(placeholder); + 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 = dimensions$1(el); + return items.slice(i + 1).some((el2) => { + const rectB = dimensions$1(el2); + 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]; + } + function throttle(fn) { + let throttled; + return function(...args) { + if (!throttled) { + throttled = true; + fn.call(this, ...args); + requestAnimationFrame(() => throttled = false); + } + }; + } + + var tooltip = { + mixins: [Container, Togglable, Position], + data: { + pos: "top", + animation: ["uk-animation-scale-up"], + duration: 100, + cls: "uk-active" + }, + connected() { + makeFocusable(this.$el); + }, + disconnected() { + this.hide(); + }, + methods: { + show() { + if (this.isToggled(this.tooltip || null)) { + return; + } + const { delay = 0, title } = parseProps(this.$options); + if (!title) { + return; + } + const titleAttr = attr(this.$el, "title"); + const off = on(this.$el, ["blur", pointerLeave], (e) => !isTouch(e) && this.hide()); + this.reset = () => { + attr(this.$el, { title: titleAttr, "aria-describedby": null }); + off(); + }; + const id = generateId(this); + attr(this.$el, { title: null, "aria-describedby": id }); + clearTimeout(this.showTimer); + this.showTimer = setTimeout(() => this._show(title, id), delay); + }, + async hide() { + var _a; + if (matches(this.$el, "input:focus")) { + return; + } + clearTimeout(this.showTimer); + if (this.isToggled(this.tooltip || null)) { + await this.toggleElement(this.tooltip, false, false); + } + (_a = this.reset) == null ? void 0 : _a.call(this); + remove$1(this.tooltip); + this.tooltip = null; + }, + async _show(title, id) { + 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 && !this.$el.contains(e2.target) || 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: { + // 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 + [`focus ${pointerEnter} ${pointerDown$1}`](e) { + if ((!isTouch(e) || e.type === pointerDown$1) && document.readyState !== "loading") { + this.show(); + } + } + } + }; + function makeFocusable(el) { + if (!isFocusable(el)) { + 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]; + align = props.find((prop) => elOffset[prop] === targetOffset[prop]) || "center"; + return [dir, align]; + } + function parseProps(options) { + const { el, id, data: data$1 } = options; + return ["delay", "title"].reduce((obj, key) => ({ [key]: data(el, key), ...obj }), { + ...parseOptions(data(el, id), ["title"]), + ...data$1 + }); + } + + 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(); + } + async function ajax(url, options) { + const env = { + data: null, + method: "GET", + headers: {}, + xhr: new XMLHttpRequest(), + beforeSend: noop, + responseType: "", + ...options + }; + await env.beforeSend(env); + return 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 { + } + } + } + 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(handleMutation).observe(document, { + subtree: true, + childList: true, + attributes: true + }); + App._initialized = true; + } + function handleMutation(records) { + var _a; + for (const { addedNodes, removedNodes, target, attributeName } of records) { + for (const node of addedNodes) { + apply(node, connect); + } + for (const node of removedNodes) { + apply(node, disconnect); + } + const name = attributeName && getComponentName(attributeName); + if (name) { + if (hasAttr(target, attributeName)) { + createComponent(name, target); + } else { + (_a = getComponent(target, name)) == null ? void 0 : _a.$destroy(); + } + } + } + } + function connect(node) { + const components2 = getComponents(node); + for (const name in components2) { + 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 components2) { + callDisconnected(components2[name]); + } + } + function getComponentName(attribute) { + if (startsWith(attribute, "data-")) { + attribute = attribute.slice(5); + } + const cmp = components$2[attribute]; + return cmp && (cmp.options || cmp).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) => $$(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) => item.contains(el)), + this.clsOpen + ); + hide(el, !isOpen); + } + this.$emit(); + } + }, + observe: lazyload(), + events: [ + { + name: "click keydown", + delegate: ({ targets, $props }) => `${targets} ${$props.toggle}`, + async handler(e) { + var _a; + if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) { + return; + } + maybeDefaultPreventClick(e); + (_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: ({ targets }) => 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); + content.id = generateId(this, content); + 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 } = dimensions$1(el); + 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: ({ selClose }) => selClose, + handler(e) { + maybeDefaultPreventClick(e); + 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, + restart: Boolean, + hoverTarget: Boolean + }, + data: { + automute: false, + autoplay: true, + restart: false, + hoverTarget: false + }, + beforeConnect() { + const isVideo = isTag(this.$el, "video"); + if (this.autoplay === "inview" && isVideo && !hasAttr(this.$el, "preload")) { + this.$el.preload = "none"; + } + if (!isVideo && !hasAttr(this.$el, "allow")) { + this.$el.allow = "autoplay"; + } + if (this.autoplay === "hover") { + if (isVideo) { + this.$el.tabIndex = 0; + } else { + this.autoplay = true; + } + } + if (this.automute || hasAttr(this.$el, "muted")) { + mute(this.$el); + } + }, + events: [ + { + name: `${pointerEnter} focusin`, + el: ({ hoverTarget, $el }) => query(hoverTarget, $el) || $el, + filter: ({ autoplay }) => includes(autoplay, "hover"), + handler(e) { + if (!isTouch(e) || !isPlaying(this.$el)) { + play(this.$el); + } else { + pauseHover(this.$el, this.restart); + } + } + }, + { + name: `${pointerLeave} focusout`, + el: ({ hoverTarget, $el }) => query(hoverTarget, $el) || $el, + filter: ({ autoplay }) => includes(autoplay, "hover"), + handler(e) { + if (!isTouch(e)) { + pauseHover(this.$el, this.restart); + } + } + } + ], + observe: [ + intersection({ + filter: ({ $el }) => $el.preload === "none", + handler([{ target }]) { + target.preload = ""; + this.$reset(); + } + }), + intersection({ + filter: ({ $el, autoplay }) => autoplay !== "hover" && $el.preload !== "none", + handler([{ isIntersecting, target }]) { + if (!document.fullscreenElement) { + if (isIntersecting) { + if (this.autoplay) { + play(target); + } + } else { + pauseHover(target, this.restart); + } + } + }, + args: { intersecting: false }, + options: ({ $el, autoplay }) => ({ + root: autoplay === "inview" ? null : parent($el).closest(":not(a)") + }) + }) + ] + }; + function isPlaying(videoEl) { + return !videoEl.paused && !videoEl.ended; + } + function pauseHover(el, restart) { + pause(el); + if (restart && isTag(el, "video")) { + el.currentTime = 0; + } + } + + var cover = { + mixins: [Video], + props: { + width: Number, + height: Number + }, + data: { + automute: true + }, + created() { + this.useObjectFit = isTag(this.$el, "img", "video"); + }, + observe: resize({ + target: ({ $el }) => getPositionedParent($el) || parent($el), + filter: ({ useObjectFit }) => !useObjectFit + }), + update: { + read() { + if (this.useObjectFit) { + return false; + } + const { $el, width = $el.clientWidth, height = $el.clientHeight } = this; + const el = getPositionedParent($el) || parent($el); + const dim = Dimensions.cover( + { width, height }, + { width: el.offsetWidth, height: el.offsetHeight } + ); + return dim.width && dim.height ? dim : false; + }, + 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: [Class, 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, + animateOut: Boolean, + bgScroll: Boolean, + closeOnScroll: 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, + animateOut: false, + bgScroll: true, + animation: ["uk-animation-fade"], + cls: "uk-open", + container: false, + closeOnScroll: false, + selClose: ".uk-drop-close" + }, + 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(); + }, + connected() { + addClass(this.$el, "uk-drop"); + if (this.toggle && !this.targetEl) { + this.targetEl = createToggleComponent(this); + } + attr(this.targetEl, "aria-expanded", false); + this._style = pick(this.$el.style, ["width", "height"]); + }, + disconnected() { + if (this.isActive()) { + this.hide(false); + active = null; + } + css(this.$el, this._style); + }, + events: [ + { + name: "click", + delegate: ({ selClose }) => selClose, + handler(e) { + maybeDefaultPreventClick(e); + this.hide(false); + } + }, + { + name: "click", + delegate: () => 'a[href*="#"]', + handler({ defaultPrevented, current }) { + const { hash } = current; + if (!defaultPrevented && hash && isSameSiteAnchor(current) && !this.$el.contains($(hash))) { + 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: ({ mode }) => includes(mode, "hover"), + handler(e) { + if (!isTouch(e)) { + this.clearTimers(); + } + } + }, + { + name: `${pointerLeave} focusout`, + filter: ({ mode }) => includes(mode, "hover"), + handler(e) { + if (!isTouch(e) && e.relatedTarget) { + this.hide(); + } + } + }, + { + name: "toggled", + self: true, + handler(e, toggled) { + if (toggled) { + this.clearTimers(); + this.position(); + } + } + }, + { + name: "show", + self: true, + handler() { + active = this; + this.tracker.init(); + attr(this.targetEl, "aria-expanded", true); + const handlers = [ + listenForResize(this), + listenForEscClose(this), + listenForBackgroundClose(this), + this.autoUpdate && listenForScroll(this), + this.closeOnScroll && listenForScrollClose(this) + ]; + once(this.$el, "hide", () => handlers.forEach((handler) => handler && handler()), { + self: true + }); + if (!this.bgScroll) { + once(this.$el, "hidden", preventBackgroundScroll(this.$el), { self: true }); + } + } + }, + { + name: "beforehide", + self: true, + handler() { + this.clearTimers(); + } + }, + { + name: "hide", + handler({ target }) { + if (this.$el !== target) { + active = active === null && this.$el.contains(target) && this.isToggled() ? this : active; + return; + } + active = this.isActive() ? null : active; + this.tracker.cancel(); + attr(this.targetEl, "aria-expanded", false); + } + } + ], + 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 && !active.$el.contains(this.$el)) { + prev = active; + active.hide(false, false); + } + delay = 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.isDelayedHide = delay; + 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; + }, + isActive() { + return active === this; + }, + isDelaying() { + return [this.$el, ...$$(".uk-drop", this.$el)].some((el) => this.tracker.movesTo(el)); + }, + position() { + const restoreScrollPosition = storeScrollPosition(this.$el); + 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()); + 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); + } + } + restoreScrollPosition(); + } + } + }; + function getViewport$1(el, target) { + return offsetViewport(overflowParents(target).find((parent2) => parent2.contains(el))); + } + function createToggleComponent(drop) { + const { $el } = drop.$create("toggle", query(drop.toggle, drop.$el), { + target: drop.$el, + mode: drop.mode + }); + $el.ariaHasPopup = 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, fn = () => drop.$emit()) { + return on([document, ...overflowParents(drop.$el)], "scroll", fn, { + passive: true + }); + } + function listenForEscClose(drop) { + return on(document, "keydown", (e) => { + if (e.keyCode === keyMap.ESC) { + drop.hide(false); + } + }); + } + function listenForScrollClose(drop) { + return listenForScroll(drop, () => drop.hide(false)); + } + function listenForBackgroundClose(drop) { + return on(document, pointerDown$1, ({ target }) => { + if (drop.$el.contains(target)) { + return; + } + once( + document, + `${pointerUp$1} ${pointerCancel} scroll`, + ({ defaultPrevented, type, target: newTarget }) => { + var _a; + if (!defaultPrevented && type === pointerUp$1 && target === newTarget && !((_a = drop.targetEl) == null ? void 0 : _a.contains(target))) { + drop.hide(false); + } + }, + true + ); + }); + } + + var Dropnav = { + mixins: [Class, Container], + props: { + align: 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, + closeOnScroll: Boolean + }, + data: { + align: isRtl ? "right" : "left", + clsDrop: "uk-dropdown", + clsDropbar: "uk-dropnav-dropbar", + boundary: true, + dropbar: false, + dropbarAnchor: false, + flip: true, + delayShow: 160, + duration: 200, + container: false, + selNavItem: "> li > a, > ul > li > a" + }, + computed: { + dropbarAnchor: ({ dropbarAnchor }, $el) => 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 && this.$el.contains(target)) { + 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(); + preventInitialPointerEnter(this.$el); + }, + disconnected() { + remove$1(this._dropbar); + delete this._dropbar; + }, + events: [ + { + name: "mouseover focusin", + delegate: ({ selNavItem }) => selNavItem, + handler({ current }) { + const active2 = this.getActive(); + if (active2 && includes(active2.mode, "hover") && active2.targetEl && !current.contains(active2.targetEl) && !active2.isDelaying()) { + active2.hide(false); + } + } + }, + { + name: "keydown", + self: true, + delegate: ({ selNavItem }) => selNavItem, + handler(e) { + var _a; + const { current, keyCode } = e; + const active2 = this.getActive(); + if (keyCode === keyMap.DOWN) { + if ((active2 == null ? void 0 : active2.targetEl) === current) { + e.preventDefault(); + (_a = $(selFocusable, active2.$el)) == null ? void 0 : _a.focus(); + } else { + const dropdown = this.dropdowns.find( + (el) => { + var _a2; + return ((_a2 = this.getDropdown(el)) == null ? void 0 : _a2.targetEl) === current; + } + ); + if (dropdown) { + e.preventDefault(); + current.click(); + once(dropdown, "show", (e2) => { + var _a2; + return (_a2 = $(selFocusable, e2.target)) == null ? void 0 : _a2.focus(); + }); + } + } + } + handleNavItemNavigation(e, this.items, active2); + } + }, + { + name: "keydown", + el: ({ dropContainer }) => dropContainer, + delegate: ({ clsDrop }) => `.${clsDrop}`, + handler(e) { + var _a; + const { current, keyCode, target } = e; + if (isInput(target) || !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(); + return; + } + handleNavItemNavigation(e, this.items, active2); + } + }, + { + name: "mouseleave", + el: ({ dropbar }) => dropbar, + filter: ({ dropbar }) => dropbar, + handler() { + const active2 = this.getActive(); + if (active2 && includes(active2.mode, "hover") && !this.dropdowns.some((el) => matches(el, ":hover"))) { + active2.hide(); + } + } + }, + { + name: "beforeshow", + el: ({ dropContainer }) => dropContainer, + filter: ({ dropbar }) => 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: ({ dropContainer }) => dropContainer, + filter: ({ dropbar }) => dropbar, + handler({ target }) { + if (!this.isDropbarDrop(target)) { + return; + } + const drop = this.getDropdown(target); + const adjustHeight = () => { + const maxBottom = Math.max( + ...parents(target, `.${this.clsDrop}`).concat(target).map((el) => offset(el).bottom) + ); + offset(this.dropbar, { + left: offset(this.dropbar).left, + top: this.getDropbarOffset(drop.getPositionOffset()) + }); + this.transitionTo( + maxBottom - offset(this.dropbar).top + toFloat(css(target, "marginBottom")), + target + ); + }; + this._observer = observeResize([drop.$el, ...drop.target], adjustHeight); + adjustHeight(); + } + }, + { + name: "beforehide", + el: ({ dropContainer }) => dropContainer, + filter: ({ dropbar }) => dropbar, + handler(e) { + const active2 = this.getActive(); + if (matches(this.dropbar, ":hover") && active2.$el === e.target && this.isDropbarDrop(active2.$el) && includes(active2.mode, "hover") && active2.isDelayedHide && !this.items.some((el) => active2.targetEl !== el && matches(el, ":focus"))) { + e.preventDefault(); + } + } + }, + { + name: "hide", + el: ({ dropContainer }) => dropContainer, + filter: ({ dropbar }) => 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]); + if (el) { + const diff = offset(el).top - offset(dropbar).top - oldHeight; + if (diff > 0) { + css(el, "transitionDelay", `${diff / newHeight * this.duration}ms`); + } + } + 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: "", transitionDelay: "" })) + ]).catch(noop); + }, + getDropdown(el) { + return this.$getComponent(el, "drop") || this.$getComponent(el, "dropdown"); + }, + isDropbarDrop(el) { + return includes(this.dropdowns, el) && hasClass(el, this.clsDrop); + }, + getDropbarOffset(offsetTop) { + const { $el, target, targetY } = this; + const { top, height: height2 } = offset(query(targetY || target || $el, $el)); + return top + height2 + offsetTop; + }, + initializeDropdowns() { + this.$create( + "drop", + this.dropdowns.filter((el) => !this.getDropdown(el)), + { + ...this.$props, + flip: this.flip && !this.$props.dropbar, + shift: true, + pos: `bottom-${this.align}`, + boundaryX: 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(); + } + } + function preventInitialPointerEnter(el) { + const off = () => handlers.forEach((handler) => handler()); + const handlers = [ + once(el.ownerDocument, pointerMove$1, (e) => el.contains(e.target) || off()), + on(el, `mouseenter ${pointerEnter}`, (e) => e.stopPropagation(), { capture: true }), + on(el, `mouseleave ${pointerLeave}`, off, { capture: true }) + ]; + } + + var formCustom = { + mixins: [Class], + args: "target", + props: { + target: Boolean + }, + data: { + target: false + }, + computed: { + input: (_, $el) => $(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: ({ $el }) => $el.closest("form"), + handler() { + this.$emit(); + } + } + ] + }; + + var grid = { + extends: Margin, + mixins: [Class], + name: "grid", + props: { + masonry: Boolean, + parallax: String, + parallaxStart: String, + parallaxEnd: String, + parallaxJustify: Boolean + }, + data: { + margin: "uk-grid-margin", + clsStack: "uk-grid-stack", + masonry: false, + parallax: 0, + parallaxStart: 0, + parallaxEnd: 0, + parallaxJustify: false + }, + connected() { + this.masonry && addClass(this.$el, "uk-flex-top", "uk-flex-wrap-top"); + }, + observe: scroll$1({ filter: ({ parallax, parallaxJustify }) => parallax || parallaxJustify }), + update: [ + { + write({ rows }) { + toggleClass(this.$el, this.clsStack, !rows.some((row) => row.length > 1)); + }, + events: ["resize"] + }, + { + read(data) { + const { rows } = data; + let { masonry, parallax, parallaxJustify, margin } = this; + parallax = Math.max(0, toPx(parallax)); + if (!(masonry || parallax || parallaxJustify) || positionedAbsolute(rows) || rows[0].some( + (el, i) => rows.some((row) => row[i] && row[i].offsetWidth !== el.offsetWidth) + )) { + return data.translates = data.scrollColumns = false; + } + let gutter = getGutter(rows, margin); + let columns; + let translates; + if (masonry) { + [columns, translates] = applyMasonry(rows, gutter, masonry === "next"); + } else { + columns = transpose(rows); + } + const columnHeights = columns.map( + (column) => sumBy(column, "offsetHeight") + gutter * (column.length - 1) + ); + const height = Math.max(0, ...columnHeights); + let scrollColumns; + let parallaxStart; + let parallaxEnd; + if (parallax || parallaxJustify) { + scrollColumns = columnHeights.map( + (hgt, i) => parallaxJustify ? height - hgt + parallax : parallax / (i % 2 || 8) + ); + if (!parallaxJustify) { + parallax = Math.max( + ...columnHeights.map((hgt, i) => hgt + scrollColumns[i] - height) + ); + } + parallaxStart = toPx(this.parallaxStart, "height", this.$el, true); + parallaxEnd = toPx(this.parallaxEnd, "height", this.$el, true); + } + return { + columns, + translates, + scrollColumns, + parallaxStart, + parallaxEnd, + padding: parallax, + height: translates ? height : "" + }; + }, + write({ height, padding }) { + css(this.$el, "paddingBottom", padding || ""); + height !== false && css(this.$el, "height", height); + }, + events: ["resize"] + }, + { + read({ rows, scrollColumns, parallaxStart, parallaxEnd }) { + return { + scrolled: scrollColumns && !positionedAbsolute(rows) ? scrolledOver(this.$el, parallaxStart, parallaxEnd) : false + }; + }, + write({ columns, scrolled, scrollColumns, translates }) { + if (!scrolled && !translates) { + return; + } + columns.forEach( + (column, i) => column.forEach((el, j) => { + let [x, y] = translates && translates[i][j] || [0, 0]; + if (scrolled) { + y += scrolled * scrollColumns[i]; + } + css(el, "transform", `translate(${x}px, ${y}px)`); + }) + ); + }, + events: ["scroll", "resize"] + } + ] + }; + function positionedAbsolute(rows) { + return rows.flat().some((el) => css(el, "position") === "absolute"); + } + function applyMasonry(rows, gutter, next) { + const columns = []; + const translates = []; + const columnHeights = Array(rows[0].length).fill(0); + let rowHeights = 0; + for (let row of rows) { + if (isRtl) { + row.reverse(); + } + let height = 0; + for (const j in row) { + const { offsetWidth, offsetHeight } = row[j]; + const index = next ? j : columnHeights.indexOf(Math.min(...columnHeights)); + push(columns, index, row[j]); + push(translates, index, [ + (index - j) * offsetWidth * (isRtl ? -1 : 1), + columnHeights[index] - rowHeights + ]); + columnHeights[index] += offsetHeight + gutter; + height = Math.max(height, offsetHeight); + } + rowHeights += height + gutter; + } + return [columns, translates]; + } + function getGutter(rows, cls) { + const node = rows.flat().find((el) => hasClass(el, cls)); + return toFloat(node ? css(node, "marginTop") : css(rows[0][0], "paddingLeft")); + } + function transpose(rows) { + const columns = []; + for (const row of rows) { + for (const i in row) { + push(columns, i, row[i]); + } + } + return columns; + } + function push(array, index, value) { + if (!array[index]) { + array[index] = []; + } + array[index].push(value); + } + + var heightMatch = { + args: "target", + props: { + target: String, + row: Boolean + }, + data: { + target: "> *", + row: true + }, + computed: { + elements: ({ target }, $el) => $$(target, $el) + }, + observe: resize({ + target: ({ $el, elements }) => elements.reduce((elements2, el) => elements2.concat(el, ...el.children), [$el]) + }), + events: { + // Hidden elements may change height when fonts load + name: "loadingdone", + el: () => document.fonts, + handler() { + this.$emit("resize"); + } + }, + 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 heightPlaceholder = { + args: "target", + props: { + target: String + }, + data: { + target: "" + }, + computed: { + target: { + get: ({ target }, $el) => query(target, $el), + observe: ({ target }) => target + } + }, + observe: resize({ target: ({ target }) => target }), + update: { + read() { + return this.target ? { height: this.target.offsetHeight } : false; + }, + write({ height }) { + css(this.$el, "minHeight", height); + }, + events: ["resize"] + } + }; + + var heightViewport = { + props: { + expand: Boolean, + offsetTop: Boolean, + offsetBottom: Boolean, + min: Number, + property: String + }, + data: { + expand: false, + offsetTop: false, + offsetBottom: false, + min: 0, + property: "min-height" + }, + // 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 offsetTopEl = this.offsetTop === true ? this.$el : query(this.offsetTop, this.$el); + const { top } = offset(offsetTopEl); + minHeight += top > 0 && top < viewportHeight / 2 ? ` - ${top}px` : ""; + } else { + minHeight += ` - ${boxModelAdjust(scrollElement, "height", css(scrollElement, "boxSizing"))}px`; + } + } + 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, this.property, `max(${this.min || 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 searchMedium = ""; + + 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)); + } + function parseSVG(svg, icon) { + if (icon && includes(svg, "/g; + const parseSymbols = memoize(function(svg) { + const symbols = {}; + let match; + while (match = symbolRe.exec(svg)) { + symbols[match[3]] = ``; + } + return symbols; + }); + + 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-medium": searchMedium, + "search-large": searchLarge, + "search-toggle-icon": searchIcon, + "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"); + }, + async connected() { + const svg = await this.svg; + if (svg) { + svg.ariaHidden = true; + } + }, + 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 = this.$el.closest(".uk-nav-primary") ? `${icon}-large` : icon; + } + }; + const Search = { + extends: IconComponent, + mixins: [I18n], + i18n: { toggle: "Open Search", submit: "Submit Search" }, + beforeConnect() { + const isToggle = hasClass(this.$el, "uk-search-toggle") || hasClass(this.$el, "uk-navbar-toggle"); + this.icon = isToggle ? "search-toggle-icon" : hasClass(this.$el, "uk-search-icon") && this.$el.closest(".uk-search-large") ? "search-large" : this.$el.closest(".uk-search-medium") ? "search-medium" : this.$props.icon; + if (hasAttr(this.$el, "aria-label")) { + return; + } + if (isToggle) { + this.$el.ariaLabel = this.t("toggle"); + } else { + const button = this.$el.closest("a,button"); + if (button) { + button.ariaLabel = this.t("submit"); + } + } + } + }; + const Spinner = { + extends: IconComponent, + beforeConnect() { + 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 = this.$el.closest("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" }, + beforeConnect() { + const button = this.$el.closest("a,button"); + if (button) { + button.ariaExpanded = false; + } + } + }; + 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(); + }) + ); + } + }; + } + const aliases = { twitter: "x" }; + function getIcon(icon) { + icon = aliases[icon] || icon; + if (!icons[icon]) { + return null; + } + if (!parsed[icon]) { + parsed[icon] = parseSVG(icons[applyRtl(icon)] || icons[icon]); + } + return parsed[icon].cloneNode(true); + } + function applyRtl(icon) { + return isRtl ? swap(swap(icon, "left", "right"), "previous", "next") : icon; + } + + var inverse = { + props: { + target: String, + selActive: String + }, + data: { + target: false, + selActive: false + }, + connected() { + this.isIntersecting = 0; + }, + computed: { + target: ({ target }, $el) => target ? $$(target, $el) : $el + }, + watch: { + target: { + handler() { + queueMicrotask(() => this.$reset()); + }, + immediate: false + } + }, + observe: [ + intersection({ + handler(entries) { + this.isIntersecting = entries.reduce( + (sum, { isIntersecting }) => sum + (isIntersecting ? 1 : this.isIntersecting ? -1 : 0), + this.isIntersecting + ); + this.$emit(); + }, + target: ({ target }) => target, + args: { intersecting: false } + }), + mutation({ + target: ({ target }) => target, + options: { attributes: true, attributeFilter: ["class"] } + }), + { + target: ({ target }) => target, + observe: (target, handler) => { + const observer = observeResize( + [...toNodes(target), document.documentElement], + handler + ); + const listener = [ + on(document, "scroll itemshown itemhidden", handler, { + passive: true, + capture: true + }), + on(document, "show hide transitionstart", (e) => { + handler(); + return observer.observe(e.target); + }), + on(document, "shown hidden transitionend transitioncancel", (e) => { + handler(); + return observer.unobserve(e.target); + }) + ]; + return { + observe: observer.observe.bind(observer), + unobserve: observer.unobserve.bind(observer), + disconnect() { + observer.disconnect(); + listener.map((off) => off()); + } + }; + }, + handler() { + this.$emit(); + } + } + ], + update: { + read() { + if (!this.isIntersecting) { + return false; + } + for (const target of toNodes(this.target)) { + let color = !this.selActive || matches(target, this.selActive) ? findTargetColor(target) : ""; + if (color !== false) { + replaceClass(target, "uk-light uk-dark", color); + } + } + } + } + }; + function findTargetColor(target) { + const dim = dimensions$1(target); + const viewport = dimensions$1(window); + if (!intersectRect(dim, viewport)) { + return false; + } + const { left, top, height, width } = dim; + let last; + for (const percent of [0.25, 0.5, 0.75]) { + const elements = target.ownerDocument.elementsFromPoint( + Math.max(0, Math.min(left + width * percent, viewport.width - 1)), + Math.max(0, Math.min(top + height / 2, viewport.height - 1)) + ); + for (const element of elements) { + if (target.contains(element) || !checkVisibility(element) || element.closest('[class*="-leave"]') && elements.some((el) => element !== el && matches(el, '[class*="-enter"]'))) { + continue; + } + const color = css(element, "--uk-inverse"); + if (color) { + if (color === last) { + return `uk-${color}`; + } + last = color; + break; + } + } + } + return last ? `uk-${last}` : ""; + } + function checkVisibility(element) { + if (css(element, "visibility") !== "visible") { + return false; + } + while (element) { + if (css(element, "opacity") === "0") { + return false; + } + element = parent(element); + } + return true; + } + + var leader = { + mixins: [Class, Media], + props: { + fill: String + }, + data: { + fill: "", + clsWrapper: "uk-leader-fill", + clsHide: "uk-leader-hide", + attrFill: "data-fill" + }, + computed: { + fill: ({ fill }, $el) => fill || css($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: '[class*="uk-modal-close"]' + }, + events: [ + { + name: "fullscreenchange webkitendfullscreen", + capture: true, + handler(e) { + if (isTag(e.target, "video") && this.isToggled() && !document.fullscreenElement) { + this.hide(); + } + } + }, + { + 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); + input.value = value || ""; + 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" + } + }; + + const clsNavbarTransparent = "uk-navbar-transparent"; + var navbar = { + extends: Dropnav, + props: { + dropbarTransparentMode: Boolean + }, + data: { + flip: false, + delayShow: 200, + 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+ + dropbarTransparentMode: false + }, + computed: { + navbarContainer: (_, $el) => $el.closest(".uk-navbar-container") + }, + watch: { + items() { + const justify = hasClass(this.$el, "uk-navbar-justify"); + const containers = $$(".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right", this.$el); + for (const container of containers) { + const items = justify ? $$(".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle", container).length : ""; + css(container, "flexGrow", items); + } + } + }, + events: [ + { + name: "show", + el: ({ dropContainer }) => dropContainer, + handler({ target }) { + if (this.getTransparentMode(target) === "remove" && hasClass(this.navbarContainer, clsNavbarTransparent)) { + removeClass(this.navbarContainer, clsNavbarTransparent); + this._transparent = true; + } + } + }, + { + name: "hide", + el: ({ dropContainer }) => dropContainer, + async handler() { + await awaitTimeout(); + if (this._transparent && (!active || !this.dropContainer.contains(active.$el))) { + addClass(this.navbarContainer, clsNavbarTransparent); + this._transparent = null; + } + } + } + ], + methods: { + getTransparentMode(el) { + if (!this.navbarContainer) { + return; + } + if (this.dropbar && this.isDropbarDrop(el)) { + return this.dropbarTransparentMode; + } + const drop = this.getDropdown(el); + if (drop && hasClass(el, "uk-dropbar")) { + return drop.inset ? "behind" : "remove"; + } + }, + getDropbarOffset(offsetTop) { + const { top, height } = offset(this.navbarContainer); + return top + (this.dropbarTransparentMode === "behind" ? 0 : height + offsetTop); + } + } + }; + + 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 }) => flip ? clsFlip : "", + clsOverlay: ({ overlay, clsOverlay }) => overlay ? clsOverlay : "", + clsMode: ({ mode, clsMode }) => `${clsMode}-${mode}`, + clsSidebarAnimation: ({ mode, clsSidebarAnimation }) => mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation, + clsContainerAnimation: ({ mode, clsContainerAnimation }) => 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: ({ overlay }) => overlay, + handler(e) { + e.cancelable && e.preventDefault(); + } + }, + { + name: "show", + self: true, + handler() { + if (this.mode === "reveal" && !hasClass(parent(this.panel), this.clsMode)) { + addClass(wrapAll(this.panel, "
        "), this.clsMode); + } + const { body, scrollingElement } = document; + addClass(body, this.clsContainer, this.clsFlip); + css(body, "touchAction", "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, "touchAction", ""); + } + }, + { + name: "hidden", + self: true, + handler() { + this.clsContainerAnimation && resumeUserScale(); + if (this.mode === "reveal" && hasClass(parent(this.panel), this.clsMode)) { + 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) => $el.closest(selContainer), + content: ({ selContent }, $el) => $el.closest(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 overflowFade = { + data: { + fadeDuration: 0.05 + }, + events: { + name: "scroll", + self: true, + passive: true, + handler() { + this.$emit(); + } + }, + observe: [ + mutation({ + options: { + subtree: true, + childList: true + } + }), + resize({ + target: ({ $el }) => [$el, ...children($el)] + }) + ], + update: { + read() { + const overflow = []; + for (const prop of ["Width", "Height"]) { + overflow.push(this.$el[`scroll${prop}`] - this.$el[`client${prop}`]); + } + return { overflow }; + }, + write({ overflow }) { + for (let i = 0; i < 2; i++) { + toggleClass( + this.$el, + `${this.$options.id}-${i ? "vertical" : "horizontal"}`, + overflow[i] && !overflow[i - 1] + ); + if (!overflow[i - 1]) { + const dir = i ? "Top" : "Left"; + const percent = overflow[i] ? this.$el[`scroll${dir}`] / overflow[i] : 0; + const toValue = (value) => overflow[i] ? clamp((this.fadeDuration - value) / this.fadeDuration) : 1; + css(this.$el, { + "--uk-overflow-fade-start-opacity": toValue(percent), + "--uk-overflow-fade-end-opacity": toValue(1 - percent) + }); + } + } + }, + events: ["resize"] + } + }; + + var responsive = { + props: ["width", "height"], + connected() { + addClass(this.$el, "uk-responsive-width"); + css(this.$el, "aspectRatio", `${this.width}/${this.height}`); + } + }; + + 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 (instance.$el.contains(e.target) && isSameSiteAnchor(instance.$el)) { + e.preventDefault(); + if (window.location.href !== instance.$el.href) { + window.history.pushState({}, "", instance.$el.href); + } + instance.scrollTo(getTargetedElement(instance.$el)); + } + } + } + + const clsInView = "uk-scrollspy-inview"; + 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 + }), + computed: { + elements: ({ target }, $el) => target ? $$(target, $el) : [$el] + }, + watch: { + elements(elements) { + if (this.hidden) { + css(filter$1(elements, `:not(.${clsInView})`), "opacity", 0); + } + } + }, + connected() { + this.elementData = /* @__PURE__ */ new Map(); + }, + disconnected() { + for (const [el, state] of this.elementData.entries()) { + removeClass(el, clsInView, 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: ({ margin }) => ({ rootMargin: 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(async () => { + await awaitTimeout(state.show ? this.delay : 0); + 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, _b; + const state = (_a = this.elementData) == null ? void 0 : _a.get(el); + if (!state) { + return; + } + (_b = state.off) == null ? void 0 : _b.call(state); + css(el, "opacity", !inview && this.hidden ? 0 : ""); + toggleClass(el, clsInView, inview); + toggleClass(el, state.cls); + let match; + if (match = state.cls.match(/\buk-animation-[\w-]+/g)) { + const removeAnimationClasses = () => removeClass(el, match); + if (inview) { + state.off = once(el, "animationcancel animationend", removeAnimationClasses, { + self: true + }); + } else { + removeAnimationClasses(); + } + } + trigger(el, inview ? "inview" : "outview"); + state.inview = inview; + } + } + }; + + var scrollspyNav = { + props: { + cls: String, + closest: Boolean, + scroll: Boolean, + target: String, + offset: Number + }, + data: { + cls: "uk-active", + closest: false, + scroll: false, + target: 'a[href]:not([role="button"])', + offset: 0 + }, + computed: { + links: { + get({ target }, $el) { + return $$(target, $el).filter(getTargetedElement); + }, + observe: () => "*" + }, + targets() { + return this.links.map((el) => getTargetedElement(el)); + }, + elements({ closest }) { + return this.links.map((el) => el.closest(closest || "*")); + } + }, + watch: { + links(links) { + if (this.scroll) { + this.$create("scroll", links, { offset: this.offset }); + } + } + }, + observe: [intersection(), scroll$1()], + update: [ + { + read() { + const { targets } = this; + 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 { + const offsetBy = this.offset + dimensions$1(getCoveringElement()).height + viewport.height * 0.1; + for (let i = 0; i < targets.length; i++) { + if (offset(targets[i]).top - viewport.top - offsetBy > 0) { + break; + } + active = +i; + } + } + return { active }; + }, + write({ active }) { + const { elements } = this; + const changed = active !== false && !hasClass(elements[active], this.cls); + this.links.forEach((el) => el.blur()); + for (let i = 0; i < elements.length; i++) { + toggleClass(elements[i], this.cls, +i === active); + } + if (changed) { + trigger(this.$el, "active", [active, elements[active]]); + } + }, + events: ["scroll", "resize"] + } + ] + }; + + var sticky = { + mixins: [Class, Media], + props: { + position: String, + top: null, + bottom: null, + start: null, + end: null, + offset: String, + offsetEnd: 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, + offsetEnd: 0, + overflowFlip: false, + animation: "", + clsActive: "uk-active", + clsInactive: "", + clsFixed: "uk-sticky-fixed", + clsBelow: "uk-sticky-below", + selTarget: "", + showOnUp: false, + targetOffset: false + }, + computed: { + target: ({ selTarget }, $el) => 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.target, this.clsInactive); + } + reset(this.$el); + remove$1(this.placeholder); + this.placeholder = null; + }, + observe: [ + viewport(), + scroll$1({ target: () => document.scrollingElement }), + resize({ + target: ({ $el }) => [$el, getVisibleParent($el), document.scrollingElement], + handler(entries) { + this.$emit( + this._data.resized && entries.some(({ target }) => target === getVisibleParent(this.$el)) ? "update" : "resize" + ); + this._data.resized = true; + } + }) + ], + events: [ + { + name: "load hashchange popstate", + el: () => window, + filter: ({ targetOffset }) => targetOffset !== false, + async handler() { + const { scrollingElement } = document; + if (!location.hash || scrollingElement.scrollTop === 0) { + return; + } + await awaitTimeout(); + const targetOffset = offset($(location.hash)); + const elOffset = offset(this.$el); + if (this.isFixed && intersectRect(targetOffset, elOffset)) { + scrollingElement.scrollTop = Math.ceil( + targetOffset.top - elOffset.height - toPx(this.targetOffset, "height", this.placeholder) - toPx(this.offset, "height", this.placeholder) + ); + } + } + } + ], + update: [ + { + read({ height: height$1, width, margin, sticky }, types) { + this.inactive = !this.matchMedia || !isVisible(this.$el) || !this.$el.offsetHeight; + if (this.inactive) { + return; + } + const dynamicViewport = height(window); + const maxScrollHeight = Math.max( + 0, + document.scrollingElement.scrollHeight - dynamicViewport + ); + if (!maxScrollHeight) { + this.inactive = true; + return; + } + const hide = this.isFixed && types.has("update"); + if (hide) { + preventTransition(this.target); + this.hide(); + } + if (!this.active) { + ({ height: height$1, width } = dimensions$1(this.$el)); + margin = css(this.$el, "margin"); + } + if (hide) { + this.show(); + } + const viewport2 = toPx("100vh", "height"); + 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, offsetEnd] = [this.offset, this.offsetEnd].map( + (value) => toPx(value, "height", sticky ? this.$el : referenceElement) + ); + if (position === "bottom" && (height$1 < dynamicViewport || this.overflowFlip)) { + offset$1 += dynamicViewport - height$1; + } + const elementBox = height$1 + offset$1 + offsetEnd; + const overflow = this.overflowFlip ? 0 : Math.max(0, elementBox - viewport2); + const topOffset = offset(referenceElement).top - // offset possible `transform: translateY` animation 'uk-animation-slide-top' while hiding + new DOMMatrix(css(referenceElement, "transform")).m42; + const elHeight = dimensions$1(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 = !this.showOnUp && start + offset$1 === topOffset && end === Math.min( + maxScrollHeight, + parseProp(true, this.$el, 0, true) - elHeight - offset$1 + overflow + ) && css(getVisibleParent(this.$el), "overflowY") !== "hidden"; + return { + start, + end, + offset: offset$1, + overflow, + height: height$1, + elHeight, + width, + margin, + top: offsetPosition(referenceElement)[0], + sticky, + viewport: viewport2, + maxScrollHeight + }; + }, + 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 (parent(placeholder) !== parent(this.$el) || sticky ^ index(placeholder) < index(this.$el)) { + (sticky ? before : after)(this.$el, placeholder); + placeholder.hidden = true; + } + }, + events: ["resize"] + }, + { + read({ + scroll: prevScroll = 0, + dir: prevDir = "down", + overflow, + overflowScroll = 0, + start, + end, + elHeight, + height, + sticky, + maxScrollHeight + }) { + const scroll2 = Math.min(document.scrollingElement.scrollTop, maxScrollHeight); + const dir = prevScroll <= scroll2 ? "down" : "up"; + const referenceElement = this.isFixed ? this.placeholder : this.$el; + return { + dir, + prevDir, + scroll: scroll2, + prevScroll, + below: scroll2 > offset(referenceElement).top + (sticky ? Math.min(height, elHeight) : height), + offsetParentTop: offset(referenceElement.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, + below + } = 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 && !below)) { + if (!this.isFixed) { + if (Animation.inProgress(this.$el) && top > scroll2) { + Animation.cancel(this.$el); + this.hide(); + } + return; + } + if (this.animation && below) { + if (hasClass(this.$el, "uk-animation-leave")) { + return; + } + Animation.out(this.$el, this.animation).then(() => this.hide(), noop); + } else { + this.hide(); + } + } else if (this.isFixed) { + this.update(); + } else if (this.animation && below) { + this.show(); + Animation.in(this.$el, this.animation).catch(noop); + } else { + preventTransition(this.target); + 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 { + reset(this.$el); + } + this.placeholder.hidden = true; + this.isFixed = false; + }, + update() { + let { + width, + scroll: scroll2 = 0, + overflow, + overflowScroll = 0, + start, + end, + offset, + offsetParentTop, + sticky, + below + } = this._data; + const active = start !== 0 || scroll2 > start; + if (!sticky) { + let position = "fixed"; + if (scroll2 > end) { + offset += end - offsetParentTop + overflowScroll - overflow; + position = "absolute"; + } + css(this.$el, { position, width, marginTop: 0 }, "important"); + } + css(this.$el, "top", offset - overflowScroll); + this.setActive(active); + toggleClass(this.$el, this.clsBelow, below); + addClass(this.$el, this.clsFixed); + }, + setActive(active) { + const prev = this.active; + this.active = active; + if (active) { + replaceClass(this.target, this.clsInactive, this.clsActive); + prev !== active && trigger(this.$el, "active"); + } else { + replaceClass(this.target, this.clsActive, this.clsInactive); + if (prev !== active) { + preventTransition(this.target); + 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 ? getVisibleParent(el) : query(value, el); + return offset(refElement).bottom - (padding && (refElement == null ? void 0 : refElement.contains(el)) ? toFloat(css(refElement, "paddingBottom")) + toFloat(css(refElement, "borderBottomWidth")) : 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: "" }); + } + const clsTransitionDisable = "uk-transition-disable"; + async function preventTransition(element) { + if (!hasClass(element, clsTransitionDisable)) { + addClass(element, clsTransitionDisable); + await awaitFrame(); + removeClass(element, clsTransitionDisable); + } + } + function getVisibleParent(element) { + while (element = parent(element)) { + if (isVisible(element)) { + return element; + } + } + } + + 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("#", 2); + } + 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") { + await new Promise((resolve) => once(this.$el, "load", resolve)); + } + 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); + } + el.ariaHidden = this.$el.ariaHidden; + if (!this.$el.id) { + removeAttr(el, "id"); + } + } + const loadSVG = memoize(async (src) => { + if (src) { + const response = await fetch(src); + if (response.headers.get("Content-Type") === "image/svg+xml") { + return response.text(); + } + } + return Promise.reject(); + }); + 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: { + get: ({ connect }, $el) => queryAll(connect, $el), + observe: ({ connect }) => connect + }, + connectChildren() { + return this.connects.map((el) => children(el)).flat(); + }, + toggles: ({ toggle }, $el) => $$(toggle, $el), + children(_, $el) { + return children($el).filter( + (child) => this.toggles.some((toggle) => child.contains(toggle)) + ); + } + }, + 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() { + this.$el.role = "tablist"; + }, + observe: [ + lazyload({ targets: ({ connectChildren }) => connectChildren }), + swipe({ target: ({ connects }) => connects, filter: ({ swiping }) => swiping }) + ], + events: [ + { + name: "click keydown", + delegate: ({ toggle }) => toggle, + handler(e) { + if (!matches(e.current, selDisabled) && (e.type === "click" || e.keyCode === keyMap.SPACE)) { + maybeDefaultPreventClick(e); + this.show(e.current); + } + } + }, + { + name: "keydown", + delegate: ({ toggle }) => 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: ({ $el, connects, itemNav }) => connects.concat(itemNav ? queryAll(itemNav, $el) : []), + delegate: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`, + handler(e) { + if (e.target.closest("a,button")) { + maybeDefaultPreventClick(e); + this.show(data(e.current, this.attrItem)); + } + } + }, + { + name: "swipeRight swipeLeft", + filter: ({ swiping }) => swiping, + el: ({ connects }) => connects, + handler({ type }) { + this.show(endsWith(type, "Left") ? "next" : "previous"); + } + } + ], + update() { + var _a; + for (const el of this.connects) { + if (isTag(el, "ul")) { + el.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]; + toggle.role = "tab"; + if (!item) { + continue; + } + toggle.id = generateId(this, toggle); + item.id = generateId(this, item); + toggle.ariaControls = 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) + ); + if (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_ENTER = 13; + 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: { + get: ({ target }, $el) => { + target = queryAll(target || $el.hash, $el); + return target.length ? target : [$el]; + }, + observe: ({ target }) => target + } + }, + connected() { + if (!includes(this.mode, "media")) { + if (!isFocusable(this.$el)) { + this.$el.tabIndex = 0; + } + if (!this.cls && isTag(this.$el, "a")) { + this.$el.role = "button"; + } + } + }, + observe: lazyload({ targets: ({ target }) => target }), + events: [ + { + name: pointerDown$1, + filter: ({ mode }) => includes(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) => !this.$el.contains(e2.target) + ); + if (includes(this.mode, "click")) { + this._preventClick = true; + } + } + }, + { + name: `${pointerEnter} ${pointerLeave} focus blur`, + filter: ({ mode }) => includes(mode, "hover"), + handler(e) { + if (isTouch(e) || this.$el.disabled || document.readyState === "loading") { + return; + } + const show = includes([pointerEnter, "focus"], e.type); + const expanded = this.isToggled(this.target); + if (!show && (!isBoolean(this._showState) || e.type === pointerLeave && 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: ({ $el, mode }) => includes(mode, "click") && !isTag($el, "input"), + handler(e) { + if (e.keyCode === KEY_SPACE || e.keyCode === KEY_ENTER) { + e.preventDefault(); + this.$el.click(); + } + } + }, + { + name: "click", + filter: ({ mode }) => ["click", "hover"].some((m) => includes(mode, m)), + handler(e) { + if (e.defaultPrevented) { + return; + } + const link = e.target.closest("a[href]"); + const isButtonLike = isSameSiteAnchor(link) && (!link.hash || matches(this.target, link.hash)); + if (this._preventClick || isButtonLike || link && !this.isToggled(this.target)) { + e.preventDefault(); + } + if (!this._preventClick && includes(this.mode, "click") && (!link || isButtonLike || e.defaultPrevented)) { + this.toggle(); + } + } + }, + { + name: "mediachange", + filter: ({ mode }) => includes(mode, "media"), + el: ({ target }) => 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")) { + this.$el.ariaExpanded = !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, + HeightPlaceholder: heightPlaceholder, + HeightViewport: heightViewport, + Icon: Icon, + Img: img, + Inverse: inverse, + Leader: leader, + Margin: Margin, + Marker: Marker, + Modal: modal, + Nav: nav, + NavParentIcon: NavParentIcon, + Navbar: navbar, + NavbarParentIcon: IconComponent, + NavbarToggleIcon: NavbarToggleIcon, + Offcanvas: offcanvas, + OverflowAuto: overflowAuto, + OverflowFade: overflowFade, + 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/js/uikit.min.js b/static/js/uikit.min.js new file mode 100644 index 0000000..effc10c --- /dev/null +++ b/static/js/uikit.min.js @@ -0,0 +1 @@ +/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(Ie,Ee){typeof exports=="object"&&typeof module<"u"?module.exports=Ee():typeof define=="function"&&define.amd?define("uikit",Ee):(Ie=typeof globalThis<"u"?globalThis:Ie||self,Ie.UIkit=Ee())})(this,(function(){"use strict";const{hasOwnProperty:Ie,toString:Ee}=Object.prototype;function vt(t,e){return Ie.call(t,e)}const hr=/\B([A-Z])/g,Ht=ut(t=>t.replace(hr,"-$1").toLowerCase()),ur=/-(\w)/g,Ce=ut(t=>(t.charAt(0).toLowerCase()+t.slice(1)).replace(ur,(e,i)=>i.toUpperCase())),Lt=ut(t=>t.charAt(0).toUpperCase()+t.slice(1));function yt(t,e){var i;return(i=t==null?void 0:t.startsWith)==null?void 0:i.call(t,e)}function oe(t,e){var i;return(i=t==null?void 0:t.endsWith)==null?void 0:i.call(t,e)}function v(t,e){var i;return(i=t==null?void 0:t.includes)==null?void 0:i.call(t,e)}function kt(t,e){var i;return(i=t==null?void 0:t.findIndex)==null?void 0:i.call(t,e)}const{isArray:Q,from:re}=Array,{assign:pt}=Object;function rt(t){return typeof t=="function"}function _t(t){return t!==null&&typeof t=="object"}function Te(t){return Ee.call(t)==="[object Object]"}function ai(t){return _t(t)&&t===t.window}function Pe(t){return Ui(t)===9}function _e(t){return Ui(t)>=1}function ae(t){return Ui(t)===1}function Ui(t){return!ai(t)&&_t(t)&&t.nodeType}function le(t){return typeof t=="boolean"}function L(t){return typeof t=="string"}function Ae(t){return typeof t=="number"}function bt(t){return Ae(t)||L(t)&&!isNaN(t-parseFloat(t))}function li(t){return!(Q(t)?t.length:_t(t)&&Object.keys(t).length)}function K(t){return t===void 0}function Vi(t){return le(t)?t:t==="true"||t==="1"||t===""?!0:t==="false"||t==="0"?!1:t}function St(t){const e=Number(t);return isNaN(e)?!1:e}function I(t){return parseFloat(t)||0}function R(t){return t&&C(t)[0]}function C(t){return _e(t)?[t]:Array.from(t||[]).filter(_e)}function Wt(t){if(ai(t))return t;t=R(t);const e=Pe(t)?t:t==null?void 0:t.ownerDocument;return(e==null?void 0:e.defaultView)||window}function Oe(t,e){return t===e||_t(t)&&_t(e)&&Object.keys(t).length===Object.keys(e).length&&ce(t,(i,s)=>i===e[s])}function Gi(t,e,i){return t.replace(new RegExp(`${e}|${i}`,"g"),s=>s===e?i:e)}function jt(t){return t[t.length-1]}function ce(t,e){for(const i in t)if(e(t[i],i)===!1)return!1;return!0}function Ys(t,e){return t.slice().sort(({[e]:i=0},{[e]:s=0})=>i>s?1:s>i?-1:0)}function qt(t,e){return t.reduce((i,s)=>i+I(rt(e)?e(s):s[e]),0)}function Xs(t,e){const i=new Set;return t.filter(({[e]:s})=>i.has(s)?!1:i.add(s))}function ci(t,e){return e.reduce((i,s)=>({...i,[s]:t[s]}),{})}function U(t,e=0,i=1){return Math.min(Math.max(St(t)||0,e),i)}function A(){}function hi(...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 ui(t,e){return t.x<=e.right&&t.x>=e.left&&t.y<=e.bottom&&t.y>=e.top}function Yi(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 Js(t,e){t={...t};for(const i in t)t=t[i]>e[i]?Yi(t,i,e[i]):t;return t}function dr(t,e){t=Js(t,e);for(const i in t)t=t[i]e[i]||(e[i]=t(i,...s))}function E(t,...e){for(const i of C(t)){const s=Rt(e).filter(n=>!$(i,n));s.length&&i.classList.add(...s)}}function _(t,...e){for(const i of C(t)){const s=Rt(e).filter(n=>$(i,n));s.length&&i.classList.remove(...s)}}function di(t,e,i){i=Rt(i),e=Rt(e).filter(s=>!v(i,s)),_(t,e),E(t,i)}function $(t,e){return[e]=Rt(e),C(t).some(i=>i.classList.contains(e))}function F(t,e,i){const s=Rt(e);K(i)||(i=!!i);for(const n of C(t))for(const o of s)n.classList.toggle(o,i)}function Rt(t){return t?Q(t)?t.map(Rt).flat():String(t).split(" ").filter(Boolean):[]}function k(t,e,i){var s;if(_t(e)){for(const n in e)k(t,n,e[n]);return}if(K(i))return(s=R(t))==null?void 0:s.getAttribute(e);for(const n of C(t))rt(i)&&(i=i.call(n,k(n,e))),i===null?Me(n,e):n.setAttribute(e,i)}function It(t,e){return C(t).some(i=>i.hasAttribute(e))}function Me(t,e){C(t).forEach(i=>i.removeAttribute(e))}function tt(t,e){for(const i of[e,`data-${e}`])if(It(t,i))return k(t,i)}const Ut=typeof window<"u",V=Ut&&document.dir==="rtl",he=Ut&&"ontouchstart"in window,ue=Ut&&window.PointerEvent,dt=ue?"pointerdown":he?"touchstart":"mousedown",De=ue?"pointermove":he?"touchmove":"mousemove",At=ue?"pointerup":he?"touchend":"mouseup",Ot=ue?"pointerenter":he?"":"mouseenter",Mt=ue?"pointerleave":he?"":"mouseleave",fi=ue?"pointercancel":"touchcancel",fr={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 Ji(t){return C(t).some(e=>fr[e.tagName.toLowerCase()])}const pr=Ut&&Element.prototype.checkVisibility||function(){return this.offsetWidth||this.offsetHeight||this.getClientRects().length};function W(t){return C(t).some(e=>pr.call(e))}const Be="input,select,textarea,button";function pi(t){return C(t).some(e=>P(e,Be))}const de=`${Be},a[href],[tabindex]`;function Ne(t){return P(t,de)}function O(t){var e;return(e=R(t))==null?void 0:e.parentElement}function ze(t,e){return C(t).filter(i=>P(i,e))}function P(t,e){return C(t).some(i=>i.matches(e))}function fe(t,e){const i=[];for(;t=O(t);)(!e||P(t,e))&&i.push(t);return i}function N(t,e){t=R(t);const i=t?re(t.children):[];return e?ze(i,e):i}function Et(t,e){return e?C(t).indexOf(R(e)):N(O(t)).indexOf(t)}function pe(t){return t=R(t),t&&["origin","pathname","search"].every(e=>t[e]===location[e])}function gi(t){if(pe(t)){const{hash:e,ownerDocument:i}=R(t),s=decodeURIComponent(e).slice(1);return s?i.getElementById(s)||i.getElementsByName(s)[0]:i.documentElement}}function Z(t,e){return Ki(t,Ks(t,e))}function Fe(t,e){return He(t,Ks(t,e))}function Ki(t,e){return R(tn(t,R(e),"querySelector"))}function He(t,e){return C(tn(t,R(e),"querySelectorAll"))}function Ks(t,e=document){return Pe(e)||Zs(t).isContextSelector?e:e.ownerDocument}const gr=/([!>+~-])(?=\s+[!>+~-]|\s*$)/g,mr=/(\([^)]*\)|[^,])+/g,Zs=ut(t=>{let e=!1;if(!t||!L(t))return{};const i=[];for(let s of t.match(mr))s=s.trim().replace(gr,"$1 *"),e||(e=["!","+","~","-",">"].includes(s[0])),i.push(s);return{selector:i.join(","),selectors:i,isContextSelector:e}}),vr=/(\([^)]*\)|\S)*/,Qs=ut(t=>{t=t.slice(1).trim();const[e]=t.match(vr);return[e,t.slice(e.length+1)]});function tn(t,e=document,i){var s;const n=Zs(t);if(!n.isContextSelector)return n.selector?Zi(e,i,n.selector):t;t="";const o=n.selectors.length===1;for(let r of n.selectors){let a,l=e;if(r[0]==="!"&&([a,r]=Qs(r),l=(s=e.parentElement)==null?void 0:s.closest(a),!r&&o)||l&&r[0]==="-"&&([a,r]=Qs(r),l=l.previousElementSibling,l=P(l,a)?l:null,!r&&o))return l;if(l){if(o)return r[0]==="~"||r[0]==="+"?(r=`:scope > :nth-child(${Et(l)+1}) ${r}`,l=l.parentElement):r[0]===">"&&(r=`:scope ${r}`),Zi(l,i,r);t+=`${t?",":""}${br(l)} ${r}`}}return Pe(e)||(e=e.ownerDocument),Zi(e,i,t)}function Zi(t,e,i){try{return t[e](i)}catch{return null}}function br(t){const e=[];for(;t.parentNode;){const i=k(t,"id");if(i){e.unshift(`#${Qi(i)}`);break}else{let{tagName:s}=t;s!=="HTML"&&(s+=`:nth-child(${Et(t)+1})`),e.unshift(s),t=t.parentNode}}return e.join(" > ")}function Qi(t){return L(t)?CSS.escape(t):""}function w(...t){let[e,i,s,n,o=!1]=ts(t);n.length>1&&(n=xr(n)),o!=null&&o.self&&(n=$r(n)),s&&(n=wr(s,n));for(const r of i)for(const a of e)a.addEventListener(r,n,o);return()=>Vt(e,i,n,o)}function Vt(...t){let[e,i,,s,n=!1]=ts(t);for(const o of i)for(const r of e)r.removeEventListener(o,s,n)}function z(...t){const[e,i,s,n,o=!1,r]=ts(t),a=w(e,i,s,l=>{const h=!r||r(l);h&&(a(),n(l,h))},o);return a}function m(t,e,i){return es(t).every(s=>s.dispatchEvent(ge(e,!0,!0,i)))}function ge(t,e=!0,i=!1,s){return L(t)&&(t=new CustomEvent(t,{bubbles:e,cancelable:i,detail:s})),t}function ts(t){return t[0]=es(t[0]),L(t[1])&&(t[1]=t[1].split(" ")),rt(t[2])&&t.splice(2,0,!1),t}function wr(t,e){return i=>{const s=t[0]===">"?He(t,i.currentTarget).reverse().find(n=>n.contains(i.target)):i.target.closest(t);s&&(i.current=s,e.call(this,i),delete i.current)}}function xr(t){return e=>Q(e.detail)?t(e,...e.detail):t(e)}function $r(t){return function(e){if(e.target===e.currentTarget||e.target===e.current)return t.call(null,e)}}function en(t){return t&&"addEventListener"in t}function yr(t){return en(t)?t:R(t)}function es(t){return Q(t)?t.map(yr).filter(Boolean):L(t)?He(t):en(t)?[t]:C(t)}function gt(t){return t.pointerType==="touch"||!!t.touches}function Ct(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 kr={"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=C(t);for(const o of n)if(L(e)){if(e=mi(e),K(i))return getComputedStyle(o).getPropertyValue(e);o.style.setProperty(e,bt(i)&&!kr[e]&&!sn(e)?`${i}px`:i||Ae(i)?i:"",s)}else if(Q(e)){const r={};for(const a of e)r[a]=c(o,a);return r}else if(_t(e))for(const r in e)c(o,r,e[r],i);return n[0]}function wt(t,e){for(const i in e)c(t,i,"")}const mi=ut(t=>{if(sn(t))return t;t=Ht(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 sn(t){return yt(t,"--")}const is="uk-transition",ss="transitionend",ns="transitioncanceled";function Sr(t,e,i=400,s="linear",n){return i=Math.round(i),Promise.all(C(t).map(o=>new Promise((r,a)=>{n||o.offsetHeight;const l=setTimeout(()=>m(o,ss),i);z(o,[ss,ns],({type:u})=>{clearTimeout(l),_(o,is),wt(o,h),u===ns?a():r(o)},{self:!0}),E(o,is);const h={transitionProperty:Object.keys(e).map(mi).join(","),transitionDuration:`${i}ms`,transitionTimingFunction:s};c(o,{...h,...e})})))}const M={start:Sr,async stop(t){m(t,ss),await Promise.resolve()},async cancel(t){m(t,ns),await Promise.resolve()},inProgress(t){return $(t,is)}},Le="uk-animation",nn="animationend",vi="animationcanceled";function on(t,e,i=200,s,n){return Promise.all(C(t).map(o=>new Promise((r,a)=>{$(o,Le)&&m(o,vi);const l=[e,Le,`${Le}-${n?"leave":"enter"}`,s&&`uk-transform-origin-${s}`,n&&`${Le}-reverse`],h=setTimeout(()=>m(o,nn),i);z(o,[nn,vi],({type:u})=>{clearTimeout(h),u===vi?a():r(o),c(o,"animationDuration",""),_(o,l)},{self:!0}),c(o,"animationDuration",`${i}ms`),E(o,l)})))}const Dt={in:on,out(t,e,i,s){return on(t,e,i,s,!0)},inProgress(t){return $(t,Le)},cancel(t){m(t,vi)}};function Ir(t){if(document.readyState!=="loading"){t();return}z(document,"DOMContentLoaded",t)}function H(t,...e){return e.some(i=>{var s;return((s=t==null?void 0:t.tagName)==null?void 0:s.toLowerCase())===i.toLowerCase()})}function rn(t){return t=x(t),t&&(t.innerHTML=""),t}function xt(t,e){return K(e)?x(t).innerHTML:j(rn(t),e)}const Er=xi("prepend"),j=xi("append"),bi=xi("before"),wi=xi("after");function xi(t){return function(e,i){var s;const n=C(L(i)?Tt(i):i);return(s=x(e))==null||s[t](...n),an(n)}}function et(t){C(t).forEach(e=>e.remove())}function We(t,e){for(e=R(bi(t,e));e.firstElementChild;)e=e.firstElementChild;return j(e,t),e}function os(t,e){return C(C(t).map(i=>i.hasChildNodes()?We(re(i.childNodes),e):j(i,e)))}function je(t){C(t).map(O).filter((e,i,s)=>s.indexOf(e)===i).forEach(e=>e.replaceWith(...e.childNodes))}const Cr=/^<(\w+)\s*\/?>(?:<\/\1>)?$/;function Tt(t){const e=Cr.exec(t);if(e)return document.createElement(e[1]);const i=document.createElement("template");return i.innerHTML=t.trim(),an(i.content.childNodes)}function an(t){return t.length>1?t:t[0]}function Bt(t,e){if(ae(t))for(e(t),t=t.firstElementChild;t;)Bt(t,e),t=t.nextElementSibling}function x(t,e){return ln(t)?R(Tt(t)):Ki(t,e)}function D(t,e){return ln(t)?C(Tt(t)):He(t,e)}function ln(t){return L(t)&&yt(t.trim(),"<")}const Gt={width:["left","right"],height:["top","bottom"]};function g(t){const e=ae(t)?R(t).getBoundingClientRect():{height:it(t),width:$i(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 T(t,e){e&&c(t,{left:0,top:0});const i=g(t);if(t){const{scrollY:s,scrollX:n}=Wt(t),o={height:s,width:n};for(const r in Gt)for(const a of Gt[r])i[a]+=o[r]}if(!e)return i;for(const s of["left","top"])c(t,s,e[s]-i[s])}function rs(t){let{top:e,left:i}=T(t);const{ownerDocument:{body:s,documentElement:n},offsetParent:o}=R(t);let r=o||n;for(;r&&(r===s||r===n)&&c(r,"position")==="static";)r=r.parentNode;if(ae(r)){const a=T(r);e-=a.top+I(c(r,"borderTopWidth")),i-=a.left+I(c(r,"borderLeftWidth"))}return{top:e-I(c(t,"marginTop")),left:i-I(c(t,"marginLeft"))}}function qe(t){t=R(t);const e=[t.offsetTop,t.offsetLeft];for(;t=t.offsetParent;)if(e[0]+=t.offsetTop+I(c(t,"borderTopWidth")),e[1]+=t.offsetLeft+I(c(t,"borderLeftWidth")),c(t,"position")==="fixed"){const i=Wt(t);return e[0]+=i.scrollY,e[1]+=i.scrollX,e}return e}const it=cn("height"),$i=cn("width");function cn(t){const e=Lt(t);return(i,s)=>{if(K(s)){if(ai(i))return i[`inner${e}`];if(Pe(i)){const n=i.documentElement;return Math.max(n[`offset${e}`],n[`scroll${e}`])}return i=R(i),s=c(i,t),s=s==="auto"?i[`offset${e}`]:I(s)||0,s-me(i,t)}else return c(i,t,!s&&s!==0?"":+s+me(i,t)+"px")}}function me(t,e,i="border-box"){return c(t,"boxSizing")===i?qt(Gt[e],s=>I(c(t,`padding-${s}`))+I(c(t,`border-${s}-width`))):0}function yi(t){for(const e in Gt)for(const i in Gt[e])if(Gt[e][i]===t)return Gt[e][1-i];return t}function X(t,e="width",i=window,s=!1){return L(t)?qt(Pr(t),n=>{const o=Ar(n);return o?Or(o==="vh"?Mr():o==="vw"?$i(Wt(i)):s?i[`offset${Lt(e)}`]:g(i)[e],n):n}):I(t)}const Tr=/-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g,Pr=ut(t=>t.toString().replace(/\s/g,"").match(Tr)||[]),_r=/(?:v[hw]|%)$/,Ar=ut(t=>(t.match(_r)||[])[0]);function Or(t,e){return t*I(e)/100}let Re,ve;function Mr(){return Re||(ve||(ve=x("
        "),c(ve,{height:"100vh",position:"fixed"}),w(window,"resize",()=>Re=null)),j(document.body,ve),Re=ve.clientHeight,et(ve),Re)}const Nt={read:Dr,write:Br,clear:Nr,flush:hn},ki=[],Si=[];function Dr(t){return ki.push(t),ls(),t}function Br(t){return Si.push(t),ls(),t}function Nr(t){dn(ki,t),dn(Si,t)}let as=!1;function hn(){un(ki),un(Si.splice(0)),as=!1,(ki.length||Si.length)&&ls()}function ls(){as||(as=!0,queueMicrotask(hn))}function un(t){let e;for(;e=t.shift();)try{e()}catch(i){console.error(i)}}function dn(t,e){const i=t.indexOf(e);return~i&&t.splice(i,1)}class fn{init(){this.positions=[];let e;this.unbind=w(document,"mousemove",i=>e=Ct(i)),this.interval=setInterval(()=>{e&&(this.positions.push(e),this.positions.length>5&&this.positions.shift())},50)}cancel(){var e;(e=this.unbind)==null||e.call(this),clearInterval(this.interval)}movesTo(e){if(!this.positions||this.positions.length<2)return!1;const i=g(e),{left:s,right:n,top:o,bottom:r}=i,[a]=this.positions,l=jt(this.positions),h=[a,l];return ui(l,i)?!1:[[{x:s,y:o},{x:n,y:r}],[{x:s,y:r},{x:n,y:o}]].some(d=>{const f=zr(h,d);return f&&ui(f,i)})}}function zr([{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 pn(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 C(t))n.observe(o);return n}const Fr=Ut&&window.ResizeObserver;function Ue(t,e,i={box:"border-box"}){if(Fr)return gn(ResizeObserver,t,e,i);const s=[w(window,"load resize",e),w(document,"loadedmetadata load",e,!0)];return{disconnect:()=>s.map(n=>n())}}function cs(t){return{disconnect:w([window,window.visualViewport],"resize",t)}}function hs(t,e,i){return gn(MutationObserver,t,e,i)}function gn(t,e,i,s){const n=new t(i);for(const o of C(e))n.observe(o,s);return n}function us(t){fs(t)&&ps(t,{func:"playVideo",method:"play"}),ds(t)&&t.play().catch(A)}function mn(t){fs(t)&&t[Ii]&&ps(t,{func:"pauseVideo",method:"pause"}),ds(t)&&t.pause()}function vn(t){fs(t)&&ps(t,{func:"mute",method:"setVolume",value:0}),ds(t)&&(t.muted=!0)}function ds(t){return H(t,"video")}function fs(t){return H(t,"iframe")&&(bn(t)||wn(t))}function bn(t){return!!t.src.match(/\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/)}function wn(t){return!!t.src.match(/vimeo\.com\/video\/.*/)}async function ps(t,e){await Lr(t),xn(t,e)}function xn(t,e){t.contentWindow.postMessage(JSON.stringify({event:"command",...e}),"*")}const Ii="_ukPlayer";let Hr=0;function Lr(t){if(t[Ii])return t[Ii];const e=bn(t),i=wn(t),s=++Hr;let n;return t[Ii]=new Promise(o=>{e&&z(t,"load",()=>{const r=()=>xn(t,{event:"listening",id:s});n=setInterval(r,100),r()}),z(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}${v(t.src,"?")?"&":"?"}${e?"enablejsapi=1":`api=1&player_id=${s}`}`}).then(()=>clearInterval(n))}function Ve(t,e=0,i=0){return W(t)?hi(...Xt(t).map(s=>{const{top:n,left:o,bottom:r,right:a}=nt(s);return{top:n-e,left:o-i,bottom:r+e,right:a+i}}).concat(T(t))):!1}function $n(t,{offset:e=0}={}){const i=W(t)?Yt(t,!1,["hidden"]):[];return i.reduce((r,a,l)=>{const{scrollTop:h,scrollHeight:u,offsetHeight:d}=a,f=nt(a),b=u-f.height,{height:y,top:p}=i[l-1]?nt(i[l-1]):T(t);let S=Math.ceil(p-f.top-e+h);return e>0&&db?(e-=S-b,S=b):S<0&&(e-=S,S=0),()=>s(a,S-h,t,b).then(r)},()=>Promise.resolve())();function s(r,a,l,h){return new Promise(u=>{const d=r.scrollTop,f=n(Math.abs(a)),b=Date.now(),y=vs(r)===r,p=T(l).top+(y?0:d);let S=0,J=15;(function mt(){const $t=o(U((Date.now()-b)/f));let ft=0;i[0]===r&&d+ac(r,"position")==="fixed");return~o&&(n=n.slice(o)),[s].concat(n.filter(r=>c(r,"overflow").split(" ").some(a=>v(["auto","scroll",...i],a))&&(!e||r.scrollHeight>nt(r).height))).reverse()}function zt(...t){return Yt(...t)[0]}function Xt(t){return Yt(t,!1,["hidden","clip"])}function nt(t){const e=Wt(t),i=vs(t),s=!_e(t)||t.contains(i);if(s&&e.visualViewport){let{height:l,width:h,scale:u,pageTop:d,pageLeft:f}=e.visualViewport;return l=Math.round(l*u),h=Math.round(h*u),{height:l,width:h,top:d,left:f,bottom:d+l,right:f+h}}let n=T(s?e:t);if(c(t,"display")==="inline")return n;const{body:o,documentElement:r}=e.document,a=s?i===r||i.clientHeight!l.contains(a)&&!ms(l,"static")))=f[u])continue;b=qr(t,e,i,l)[u]-s[u];const p=jr(t,e[l],o,l);if(!Ci(bs(s,b,l),p,l)){if(Ci(s,p,l))continue;if(i.recursion)return!1;const S=Rr(t,e,i);if(S&&Ci(S,p,1-l))return S;continue}}else if(r[l]==="shift"){const y=T(e[l]),{offset:p}=i;b=U(U(s[u],f[u],f[d]-s[h]),y[u]-s[h]+p[l],y[d]-p[l])-s[u]}a=bs(a,b,l)}return a}function In(t,e,i){let{attach:s,offset:n}={attach:{element:["left","top"],target:["left","top"],...i.attach},offset:[0,0],...i},o=T(t);for(const[r,[a,,l,h]]of Object.entries(lt)){const u=s.target[r]===s.element[r]?nt(e[r]):T(e[r]);o=bs(o,u[l]-o[l]+En(s.target[r],h,u[a])-En(s.element[r],h,o[a])+ +n[r],r)}return o}function bs(t,e,i){const[,s,n,o]=lt[i],r={...t};return r[n]=t[s]=t[n]+e,r[o]+=e,r}function En(t,e,i){return t==="center"?i/2:t===e?i:0}function Wr(t,e,i,s,n){let o=Tn(...Cn(t,e).map(nt));return i&&(o[lt[n][2]]+=i,o[lt[n][3]]-=i),s&&(o=Tn(o,T(Q(s)?s[n]:s))),o}function jr(t,e,i,s){const[n,o,r,a]=lt[s],[l]=Cn(t,e),h=nt(l);return["auto","scroll"].includes(c(l,`overflow-${o}`))&&(h[r]-=l[`scroll${Lt(r)}`],h[a]=h[r]+l[`scroll${Lt(n)}`]),h[r]+=i,h[a]-=i,h}function Cn(t,e){return Xt(e).filter(i=>i.contains(t))}function Tn(...t){let e={};for(const i of t)for(const[,,s,n]of lt)e[s]=Math.max(e[s]||0,i[s]),e[n]=Math.min(...[e[n],i[n]].filter(Boolean));return e}function Ci(t,e,i){const[,,s,n]=lt[i];return t[s]>=e[s]&&t[n]<=e[n]}function qr(t,e,{offset:i,attach:s},n){return In(t,e,{attach:{element:Pn(s.element,n),target:Pn(s.target,n)},offset:Ur(i,n)})}function Rr(t,e,i){return Sn(t,e,{...i,attach:{element:i.attach.element.map(_n).reverse(),target:i.attach.target.map(_n).reverse()},offset:i.offset.reverse(),placement:i.placement.reverse(),recursion:!0})}function Pn(t,e){const i=[...t],s=lt[e].indexOf(t[e]);return~s&&(i[e]=lt[e][1-s%2+2]),i}function _n(t){for(let e=0;edocument,handler(){document.hidden?this.stop():this.start()}},methods:{start(){this.stop(),this.update()},stop(){this.timer&&(clearInterval(this.timer),m(this.$el,"countdownstop"),this.timer=null)},update(){const t=Xr(this.date);t.total?this.timer||(this.started=!0,this.timer=setInterval(this.update,1e3),m(this.$el,"countdownstart")):(this.stop(),this.end||(m(this.$el,"countdownend"),this.end=!0,this.reload&&this.started&&window.location.reload()));for(const e of Gr){const i=x(this.clsWrapper.replace("%unit%",e),this.$el);if(!i)continue;let s=Math.trunc(t[e]).toString().padStart(2,"0");i.textContent!==s&&(s=s.split(""),s.length!==i.children.length&&xt(i,s.map(()=>"").join("")),s.forEach((n,o)=>i.children[o].textContent=n))}}}};function Xr(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 G={};G.events=G.watch=G.observe=G.created=G.beforeConnect=G.connected=G.beforeDisconnect=G.disconnected=G.destroy=ws,G.args=function(t,e){return e!==!1&&ws(e||t)},G.update=function(t,e){return Ys(ws(t,rt(e)?{read:e}:e),"order")},G.props=function(t,e){if(Q(e)){const i={};for(const s of e)i[s]=String;e=i}return G.methods(t,e)},G.computed=G.methods=function(t,e){return e?t?{...t,...e}:e:t},G.i18n=G.data=function(t,e,i){return i?An(t,e,i):e?t?function(s){return An(t,e,s)}:e:t};function An(t,e,i){return G.computed(rt(t)?t.call(i,i):t,rt(e)?e.call(i,i):e)}function ws(t,e){return t=t&&!Q(t)?[t]:t,e?t?t.concat(e):Q(e)?e:[e]:t}function Jr(t,e){return K(e)?t:e}function Ge(t,e,i){const s={};if(rt(e)&&(e=e.options),e.extends&&(t=Ge(t,e.extends,i)),e.mixins)for(const o of e.mixins)t=Ge(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]=(G[o]||Jr)(t[o],e[o],i)}return s}function be(t,e=[]){try{return t?yt(t,"{")?JSON.parse(t):e.length&&!v(t,":")?{[e[0]]:t}:t.split(";").reduce((i,s)=>{const[n,o]=s.split(/:(.*)/);return n&&!K(o)&&(i[n.trim()]=o.trim()),i},{}):{}}catch{return{}}}function xs(t,e){return t===Boolean?Vi(e):t===Number?St(e):t==="list"?Zr(e):t===Object&&L(e)?be(e):t?t(e):e}const Kr=/,(?![^(]*\))/;function Zr(t){return Q(t)?t:L(t)?t.split(Kr).map(e=>bt(e)?St(e):Vi(e.trim())):[t]}function Qr(t){t._data={},t._updates=[...t.$options.update||[]],t._disconnect.push(()=>t._updates=t._data=null)}function ta(t,e){t._updates.unshift(e)}function Ye(t,e="update"){t._connected&&t._updates.length&&(t._updateCount||(t._updateCount=0,requestAnimationFrame(()=>t._updateCount=0)),t._queued||(t._queued=new Set,Nt.read(()=>{t._connected&&ea(t,t._queued),t._queued=null})),t._updateCount++<20&&t._queued.add(e.type||e))}function ea(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&&Te(o)&&pt(t._data,o)),s&&o!==!1&&Nt.write(()=>{t._connected&&s.call(t,t._data,e)})}}function ct(t){return Ke(Ue,t,"resize")}function Jt(t){return Ke(pn,t)}function Xe(t){return Ke(hs,t)}function Ti(t={}){return Jt({handler:function(e,i){const{targets:s=this.$el,preload:n=5}=t;for(const o of C(rt(s)?s(this):s))D('[loading="lazy"]',o).slice(0,n-1).forEach(r=>Me(r,"loading"));for(const o of e.filter(({isIntersecting:r})=>r).map(({target:r})=>r))i.unobserve(o)},...t})}function $s(t){return Ke((e,i)=>cs(i),t,"resize")}function Je(t){return Ke((e,i)=>({disconnect:w(sa(e),"scroll",i,{passive:!0})}),t,"scroll")}function On(t){return{observe(e,i){return{observe:A,unobserve:A,disconnect:w(e,dt,i,{passive:!0})}},handler(e){if(!gt(e))return;const i=Ct(e),s="tagName"in e.target?e.target:O(e.target);z(document,`${At} ${fi} scroll`,n=>{const{x:o,y:r}=Ct(n);(n.type!=="scroll"&&s&&o&&Math.abs(i.x-o)>100||r&&Math.abs(i.y-r)>100)&&setTimeout(()=>{m(s,"swipe"),m(s,`swipe${ia(i.x,i.y,o,r)}`)})})},...t}}function Ke(t,e,i){return{observe:t,handler(){Ye(this,i)},...e}}function ia(t,e,i,s){return Math.abs(t-i)>=Math.abs(e-s)?t-i>0?"Left":"Right":e-s>0?"Up":"Down"}function sa(t){return C(t).map(e=>{const{ownerDocument:i}=e,s=zt(e,!0);return s===i.scrollingElement?i:s})}var Mn={props:{margin:String,firstColumn:Boolean},data:{margin:"uk-margin-small-top",firstColumn:"uk-first-column"},observe:[Xe({options:{childList:!0}}),Xe({options:{attributes:!0,attributeFilter:["style"]}}),ct({handler(t){for(const{borderBoxSize:[{inlineSize:e,blockSize:i}]}of t)if(e||i){this.$emit("resize");return}},target:({$el:t})=>[t,...N(t)]})],update:{read(){return{rows:ys(N(this.$el))}},write({rows:t}){for(const e of t)for(const i of e)F(i,this.margin,t[0]!==e),F(i,this.firstColumn,e[V?e.length-1:0]===i)},events:["resize"]}};function ys(t){const e=[[]],i=t.some((s,n)=>n&&t[n-1].offsetParent!==s.offsetParent);for(const s of t){if(!W(s))continue;const n=ks(s,i);for(let o=e.length-1;o>=0;o--){const r=e[o];if(!r[0]){r.push(s);break}const a=ks(r[0],i);if(n.top>=a.bottom-1&&n.top!==a.top){e.push([s]);break}if(n.bottom-1>a.top||n.top===a.top){let l=r.length-1;for(;l>=0;l--){const h=ks(r[l],i);if(n.left>=h.left)break}r.splice(l+1,0,s);break}if(o===0){e.unshift([s]);break}}}return e}function ks(t,e=!1){let{offsetTop:i,offsetLeft:s,offsetHeight:n,offsetWidth:o}=t;return e&&([i,s]=qe(t)),{top:i,left:s,bottom:i+n,right:s+o}}function Ze(){return new Promise(t=>requestAnimationFrame(t))}function we(t){return new Promise(e=>setTimeout(e,t))}const Ss="uk-transition-leave",Is="uk-transition-enter";function Dn(t,e,i,s=0){const n=Es(e,!0),o={opacity:1},r={opacity:0},a=()=>n===Es(e),l=d=>()=>a()?d():Promise.reject(),h=l(async()=>{E(e,Ss),await(s?Nn(e).reduce(async(d,f,b,y)=>{if(await d,!Ve(f)||!a()){c(f,r);return}await we(s);const p=M.start(f,r,i/2,"ease");y.length-1===b&&await p},Promise.resolve()):M.start(e,r,i/2,"ease")),_(e,Ss)}),u=l(async()=>{const d=it(e);E(e,Is),t(),c(s?N(e):e,r),it(e,d),await we(),it(e,"");const f=it(e);c(e,"alignContent","flex-start"),it(e,d);let b=[],y=i/2;if(s){const p=Nn(e);c(N(e),r),b=p.reduce(async(S,J,mt,$t)=>{if(await S,!Ve(J)||!a()){wt(J,o);return}await we(s);const ft=M.start(J,o,i/2,"ease").then(()=>a()&&wt(J,o));$t.length-1===mt&&await ft},Promise.resolve()),y+=p.length*s}if(!s||d!==f){const p={height:f,...s?{}:o};b.push(M.start(e,p,y,"ease"))}await Promise.all(b),_(e,Is),a()&&(wt(e,{height:"",alignContent:"",...o}),delete e.dataset.transition)});return $(e,Ss)?Bn(e).then(u):$(e,Is)?Bn(e).then(h).then(u):h().then(u)}function Es(t,e){return e&&(t.dataset.transition=1+Es(t)),St(t.dataset.transition)||0}function Bn(t){return Promise.all(N(t).filter(M.inProgress).map(e=>new Promise(i=>z(e,"transitionend transitioncanceled",i))))}function Nn(t){return ys(N(t)).flat().filter(W)}async function na(t,e,i){await Ze();let s=N(e);const n=s.map(p=>zn(p,!0)),o={...c(e,["height","padding"]),display:"block"},r=s.filter(p=>Ve(p)),a=s.concat(e);await Promise.all(a.map(M.cancel)),c(a,"transitionProperty","none"),await t();const l=N(e).filter(p=>!v(s,p));s=s.concat(l),await Promise.resolve(),c(a,"transitionProperty","");const h=k(e,"style"),u=c(e,["height","padding"]),[d,f]=oa(e,s,n),b=s.map(p=>({style:k(p,"style")}));r.push(...s.filter(p=>Ve(p))),s.forEach((p,S)=>f[S]&&c(p,f[S])),c(e,o),m(e,"scroll"),await Ze();const y=s.map((p,S)=>{if(O(p)===e&&r.includes(p))return M.start(p,d[S],i,"ease",!l.includes(p))}).concat(M.start(e,u,i,"ease",!0));try{await Promise.all(y),s.forEach((p,S)=>{k(p,b[S]),O(p)===e&&c(p,"display",d[S].opacity===0?"none":"")}),k(e,"style",h)}catch{k(s,"style",""),wt(e,o)}}function zn(t,e){const i=c(t,"zIndex");return W(t)?{display:"",opacity:e?c(t,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:i==="auto"?Et(t):i,...Fn(t)}:!1}function oa(t,e,i){const s=e.map((o,r)=>O(o)&&r in i?i[r]?W(o)?Fn(o):{opacity:0}:{opacity:W(o)?1:0}:!1),n=s.map((o,r)=>{const a=O(e[r])===t&&(i[r]||zn(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 Fn(t){const{height:e,width:i}=g(t);let{top:s,left:n}=rs(t);const o=nt(t.ownerDocument);return s=U(s,o.top-e-o.height,o.bottom+o.height),n=U(n,o.left-i-o.width,o.right+o.width),{height:e,width:i,top:s,left:n,transform:"",...c(t,["marginTop","marginLeft"])}}var Hn={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(t,e=this.$el){const i=this.animation;return(i==="fade"?Dn:i==="delayed-fade"?(...n)=>Dn(...n,40):i?na:()=>(t(),Promise.resolve()))(t,e,this.duration).catch(A)}}};function Pt(t){t.target.closest('a[href="#"],a[href=""]')&&t.preventDefault()}const B={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var ra={mixins:[Hn],args:"target",props:{target:String,selActive:Boolean},data:{target:"",selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{children:({target:t},e)=>D(`${t} > *`,e),toggles:({attrItem:t},e)=>D(`[${t}],[data-${t}]`,e)},watch:{toggles(t){this.updateState();const e=D(this.selActive,this.$el);for(const i of t){this.selActive!==!1&&F(i,this.cls,v(e,i));const s=ua(i);H(s,"a")&&(s.role="button")}},children(t,e){e&&this.updateState()}},events:{name:"click keydown",delegate:({attrItem:t})=>`[${t}],[data-${t}]`,handler(t){t.type==="keydown"&&t.keyCode!==B.SPACE||t.target.closest("a,button")&&(Pt(t),this.apply(t.current))}},methods:{apply(t){const e=this.getState(),i=Wn(t,this.attrItem,this.getState());aa(e,i)||this.setState(i)},getState(){return this.toggles.filter(t=>$(t,this.cls)).reduce((t,e)=>Wn(e,this.attrItem,t),{filter:{"":""},sort:[]})},async setState(t,e=!0){t={filter:{"":""},sort:[],...t},m(this.$el,"beforeFilter",[this,t]);for(const i of this.toggles)F(i,this.cls,ca(i,this.attrItem,t));await Promise.all(D(this.target,this.$el).map(i=>{const s=()=>la(t,i,N(i));return e?this.animate(s,i):s()})),m(this.$el,"afterFilter",[this])},updateState(){Nt.write(()=>this.setState(this.getState(),!1))}}};function Ln(t,e){return be(tt(t,e),["filter"])}function aa(t,e){return["filter","sort"].every(i=>Oe(t[i],e[i]))}function la(t,e,i){for(const o of i)c(o,"display",Object.values(t.filter).every(r=>!r||P(o,r))?"":"none");const[s,n]=t.sort;if(s){const o=ha(i,s,n);Oe(o,i)||j(e,o)}}function Wn(t,e,i){const{filter:s,group:n,sort:o,order:r="asc"}=Ln(t,e);return(s||K(o))&&(n?s?(delete i.filter[""],i.filter[n]=s):(delete i.filter[n],(li(i.filter)||""in i.filter)&&(i.filter={"":s||""})):i.filter={"":s||""}),K(o)||(i.sort=[o,r]),i}function ca(t,e,{filter:i={"":""},sort:[s,n]}){const{filter:o="",group:r="",sort:a,order:l="asc"}=Ln(t,e);return K(a)?r in i&&o===i[r]||!o&&r&&!(r in i)&&!i[""]:s===a&&n===l}function ha(t,e,i){return[...t].sort((s,n)=>tt(s,e).localeCompare(tt(n,e),void 0,{numeric:!0})*(i==="asc"||-1))}function ua(t){return x("a,button",t)||t}var da={args:"dataSrc",props:{dataSrc:String,sources:String,margin:String,target:String,loading:String},data:{dataSrc:"",sources:!1,margin:"50%",target:!1,loading:"lazy"},connected(){this.loading!=="lazy"?this.load():Ts(this.$el)&&(this.$el.loading="lazy",Cs(this.$el))},disconnected(){this.img&&(this.img.onload=""),delete this.img},observe:Jt({handler(t,e){this.load(),e.disconnect()},options:({margin:t})=>({rootMargin:t}),filter:({loading:t})=>t==="lazy",target:({$el:t,$props:e})=>e.target?[t,...Fe(e.target,t)]:t}),methods:{load(){if(this.img)return this.img;const t=Ts(this.$el)?this.$el:pa(this.$el,this.dataSrc,this.sources);return Me(t,"loading"),Cs(this.$el,t.currentSrc),this.img=t}}};function Cs(t,e){if(Ts(t)){const i=O(t);(H(i,"picture")?N(i):[t]).forEach(n=>jn(n,n))}else e&&!v(t.style.backgroundImage,e)&&(c(t,"backgroundImage",`url(${Qi(e)})`),m(t,ge("load",!1)))}const fa=["data-src","data-srcset","sizes"];function jn(t,e){for(const i of fa){const s=tt(t,i);s&&k(e,i.replace(/data-/g,""),s)}}function pa(t,e,i){const s=new Image;return qn(s,i),jn(t,s),s.onload=()=>Cs(t,s.currentSrc),s.src=e,s}function qn(t,e){if(e=ga(e),e.length){const i=Tt("");for(const s of e){const n=Tt("");k(n,s),j(i,n)}j(i,t)}}function ga(t){if(!t)return[];if(yt(t,"["))try{t=JSON.parse(t)}catch{t=[]}else t=be(t);return Q(t)||(t=[t]),t.filter(e=>!li(e))}function Ts(t){return H(t,"img")}let Ps;function Rn(t){const e=w(t,"touchstart",n=>{if(n.targetTouches.length!==1||P(n.target,'input[type="range"'))return;let o=Ct(n).y;const r=w(t,"touchmove",a=>{const l=Ct(a).y;l!==o&&(o=l,Yt(a.target).some(h=>{if(!t.contains(h))return!1;let{scrollHeight:u,clientHeight:d}=h;return d{Ps=!1,e(),wt(i,s)}}var Qe={props:{container:Boolean},data:{container:!0},computed:{container({container:t}){return t===!0&&this.$container||t&&x(t)}}},Un={props:{pos:String,offset:Boolean,flip:Boolean,shift:Boolean,inset:Boolean},data:{pos:`bottom-${V?"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=v(["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:yi(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=Pi(t),a=g(t);c(t,{top:-a.height,left:-a.width}),kn(t,e,{attach:o,offset:s,boundary:i,placement:n,viewportOffset:this.getViewportOffset(t)}),r()},getPositionOffset(t=this.$el){return X(this.offset===!1?c(t,"--uk-position-offset"):this.offset,this.axis==="x"?"width":"height",t)*(v(["left","top"],this.dir)?-1:1)*(this.inset?-1:1)},getShiftOffset(t=this.$el){return this.align==="center"?0:X(c(t,"--uk-position-shift-offset"),this.axis==="y"?"width":"height",t)*(v(["left","top"],this.align)?1:-1)},getViewportOffset(t){return X(c(t,"--uk-position-viewport-offset"))}}};function Pi(t){const e=zt(t),{scrollTop:i}=e,s=()=>{i!==e.scrollTop&&(e.scrollTop=i)};return()=>{s(),setTimeout(s)}}var Kt={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-togglable-enter",clsLeave:"uk-togglable-leave"},computed:{hasAnimation:({animation:t})=>!!t[0],hasTransition:({animation:t})=>["slide","reveal"].some(e=>yt(t[0],e))},methods:{async toggleElement(t,e,i){try{return await Promise.all(C(t).map(s=>{const n=le(e)?e:!this.isToggled(s);if(!m(s,`before${n?"show":"hide"}`,[this]))return Promise.reject();const o=(rt(i)?i:i===!1||!this.hasAnimation?ma:this.hasTransition?va:ba)(s,n,this),r=n?this.clsEnter:this.clsLeave;E(s,r),m(s,n?"show":"hide",[this]);const a=()=>{var l;if(_(s,r),m(s,n?"shown":"hidden",[this]),n){const h=Pi(s);(l=D("[autofocus]",s).find(W))==null||l.focus(),h()}};return o?o.then(a,()=>(_(s,r),Promise.reject())):a()})),!0}catch{return!1}},isToggled(t=this.$el){return t=R(t),$(t,this.clsEnter)?!0:$(t,this.clsLeave)?!1:this.cls?$(t,this.cls.split(" ")[0]):W(t)},_toggle(t,e){if(!t)return;e=!!e;let i;this.cls?(i=v(this.cls," ")||e!==$(t,this.cls),i&&F(t,this.cls,v(this.cls," ")?void 0:e)):(i=e===t.hidden,i&&(t.hidden=!e)),i&&m(t,"toggled",[e,this])}}};function ma(t,e,{_toggle:i}){return Dt.cancel(t),M.cancel(t),i(t,e)}async function va(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"]],d=u[v(u[0],h)?0:1],f=d[1]===h,y=["width","height"][u.indexOf(d)],p=`margin-${d[0]}`,S=`margin-${h}`;let J=g(t)[y];const mt=M.inProgress(t);await M.cancel(t),e&&r(t,!0);const $t=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",p,S].map(cr=>[cr,t.style[cr]])),ft=g(t),Gs=I(c(t,p)),rr=I(c(t,S)),ne=ft[y]+rr;!mt&&!e&&(J+=rr);const[Ri]=os(t,"
        ");c(Ri,{boxSizing:"border-box",height:ft.height,width:ft.width,...c(t,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",S])}),c(t,{padding:0,border:0,minWidth:0,minHeight:0,[S]:0,width:ft.width,height:ft.height,overflow:"hidden",[y]:J});const ar=J/ne;s=(n*ne+s)*(e?1-ar:ar);const lr={[y]:e?ne:0};f&&(c(t,p,ne-J+Gs),lr[p]=e?Gs:ne+Gs),!f^l==="reveal"&&(c(Ri,p,-ne+J),M.start(Ri,{[p]:e?0:-ne},s,o));try{await M.start(t,lr,s,o)}finally{c(t,$t),je(Ri.firstChild),e||r(t,!1)}}function ba(t,e,i){const{animation:s,duration:n,_toggle:o}=i;return e?(o(t,!0),Dt.in(t,s[0],n,i.origin)):Dt.out(t,s[1]||s[0],n,i.origin).then(()=>o(t,!1))}const ot=[];var _s={mixins:[st,Qe,Kt],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)=>x(t,e),transitionElement(){return this.panel}},connected(){const t=this.panel||this.$el;t.role=this.role,this.overlay&&(t.ariaModal=!0)},beforeDisconnect(){v(ot,this)&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate:({selClose:t})=>`${t},a[href*="#"]`,handler(t){const{current:e,defaultPrevented:i}=t,{hash:s}=e;!i&&s&&pe(e)&&!this.$el.contains(x(s))?this.hide():P(e,this.selClose)&&(Pt(t),this.hide())}},{name:"toggle",self:!0,handler(t,e){t.defaultPrevented||(t.preventDefault(),this.target=e==null?void 0:e.$el,this.isToggled()===v(ot,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler(t){if(v(ot,this))return!1;!this.stack&&ot.length?(Promise.all(ot.map(e=>e.hide())).then(this.show),t.preventDefault()):ot.push(this)}},{name:"show",self:!0,handler(){this.stack&&c(this.$el,"zIndex",I(c(this.$el,"zIndex"))+ot.length);const t=[this.overlay&&xa(this),this.overlay&&Rn(this.$el),this.bgClose&&$a(this),this.escClose&&ya(this)];z(this.$el,"hidden",()=>t.forEach(e=>e&&e()),{self:!0}),E(document.documentElement,this.clsPage),Gn(this.target,!0)}},{name:"shown",self:!0,handler(){Ne(this.$el)||(this.$el.tabIndex=-1),P(this.$el,":focus-within")||this.$el.focus()}},{name:"hidden",self:!0,handler(){v(ot,this)&&ot.splice(ot.indexOf(this),1),c(this.$el,"zIndex","");const{target:t}=this;ot.some(e=>e.clsPage===this.clsPage)||(_(document.documentElement,this.clsPage),queueMicrotask(()=>{if(Ne(t)){const e=Pi(t);t.focus(),e()}})),Gn(t,!1),this.target=null}}],methods:{toggle(){return this.isToggled()?this.hide():this.show()},async show(){return this.container&&O(this.$el)!==this.container&&(j(this.container,this.$el),await Ze()),this.toggleElement(this.$el,!0,Vn)},hide(){return this.toggleElement(this.$el,!1,Vn)}}};function Vn(t,e,{transitionElement:i,_toggle:s}){return new Promise((n,o)=>z(t,"show hide",()=>{var r;(r=t._reject)==null||r.call(t),t._reject=o,s(t,e);const a=z(i,"transitionstart",()=>{z(i,"transitionend transitioncancel",n,{self:!0}),clearTimeout(l)},{self:!0}),l=setTimeout(()=>{a(),n()},wa(c(i,"transitionDuration")))})).then(()=>delete t._reject)}function wa(t){return t?oe(t,"ms")?I(t):I(t)*1e3:0}function xa(t){return w(document,"focusin",e=>{jt(ot)===t&&!t.$el.contains(e.target)&&t.$el.focus()})}function $a(t){return w(document,dt,({target:e})=>{jt(ot)!==t||t.overlay&&!t.$el.contains(e)||!t.panel||t.panel.contains(e)||z(document,`${At} ${fi} scroll`,({defaultPrevented:i,type:s,target:n})=>{!i&&s===At&&e===n&&t.hide()},!0)})}function ya(t){return w(document,"keydown",e=>{e.keyCode===27&&jt(ot)===t&&t.hide()})}function Gn(t,e){t!=null&&t.ariaExpanded&&(t.ariaExpanded=e)}var As={slide:{show(t){return[{transform:q(t*-100)},{transform:q()}]},percent(t){return ti(t)},translate(t,e){return[{transform:q(e*-100*t)},{transform:q(e*100*(1-t))}]}}};function ti(t){return Math.abs(new DOMMatrix(c(t,"transform")).m41/t.offsetWidth)}function q(t=0,e="%"){return t?`translate3d(${t+e}, 0, 0)`:""}function ka(t,e,i,{animation:s,easing:n}){const{percent:o,translate:r,show:a=A}=s,l=a(i),{promise:h,resolve:u}=Yn();return{dir:i,show(d,f=0,b){const y=b?"linear":n;return d-=Math.round(d*U(f,-1,1)),this.translate(f),Zt(e,"itemin",{percent:f,duration:d,timing:y,dir:i}),Zt(t,"itemout",{percent:1-f,duration:d,timing:y,dir:i}),Promise.all([M.start(e,l[1],d,y),M.start(t,l[0],d,y)]).then(()=>{this.reset(),u()},A),h},cancel(){return M.cancel([e,t])},reset(){wt([e,t],l[0])},async forward(d,f=this.percent()){return await this.cancel(),this.show(d,f,!0)},translate(d){this.reset();const f=r(d,i);c(e,f[1]),c(t,f[0]),Zt(e,"itemtranslatein",{percent:d,dir:i}),Zt(t,"itemtranslateout",{percent:1-d,dir:i})},percent(){return o(t||e,e,i)},getDistance(){return t==null?void 0:t.offsetWidth}}}function Zt(t,e,i){m(t,ge(e,!1,!1,i))}function Yn(){let t;return{promise:new Promise(e=>t=e),resolve:t}}var _i={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++]||""))||""}}},Sa={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){k(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){k(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el:()=>document,filter:({autoplay:t})=>t,handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>{this.stack.length||!W(this.$el)||this.draggable&&P(this.$el,":focus-within")&&!P(this.$el,":focus")||this.pauseOnHover&&P(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}};const Ai={passive:!1,capture:!0},Xn={passive:!0,capture:!0},Ia="touchstart mousedown",Os="touchmove mousemove",Jn="touchend touchcancel mouseup click input scroll";var Ea={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=Ct(i).x*(V?-1:1);this.prevPos=s===this.pos?this.prevPos:this.pos,this.pos=s,e(i)}}},events:[{name:Ia,passive:!0,delegate:({selList:t})=>`${t} > *`,handler(t){!this.draggable||this.parallax||!gt(t)&&Ca(t.target)||t.target.closest(Be)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:Os,el:({list:t})=>t,handler:A,...Ai}],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,w(document,Os,this.move,Ai),w(document,Jn,this.end,Xn),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=Kn.call(this,s,o);this.percent=n/r;const a=i[s],l=i[o],h=this.index!==o,u=s===o;let d;for(const f of[this.index,this.prevIndex])v([o,s],f)||(m(i[f],"itemhidden",[this]),u&&(d=!0,this.prevIndex=s));(this.index===s&&this.prevIndex!==s||d)&&m(i[this.index],"itemshown",[this]),h&&(this.prevIndex=s,this.index=o,u||(m(a,"beforeitemhide",[this]),m(a,"itemhide",[this])),m(l,"beforeitemshow",[this]),m(l,"itemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),a,!u&&l)},end(){if(Vt(document,Os,this.move,Ai),Vt(document,Jn,this.end,Xn),this.dragging)if(setTimeout(w(this.list,"click",t=>t.preventDefault(),Ai)),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=(V?this.dir*(V?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=t?this.index:this.prevIndex,t&&(m(this.slides[this.prevIndex],"itemhidden",[this]),m(this.slides[this.index],"itemshown",[this]),this.percent=1-this.percent),this.show(this.dir>0&&!t||this.dir<0&&t?"next":"previous",!0)}c(this.list,{userSelect:""}),this.drag=this.percent=null}}};function Kn(t,e){return this._getTransitioner(t,t!==e&&e).getDistance()||this.slides[t].offsetWidth}function Ca(t){return c(t,"userSelect")!=="none"&&re(t.childNodes).some(e=>e.nodeType===3&&e.textContent.trim())}function Ta(t){t._watches=[];for(const e of t.$options.watch||[])for(const[i,s]of Object.entries(e))Zn(t,s,i);t._initial=!0}function Zn(t,e,i){t._watches.push({name:i,...Te(e)?e:{handler:e}})}function Pa(t,e){for(const{name:i,handler:s,immediate:n=!0}of t._watches)(t._initial&&n||vt(e,i)&&!Oe(e[i],t[i]))&&s.call(t,t[i],e[i]);t._initial=!1}function _a(t){const{computed:e}=t.$options;if(t._computed={},e)for(const i in e)to(t,i,e[i])}const Qn={subtree:!0,childList:!0};function to(t,e,i){t._hasComputed=!0,Object.defineProperty(t,e,{enumerable:!0,get(){const{_computed:s,$props:n,$el:o}=t;if(!vt(s,e)&&(s[e]=(i.get||i).call(t,n,o),i.observe&&t._computedObserver)){const r=i.observe.call(t,n);t._computedObserver.observe(["~","+","-"].includes(r[0])?o.parentElement:o.getRootNode(),Qn)}return s[e]},set(s){const{_computed:n}=t;n[e]=i.set?i.set.call(t,s):s,K(n[e])&&delete n[e]}})}function Aa(t){t._hasComputed&&(ta(t,{read:()=>Pa(t,eo(t)),events:["resize","computed"]}),t._computedObserver=hs(t.$el,()=>Ye(t,"computed"),Qn),t._disconnect.push(()=>{t._computedObserver.disconnect(),t._computedObserver=null,eo(t)}))}function eo(t){const e={...t._computed};return t._computed={},e}function Oa(t){for(const e of t.$options.events||[])if(vt(e,"handler"))io(t,e);else for(const i in e)io(t,{name:i,handler:e[i]})}function io(t,{name:e,el:i,handler:s,capture:n,passive:o,delegate:r,filter:a,self:l}){a&&!a.call(t,t)||t._disconnect.push(w(i?i.call(t,t):t.$el,e,r==null?void 0:r.call(t,t),s.bind(t),{passive:o,capture:n,self:l}))}function Ma(t){for(const e of t.$options.observe||[])Da(t,e)}function Da(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._disconnect.length}`;rt(s)&&!vt(t,l)&&to(t,l,()=>{const d=s.call(t,t);return Q(d)?C(d):d}),n=L(n)?t[n]:n.bind(t),rt(o)&&(o=o.call(t,t));const h=vt(t,l)?t[l]:s,u=i(h,n,o,a);rt(s)&&Q(t[l])&&Zn(t,{handler:Ba(u,o),immediate:!1},l),t._disconnect.push(()=>u.disconnect())}function Ba(t,e){return(i,s)=>{for(const n of s)v(i,n)||(t.unobserve?t.unobserve(n):t.observe&&t.disconnect());for(const n of i)(!v(s,n)||!t.unobserve)&&t.observe(n,e)}}function Na(t){const{$options:e,$props:i}=t,s=so(e);pt(i,s);const{computed:n,methods:o}=e;for(let r in i)r in s&&(!n||!vt(n,r))&&(!o||!vt(o,r))&&(t[r]=i[r])}function so(t){const e={},{args:i=[],props:s={},el:n,id:o}=t;if(!s)return e;for(const a in s){const l=Ht(a);let h=tt(n,l);K(h)||(h=s[a]===Boolean&&h===""?!0:xs(s[a],h),!(l==="target"&&yt(h,"_"))&&(e[a]=h))}const r=be(tt(n,o),i);for(const a in r){const l=Ce(a);K(s[l])||(e[l]=xs(s[l],r[a]))}return e}const za=ut((t,e)=>{const i=Object.keys(e),s=i.concat(t).map(n=>[Ht(n),`data-${Ht(n)}`]).flat();return{attributes:i,filter:s}});function Fa(t){const{$options:e,$props:i}=t,{id:s,props:n,el:o}=e;if(!n)return;const{attributes:r,filter:a}=za(s,n),l=new MutationObserver(h=>{const u=so(e);h.some(({attributeName:d})=>{const f=d.replace("data-","");return(f===s?r:[Ce(f),Ce(d)]).some(b=>!K(u[b])&&u[b]!==i[b])})&&t.$reset()});l.observe(o,{attributes:!0,attributeFilter:a}),t._disconnect.push(()=>l.disconnect())}function xe(t,e){var i;(i=t.$options[e])==null||i.forEach(s=>s.call(t))}function Ms(t){t._connected||(Na(t),xe(t,"beforeConnect"),t._connected=!0,t._disconnect=[],Oa(t),Qr(t),Ta(t),Ma(t),Fa(t),Aa(t),xe(t,"connected"),Ye(t))}function Ds(t){t._connected&&(xe(t,"beforeDisconnect"),t._disconnect.forEach(e=>e()),t._disconnect=null,xe(t,"disconnected"),t._connected=!1)}let Ha=0;function no(t,e={}){e.data=ja(e,t.constructor.options),t.$options=Ge(t.constructor.options,e,t),t.$props={},t._uid=Ha++,La(t),Wa(t),_a(t),xe(t,"created"),e.el&&t.$mount(e.el)}function La(t){const{data:e={}}=t.$options;for(const i in e)t.$props[i]=t[i]=e[i]}function Wa(t){const{methods:e}=t.$options;if(e)for(const i in e)t[i]=e[i].bind(t)}function ja({data:t={}},{args:e=[],props:i={}}){Q(t)&&(t=t.slice(0,e.length).reduce((s,n,o)=>(Te(n)?pt(s,n):s[e[o]]=n,s),{}));for(const s in t)K(t[s])?delete t[s]:i[s]&&(t[s]=xs(i[s],t[s]));return t}const ht=function(t){no(this,t)};ht.util=Vr,ht.options={},ht.version="3.24.2";const qa="uk-",Qt="__uikit__",$e={};function oo(t,e){var i,s;const n=qa+Ht(t);if(!e)return $e[n].options||($e[n]=ht.extend($e[n])),$e[n];t=Ce(t),ht[t]=(r,a)=>ei(t,r,a);const o=(i=e.options)!=null?i:{...e};return o.id=n,o.name=t,(s=o.install)==null||s.call(o,ht,o,t),ht._initialized&&!o.functional&&requestAnimationFrame(()=>ei(t,`[${n}],[data-${n}]`)),$e[n]=o}function ei(t,e,i,...s){const n=oo(t);return n.options.functional?new n({data:Te(e)?e:[e,i,...s]}):e?D(e).map(o)[0]:o();function o(r){const a=Oi(r,t);if(a)if(i)a.$destroy();else return a;return new n({el:r,data:i})}}function ii(t){return(t==null?void 0:t[Qt])||{}}function Oi(t,e){return ii(t)[e]}function Ra(t,e){t[Qt]||(t[Qt]={}),t[Qt][e.$options.name]=e}function Ua(t,e){var i;(i=t[Qt])==null||delete i[e.$options.name],li(t[Qt])&&delete t[Qt]}function Va(t){t.component=oo,t.getComponents=ii,t.getComponent=Oi,t.update=ro,t.use=function(i){if(!i.installed)return i.call(null,this),i.installed=!0,this},t.mixin=function(i,s){s=(L(s)?this.component(s):s)||this,s.options=Ge(s.options,i)},t.extend=function(i){i||(i={});const s=this,n=function(r){no(this,r)};return n.prototype=Object.create(s.prototype),n.prototype.constructor=n,n.options=Ge(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=x(i)}})}function ro(t,e){t=t?R(t):document.body;for(const i of fe(t).reverse())ao(i,e);Bt(t,i=>ao(i,e))}function ao(t,e){const i=ii(t);for(const s in i)Ye(i[s],e)}function Ga(t){t.prototype.$mount=function(e){const i=this;Ra(e,i),i.$options.el=e,e.isConnected&&Ms(i)},t.prototype.$destroy=function(e=!1){const i=this,{el:s}=i.$options;s&&Ds(i),xe(i,"destroy"),Ua(s,i),e&&et(i.$el)},t.prototype.$create=ei,t.prototype.$emit=function(e){Ye(this,e)},t.prototype.$update=function(e=this.$el,i){ro(e,i)},t.prototype.$reset=function(){Ds(this),Ms(this)},t.prototype.$getComponent=Oi,Object.defineProperties(t.prototype,{$el:{get(){return this.$options.el}},$container:Object.getOwnPropertyDescriptor(t,"container")})}let Ya=1;function te(t,e=null){return(e==null?void 0:e.id)||`${t.$options.id}-${Ya++}`}var Xa={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)=>x(t,e),navChildren(){return N(this.nav)},selNavItem:({attrItem:t})=>`[${t}],[data-${t}]`,navItems(t,e){return D(this.selNavItem,e)}},watch:{nav(t,e){k(t,"role","tablist"),this.padNavitems(),e&&this.$emit()},list(t){H(t,"ul")&&k(t,"role","presentation")},navChildren(t){k(t,"role","presentation"),this.padNavitems(),this.updateNav()},navItems(t){for(const e of t){const i=tt(e,this.attrItem),s=x("a,button",e)||e;let n,o=null;if(bt(i)){const r=St(i),a=this.slides[r];a&&(a.id||(a.id=te(this,a)),o=a.id),n=this.t("slideX",I(i)+1),s.role="tab"}else this.list&&(this.list.id||(this.list.id=te(this,this.list)),o=this.list.id),n=this.t(i);s.ariaControls=o,s.ariaLabel=s.ariaLabel||n}},slides(t){t.forEach((e,i)=>k(e,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",i+1,this.length),"aria-roledescription":this.nav?null:"slide"})),this.padNavitems()}},connected(){this.$el.role=this.role,this.$el.ariaRoleDescription="carousel"},update:[{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate:({selNavItem:t})=>t,filter:({parallax:t})=>!t,handler(t){t.target.closest("a,button")&&(t.type==="click"||t.keyCode===B.SPACE)&&(Pt(t),this.show(tt(t.current,this.attrItem)))}},{name:"itemshow",handler(){this.updateNav()}},{name:"keydown",delegate:({selNavItem:t})=>t,filter:({parallax:t})=>!t,handler(t){const{current:e,keyCode:i}=t,s=tt(e,this.attrItem);if(!bt(s))return;let n=i===B.HOME?0:i===B.END?"last":i===B.LEFT?"previous":i===B.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=x("a,button",e)||e;if(bt(i)){const o=St(i)===t;F(e,this.clsActive,o),F(s,"uk-disabled",!!this.parallax),s.ariaSelected=o,s.tabIndex=o&&!this.parallax?null:-1,o&&s&&P(O(e),":focus-within")&&s.focus()}else F(e,"uk-invisible",this.finite&&(i==="previous"&&t===0||i==="next"&&t>=this.maxIndex))}},padNavitems(){if(!this.nav)return;const t=[];for(let e=0;es.matches(`[${i}]`))||x(`
        • `)}Oe(t,this.navChildren)||xt(this.nav,t)}}};const Ja="cubic-bezier(0.25, 0.46, 0.45, 0.94)",Ka="cubic-bezier(0.165, 0.84, 0.44, 1)";var lo={mixins:[Sa,Ea,Xa,_i],props:{clsActivated:String,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:"",clsEnter:"uk-slide-enter",clsLeave:"uk-slide-leave",clsSlideActive:"uk-slide-active",Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){_(this.slides,this.clsActive)},computed:{duration:({velocity:t},e)=>co(e.offsetWidth/t),list:({selList:t},e)=>x(t,e),maxIndex(){return this.length-1},slides(){return N(this.list)},length(){return this.slides.length}},watch:{slides(t,e){e&&this.$emit()}},events:{itemshow({target:t}){E(t,this.clsEnter,this.clsSlideActive)},itemshown({target:t}){_(t,this.clsEnter)},itemhide({target:t}){E(t,this.clsLeave)},itemhidden({target:t}){_(t,this.clsLeave,this.clsSlideActive)}},methods:{async show(t,e=!1){var i;if(this.dragging||!this.length||this.parallax)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=$(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=Za(t,r),this.prevIndex=r,this.index=l,a&&!m(a,"beforeitemhide",[this])||!m(h,"beforeitemshow",[this,a])){this.index=this.prevIndex,o();return}a&&m(a,"itemhide",[this]),m(h,"itemshow",[this]),await this._show(a,h,e),a&&m(a,"itemhidden",[this]),m(h,"itemshown",[this]),s.shift(),this._transitioner=null,await Ze(),s.length&&this.show(s.shift(),!0)},getIndex(t=this.index,e=this.index){return U(at(t,this.slides,e,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,e=this.prevIndex){return this.getIndex(t,e)},async _show(t,e,i){if(this._transitioner=this._getTransitioner(t,e,this.dir,{easing:i?e.offsetWidth<600?Ja:Ka:this.easing,...this.transitionOptions}),!i&&!t){this._translate(1);return}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(Ae(t)?this.slides[t]:t,Ae(e)?this.slides[e]:e,i*(V?-1:1),s)}}};function Za(t,e){return t==="next"?1:t==="previous"||t0?1-ti(e):ti(t)},translate(t,e){return e<0?[{transform:q(t*100),zIndex:0},{transform:q(-30*(1-t)),zIndex:-1}]:[{transform:q(-30*t),zIndex:-1},{transform:q(100*(1-t)),zIndex:0}]}}};function ye(t){return`scale3d(${t}, ${t}, 1)`}var uo={...As,fade:{show(){return[{opacity:0},{opacity:1}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t},{opacity:t}]}},scale:{show(){return[{opacity:0,transform:ye(1-.2)},{opacity:1,transform:ye(1)}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t,transform:ye(1-.2*t)},{opacity:t,transform:ye(1-.2+.2*t)}]}}},fo={i18n:{counter:"%s / %s"},mixins:[_s,ho],functional:!0,props:{counter:Boolean,preload:Number,nav:Boolean,slidenav:Boolean,delayControls:Number,videoAutoplay:Boolean,template:String},data:()=>({counter:!1,preload:1,nav:!1,slidenav:!0,delayControls:3e3,videoAutoplay:!1,items:[],cls:"uk-open",clsPage:"uk-lightbox-page",clsFit:"uk-lightbox-items-fit",clsZoom:"uk-lightbox-zoom",attrItem:"uk-lightbox-item",selList:".uk-lightbox-items",selClose:".uk-close-large",selNav:".uk-lightbox-thumbnav, .uk-lightbox-dotnav",selCaption:".uk-lightbox-caption",selCounter:".uk-lightbox-counter",pauseOnHover:!1,velocity:2,Animations:uo,template:'
            '}),created(){let t=x(this.template);H(t,"template")&&(t=Tt(xt(t)));const e=x(this.selList,t),i=this.$props.nav;et(D(this.selNav,t).filter(o=>!P(o,`.uk-${i}`)));for(const[o,r]of this.items.entries())j(e,"
            "),i==="thumbnav"&&We(tl(r,this.videoAutoplay),j(x(this.selNav,t),`
            • `));this.slidenav||et(D(".uk-lightbox-slidenav",t)),this.counter||et(x(this.selCounter,t)),E(e,this.clsFit);const s=x("[uk-close]",t),n=this.t("close");s&&n&&(s.dataset.i18n=JSON.stringify({label:n})),this.$mount(j(this.container,t))},events:[{name:"click",self:!0,filter:({bgClose:t})=>t,delegate:({selList:t})=>`${t} > *`,handler(t){t.defaultPrevented||this.hide()}},{name:"click",self:!0,delegate:({clsZoom:t})=>`.${t}`,handler(t){t.defaultPrevented||F(this.list,this.clsFit)}},{name:`${De} ${dt} keydown`,filter:({delayControls:t})=>t,handler(){this.showControls()}},{name:"shown",self:!0,handler(){this.showControls()}},{name:"hide",self:!0,handler(){this.hideControls(),_(this.slides,this.clsActive),M.stop(this.slides)}},{name:"hidden",self:!0,handler(){this.$destroy(!0)}},{name:"keyup",el:()=>document,handler({keyCode:t}){if(!this.isToggled()||!this.draggable)return;let e=-1;t===B.LEFT?e="previous":t===B.RIGHT?e="next":t===B.HOME?e=0:t===B.END&&(e="last"),~e&&this.show(e)}},{name:"beforeitemshow",handler(t){xt(x(this.selCaption,this.$el),this.getItem().caption||""),xt(x(this.selCounter,this.$el),this.t("counter",this.index+1,this.slides.length));for(let e=-this.preload;e<=this.preload;e++)this.loadItem(this.index+e);this.isToggled()||(this.draggable=!1,t.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=uo.scale,_(t.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshown",handler(){this.draggable=this.$props.draggable}},{name:"itemload",async handler(t,e){const{source:i,type:s,attrs:n={}}=e;if(this.setItem(e,""),!i)return;let o;const r={allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":!!this.videoAutoplay};if(s==="image"||po(i)){const a=Ft("img");qn(a,e.sources),k(a,{src:i,...ci(e,["alt","srcset","sizes"]),...n}),w(a,"load",()=>this.setItem(e,O(a)||a)),w(a,"error",()=>this.setError(e))}else if(s==="video"||go(i)){const a=this.videoAutoplay==="inline",l=Ft("video",{src:i,playsinline:"",controls:a?null:"",loop:a?"":null,muted:a?"":null,poster:this.videoAutoplay?null:e.poster,"uk-video":!!this.videoAutoplay,...n});w(l,"loadedmetadata",()=>this.setItem(e,l)),w(l,"error",()=>this.setError(e))}else if(s==="iframe"||i.match(/\.(html|php)($|\?)/i))this.setItem(e,Ft("iframe",{src:i,allowfullscreen:"",class:"uk-lightbox-iframe",...n}));else if(o=i.match(/\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(e,Ft("iframe",{src:`https://www.youtube${o[1]||""}.com/embed/${o[2]}${o[3]?`?${o[3]}`:""}`,width:1920,height:1080,...r,...n}));else if(o=i.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))try{const{height:a,width:l}=await(await fetch(`https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(i)}`,{credentials:"omit"})).json();this.setItem(e,Ft("iframe",{src:`https://player.vimeo.com/video/${o[1]}${o[2]?`?${o[2]}`:""}`,width:l,height:a,...r,...n}))}catch{this.setError(e)}}},{name:"itemloaded",handler(){this.$emit("resize")}}],update:{read(){for(const t of D(`${this.selList} :not([controls]):is(img,video)`,this.$el))F(t,this.clsZoom,(t.naturalHeight||t.videoHeight)-this.$el.offsetHeight>Math.max(0,(t.naturalWidth||t.videoWidth)-this.$el.offsetWidth))},events:["resize"]},methods:{loadItem(t=this.index){const e=this.getItem(t);this.getSlide(e).childElementCount||m(this.$el,"itemload",[e])},getItem(t=this.index){return this.items[at(t,this.slides)]},setItem(t,e){m(this.$el,"itemloaded",[this,xt(this.getSlide(t),e)])},getSlide(t){return this.slides[this.items.indexOf(t)]},setError(t){this.setItem(t,'')},showControls(){clearTimeout(this.controlsTimer),this.controlsTimer=this.delayControls&&setTimeout(this.hideControls,this.delayControls),E(this.$el,"uk-active","uk-transition-active")},hideControls(){_(this.$el,"uk-active","uk-transition-active")}}};function Ft(t,e){const i=Tt(`<${t}>`);return k(i,e),i}function tl(t,e){const i=t.poster||t.thumb&&(t.type==="image"||po(t.thumb))?Ft("img",{src:t.poster||t.thumb,alt:""}):t.thumb&&(t.type==="video"||go(t.thumb))?Ft("video",{src:t.thumb,loop:"",playsinline:"",muted:"","uk-video":e==="inline"}):Ft("canvas");return t.thumbRatio&&(i.style.aspectRatio=t.thumbRatio),i}function po(t){return t==null?void 0:t.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)}function go(t){return t==null?void 0:t.match(/\.(mp4|webm|ogv)($|\?)/i)}const el=".uk-disabled *, .uk-disabled, [disabled]";var il={install:sl,props:{toggle:String},data:{toggle:"a"},computed:{toggles:({toggle:t},e)=>D(t,e)},watch:{toggles(t){this.hide();for(const e of t)H(e,"a")&&(e.role="button")}},disconnected(){this.hide()},events:{name:"click",delegate:({toggle:t})=>t,handler(t){t.defaultPrevented||(t.preventDefault(),P(t.current,el)||this.show(t.current))}},methods:{show(t){let e=this.toggles.map(mo);if(this.nav==="thumbnav"&&nl.call(this,this.toggles,e),e=Xs(e,"source"),ae(t)){const{source:i}=mo(t);t=kt(e,({source:s})=>i===s)}return this.panel=this.panel||this.$create("lightboxPanel",{...this.$props,items:e}),w(this.panel.$el,"hidden",()=>this.panel=null),this.panel.show(t)},hide(){var t;return(t=this.panel)==null?void 0:t.hide()}}};function sl(t,e){t.lightboxPanel||t.component("lightboxPanel",fo),pt(e.props,t.component("lightboxPanel").options.props)}function nl(t,e){for(const[i,s]of Object.entries(t)){if(e[i].thumb)continue;const n=fe(s).reverse().concat(s).find(r=>this.$el.contains(r)&&(r===s||D(this.toggle,r).length===1));if(!n)continue;const o=x("img,video",n);o&&(e[i].thumb=o.currentSrc||o.poster||o.src,e[i].thumbRatio=(o.naturalWidth||o.videoWidth)/(o.naturalHeight||o.videoHeight))}}function mo(t){const e={};for(const i of t.getAttributeNames()){const s=i.replace(/^data-/,"");e[s==="href"?"source":s]=t.getAttribute(i)}return e.attrs=be(e.attrs),e}var ol={mixins:[Qe],functional:!0,args:["message","status"],data:{message:"",status:"",timeout:5e3,group:"",pos:"top-center",clsContainer:"uk-notification",clsClose:"uk-notification-close",clsMsg:"uk-notification-message"},install:rl,computed:{marginProp:({pos:t})=>`margin-${t.match(/[a-z]+(?=-)/)[0]}`,startProps(){return{opacity:0,[this.marginProp]:-this.$el.offsetHeight}}},created(){const t=`${this.clsContainer}-${this.pos}`,e=`data-${this.clsContainer}-container`,i=x(`.${t}[${e}]`,this.container)||j(this.container,`
            `);this.$mount(j(i,``))},async connected(){const t=I(c(this.$el,this.marginProp));await M.start(c(this.$el,this.startProps),{opacity:1,[this.marginProp]:t}),this.timeout&&(this.timer=setTimeout(this.close,this.timeout))},events:{click(t){Pt(t),this.close()},[Ot](){this.timer&&clearTimeout(this.timer)},[Mt](){this.timeout&&(this.timer=setTimeout(this.close,this.timeout))}},methods:{async close(t){const e=i=>{const s=O(i);m(i,"close",[this]),et(i),s!=null&&s.hasChildNodes()||et(s)};this.timer&&clearTimeout(this.timer),t||await M.start(this.$el,this.startProps),e(this.$el)}}};function rl(t){t.notification.closeAll=function(e,i){Bt(document.body,s=>{const n=t.getComponent(s,"notification");n&&(!e||e===n.group)&&n.close(i)})}}var Mi={props:{media:Boolean},data:{media:!1},connected(){const t=al(this.media,this.$el);if(this.matchMedia=!0,t){this.mediaObj=window.matchMedia(t);const e=()=>{this.matchMedia=this.mediaObj.matches,m(this.$el,ge("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=w(this.mediaObj,"change",()=>{e(),this.$emit("resize")}),e()}},disconnected(){var t;(t=this.offMediaObj)==null||t.call(this)}};function al(t,e){if(L(t)){if(yt(t,"@"))t=I(c(e,`--uk-breakpoint-${t.slice(1)}`));else if(isNaN(t))return t}return t&&bt(t)?`(min-width: ${t}px)`:""}function vo(t){return W(t)?Math.ceil(Math.max(0,...D("[stroke]",t).map(e=>{var i;return((i=e.getTotalLength)==null?void 0:i.call(e))||0}))):0}const Di={x:Bi,y:Bi,rotate:Bi,scale:Bi,color:Bs,backgroundColor:Bs,borderColor:Bs,blur:ee,hue:ee,fopacity:ee,grayscale:ee,invert:ee,saturate:ee,sepia:ee,opacity:cl,stroke:hl,bgx:xo,bgy:xo},{keys:bo}=Object;var wo={mixins:[Mi],props:Io(bo(Di),"list"),data:Io(bo(Di),void 0),computed:{props(t,e){const i={};for(const n in t)n in Di&&!K(t[n])&&(i[n]=t[n].slice());const s={};for(const n in i)s[n]=Di[n](n,e,i[n],i);return s}},events:{load(){this.$emit()}},methods:{reset(){wt(this.$el,this.getCss(0))},getCss(t){const e={};for(const i in this.props)this.props[i](e,U(t));return e.willChange=Object.keys(e).map(mi).join(","),e}}};function Bi(t,e,i){let s=zi(i)||{x:"px",y:"px",rotate:"deg"}[t]||"",n;return t==="x"||t==="y"?(t=`translate${Lt(t)}`,n=o=>I(I(o).toFixed(s==="px"?0:6))):t==="scale"&&(s="",n=o=>{var r;return zi([o])?X(o,"width",e,!0)/e[`offset${(r=o.endsWith)!=null&&r.call(o,"vh")?"Height":"Width"}`]:I(o)}),i.length===1&&i.unshift(t==="scale"?1:0),i=ke(i,n),(o,r)=>{o.transform=`${o.transform||""} ${t}(${si(i,r)}${s})`}}function Bs(t,e,i){return i.length===1&&i.unshift(ni(e,t,"")),i=ke(i,s=>ll(e,s)),(s,n)=>{const[o,r,a]=So(i,n),l=o.map((h,u)=>(h+=a*(r[u]-h),u===3?I(h):parseInt(h,10))).join(",");s[t]=`rgba(${l})`}}function ll(t,e){return ni(t,"color",e).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(I)}function ee(t,e,i){i.length===1&&i.unshift(0);const s=zi(i)||{blur:"px",hue:"deg"}[t]||"%";return t={fopacity:"opacity",hue:"hue-rotate"}[t]||t,i=ke(i),(n,o)=>{const r=si(i,o);n.filter=`${n.filter||""} ${t}(${r+s})`}}function cl(t,e,i){return i.length===1&&i.unshift(ni(e,t,"")),i=ke(i),(s,n)=>{s[t]=si(i,n)}}function hl(t,e,i){i.length===1&&i.unshift(0);const s=zi(i),n=vo(e);return i=ke(i.reverse(),o=>(o=I(o),s==="%"?o*n/100:o)),i.some(([o])=>o)?(c(e,"strokeDasharray",n),(o,r)=>{o.strokeDashoffset=si(i,r)}):A}function xo(t,e,i,s){i.length===1&&i.unshift(0);const n=t==="bgy"?"height":"width";s[t]=ke(i,a=>X(a,n,e));const o=["bgx","bgy"].filter(a=>a in s);if(o.length===2&&t==="bgx")return A;if(ni(e,"backgroundSize","")==="cover")return ul(t,e,i,s);const r={};for(const a of o)r[a]=$o(e,a);return yo(o,r,s)}function ul(t,e,i,s){const n=dl(e);if(!n.width)return A;const o={width:e.offsetWidth,height:e.offsetHeight},r=["bgx","bgy"].filter(u=>u in s),a={};for(const u of r){const d=s[u].map(([S])=>S),f=Math.min(...d),b=Math.max(...d),y=d.indexOf(f){h(u,d),u.backgroundSize=`${l.width}px ${l.height}px`,u.backgroundRepeat="no-repeat"}}function $o(t,e){return ni(t,`background-position-${e.slice(-1)}`,"")}function yo(t,e,i){return function(s,n){for(const o of t){const r=si(i[o],n);s[`background-position-${o.slice(-1)}`]=`calc(${e[o]} + ${r}px)`}}}const ko={},Ni={};function dl(t){const e=c(t,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(Ni[e])return Ni[e];const i=new Image;return e&&(i.src=e,!i.naturalWidth&&!ko[e])?(z(i,"error load",()=>{Ni[e]=Ns(i),m(t,ge("load",!1))}),ko[e]=!0,Ns(i)):Ni[e]=Ns(i)}function Ns(t){return{width:t.naturalWidth,height:t.naturalHeight}}function ke(t,e=I){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 So(t,e){const i=kt(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 si(t,e){const[i,s,n]=So(t,e);return i+Math.abs(i-s)*n*(i(i[s]=e,i),{})}function Eo(t,e){return e>=0?Math.pow(t,e+1):1-Math.pow(1-t,1-e)}var pl={mixins:[wo],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)=>Co(t&&Z(t,e)||e),start({start:t}){return X(t,"height",this.target,!0)},end({end:t,viewport:e}){return X(t||(e=(1-e)*100)&&`${e}vh+${e}%`,"height",this.target,!0)}},observe:[$s(),Je({target:({target:t})=>t}),ct({target:({$el:t,target:e})=>[t,e,zt(e,!0)]})],update:{read({percent:t},e){if(e.has("scroll")||(t=!1),!W(this.$el))return!1;if(!this.matchMedia)return;const i=t;return t=Eo(Ei(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 Co(t){return t?"offsetTop"in t?t:Co(O(t)):document.documentElement}var To={props:{parallax:Boolean,parallaxTarget:Boolean,parallaxStart:String,parallaxEnd:String,parallaxEasing:Number},data:{parallax:!1,parallaxTarget:!1,parallaxStart:0,parallaxEnd:0,parallaxEasing:0},observe:[ct({target:({$el:t,parallaxTarget:e})=>[t,e],filter:({parallax:t})=>t}),Je({filter:({parallax:t})=>t})],computed:{parallaxTarget({parallaxTarget:t},e){return t&&Z(t,e)||this.list}},update:{read(){if(!this.parallax)return!1;const t=this.parallaxTarget;if(!t)return!1;const e=X(this.parallaxStart,"height",t,!0),i=X(this.parallaxEnd,"height",t,!0),s=Eo(Ei(t,e,i),this.parallaxEasing);return{parallax:this.getIndexAt(s)}},write({parallax:t}){const[e,i]=t,s=this.getValidIndex(e+Math.ceil(i)),n=this.slides[e],o=this.slides[s],{triggerShow:r,triggerShown:a,triggerHide:l,triggerHidden:h}=gl(this);if(~this.prevIndex)for(const d of new Set([this.index,this.prevIndex]))v([s,e],d)||(l(this.slides[d]),h(this.slides[d]));const u=this.prevIndex!==e||this.index!==s;this.dir=1,this.prevIndex=e,this.index=s,n!==o&&l(n),r(o),u&&a(n),this._translate(n===o?1:i,n,o)},events:["scroll","resize"]},methods:{getIndexAt(t){const e=t*(this.length-1);return[Math.floor(e),e%1]}}};function gl(t){const{clsSlideActive:e,clsEnter:i,clsLeave:s}=t;return{triggerShow:n,triggerShown:o,triggerHide:r,triggerHidden:a};function n(l){$(l,s)&&(r(l),a(l)),$(l,e)||(m(l,"beforeitemshow",[t]),m(l,"itemshow",[t]))}function o(l){$(l,i)&&m(l,"itemshown",[t])}function r(l){$(l,e)||n(l),$(l,i)&&o(l),$(l,s)||(m(l,"beforeitemhide",[t]),m(l,"itemhide",[t]))}function a(l){$(l,s)&&m(l,"itemhidden",[t])}}var Po={update:{write(){if(this.stack.length||this.dragging||this.parallax)return;const t=this.getValidIndex();!~this.prevIndex||this.index!==t?this.show(t):this._translate(1)},events:["resize"]}},_o={observe:Ti({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()}),methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}};function ml(t,e,i,{center:s,easing:n,list:o}){const r=t?oi(t,o,s):oi(e,o,s)+g(e).width*i,a=e?oi(e,o,s):r+g(t).width*i*(V?-1:1),{promise:l,resolve:h}=Yn();return{dir:i,show(u,d=0,f){const b=f?"linear":n;return u-=Math.round(u*U(d,-1,1)),c(o,"transitionProperty","none"),this.translate(d),c(o,"transitionProperty",""),d=t?d:U(d,0,1),Zt(this.getItemIn(),"itemin",{percent:d,duration:u,timing:b,dir:i}),t&&Zt(this.getItemIn(!0),"itemout",{percent:1-d,duration:u,timing:b,dir:i}),M.start(o,{transform:q(-a*(V?-1:1),"px")},u,b).then(h,A),l},cancel(){return M.cancel(o)},reset(){c(o,"transform","")},async forward(u,d=this.percent()){return await this.cancel(),this.show(u,d,!0)},translate(u){if(u===this.percent())return;const d=this.getDistance()*i*(V?-1:1);c(o,"transform",q(U(-a+(d-d*u),-Se(o),g(o).width)*(V?-1:1),"px"));const f=this.getActives(),b=this.getItemIn(),y=this.getItemIn(!0);u=t?U(u,-1,1):0;for(const p of N(o)){const S=v(f,p),J=p===b,mt=p===y,$t=J||!mt&&(S||i*(V?-1:1)===-1^Fi(p,o)>Fi(t||e));Zt(p,`itemtranslate${$t?"in":"out"}`,{dir:i,percent:mt?1-u:J?u:S?1:0})}},percent(){return Math.abs((new DOMMatrix(c(o,"transform")).m41*(V?-1:1)+r)/(a-r))},getDistance(){return Math.abs(a-r)},getItemIn(u=!1){let d=this.getActives(),f=Oo(o,oi(e||t,o,s));if(u){const b=d;d=f,f=b}return f[kt(f,b=>!v(d,b))]},getActives(){return Oo(o,oi(t||e,o,s))}}}function oi(t,e,i){const s=Fi(t,e);return i?s-vl(t,e):Math.min(s,Ao(e))}function Ao(t){return Math.max(0,Se(t)-g(t).width)}function Se(t,e){return qt(N(t).slice(0,e),i=>g(i).width)}function vl(t,e){return g(e).width/2-g(t).width/2}function Fi(t,e){return t&&(rs(t).left+(V?g(t).width-g(e).width:0))*(V?-1:1)||0}function Oo(t,e){e-=1;const i=g(t).width,s=e+i+2;return N(t).filter(n=>{const o=Fi(n,t),r=o+Math.min(g(n).width,i);return o>=e&&r<=s})}var bl={mixins:[st,lo,Po,To,_o],props:{center:Boolean,sets:Boolean,active:String},data:{center:!1,sets:!1,attrItem:"uk-slider-item",selList:".uk-slider-items",selNav:".uk-slider-nav",clsContainer:"uk-slider-container",active:"all",Transitioner:ml},computed:{finite({finite:t}){return t||wl(this.list,this.center)},maxIndex(){if(!this.finite||this.center&&!this.sets)return this.length-1;if(this.center)return jt(this.sets);let t=0;const e=Ao(this.list),i=kt(this.slides,s=>{if(t>=e-.005)return!0;t+=g(s).width});return~i?i:this.length-1},sets({sets:t}){if(!t||this.parallax)return;let e=0;const i=[],s=g(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 N(this.list).filter(W)}},connected(){F(this.$el,this.clsContainer,!x(`.${this.clsContainer}`,this.$el))},observe:ct({target:({slides:t,$el:e})=>[e,...t]}),update:{write(){for(const t of this.navItems){const e=St(tt(t,this.attrItem));e!==!1&&(t.hidden=!this.maxIndex||e>this.maxIndex||this.sets&&!v(this.sets,e))}this.reorder(),this.parallax||this._translate(1),this.updateActiveClasses()},events:["resize"]},events:{beforeitemshow(t){!this.dragging&&this.sets&&this.stack.length<2&&!v(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 n=0;n0?"next":"previous");t.preventDefault();return}const i=this.dir<0||!this.slides[this.prevIndex]?this.index:this.prevIndex,s=Se(this.list)/this.length;this.duration=co(s/this.velocity)*(g(this.slides[i]).width/s),this.reorder()},itemshow(){~this.prevIndex&&E(this._getTransitioner().getItemIn(),this.clsActive),this.updateActiveClasses(this.prevIndex)},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||!this.length)return;const e=this.slides[t];let i=g(this.list).width/2-g(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-=g(o).width}},updateActiveClasses(t=this.index){let e=this._getTransitioner(t).getActives();this.active!=="all"&&(e=[this.slides[this.getValidIndex(t)]]);const i=[this.clsActive,!this.sets||v(this.sets,I(this.index))?this.clsActivated:""];for(const s of this.slides){const n=v(e,s);F(s,i,n),s.ariaHidden=!n;for(const o of D(de,s))vt(o,"_tabindex")||(o._tabindex=o.tabIndex),o.tabIndex=n?o._tabindex:-1}},getValidIndex(t=this.index,e=this.prevIndex){if(t=this.getIndex(t,e),!this.sets)return t;let i;do{if(v(this.sets,t))return t;i=t,t=this.getIndex(t+this.dir,e)}while(t!==i);return t},getAdjacentSlides(){const{width:t}=g(this.list),e=-t,i=t*2,s=g(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+=g(h).width*r,o.add(h)}while(this.length>l&&a>e&&a=0&&eqt(s.filter(u=>!l.has(u)),u=>g(u).width))return!0}return!1}function xl(t){return Math.max(0,...N(t).map(e=>g(e).width))}var Mo={mixins:[wo],beforeConnect(){this.item=this.$el.closest(`.${this.$options.id.replace("parallax","items")} > *`)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el:({item:t})=>t,handler({type:t,detail:{percent:e,duration:i,timing:s,dir:n}}){Nt.read(()=>{if(!this.matchMedia)return;const o=this.getCss(Bo(t,n,e)),r=this.getCss(Do(t)?.5:n>0?1:0);Nt.write(()=>{c(this.$el,o),M.start(this.$el,r,i,s).catch(A)})})}},{name:"transitioncanceled transitionend",self:!0,el:({item:t})=>t,handler(){M.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el:({item:t})=>t,handler({type:t,detail:{percent:e,dir:i}}){Nt.read(()=>{if(!this.matchMedia){this.reset();return}const s=this.getCss(Bo(t,i,e));Nt.write(()=>c(this.$el,s))})}}]};function Do(t){return oe(t,"in")}function Bo(t,e,i){return i/=2,Do(t)^e<0?i:1-i}var $l={mixins:[st,ho,Po,To,_o],props:{ratio:String,minHeight:String,maxHeight:String},data:{ratio:"16:9",minHeight:void 0,maxHeight:void 0,selList:".uk-slideshow-items",attrItem:"uk-slideshow-item",selNav:".uk-slideshow-nav",Animations:Qa},watch:{list(t){c(t,{aspectRatio:this.ratio?this.ratio.replace(":","/"):void 0,minHeight:this.minHeight,maxHeight:this.maxHeight,width:"100%"})}},methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}},yl={mixins:[st,Hn],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:{}},events:{name:dt,passive:!1,handler(t){this.init(t)}},computed:{target:(t,e)=>(e.tBodies||[e])[0],items(){return N(this.target)},isEmpty(){return!this.items.length},handles({handle:t},e){return t?D(t,e):this.items}},watch:{isEmpty(t){F(this.target,this.clsEmpty,t)},handles(t,e){const i={touchAction:"none",userSelect:"none"};wt(e,i),c(t,i)}},update:{write(t){if(!this.drag||!O(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(M.inProgress))return;const l=El(a,{x:e,y:i});if(a.length&&(!l||l===o))return;const h=this.getSortable(o),u=Cl(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=>o.contains(e));!n||s||i>0||pi(e)||e.closest(`.${this.clsNoDrag}`)||this.handle&&!e.closest(this.handle)||(t.preventDefault(),this.pos=Ct(t),this.touched=new Set([this]),this.placeholder=n,this.origin={target:e,index:Et(n),...this.pos},w(document,De,this.move),w(document,At,this.end),this.threshold||this.start(t))},start(t){this.drag=Il(this.$container,this.placeholder);const{left:e,top:i}=g(this.placeholder);pt(this.origin,{offsetLeft:this.pos.x-e,offsetTop:this.pos.y-i}),E(this.drag,this.clsDrag,this.clsCustom),E(this.placeholder,this.clsPlaceholder),E(this.items,this.clsItem),E(document.documentElement,this.clsDragState),m(this.$el,"start",[this,this.placeholder]),kl(this.pos),this.move(t)},move:Pl(function(t){pt(this.pos,Ct(t)),!this.drag&&(Math.abs(this.pos.x-this.origin.x)>this.threshold||Math.abs(this.pos.y-this.origin.y)>this.threshold)&&this.start(t),this.$emit("move")}),end(){if(Vt(document,De,this.move),Vt(document,At,this.end),!this.drag)return;Sl();const t=this.getSortable(this.placeholder);this===t?this.origin.index!==Et(this.placeholder)&&m(this.$el,"moved",[this,this.placeholder]):(m(t.$el,"added",[t,this.placeholder]),m(this.$el,"removed",[this,this.placeholder])),m(this.$el,"stop",[this,this.placeholder]),et(this.drag),this.drag=null;for(const{clsPlaceholder:e,clsItem:i}of this.touched)for(const s of this.touched)_(s.items,e,i);this.touched=null,_(document.documentElement,this.clsDragState)},insert(t,e){E(this.items,this.clsItem),e&&e.previousElementSibling!==t?this.animate(()=>bi(e,t)):!e&&this.target.lastElementChild!==t&&this.animate(()=>j(this.target,t))},remove(t){this.target.contains(t)&&this.animate(()=>et(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=O(t))}}};let No;function kl(t){let e=Date.now();No=setInterval(()=>{let{x:i,y:s}=t;s+=document.scrollingElement.scrollTop;const n=(Date.now()-e)*.3;e=Date.now(),Yt(document.elementFromPoint(i,t.y)).reverse().some(o=>{let{scrollTop:r,scrollHeight:a}=o;const{top:l,bottom:h,height:u}=nt(o);if(ls)r-=n;else if(h>s&&h-350&&r"),j(i,e.cloneNode(!0).children);for(const s of e.getAttributeNames())k(i,s,e.getAttribute(s))}else i=e.cloneNode(!0);return j(t,i),c(i,"margin","0","important"),c(i,{boxSizing:"border-box",width:e.offsetWidth,height:e.offsetHeight,padding:c(e,"padding")}),it(i.firstElementChild,it(e.firstElementChild)),i}function El(t,e){return t[kt(t,i=>ui(e,g(i)))]}function Cl(t,e,i,s,n,o){if(!N(t).length)return;const r=g(e);if(!o)return Tl(t,i)||nr[f]-b?!1:e}function Tl(t,e){const i=N(t).length===1;i&&j(t,e);const s=N(t),n=s.some((o,r)=>{const a=g(o);return s.slice(r+1).some(l=>{const h=g(l);return!zo([a.left,a.right],[h.left,h.right])})});return i&&et(e),n}function zo(t,e){return t[1]>e[0]&&e[1]>t[0]}function Pl(t){let e;return function(...i){e||(e=!0,t.call(this,...i),requestAnimationFrame(()=>e=!1))}}var _l={mixins:[Qe,Kt,Un],data:{pos:"top",animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},connected(){Al(this.$el)},disconnected(){this.hide()},methods:{show(){if(this.isToggled(this.tooltip||null))return;const{delay:t=0,title:e}=Ml(this.$options);if(!e)return;const i=k(this.$el,"title"),s=w(this.$el,["blur",Mt],o=>!gt(o)&&this.hide());this.reset=()=>{k(this.$el,{title:i,"aria-describedby":null}),s()};const n=te(this);k(this.$el,{title:null,"aria-describedby":n}),clearTimeout(this.showTimer),this.showTimer=setTimeout(()=>this._show(e,n),t)},async hide(){var t;P(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&await this.toggleElement(this.tooltip,!1,!1),(t=this.reset)==null||t.call(this),et(this.tooltip),this.tooltip=null)},async _show(t,e){this.tooltip=j(this.container,``),w(this.tooltip,"toggled",(i,s)=>{if(!s)return;const n=()=>this.positionAt(this.tooltip,this.$el);n();const[o,r]=Ol(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?`${yi(o)}-${r}`:`${r}-${yi(o)}`;const a=[z(document,`keydown ${dt}`,this.hide,!1,l=>l.type===dt&&!this.$el.contains(l.target)||l.type==="keydown"&&l.keyCode===B.ESC),w([document,...Xt(this.$el)],"scroll",n,{passive:!0})];z(this.tooltip,"hide",()=>a.forEach(l=>l()),{self:!0})}),await this.toggleElement(this.tooltip,!0)||this.hide()}},events:{[`focus ${Ot} ${dt}`](t){(!gt(t)||t.type===dt)&&document.readyState!=="loading"&&this.show()}}};function Al(t){Ne(t)||(t.tabIndex=0)}function Ol(t,e,[i,s]){const n=T(t),o=T(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}}return s=(v(r[0],i)?r[1]:r[0]).find(l=>n[l]===o[l])||"center",[i,s]}function Ml(t){const{el:e,id:i,data:s}=t;return["delay","title"].reduce((n,o)=>({[o]:tt(e,o),...n}),{...be(tt(e,i),["title"]),...s})}var Dl={mixins:[_i],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:A,beforeAll:A,beforeSend:A,complete:A,completeAll:A,error:A,fail:A,load:A,loadEnd:A,loadStart:A,progress:A},events:{change(t){P(t.target,'input[type="file"]')&&(t.preventDefault(),t.target.files&&this.upload(t.target.files),t.target.value="")},drop(t){Hi(t);const e=t.dataTransfer;e!=null&&e.files&&(_(this.$el,this.clsDragover),this.upload(e.files))},dragenter(t){Hi(t)},dragover(t){Hi(t),E(this.$el,this.clsDragover)},dragleave(t){Hi(t),_(this.$el,this.clsDragover)}},methods:{async upload(t){if(t=re(t),!t.length)return;m(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 Nl(this.url,{data:n,method:this.method,responseType:this.type,beforeSend:r=>{const{xhr:a}=r;w(a.upload,"progress",this.progress);for(const l of["loadStart","load","loadEnd","abort"])w(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 Fo(t,e){return e.match(new RegExp(`^${t.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")}$`,"i"))}function Bl(t,e){const i=[];for(let s=0;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]);w(n,"load",()=>{n.status===0||n.status>=200&&n.status<300||n.status===304?i(n):s(pt(Error(n.statusText),{xhr:n,status:n.status}))}),w(n,"error",()=>s(pt(Error("Network Error"),{xhr:n}))),w(n,"timeout",()=>s(pt(Error("Network Timeout"),{xhr:n}))),n.send(e.data)})}var Fl=Object.freeze({__proto__:null,Countdown:Yr,Filter:ra,Lightbox:il,LightboxPanel:fo,Notification:ol,Parallax:pl,Slider:bl,SliderParallax:Mo,Slideshow:$l,SlideshowParallax:Mo,Sortable:yl,Tooltip:_l,Upload:Dl});function Hl(t){Ut&&window.MutationObserver&&(document.body?requestAnimationFrame(()=>Ho(t)):new MutationObserver((e,i)=>{document.body&&(Ho(t),i.disconnect())}).observe(document.documentElement,{childList:!0}))}function Ho(t){m(document,"uikit:init",t),document.body&&Bt(document.body,Lo),new MutationObserver(Ll).observe(document,{subtree:!0,childList:!0,attributes:!0}),t._initialized=!0}function Ll(t){var e;for(const{addedNodes:i,removedNodes:s,target:n,attributeName:o}of t){for(const a of i)Bt(a,Lo);for(const a of s)Bt(a,Wl);const r=o&&Wo(o);r&&(It(n,o)?ei(r,n):(e=Oi(n,r))==null||e.$destroy())}}function Lo(t){const e=ii(t);for(const i in e)Ms(e[i]);for(const i of t.getAttributeNames()){const s=Wo(i);s&&ei(s,t)}}function Wl(t){const e=ii(t);for(const i in e)Ds(e[i])}function Wo(t){yt(t,"data-")&&(t=t.slice(5));const e=$e[t];return e&&(e.options||e).name}Va(ht),Ga(ht);var jo={mixins:[st,Kt],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)=>D(t,e),toggles({toggle:t}){return this.items.map(e=>x(t,e))},contents({content:t}){return this.items.map(e=>{var i;return((i=e._wrapper)==null?void 0:i.firstElementChild)||x(t,e)})}},watch:{items(t,e){if(e||$(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=$(this.items.find(s=>s.contains(e)),this.clsOpen);Li(e,!i)}this.$emit()}},observe:Ti(),events:[{name:"click keydown",delegate:({targets:t,$props:e})=>`${t} ${e.toggle}`,async handler(t){var e;t.type==="keydown"&&t.keyCode!==B.SPACE||(Pt(t),(e=this._off)==null||e.call(this),this._off=ql(t.target),await this.toggle(Et(this.toggles,t.current)),this._off())}},{name:"shown hidden",self:!0,delegate:({targets:t})=>t,handler(){this.$emit()}}],update(){const t=ze(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=te(this,i),s.id=te(this,s);const n=v(t,this.items[e]);k(i,{role:H(i,"a")?"button":null,"aria-controls":s.id,"aria-expanded":n,"aria-disabled":!this.collapsible&&t.length<2&&n}),k(s,{role:"region","aria-labelledby":i.id}),H(s,"ul")&&k(N(s),"role","presentation")}},methods:{toggle(t,e){t=this.items[at(t,this.items)];let i=[t];const s=ze(this.items,`.${this.clsOpen}`);if(!this.multiple&&!v(s,i[0])&&(i=i.concat(s)),!(!this.collapsible&&s.length<2&&v(s,t)))return Promise.all(i.map(n=>this.toggleElement(n,!v(s,n),(o,r)=>{if(F(o,this.clsOpen,r),e===!1||!this.animation){Li(x(this.content,o),!r);return}return jl(o,r,this)})))}}};function Li(t,e){t&&(t.hidden=e)}async function jl(t,e,{content:i,duration:s,velocity:n,transition:o}){var r;i=((r=t._wrapper)==null?void 0:r.firstElementChild)||x(i,t),t._wrapper||(t._wrapper=We(i,"
            "));const a=t._wrapper;c(a,"overflow","hidden");const l=I(c(a,"height"));await M.cancel(a),Li(i,!1);const h=qt(["marginTop","marginBottom"],d=>c(i,d))+g(i).height,u=l/h;s=(n*h+s)*(e?1-u:u),c(a,"height",l),await M.start(a,{height:e?h:0},s,o),je(i),delete t._wrapper,e||Li(i,!0)}function ql(t){const e=zt(t,!0);let i;return(function s(){i=requestAnimationFrame(()=>{const{top:n}=g(t);n<0&&(e.scrollTop+=n),s()})})(),()=>requestAnimationFrame(()=>cancelAnimationFrame(i))}var Rl={mixins:[st,Kt],args:"animation",props:{animation:Boolean,close:String},data:{animation:!0,selClose:".uk-alert-close",duration:150},events:{name:"click",delegate:({selClose:t})=>t,handler(t){Pt(t),this.close()}},methods:{async close(){await this.toggleElement(this.$el,!1,Ul),this.$destroy(!0)}}};function Ul(t,e,{duration:i,transition:s,velocity:n}){const o=I(c(t,"height"));return c(t,"height",o),M.start(t,{height:0,marginTop:0,marginBottom:0,paddingTop:0,paddingBottom:0,borderTop:0,borderBottom:0,opacity:0},n*o+i,s)}var qo={args:"autoplay",props:{automute:Boolean,autoplay:Boolean,restart:Boolean,hoverTarget:Boolean},data:{automute:!1,autoplay:!0,restart:!1,hoverTarget:!1},beforeConnect(){const t=H(this.$el,"video");this.autoplay==="inview"&&t&&!It(this.$el,"preload")&&(this.$el.preload="none"),!t&&!It(this.$el,"allow")&&(this.$el.allow="autoplay"),this.autoplay==="hover"&&(t?this.$el.tabIndex=0:this.autoplay=!0),(this.automute||It(this.$el,"muted"))&&vn(this.$el)},events:[{name:`${Ot} focusin`,el:({hoverTarget:t,$el:e})=>Z(t,e)||e,filter:({autoplay:t})=>v(t,"hover"),handler(t){!gt(t)||!Vl(this.$el)?us(this.$el):zs(this.$el,this.restart)}},{name:`${Mt} focusout`,el:({hoverTarget:t,$el:e})=>Z(t,e)||e,filter:({autoplay:t})=>v(t,"hover"),handler(t){gt(t)||zs(this.$el,this.restart)}}],observe:[Jt({filter:({$el:t})=>t.preload==="none",handler([{target:t}]){t.preload="",this.$reset()}}),Jt({filter:({$el:t,autoplay:e})=>e!=="hover"&&t.preload!=="none",handler([{isIntersecting:t,target:e}]){document.fullscreenElement||(t?this.autoplay&&us(e):zs(e,this.restart))},args:{intersecting:!1},options:({$el:t,autoplay:e})=>({root:e==="inview"?null:O(t).closest(":not(a)")})})]};function Vl(t){return!t.paused&&!t.ended}function zs(t,e){mn(t),e&&H(t,"video")&&(t.currentTime=0)}var Gl={mixins:[qo],props:{width:Number,height:Number},data:{automute:!0},created(){this.useObjectFit=H(this.$el,"img","video")},observe:ct({target:({$el:t})=>Ro(t)||O(t),filter:({useObjectFit:t})=>!t}),update:{read(){if(this.useObjectFit)return!1;const{$el:t,width:e=t.clientWidth,height:i=t.clientHeight}=this,s=Ro(t)||O(t),n=Xi.cover({width:e,height:i},{width:s.offsetWidth,height:s.offsetHeight});return n.width&&n.height?n:!1},write({height:t,width:e}){c(this.$el,{height:t,width:e})},events:["resize"]}};function Ro(t){for(;t=O(t);)if(c(t,"position")!=="static")return t}let Y;var Uo={mixins:[st,Qe,Un,Kt],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,animateOut:Boolean,bgScroll:Boolean,closeOnScroll: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,animateOut:!1,bgScroll:!0,animation:["uk-animation-fade"],cls:"uk-open",container:!1,closeOnScroll:!1,selClose:".uk-drop-close"},computed:{boundary({boundary:t,boundaryX:e,boundaryY:i},s){return[Z(e||t,s)||window,Z(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:Z(e,s),i===!0?window:Z(i,s)]}},created(){this.tracker=new fn},connected(){E(this.$el,"uk-drop"),this.toggle&&!this.targetEl&&(this.targetEl=Xl(this)),k(this.targetEl,"aria-expanded",!1),this._style=ci(this.$el.style,["width","height"])},disconnected(){this.isActive()&&(this.hide(!1),Y=null),c(this.$el,this._style)},events:[{name:"click",delegate:({selClose:t})=>t,handler(t){Pt(t),this.hide(!1)}},{name:"click",delegate:()=>'a[href*="#"]',handler({defaultPrevented:t,current:e}){const{hash:i}=e;!t&&i&&pe(e)&&!this.$el.contains(x(i))&&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(),P(this.$el,":focus,:hover")||this.hide()}},{name:`${Ot} focusin`,filter:({mode:t})=>v(t,"hover"),handler(t){gt(t)||this.clearTimers()}},{name:`${Mt} focusout`,filter:({mode:t})=>v(t,"hover"),handler(t){!gt(t)&&t.relatedTarget&&this.hide()}},{name:"toggled",self:!0,handler(t,e){e&&(this.clearTimers(),this.position())}},{name:"show",self:!0,handler(){Y=this,this.tracker.init(),k(this.targetEl,"aria-expanded",!0);const t=[Jl(this),Kl(this),Ql(this),this.autoUpdate&&Vo(this),this.closeOnScroll&&Zl(this)];z(this.$el,"hide",()=>t.forEach(e=>e&&e()),{self:!0}),this.bgScroll||z(this.$el,"hidden",Rn(this.$el),{self:!0})}},{name:"beforehide",self:!0,handler(){this.clearTimers()}},{name:"hide",handler({target:t}){if(this.$el!==t){Y=Y===null&&this.$el.contains(t)&&this.isToggled()?this:Y;return}Y=this.isActive()?null:Y,this.tracker.cancel(),k(this.targetEl,"aria-expanded",!1)}}],update:{write(){this.isToggled()&&!$(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(Y){if(e&&Y.isDelaying()){this.showTimer=setTimeout(()=>P(t,":hover")&&this.show(),10);return}let i;for(;Y&&i!==Y&&!Y.$el.contains(this.$el);)i=Y,Y.hide(!1,!1);e=!1}this.container&&O(this.$el)!==this.container&&j(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.isDelayedHide=t,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},isActive(){return Y===this},isDelaying(){return[this.$el,...D(".uk-drop",this.$el)].some(t=>this.tracker.movesTo(t))},position(){const t=Pi(this.$el);_(this.$el,"uk-drop-stack"),c(this.$el,this._style),this.$el.hidden=!0;const e=this.target.map(o=>Yl(this.$el,o)),i=this.getViewportOffset(this.$el),s=[[0,["x","width","left","right"]],[1,["y","height","top","bottom"]]];for(const[o,[r,a]]of s)this.axis!==r&&v([r,!0],this.stretch)&&c(this.$el,{[a]:Math.min(T(this.boundary[o])[a],e[o][a]-2*i),[`overflow-${r}`]:"auto"});const n=e[0].width-2*i;this.$el.hidden=!1,c(this.$el,"maxWidth",""),this.$el.offsetWidth>n&&E(this.$el,"uk-drop-stack"),c(this.$el,"maxWidth",n),this.positionAt(this.$el,this.target,this.boundary);for(const[o,[r,a,l,h]]of s)if(this.axis===r&&v([r,!0],this.stretch)){const u=Math.abs(this.getPositionOffset()),d=T(this.target[o]),f=T(this.$el);c(this.$el,{[a]:(d[l]>f[l]?d[this.inset?h:l]-Math.max(T(this.boundary[o])[l],e[o][l]+i):Math.min(T(this.boundary[o])[h],e[o][h]-i)-d[this.inset?l:h])-u,[`overflow-${r}`]:"auto"}),this.positionAt(this.$el,this.target,this.boundary)}t()}}};function Yl(t,e){return nt(Xt(e).find(i=>i.contains(t)))}function Xl(t){const{$el:e}=t.$create("toggle",Z(t.toggle,t.$el),{target:t.$el,mode:t.mode});return e.ariaHasPopup=!0,e}function Jl(t){const e=()=>t.$emit(),i=[cs(e),Ue(Xt(t.$el).concat(t.target),e)];return()=>i.map(s=>s.disconnect())}function Vo(t,e=()=>t.$emit()){return w([document,...Xt(t.$el)],"scroll",e,{passive:!0})}function Kl(t){return w(document,"keydown",e=>{e.keyCode===B.ESC&&t.hide(!1)})}function Zl(t){return Vo(t,()=>t.hide(!1))}function Ql(t){return w(document,dt,({target:e})=>{t.$el.contains(e)||z(document,`${At} ${fi} scroll`,({defaultPrevented:i,type:s,target:n})=>{var o;!i&&s===At&&e===n&&!((o=t.targetEl)!=null&&o.contains(e))&&t.hide(!1)},!0)})}var Go={mixins:[st,Qe],props:{align: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,closeOnScroll:Boolean},data:{align:V?"right":"left",clsDrop:"uk-dropdown",clsDropbar:"uk-dropnav-dropbar",boundary:!0,dropbar:!1,dropbarAnchor:!1,flip:!0,delayShow:160,duration:200,container:!1,selNavItem:"> li > a, > ul > li > a"},computed:{dropbarAnchor:({dropbarAnchor:t},e)=>Z(t,e)||e,dropbar({dropbar:t}){return t?(t=this._dropbar||Z(t,this.$el)||x(`+ .${this.clsDropbar}`,this.$el),t||(this._dropbar=x("
            "))):null},dropContainer(t,e){return this.container||e},dropdowns({clsDrop:t},e){var i;const s=D(`.${t}`,e);if(this.dropContainer!==e)for(const n of D(`.${t}`,this.dropContainer)){const o=(i=this.getDropdown(n))==null?void 0:i.targetEl;!v(s,n)&&o&&this.$el.contains(o)&&s.push(n)}return s},items({selNavItem:t},e){return D(t,e)}},watch:{dropbar(t){E(t,"uk-dropbar","uk-dropbar-top",this.clsDropbar,`uk-${this.$options.name}-dropbar`)},dropdowns(){this.initializeDropdowns()}},connected(){this.initializeDropdowns(),tc(this.$el)},disconnected(){et(this._dropbar),delete this._dropbar},events:[{name:"mouseover focusin",delegate:({selNavItem:t})=>t,handler({current:t}){const e=this.getActive();e&&v(e.mode,"hover")&&e.targetEl&&!t.contains(e.targetEl)&&!e.isDelaying()&&e.hide(!1)}},{name:"keydown",self:!0,delegate:({selNavItem:t})=>t,handler(t){var e;const{current:i,keyCode:s}=t,n=this.getActive();if(s===B.DOWN)if((n==null?void 0:n.targetEl)===i)t.preventDefault(),(e=x(de,n.$el))==null||e.focus();else{const o=this.dropdowns.find(r=>{var a;return((a=this.getDropdown(r))==null?void 0:a.targetEl)===i});o&&(t.preventDefault(),i.click(),z(o,"show",r=>{var a;return(a=x(de,r.target))==null?void 0:a.focus()}))}Yo(t,this.items,n)}},{name:"keydown",el:({dropContainer:t})=>t,delegate:({clsDrop:t})=>`.${t}`,handler(t){var e;const{current:i,keyCode:s,target:n}=t;if(pi(n)||!v(this.dropdowns,i))return;const o=this.getActive();let r=-1;if(s===B.HOME?r=0:s===B.END?r="last":s===B.UP?r="previous":s===B.DOWN?r="next":s===B.ESC&&((e=o.targetEl)==null||e.focus()),~r){t.preventDefault();const a=D(de,i);a[at(r,a,kt(a,l=>P(l,":focus")))].focus();return}Yo(t,this.items,o)}},{name:"mouseleave",el:({dropbar:t})=>t,filter:({dropbar:t})=>t,handler(){const t=this.getActive();t&&v(t.mode,"hover")&&!this.dropdowns.some(e=>P(e,":hover"))&&t.hide()}},{name:"beforeshow",el:({dropContainer:t})=>t,filter:({dropbar:t})=>t,handler({target:t}){this.isDropbarDrop(t)&&(this.dropbar.previousElementSibling!==this.dropbarAnchor&&wi(this.dropbarAnchor,this.dropbar),E(t,`${this.clsDrop}-dropbar`))}},{name:"show",el:({dropContainer:t})=>t,filter:({dropbar:t})=>t,handler({target:t}){if(!this.isDropbarDrop(t))return;const e=this.getDropdown(t),i=()=>{const s=Math.max(...fe(t,`.${this.clsDrop}`).concat(t).map(n=>T(n).bottom));T(this.dropbar,{left:T(this.dropbar).left,top:this.getDropbarOffset(e.getPositionOffset())}),this.transitionTo(s-T(this.dropbar).top+I(c(t,"marginBottom")),t)};this._observer=Ue([e.$el,...e.target],i),i()}},{name:"beforehide",el:({dropContainer:t})=>t,filter:({dropbar:t})=>t,handler(t){const e=this.getActive();P(this.dropbar,":hover")&&e.$el===t.target&&this.isDropbarDrop(e.$el)&&v(e.mode,"hover")&&e.isDelayedHide&&!this.items.some(i=>e.targetEl!==i&&P(i,":focus"))&&t.preventDefault()}},{name:"hide",el:({dropContainer:t})=>t,filter:({dropbar:t})=>t,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 v(this.dropdowns,(t=Y)==null?void 0:t.$el)&&Y},async transitionTo(t,e){const{dropbar:i}=this,s=it(i);if(e=s0&&c(e,"transitionDelay",`${n/t*this.duration}ms`)}c(e,"clipPath",`polygon(0 0,100% 0,100% ${s}px,0 ${s}px)`),it(i,s),await Promise.all([M.start(i,{height:t},this.duration),M.start(e,{clipPath:`polygon(0 0,100% 0,100% ${t}px,0 ${t}px)`},this.duration).finally(()=>c(e,{clipPath:"",transitionDelay:""}))]).catch(A)},getDropdown(t){return this.$getComponent(t,"drop")||this.$getComponent(t,"dropdown")},isDropbarDrop(t){return v(this.dropdowns,t)&&$(t,this.clsDrop)},getDropbarOffset(t){const{$el:e,target:i,targetY:s}=this,{top:n,height:o}=T(Z(s||i||e,e));return n+o+t},initializeDropdowns(){this.$create("drop",this.dropdowns.filter(t=>!this.getDropdown(t)),{...this.$props,flip:this.flip&&!this.$props.dropbar,shift:!0,pos:`bottom-${this.align}`,boundaryX:this.boundary===!0?this.$el:this.boundary})}}};function Yo(t,e,i){var s,n,o;const{current:r,keyCode:a}=t;let l=-1;a===B.HOME?l=0:a===B.END?l="last":a===B.LEFT?l="previous":a===B.RIGHT?l="next":a===B.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[at(l,e,e.indexOf(i.targetEl||r))].focus())}function tc(t){const e=()=>i.forEach(s=>s()),i=[z(t.ownerDocument,De,s=>t.contains(s.target)||e()),w(t,`mouseenter ${Ot}`,s=>s.stopPropagation(),{capture:!0}),w(t,`mouseleave ${Mt}`,e,{capture:!0})]}var ec={mixins:[st],args:"target",props:{target:Boolean},data:{target:!1},computed:{input:(t,e)=>x(Be,e),state(){return this.input.nextElementSibling},target({target:t},e){return t&&(t===!0&&O(this.input)===e&&this.input.nextElementSibling||x(t,e))}},update(){var t;const{target:e,input:i}=this;if(!e)return;let s;const n=pi(e)?"value":"textContent",o=e[n],r=(t=i.files)!=null&&t[0]?i.files[0].name:P(i,"select")&&(s=D("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:({$el:t})=>t.closest("form"),handler(){this.$emit()}}]},ic={extends:Mn,mixins:[st],name:"grid",props:{masonry:Boolean,parallax:String,parallaxStart:String,parallaxEnd:String,parallaxJustify:Boolean},data:{margin:"uk-grid-margin",clsStack:"uk-grid-stack",masonry:!1,parallax:0,parallaxStart:0,parallaxEnd:0,parallaxJustify:!1},connected(){this.masonry&&E(this.$el,"uk-flex-top","uk-flex-wrap-top")},observe:Je({filter:({parallax:t,parallaxJustify:e})=>t||e}),update:[{write({rows:t}){F(this.$el,this.clsStack,!t.some(e=>e.length>1))},events:["resize"]},{read(t){const{rows:e}=t;let{masonry:i,parallax:s,parallaxJustify:n,margin:o}=this;if(s=Math.max(0,X(s)),!(i||s||n)||Xo(e)||e[0].some((y,p)=>e.some(S=>S[p]&&S[p].offsetWidth!==y.offsetWidth)))return t.translates=t.scrollColumns=!1;let r=nc(e,o),a,l;i?[a,l]=sc(e,r,i==="next"):a=oc(e);const h=a.map(y=>qt(y,"offsetHeight")+r*(y.length-1)),u=Math.max(0,...h);let d,f,b;return(s||n)&&(d=h.map((y,p)=>n?u-y+s:s/(p%2||8)),n||(s=Math.max(...h.map((y,p)=>y+d[p]-u))),f=X(this.parallaxStart,"height",this.$el,!0),b=X(this.parallaxEnd,"height",this.$el,!0)),{columns:a,translates:l,scrollColumns:d,parallaxStart:f,parallaxEnd:b,padding:s,height:l?u:""}},write({height:t,padding:e}){c(this.$el,"paddingBottom",e||""),t!==!1&&c(this.$el,"height",t)},events:["resize"]},{read({rows:t,scrollColumns:e,parallaxStart:i,parallaxEnd:s}){return{scrolled:e&&!Xo(t)?Ei(this.$el,i,s):!1}},write({columns:t,scrolled:e,scrollColumns:i,translates:s}){!e&&!s||t.forEach((n,o)=>n.forEach((r,a)=>{let[l,h]=s&&s[o][a]||[0,0];e&&(h+=e*i[o]),c(r,"transform",`translate(${l}px, ${h}px)`)}))},events:["scroll","resize"]}]};function Xo(t){return t.flat().some(e=>c(e,"position")==="absolute")}function sc(t,e,i){const s=[],n=[],o=Array(t[0].length).fill(0);let r=0;for(let a of t){V&&a.reverse();let l=0;for(const h in a){const{offsetWidth:u,offsetHeight:d}=a[h],f=i?h:o.indexOf(Math.min(...o));Fs(s,f,a[h]),Fs(n,f,[(f-h)*u*(V?-1:1),o[f]-r]),o[f]+=d+e,l=Math.max(l,d)}r+=l+e}return[s,n]}function nc(t,e){const i=t.flat().find(s=>$(s,e));return I(i?c(i,"marginTop"):c(t[0][0],"paddingLeft"))}function oc(t){const e=[];for(const i of t)for(const s in i)Fs(e,s,i[s]);return e}function Fs(t,e,i){t[e]||(t[e]=[]),t[e].push(i)}var rc={args:"target",props:{target:String,row:Boolean},data:{target:"> *",row:!0},computed:{elements:({target:t},e)=>D(t,e)},observe:ct({target:({$el:t,elements:e})=>e.reduce((i,s)=>i.concat(s,...s.children),[t])}),events:{name:"loadingdone",el:()=>document.fonts,handler(){this.$emit("resize")}},update:{read(){return{rows:(this.row?ys(this.elements):[this.elements]).map(ac)}},write({rows:t}){for(const{heights:e,elements:i}of t)i.forEach((s,n)=>c(s,"minHeight",e[n]))},events:["resize"]}};function ac(t){if(t.length<2)return{heights:[""],elements:t};let e=t.map(lc);const i=Math.max(...e);return{heights:t.map((s,n)=>e[n].toFixed(2)===i.toFixed(2)?"":i),elements:t}}function lc(t){const e=ci(t.style,["display","minHeight"]);W(t)||c(t,"display","block","important"),c(t,"minHeight","");const i=g(t).height-me(t,"height","content-box");return c(t,e),i}var cc={args:"target",props:{target:String},data:{target:""},computed:{target:{get:({target:t},e)=>Z(t,e),observe:({target:t})=>t}},observe:ct({target:({target:t})=>t}),update:{read(){return this.target?{height:this.target.offsetHeight}:!1},write({height:t}){c(this.$el,"minHeight",t)},events:["resize"]}},hc={props:{expand:Boolean,offsetTop:Boolean,offsetBottom:Boolean,min:Number,property:String},data:{expand:!1,offsetTop:!1,offsetBottom:!1,min:0,property:"min-height"},observe:[$s({filter:({expand:t})=>t}),ct({target:({$el:t})=>Yt(t)})],update:{read(){if(!W(this.$el))return!1;let t="";const e=me(this.$el,"height","content-box"),{body:i,scrollingElement:s}=document,n=zt(this.$el),{height:o}=nt(n===i?s:n),r=s===n||i===n;if(t=`calc(${r?"100vh":`${o}px`}`,this.expand){const a=g(n).height-g(this.$el).height;t+=` - ${a}px`}else{if(this.offsetTop)if(r){const a=this.offsetTop===!0?this.$el:Z(this.offsetTop,this.$el),{top:l}=T(a);t+=l>0&&l{if(!this._connected)return;const e=_c(t,this.$el);return this.svgEl&&e!==this.svgEl&&et(this.svgEl),Ac.call(this,e,t),this.svgEl=e},A)},disconnected(){this.svg.then(t=>{this._connected||(Ji(this.$el)&&(this.$el.hidden=!1),et(t),this.svgEl=null)}),this.svg=null},methods:{async getSvg(){}}};function _c(t,e){if(Ji(e)||H(e,"canvas")){e.hidden=!0;const s=e.nextElementSibling;return Zo(t,s)?s:wi(e,t)}const i=e.lastElementChild;return Zo(t,i)?i:j(e,t)}function Zo(t,e){return H(t,"svg")&&H(e,"svg")&&t.innerHTML===e.innerHTML}function Ac(t,e){const i=["width","height"];let s=i.map(o=>this[o]);s.some(o=>o)||(s=i.map(o=>k(e,o)));const n=k(e,"viewBox");n&&!s.some(o=>o)&&(s=n.split(" ").slice(2)),s.forEach((o,r)=>k(t,i[r],I(o)*this.ratio||null))}function Qo(t,e){return e&&v(t,"/g,Mc=ut(function(t){const e={};let i;for(;i=Oc.exec(t);)e[i[3]]=``;return e}),Wi={spinner:Tc,totop:Pc,marker:pc,"close-icon":uc,"close-large":dc,"drop-parent-icon":fc,"nav-parent-icon":mc,"nav-parent-icon-large":gc,"navbar-parent-icon":vc,"navbar-toggle-icon":bc,"overlay-icon":wc,"pagination-next":xc,"pagination-previous":$c,"search-icon":Jo,"search-medium":kc,"search-large":yc,"search-toggle-icon":Jo,"slidenav-next":Ic,"slidenav-next-large":Sc,"slidenav-previous":Cc,"slidenav-previous-large":Ec},Hs={install:qc,mixins:[Ko],args:"icon",props:{icon:String},isIcon:!0,beforeConnect(){E(this.$el,"uk-icon")},async connected(){const t=await this.svg;t&&(t.ariaHidden=!0)},methods:{async getSvg(){const t=Uc(this.icon);if(!t)throw"Icon not found.";return t}}},ie={args:!1,extends:Hs,data:t=>({icon:Ht(t.constructor.options.name)}),beforeConnect(){E(this.$el,this.$options.id)}},Dc={extends:ie,beforeConnect(){const t=this.$props.icon;this.icon=this.$el.closest(".uk-nav-primary")?`${t}-large`:t}},Bc={extends:ie,mixins:[_i],i18n:{toggle:"Open Search",submit:"Submit Search"},beforeConnect(){const t=$(this.$el,"uk-search-toggle")||$(this.$el,"uk-navbar-toggle");if(this.icon=t?"search-toggle-icon":$(this.$el,"uk-search-icon")&&this.$el.closest(".uk-search-large")?"search-large":this.$el.closest(".uk-search-medium")?"search-medium":this.$props.icon,!It(this.$el,"aria-label"))if(t)this.$el.ariaLabel=this.t("toggle");else{const e=this.$el.closest("a,button");e&&(e.ariaLabel=this.t("submit"))}}},Nc={extends:ie,beforeConnect(){this.$el.role="status"},methods:{async getSvg(){const t=await Hs.methods.getSvg.call(this);return this.ratio!==1&&c(x("circle",t),"strokeWidth",1/this.ratio),t}}},se={extends:ie,mixins:[_i],beforeConnect(){const t=this.$el.closest("a,button");k(t,"role",this.role!==null&&H(t,"a")?"button":this.role);const e=this.t("label");e&&!It(t,"aria-label")&&k(t,"aria-label",e)}},tr={extends:se,beforeConnect(){E(this.$el,"uk-slidenav");const t=this.$props.icon;this.icon=$(this.$el,"uk-slidenav-large")?`${t}-large`:t}},zc={extends:se,i18n:{label:"Open menu"},beforeConnect(){const t=this.$el.closest("a,button");t&&(t.ariaExpanded=!1)}},Fc={extends:se,i18n:{label:"Close"},beforeConnect(){this.icon=`close-${$(this.$el,"uk-close-large")?"large":"icon"}`}},Hc={extends:se,i18n:{label:"Open"}},Lc={extends:se,i18n:{label:"Back to top"}},Wc={extends:se,i18n:{label:"Next page"},data:{role:null}},jc={extends:se,i18n:{label:"Previous page"},data:{role:null}},ji={};function qc(t){t.icon.add=(e,i)=>{const s=L(e)?{[e]:i}:e;ce(s,(n,o)=>{Wi[o]=n,delete ji[o]}),t._initialized&&Bt(document.body,n=>ce(t.getComponents(n),o=>{o.$options.isIcon&&o.icon in s&&o.$reset()}))}}const Rc={twitter:"x"};function Uc(t){return t=Rc[t]||t,Wi[t]?(ji[t]||(ji[t]=Qo(Wi[Vc(t)]||Wi[t])),ji[t].cloneNode(!0)):null}function Vc(t){return V?Gi(Gi(t,"left","right"),"previous","next"):t}var Gc={props:{target:String,selActive:String},data:{target:!1,selActive:!1},connected(){this.isIntersecting=0},computed:{target:({target:t},e)=>t?D(t,e):e},watch:{target:{handler(){queueMicrotask(()=>this.$reset())},immediate:!1}},observe:[Jt({handler(t){this.isIntersecting=t.reduce((e,{isIntersecting:i})=>e+(i?1:this.isIntersecting?-1:0),this.isIntersecting),this.$emit()},target:({target:t})=>t,args:{intersecting:!1}}),Xe({target:({target:t})=>t,options:{attributes:!0,attributeFilter:["class"]}}),{target:({target:t})=>t,observe:(t,e)=>{const i=Ue([...C(t),document.documentElement],e),s=[w(document,"scroll itemshown itemhidden",e,{passive:!0,capture:!0}),w(document,"show hide transitionstart",n=>(e(),i.observe(n.target))),w(document,"shown hidden transitionend transitioncancel",n=>(e(),i.unobserve(n.target)))];return{observe:i.observe.bind(i),unobserve:i.unobserve.bind(i),disconnect(){i.disconnect(),s.map(n=>n())}}},handler(){this.$emit()}}],update:{read(){if(!this.isIntersecting)return!1;for(const t of C(this.target)){let e=!this.selActive||P(t,this.selActive)?Yc(t):"";e!==!1&&di(t,"uk-light uk-dark",e)}}}};function Yc(t){const e=g(t),i=g(window);if(!hi(e,i))return!1;const{left:s,top:n,height:o,width:r}=e;let a;for(const l of[.25,.5,.75]){const h=t.ownerDocument.elementsFromPoint(Math.max(0,Math.min(s+r*l,i.width-1)),Math.max(0,Math.min(n+o/2,i.height-1)));for(const u of h){if(t.contains(u)||!Xc(u)||u.closest('[class*="-leave"]')&&h.some(f=>u!==f&&P(f,'[class*="-enter"]')))continue;const d=c(u,"--uk-inverse");if(d){if(d===a)return`uk-${d}`;a=d;break}}}return a?`uk-${a}`:""}function Xc(t){if(c(t,"visibility")!=="visible")return!1;for(;t;){if(c(t,"opacity")==="0")return!1;t=O(t)}return!0}var Jc={mixins:[st,Mi],props:{fill:String},data:{fill:"",clsWrapper:"uk-leader-fill",clsHide:"uk-leader-hide",attrFill:"data-fill"},computed:{fill:({fill:t},e)=>t||c(e,"--uk-leader-fill-content")},connected(){[this.wrapper]=os(this.$el,``)},disconnected(){je(this.wrapper.childNodes)},observe:ct(),update:{read(){return{width:Math.trunc(this.$el.offsetWidth/2),fill:this.fill,hide:!this.matchMedia}},write({width:t,fill:e,hide:i}){F(this.wrapper,this.clsHide,i),k(this.wrapper,this.attrFill,new Array(t).join(e))},events:["resize"]}},Kc={install:Zc,mixins:[_s],data:{clsPage:"uk-modal-page",selPanel:".uk-modal-dialog",selClose:'[class*="uk-modal-close"]'},events:[{name:"fullscreenchange webkitendfullscreen",capture:!0,handler(t){H(t.target,"video")&&this.isToggled()&&!document.fullscreenElement&&this.hide()}},{name:"show",self:!0,handler(){$(this.panel,"uk-margin-auto-vertical")?E(this.$el,"uk-flex"):c(this.$el,"display","block"),it(this.$el)}},{name:"hidden",self:!0,handler(){c(this.$el,"display",""),_(this.$el,"uk-flex")}}]};function Zc({modal:t}){t.dialog=function(i,s){const n=t(x(`
            ${i}
            `),{stack:!0,role:"alertdialog",...s});return n.show(),w(n.$el,"hidden",async()=>{await Promise.resolve(),n.$destroy(!0)},{self:!0}),n},t.alert=function(i,s){return e(({i18n:n})=>`
            ${L(i)?i:xt(i)}
            `,s)},t.confirm=function(i,s){return e(({i18n:n})=>`
            ${L(i)?i:xt(i)}
            `,s,()=>Promise.reject())},t.prompt=function(i,s,n){const o=e(({i18n:l})=>`
            `,n,()=>null,()=>a.value),{$el:r}=o.dialog,a=x("input",r);return a.value=s||"",w(r,"show",()=>a.select()),o},t.i18n={ok:"Ok",cancel:"Cancel"};function e(i,s,n=A,o=A){s={bgClose:!1,escClose:!0,...s,i18n:{...t.i18n,...s==null?void 0:s.i18n}};const r=t.dialog(i(s),s);return pt(new Promise(a=>{const l=w(r.$el,"hide",()=>a(n()));w(r.$el,"submit","form",h=>{h.preventDefault(),a(o(r)),l(),r.hide()})}),{dialog:r})}}var Qc={extends:jo,data:{targets:"> .uk-parent",toggle:"> a",content:"> ul"}};const Ls="uk-navbar-transparent";var th={extends:Go,props:{dropbarTransparentMode:Boolean},data:{flip:!1,delayShow:200,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",dropbarTransparentMode:!1},computed:{navbarContainer:(t,e)=>e.closest(".uk-navbar-container")},watch:{items(){const t=$(this.$el,"uk-navbar-justify"),e=D(".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right",this.$el);for(const i of e){const s=t?D(".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle",i).length:"";c(i,"flexGrow",s)}}},events:[{name:"show",el:({dropContainer:t})=>t,handler({target:t}){this.getTransparentMode(t)==="remove"&&$(this.navbarContainer,Ls)&&(_(this.navbarContainer,Ls),this._transparent=!0)}},{name:"hide",el:({dropContainer:t})=>t,async handler(){await we(),this._transparent&&(!Y||!this.dropContainer.contains(Y.$el))&&(E(this.navbarContainer,Ls),this._transparent=null)}}],methods:{getTransparentMode(t){if(!this.navbarContainer)return;if(this.dropbar&&this.isDropbarDrop(t))return this.dropbarTransparentMode;const e=this.getDropdown(t);if(e&&$(t,"uk-dropbar"))return e.inset?"behind":"remove"},getDropbarOffset(t){const{top:e,height:i}=T(this.navbarContainer);return e+(this.dropbarTransparentMode==="behind"?0:i+t)}}},eh={mixins:[_s],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})=>t?e:"",clsOverlay:({overlay:t,clsOverlay:e})=>t?e:"",clsMode:({mode:t,clsMode:e})=>`${e}-${t}`,clsSidebarAnimation:({mode:t,clsSidebarAnimation:e})=>t==="none"||t==="reveal"?"":e,clsContainerAnimation:({mode:t,clsContainerAnimation:e})=>t!=="push"&&t!=="reveal"?"":e,transitionElement({mode:t}){return t==="reveal"?O(this.panel):this.panel}},observe:On({filter:({swiping:t})=>t}),update:{read(){this.isToggled()&&!W(this.$el)&&this.hide()},events:["resize"]},events:[{name:"touchmove",self:!0,passive:!1,filter:({overlay:t})=>t,handler(t){t.cancelable&&t.preventDefault()}},{name:"show",self:!0,handler(){this.mode==="reveal"&&!$(O(this.panel),this.clsMode)&&E(We(this.panel,"
            "),this.clsMode);const{body:t,scrollingElement:e}=document;E(t,this.clsContainer,this.clsFlip),c(t,"touchAction","pan-y pinch-zoom"),c(this.$el,"display","block"),c(this.panel,"maxWidth",e.clientWidth),E(this.$el,this.clsOverlay),E(this.panel,this.clsSidebarAnimation,this.mode==="reveal"?"":this.clsMode),it(t),E(t,this.clsContainerAnimation),this.clsContainerAnimation&&ih()}},{name:"hide",self:!0,handler(){_(document.body,this.clsContainerAnimation),c(document.body,"touchAction","")}},{name:"hidden",self:!0,handler(){this.clsContainerAnimation&&sh(),this.mode==="reveal"&&$(O(this.panel),this.clsMode)&&je(this.panel),_(this.panel,this.clsSidebarAnimation,this.clsMode),_(this.$el,this.clsOverlay),c(this.$el,"display",""),c(this.panel,"maxWidth",""),_(document.body,this.clsContainer,this.clsFlip)}},{name:"swipeLeft swipeRight",handler(t){this.isToggled()&&oe(t.type,"Left")^this.flip&&this.hide()}}]};function ih(){er().content+=",user-scalable=0"}function sh(){const t=er();t.content=t.content.replace(/,user-scalable=0$/,"")}function er(){return x('meta[name="viewport"]',document.head)||j(document.head,'')}var nh={mixins:[st],props:{selContainer:String,selContent:String,minHeight:Number},data:{selContainer:".uk-modal",selContent:".uk-modal-dialog",minHeight:150},computed:{container:({selContainer:t},e)=>e.closest(t),content:({selContent:t},e)=>e.closest(t)},observe:ct({target:({container:t,content:e})=>[t,e]}),update:{read(){return!this.content||!this.container||!W(this.$el)?!1:{max:Math.max(this.minHeight,it(this.container)-(g(this.content).height-it(this.$el)))}},write({max:t}){c(this.$el,{minHeight:this.minHeight,maxHeight:t})},events:["resize"]}},oh={data:{fadeDuration:.05},events:{name:"scroll",self:!0,passive:!0,handler(){this.$emit()}},observe:[Xe({options:{subtree:!0,childList:!0}}),ct({target:({$el:t})=>[t,...N(t)]})],update:{read(){const t=[];for(const e of["Width","Height"])t.push(this.$el[`scroll${e}`]-this.$el[`client${e}`]);return{overflow:t}},write({overflow:t}){for(let e=0;e<2;e++)if(F(this.$el,`${this.$options.id}-${e?"vertical":"horizontal"}`,t[e]&&!t[e-1]),!t[e-1]){const i=e?"Top":"Left",s=t[e]?this.$el[`scroll${i}`]/t[e]:0,n=o=>t[e]?U((this.fadeDuration-o)/this.fadeDuration):1;c(this.$el,{"--uk-overflow-fade-start-opacity":n(s),"--uk-overflow-fade-end-opacity":n(1-s)})}},events:["resize"]}},rh={props:["width","height"],connected(){E(this.$el,"uk-responsive-width"),c(this.$el,"aspectRatio",`${this.width}/${this.height}`)}},ah={props:{offset:Number},data:{offset:0},connected(){lh(this)},disconnected(){ch(this)},methods:{async scrollTo(t){t=t&&x(t)||document.body,m(this.$el,"beforescroll",[this,t])&&(await $n(t,{offset:this.offset}),m(this.$el,"scrolled",[this,t]))}}};const ri=new Set;function lh(t){ri.size||w(document,"click",ir),ri.add(t)}function ch(t){ri.delete(t),ri.size||Vt(document,"click",ir)}function ir(t){if(!t.defaultPrevented)for(const e of ri)e.$el.contains(t.target)&&pe(e.$el)&&(t.preventDefault(),window.location.href!==e.$el.href&&window.history.pushState({},"",e.$el.href),e.scrollTo(gi(e.$el)))}const Ws="uk-scrollspy-inview";var hh={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}),computed:{elements:({target:t},e)=>t?D(t,e):[e]},watch:{elements(t){this.hidden&&c(ze(t,`:not(.${Ws})`),"opacity",0)}},connected(){this.elementData=new Map},disconnected(){for(const[t,e]of this.elementData.entries())_(t,Ws,e.cls||"");delete this.elementData},observe:Jt({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:({margin:t})=>({rootMargin:t}),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(async()=>{await we(i.show?this.delay:0),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,s;const n=(i=this.elementData)==null?void 0:i.get(t);if(!n)return;(s=n.off)==null||s.call(n),c(t,"opacity",!e&&this.hidden?0:""),F(t,Ws,e),F(t,n.cls);let o;if(o=n.cls.match(/\buk-animation-[\w-]+/g)){const r=()=>_(t,o);e?n.off=z(t,"animationcancel animationend",r,{self:!0}):r()}m(t,e?"inview":"outview"),n.inview=e}}},uh={props:{cls:String,closest:Boolean,scroll:Boolean,target:String,offset:Number},data:{cls:"uk-active",closest:!1,scroll:!1,target:'a[href]:not([role="button"])',offset:0},computed:{links:{get({target:t},e){return D(t,e).filter(gi)},observe:()=>"*"},targets(){return this.links.map(t=>gi(t))},elements({closest:t}){return this.links.map(e=>e.closest(t||"*"))}},watch:{links(t){this.scroll&&this.$create("scroll",t,{offset:this.offset})}},observe:[Jt(),Je()],update:[{read(){const{targets:t}=this,{length:e}=t;if(!e||!W(this.$el))return!1;const i=zt(t,!0),{scrollTop:s,scrollHeight:n}=i,o=nt(i),r=n-o.height;let a=!1;if(s>=r)a=e-1;else{const l=this.offset+g(gs()).height+o.height*.1;for(let h=0;h0);h++)a=+h}return{active:a}},write({active:t}){const{elements:e}=this,i=t!==!1&&!$(e[t],this.cls);this.links.forEach(s=>s.blur());for(let s=0;st&&x(t,e)||e},connected(){this.start=sr(this.start||this.top),this.end=sr(this.end||this.bottom),this.placeholder=x("+ .uk-sticky-placeholder",this.$el)||x('
            '),this.isFixed=!1,this.setActive(!1)},beforeDisconnect(){this.isFixed&&(this.hide(),_(this.target,this.clsInactive)),qs(this.$el),et(this.placeholder),this.placeholder=null},observe:[$s(),Je({target:()=>document.scrollingElement}),ct({target:({$el:t})=>[t,qi(t),document.scrollingElement],handler(t){this.$emit(this._data.resized&&t.some(({target:e})=>e===qi(this.$el))?"update":"resize"),this._data.resized=!0}})],events:[{name:"load hashchange popstate",el:()=>window,filter:({targetOffset:t})=>t!==!1,async handler(){const{scrollingElement:t}=document;if(!location.hash||t.scrollTop===0)return;await we();const e=T(x(location.hash)),i=T(this.$el);this.isFixed&&hi(e,i)&&(t.scrollTop=Math.ceil(e.top-i.height-X(this.targetOffset,"height",this.placeholder)-X(this.offset,"height",this.placeholder)))}}],update:[{read({height:t,width:e,margin:i,sticky:s},n){if(this.inactive=!this.matchMedia||!W(this.$el)||!this.$el.offsetHeight,this.inactive)return;const o=it(window),r=Math.max(0,document.scrollingElement.scrollHeight-o);if(!r){this.inactive=!0;return}const a=this.isFixed&&n.has("update");a&&(Us(this.target),this.hide()),this.active||({height:t,width:e}=g(this.$el),i=c(this.$el,"margin")),a&&this.show();const l=X("100vh","height");let h=this.position;this.overflowFlip&&t>l&&(h=h==="top"?"bottom":"top");const u=this.isFixed?this.placeholder:this.$el;let[d,f]=[this.offset,this.offsetEnd].map($t=>X($t,"height",s?this.$el:u));h==="bottom"&&(tT(f).top+(l?Math.min(a,r):a),offsetParentTop:T(f.offsetParent).top,overflowScroll:U(s+U(u,n,o)-U(t,n,o),0,i)}},write(t,e){const i=e.has("scroll"),{initTimestamp:s=0,dir:n,prevDir:o,scroll:r,prevScroll:a=0,top:l,start:h,below:u}=t;if(r<0||r===a&&i||this.showOnUp&&!i&&!this.isFixed)return;const d=Date.now();if((d-s>300||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&&(Dt.cancel(this.$el),this.hide());return}if(this.animation&&u){if($(this.$el,"uk-animation-leave"))return;Dt.out(this.$el,this.animation).then(()=>this.hide(),A)}else this.hide()}else this.isFixed?this.update():this.animation&&u?(this.show(),Dt.in(this.$el,this.animation).catch(A)):(Us(this.target),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),_(this.$el,this.clsFixed,this.clsBelow),e?c(this.$el,"top",t):qs(this.$el),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,offsetParentTop:a,sticky:l,below:h}=this._data;const u=n!==0||e>n;if(!l){let d="fixed";e>o&&(r+=o-a+s-i,d="absolute"),c(this.$el,{position:d,width:t,marginTop:0},"important")}c(this.$el,"top",r-s),this.setActive(u),F(this.$el,this.clsBelow,h),E(this.$el,this.clsFixed)},setActive(t){const e=this.active;this.active=t,t?(di(this.target,this.clsInactive,this.clsActive),e!==t&&m(this.$el,"active")):(di(this.target,this.clsActive,this.clsInactive),e!==t&&(Us(this.target),m(this.$el,"inactive")))}}};function js(t,e,i,s){if(!t)return 0;if(bt(t)||L(t)&&t.match(/^-?\d/))return i+X(t,"height",e,!0);{const n=t===!0?qi(e):Z(t,e);return T(n).bottom-(s&&(n!=null&&n.contains(e))?I(c(n,"paddingBottom"))+I(c(n,"borderBottomWidth")):0)}}function sr(t){return t==="true"?!0:t==="false"?!1:t}function qs(t){c(t,{position:"",top:"",marginTop:"",width:""})}const Rs="uk-transition-disable";async function Us(t){$(t,Rs)||(E(t,Rs),await Ze(),_(t,Rs))}function qi(t){for(;t=O(t);)if(W(t))return t}var fh={mixins:[Ko],args:"src",props:{src:String,icon:String,attributes:"list",strokeAnimation:Boolean},data:{strokeAnimation:!1},observe:[Xe({async handler(){const t=await this.svg;t&&nr.call(this,t)},options:{attributes:!0,attributeFilter:["id","class","style"]}})],async connected(){v(this.src,"#")&&([this.src,this.icon]=this.src.split("#",2));const t=await this.svg;t&&(nr.call(this,t),this.strokeAnimation&&gh(t))},methods:{async getSvg(){return H(this.$el,"img")&&!this.$el.complete&&this.$el.loading==="lazy"&&await new Promise(t=>z(this.$el,"load",t)),Qo(await ph(this.src),this.icon)||Promise.reject("SVG not found.")}}};function nr(t){const{$el:e}=this;E(t,k(e,"class"),"uk-svg");for(let i=0;i{if(t){const e=await fetch(t);if(e.headers.get("Content-Type")==="image/svg+xml")return e.text()}return Promise.reject()});function gh(t){const e=vo(t);e&&c(t,"--uk-animation-stroke",e)}const Vs=".uk-disabled *, .uk-disabled, [disabled]";var or={mixins:[Kt],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:{get:({connect:t},e)=>Fe(t,e),observe:({connect:t})=>t},connectChildren(){return this.connects.map(t=>N(t)).flat()},toggles:({toggle:t},e)=>D(t,e),children(t,e){return N(e).filter(i=>this.toggles.some(s=>i.contains(s)))}},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)N(e).forEach((i,s)=>F(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(){this.$el.role="tablist"},observe:[Ti({targets:({connectChildren:t})=>t}),On({target:({connects:t})=>t,filter:({swiping:t})=>t})],events:[{name:"click keydown",delegate:({toggle:t})=>t,handler(t){!P(t.current,Vs)&&(t.type==="click"||t.keyCode===B.SPACE)&&(Pt(t),this.show(t.current))}},{name:"keydown",delegate:({toggle:t})=>t,handler(t){const{current:e,keyCode:i}=t,s=P(this.$el,this.selVertical);let n=i===B.HOME?0:i===B.END?"last":i===B.LEFT&&!s||i===B.UP&&s?"previous":i===B.RIGHT&&!s||i===B.DOWN&&s?"next":-1;if(~n){t.preventDefault();const o=this.toggles.filter(a=>!P(a,Vs)),r=o[at(n,o,o.indexOf(e))];r.focus(),this.followFocus&&this.show(r)}}},{name:"click",el:({$el:t,connects:e,itemNav:i})=>e.concat(i?Fe(i,t):[]),delegate:({attrItem:t})=>`[${t}],[data-${t}]`,handler(t){t.target.closest("a,button")&&(Pt(t),this.show(tt(t.current,this.attrItem)))}},{name:"swipeRight swipeLeft",filter:({swiping:t})=>t,el:({connects:t})=>t,handler({type:t}){this.show(oe(t,"Left")?"next":"previous")}}],update(){var t;for(const e of this.connects)H(e,"ul")&&(e.role="presentation");k(N(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];i.role="tab",s&&(i.id=te(this,i),s.id=te(this,s),i.ariaControls=s.id,k(s,{role:"tabpanel","aria-labelledby":i.id}))}k(this.$el,"aria-orientation",P(this.$el,this.selVertical)?"vertical":null)},methods:{index(){return kt(this.children,t=>$(t,this.cls))},show(t){const e=this.toggles.filter(r=>!P(r,Vs)),i=this.index(),s=at(!_e(t)||v(e,t)?t:0,e,at(this.toggles[i],e)),n=at(e[s],this.toggles);this.children.forEach((r,a)=>{F(r,this.cls,n===a),k(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=re(r).filter((l,h)=>h!==n&&$(l,this.cls));await this.toggleElement(a,!1,o)&&await this.toggleElement(r[n],!0,o)})}}},mh={mixins:[st],extends:or,props:{media:Boolean},data:{media:960,attrItem:"uk-tab-item",selVertical:".uk-tab-left,.uk-tab-right"},connected(){const t=$(this.$el,"uk-tab-left")?"uk-tab-left":$(this.$el,"uk-tab-right")?"uk-tab-right":!1;t&&this.$create("toggle",this.$el,{cls:t,mode:"media",media:this.media})}};const vh=13,bh=32;var wh={mixins:[Mi,Kt],args:"target",props:{href:String,target:null,mode:"list",queued:Boolean},data:{href:!1,target:!1,mode:"click",queued:!0},computed:{target:{get:({target:t},e)=>(t=Fe(t||e.hash,e),t.length?t:[e]),observe:({target:t})=>t}},connected(){v(this.mode,"media")||(Ne(this.$el)||(this.$el.tabIndex=0),!this.cls&&H(this.$el,"a")&&(this.$el.role="button"))},observe:Ti({targets:({target:t})=>t}),events:[{name:dt,filter:({mode:t})=>v(t,"hover"),handler(t){this._preventClick=null,!(!gt(t)||le(this._showState)||this.$el.disabled)&&(m(this.$el,"focus"),z(document,dt,()=>m(this.$el,"blur"),!0,e=>!this.$el.contains(e.target)),v(this.mode,"click")&&(this._preventClick=!0))}},{name:`${Ot} ${Mt} focus blur`,filter:({mode:t})=>v(t,"hover"),handler(t){if(gt(t)||this.$el.disabled||document.readyState==="loading")return;const e=v([Ot,"focus"],t.type),i=this.isToggled(this.target);if(!e&&(!le(this._showState)||t.type===Mt&&P(this.$el,":focus")||t.type==="blur"&&P(this.$el,":hover"))){i===this._showState&&(this._showState=null);return}e&&le(this._showState)&&i!==this._showState||(this._showState=e?i:null,this.toggle(`toggle${e?"show":"hide"}`))}},{name:"keydown",filter:({$el:t,mode:e})=>v(e,"click")&&!H(t,"input"),handler(t){(t.keyCode===bh||t.keyCode===vh)&&(t.preventDefault(),this.$el.click())}},{name:"click",filter:({mode:t})=>["click","hover"].some(e=>v(t,e)),handler(t){if(t.defaultPrevented)return;const e=t.target.closest("a[href]"),i=pe(e)&&(!e.hash||P(this.target,e.hash));(this._preventClick||i||e&&!this.isToggled(this.target))&&t.preventDefault(),!this._preventClick&&v(this.mode,"click")&&(!e||i||t.defaultPrevented)&&this.toggle()}},{name:"mediachange",filter:({mode:t})=>v(t,"media"),el:({target:t})=>t,handler(t,e){e.matches^this.isToggled(this.target)&&this.toggle()}}],methods:{async toggle(t){if(!m(this.target,t||"toggle",[this]))return;if(It(this.$el,"aria-expanded")&&(this.$el.ariaExpanded=!this.isToggled(this.target)),!this.queued)return this.toggleElement(this.target);const e=this.target.filter(s=>$(s,this.clsLeave));if(e.length){for(const s of this.target){const n=v(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=>!v(i,s)),!0)}}},xh=Object.freeze({__proto__:null,Accordion:jo,Alert:Rl,Close:Fc,Cover:Gl,Drop:Uo,DropParentIcon:ie,Dropdown:Uo,Dropnav:Go,FormCustom:ec,Grid:ic,HeightMatch:rc,HeightPlaceholder:cc,HeightViewport:hc,Icon:Hs,Img:da,Inverse:Gc,Leader:Jc,Margin:Mn,Marker:Hc,Modal:Kc,Nav:Qc,NavParentIcon:Dc,Navbar:th,NavbarParentIcon:ie,NavbarToggleIcon:zc,Offcanvas:eh,OverflowAuto:nh,OverflowFade:oh,OverlayIcon:ie,PaginationNext:Wc,PaginationPrevious:jc,Responsive:rh,Scroll:ah,Scrollspy:hh,ScrollspyNav:uh,SearchIcon:Bc,SlidenavNext:tr,SlidenavPrevious:tr,Spinner:Nc,Sticky:dh,Svg:fh,Switcher:or,Tab:mh,Toggle:wh,Totop:Lc,Video:qo});return ce(xh,(t,e)=>ht.component(e,t)),Hl(ht),ce(Fl,(t,e)=>ht.component(e,t)),ht})); diff --git a/templates/feature.html b/templates/feature.html new file mode 100644 index 0000000..1c8eeaa --- /dev/null +++ b/templates/feature.html @@ -0,0 +1,52 @@ + + + + + Feature - {{feature['feature_name']}} + + + + + + + + + + + + + + + + + + + +
            +
            +
            +

            View/Edit Feature

            +

            Below you can view and edit {{feature['feature_name']}} as well as its elements.

            +
            +
            + + +
            +
            + + +
            +
            +
            + +
            +
            +
            + + + + \ No newline at end of file diff --git a/templates/login.html b/templates/login.html new file mode 100644 index 0000000..b95c556 --- /dev/null +++ b/templates/login.html @@ -0,0 +1,62 @@ + + + + + Login + + + + + + + + + + + + + + + + + + + +
            +
            +
            +
            +

            Lisium

            + +
            +
            +
            +
            + +
            + +
            +
            +
            +
            +
            + +
            + +
            +
            +
            +
            + Login +
            +
            +
            +
            +
            +
            +
            + + + \ No newline at end of file diff --git a/templates/package.html b/templates/package.html new file mode 100644 index 0000000..8ec61c1 --- /dev/null +++ b/templates/package.html @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
            +
            +
            +

            View/Edit Package

            +
            +
            + + +
            +
            + +
            + +
            +
            +
            + + +
            + +
            +
            {{package_object['package_document']|safe}}
            +
            Hello again!
            +
            +
            +
            + +
            +
            +
            + + + + + \ No newline at end of file diff --git a/test.py b/test.py new file mode 100644 index 0000000..ff96dea --- /dev/null +++ b/test.py @@ -0,0 +1,18 @@ +from backend.models.users import UsersModel + +UsersModel.create_table() + +payload = UsersModel.Payload( + user_username="Mechseroms", + user_email="jadowyne.ulve@outlook.com", + user_hashed_password="test" +) + + +#UsersModel.insert_tuple(payload=payload.payload_dictionary()) + +authenticated, user, message = UsersModel.authenticate_login('Mechseroms', 'test') + +print(authenticated) +print(user) +print(message) \ No newline at end of file diff --git a/webserver.py b/webserver.py new file mode 100644 index 0000000..77679e5 --- /dev/null +++ b/webserver.py @@ -0,0 +1,164 @@ +from flask import Flask, jsonify, request, render_template, session, redirect, url_for +from functools import wraps +import requests + +import markdown + +app = Flask(__name__) +app.secret_key = "53016ca1157efe86174936227721c701048926d4c31c4531201bcfcff4725277" + +backend_config = { + 'host': '127.0.0.1', + 'port': '5001' +} + +def login_required(func): + @wraps(func) + def wrapper(*args, **kwargs): + if 'user' not in session or session['user'] == None: + return redirect(url_for('login')) + return func(*args, **kwargs) + return wrapper + + +@app.route('/') +@login_required +def home(): + return 'Hello, World!' + + +@app.route('/p/', methods=['GET']) +@login_required +def package_main(uuid): + + defined_types = [ + {'value': '5e_class', 'string': '5e Class'}, + {'value': '5e_race', 'string': '5e Race'}, + {'value': '5e_background', 'string': '5e Background'}, + {'value': '5e_subclass', 'string': '5e Subclass'}, + ] + + if uuid == "new": + response = requests.post(url = f'http://{backend_config["host"]}:{backend_config["port"]}/packages/add') + if response.status_code == 200 and not response.json()['error']: + return redirect(f'/p/{response.json()['package']['package_uuid']}') + + response = requests.get(url = f'http://{backend_config["host"]}:{backend_config["port"]}/packages/get/{uuid}') + + if response.status_code == 200 and not response.json()['error']: + package = response.json()['package'] + return render_template('package.html', package_object=package, defined_types=defined_types) + + return redirect('/') + +@app.route('/p//save', methods=['POST']) +def package_save(uuid): + if request.method != 'POST': + return jsonify( + error = True, + message = f"Incorrect Method attempted; {request.method}." + ) + + response = requests.post( + url = f'http://{backend_config["host"]}:{backend_config["port"]}/packages/update', + json = request.get_json() + ) + + if response.status_code == 200 and not response.json()['error']: + return jsonify( + error=False, + message=f"{uuid} updated successfully!" + ) + + return jsonify( + error=True, + message=f"Error while trying to update package {uuid}" + ) + +@app.route('/f/', methods=['GET']) +@login_required +def feature_main(uuid): + if uuid == "new": + response = requests.post(url = f'http://{backend_config["host"]}:{backend_config["port"]}/features/add') + if response.status_code == 200 and not response.json()['error']: + return redirect(f'/f/{response.json()['feature']['feature_uuid']}') + + response = requests.get(url = f'http://{backend_config["host"]}:{backend_config["port"]}/features/get/{uuid}') + + if response.status_code == 200 and not response.json()['error']: + feature = response.json()['feature'] + return render_template('feature.html', feature=feature) + + return redirect('/') + +@app.route('/f//save', methods=['POST']) +def feature_save(uuid): + if request.method != 'POST': + return jsonify( + error = True, + message = f"Incorrect Method attempted; {request.method}." + ) + + response = requests.post( + url = f'http://{backend_config["host"]}:{backend_config["port"]}/features/update', + json = request.get_json() + ) + + if response.status_code == 200 and not response.json()['error']: + return jsonify( + error=False, + message=f"{uuid} updated successfully!" + ) + + return jsonify( + error=True, + message=f"Error while trying to update feature {uuid}" + ) + +@app.route('/login', methods=['GET']) +def login(): + return render_template('login.html') + +@app.route('/logout', methods=['GET']) +def logout(): + if request.method != "GET": + return jsonify( + error = True, + message = f"Incorrect Method attempted; {request.method}." + ) + + if session['user']: + del session['user'] + + return redirect('/login') + + +@app.route('/login/authenticate', methods=['POST']) +def basic_authenticate(): + if request.method != 'POST': + return jsonify( + error = True, + message = f"Incorrect Method attempted; {request.method}." + ) + + response = requests.post( + url = f'http://{backend_config["host"]}:{backend_config["port"]}/users/authenticate', + json = request.get_json() + ) + + if response.status_code == 200 and not response.json()['error']: + session['user'] = response.json()['user'] + return jsonify( + error = False, + message = f"Successfully Logged in." + ) + + return jsonify( + error = True, + message = f"Username or Password Incorrect!" + ) + + + +if __name__ == '__main__': + app.run(debug=True) \ No newline at end of file