Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@refinitiv-ui/elemental-theme

Package Overview
Dependencies
Maintainers
1
Versions
113
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@refinitiv-ui/elemental-theme - npm Package Compare versions

Comparing version 6.5.1 to 6.5.2

4

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log

## [6.5.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elemental-theme@6.5.1...@refinitiv-ui/elemental-theme@6.5.2) (2024-01-15)
**Note:** Version bump only for package @refinitiv-ui/elemental-theme
## [6.5.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elemental-theme@6.5.0...@refinitiv-ui/elemental-theme@6.5.1) (2024-01-02)

@@ -8,0 +12,0 @@

2

dark/ef-clock.js
import './imports/native-elements.js';
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-clock', styles: ':host{font-size:2.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}:host [part~=segment]{padding:.15em 0;line-height:1em;align-self:flex-end}:host [part~=hours],:host [part~=minutes],:host [part~=seconds]{position:relative}:host [part~=hours][part~=shifted],:host [part~=minutes][part~=shifted],:host [part~=seconds][part~=shifted]{color:#535de8}:host [part~=am-pm]{font-size:60%;line-height:1.5em;padding-left:3px}:host [part=decrement-button],:host [part=increment-button]{left:0;width:100%;height:50%;position:absolute;cursor:pointer;display:none}:host [part=decrement-button]::after,:host [part=increment-button]::after{content:\'\';left:0;right:0;width:0;height:0;margin:0 auto;position:absolute;border-style:solid;transform:rotate(360deg)}:host [part=decrement-button][part=increment-button],:host [part=increment-button][part=increment-button]{top:0}:host [part=decrement-button][part=increment-button]::after,:host [part=increment-button][part=increment-button]::after{top:0;border-width:0 .167em .178em;border-color:transparent transparent #535de8}:host [part=decrement-button][part=decrement-button],:host [part=increment-button][part=decrement-button]{bottom:0}:host [part=decrement-button][part=decrement-button]::after,:host [part=increment-button][part=decrement-button]::after{bottom:0;border-width:.178em .167em 0;border-color:#535de8 transparent transparent}:host(:focus) [part~=hours][active],:host(:focus) [part~=minutes][active],:host(:focus) [part~=seconds][active]{color:#535de8}:host(:focus) [active]{display:block}:host([analogue]){border-radius:100%;width:160px;max-width:200px;background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYzIDE2MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iaHNsKDIxOS45OTk5OTk5OTk5OTk5NywgMTIuMDAwMDAwMDAwMDAwMDElLCA3NSUpIj48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJNODEuNSAwdjkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtOTAuMDIuNDQ2LS40OTIgNC42NzVNOTguNDQ1IDEuNzgxbC0uOTc3IDQuNTk3TTEwNi42ODUgMy45ODlsLTEuNDUyIDQuNDdNMTE0LjY0OSA3LjA0NmwtMS45MTIgNC4yOTQiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTIyLjI1IDEwLjkxOS00LjY1IDguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMjkuNDA0IDE1LjU2NS0yLjc2MiAzLjgwMk0xMzYuMDM0IDIwLjkzNGwtMy4xNDUgMy40OTJNMTQyLjA2NiAyNi45NjZsLTMuNDkyIDMuMTQ1TTE0Ny40MzUgMzMuNTk2bC0zLjgwMiAyLjc2MiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xNTIuMDgxIDQwLjc1LTguMDU0IDQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE1NS45NTQgNDguMzUxLTQuMjk0IDEuOTEyTTE1OS4wMTEgNTYuMzE1bC00LjQ3IDEuNDUyTTE2MS4yMTkgNjQuNTU1bC00LjU5Ny45NzdNMTYyLjU1NCA3Mi45OGwtNC42NzUuNDkyIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0iTTE2MyA4MS41aC05LjMiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE2Mi41NTQgOTAuMDItNC42NzUtLjQ5Mk0xNjEuMjE5IDk4LjQ0NWwtNC41OTctLjk3N00xNTkuMDExIDEwNi42ODVsLTQuNDctMS40NTJNMTU1Ljk1NCAxMTQuNjQ5bC00LjI5NC0xLjkxMiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xNTIuMDgxIDEyMi4yNS04LjA1NC00LjY1Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xNDcuNDM1IDEyOS40MDQtMy44MDItMi43NjJNMTQyLjA2NiAxMzYuMDM0bC0zLjQ5Mi0zLjE0NU0xMzYuMDM0IDE0Mi4wNjZsLTMuMTQ1LTMuNDkyTTEyOS40MDQgMTQ3LjQzNWwtMi43NjItMy44MDIiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTIyLjI1IDE1Mi4wODEtNC42NS04LjA1NCIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTE0LjY0OSAxNTUuOTU0LTEuOTEyLTQuMjk0TTEwNi42ODUgMTU5LjAxMWwtMS40NTItNC40N005OC40NDUgMTYxLjIxOWwtLjk3Ny00LjU5N005MC4wMiAxNjIuNTU0bC0uNDkyLTQuNjc1Ii8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0iTTgxLjUgMTYzdi05LjMiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTcyLjk4LjQ0Ni40OTIgNC42NzVNNjQuNTU1IDEuNzgxbC45NzcgNC41OTdNNTYuMzE1IDMuOTg5bDEuNDUyIDQuNDdNNDguMzUxIDcuMDQ2bDEuOTEyIDQuMjk0Ii8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTQwLjc1IDEwLjkxOSA0LjY1IDguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zMy41OTYgMTUuNTY1IDIuNzYyIDMuODAyTTI2Ljk2NiAyMC45MzRsMy4xNDUgMy40OTJNMjAuOTM0IDI2Ljk2NmwzLjQ5MiAzLjE0NU0xNS41NjUgMzMuNTk2bDMuODAyIDIuNzYyIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTEwLjkxOSA0MC43NSA4LjA1NCA0LjY1Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im03LjA0NiA0OC4zNTEgNC4yOTQgMS45MTJNMy45ODkgNTYuMzE1bDQuNDcgMS40NTJNMS43ODEgNjQuNTU1bDQuNTk3Ljk3N00uNDQ2IDcyLjk4bDQuNjc1LjQ5MiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0wIDgxLjVoOS4zIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0uNDQ2IDkwLjAyIDQuNjc1LS40OTJNMS43ODEgOTguNDQ1bDQuNTk3LS45NzdNMy45ODkgMTA2LjY4NWw0LjQ3LTEuNDUyTTcuMDQ2IDExNC42NDlsNC4yOTQtMS45MTIiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTAuOTE5IDEyMi4yNSA4LjA1NC00LjY1Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xNS41NjUgMTI5LjQwNCAzLjgwMi0yLjc2Mk0yMC45MzQgMTM2LjAzNGwzLjQ5Mi0zLjE0NU0yNi45NjYgMTQyLjA2NmwzLjE0NS0zLjQ5Mk0zMy41OTYgMTQ3LjQzNWwyLjc2Mi0zLjgwMiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im00MC43NSAxNTIuMDgxIDQuNjUtOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTQ4LjM1MSAxNTUuOTU0IDEuOTEyLTQuMjk0TTU2LjMxNSAxNTkuMDExbDEuNDUyLTQuNDdNNjQuNTU1IDE2MS4yMTlsLjk3Ny00LjU5N003Mi45OCAxNjIuNTU0bC40OTItNC42NzUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTgwLjgxNCA0LjY1VjBoMXY0LjY1aC0xek03Mi4xOTIuNTJsLjQ5MyA0LjYyMy45OTQtLjEwNi0uNDkzLTQuNjIzLS45OTQuMTA2em0xOC40MDcgMTYxLjcwNC0uNDkzLTQuNjI0LS45OTQuMTA2LjQ5MyA0LjYyNC45OTQtLjEwNnpNNjQuNjYgNi40OTRsLS45OC00LjU0Ni45NzgtLjIxLjk4IDQuNTQ1LS45NzguMjF6TTk5LjExIDE2MC43OTVsLS45OC00LjU0NS0uOTc3LjIxLjk4IDQuNTQ2Ljk3Ny0uMjExek01Ni44MiA4LjY4OGwtMS40NTYtNC40MTYuOTUtLjMxMyAxLjQ1NSA0LjQxNi0uOTUuMzEzem01MC42MDkgMTQ5Ljc4My0xLjQ1Ni00LjQxNi0uOTUuMzEzIDEuNDU2IDQuNDE2Ljk1LS4zMTN6TTQ5LjI1NiAxMS42OTkgNDcuMzQgNy40NjJsLjkxMi0uNDEyIDEuOTE1IDQuMjM3LS45MS40MTJ6bTY2LjE5NCAxNDMuNTgyLTEuOTE1LTQuMjM3LS45MTIuNDEyIDEuOTE2IDQuMjM3LjkxMS0uNDEyem0tMzMuNDczIDcuNDYydi00LjY0OWgtMXY0LjY0OWgxek0zNS43MjcgMTkuNzFsLTIuNzQtMy43NTguODA4LS41ODkgMi43NCAzLjc1OC0uODA5LjU5em05NC4wNzcgMTI3LjA4MS0yLjc0LTMuNzU4LS44MDguNTg5IDIuNzM5IDMuNzU4LjgwOS0uNTg5ek0yOS40NTQgMjQuODlsLTMuMTIyLTMuNDQ3Ljc0LS42NyAzLjEyMyAzLjQ0Ni0uNzQyLjY3ek0xMzYuNDU4IDE0MS4zbC0zLjEyMi0zLjQ0Ny0uNzQxLjY3MiAzLjEyMiAzLjQ0Ni43NDEtLjY3MXpNMjMuNzU5IDMwLjcxbC0zLjQ3LTMuMDk2LjY2Ni0uNzQ2IDMuNDcgMy4wOTctLjY2Ni43NDZ6TTE0Mi41MDIgMTM1LjEzbC0zLjQ3LTMuMDk2LS42NjYuNzQ2IDMuNDY5IDMuMDk2LjY2Ny0uNzQ2ek0xOC43MTYgMzcuMDk5bC0zLjc3OS0yLjcxMi41ODQtLjgxMyAzLjc3OCAyLjcxMi0uNTgzLjgxM3ptMTI5LjEzNyA5MS4yNTgtMy43NzgtMi43MTItLjU4My44MTIgMy43NzggMi43MTIuNTgzLS44MTJ6TTQyLjUyIDE1LjIxOWwtMi4zMjYtNC4wMjcuODY2LS41IDIuMzI2IDQuMDI3LS44NjYuNXptODAuMDc3IDEzNi4zMzItMi4zMjYtNC4wMjctLjg2Ni41IDIuMzI1IDQuMDI3Ljg2Ny0uNXpNMTEuMDA1IDUwLjc5OWwtNC4yNTItMS44ODVMNy4xNiA0OGw0LjI1MiAxLjg4NS0uNDA2LjkxNHptMTQ1LjAzMiA2My4wMy00LjI1MS0xLjg4NS0uNDA2LjkxNCA0LjI1MiAxLjg4Ni40MDUtLjkxNXpNOC4xNjMgNTguNDIxbC00LjQyNy0xLjQyNS4zMDYtLjk1Mkw4LjQ3IDU3LjQ3bC0uMzA3Ljk1MXptMTUwLjg5MiA0Ny4zMjYtNC40MjctMS40MjQtLjMwNy45NTIgNC40MjggMS40MjQuMzA2LS45NTJ6TTYuMTQzIDY2LjMwN2wtNC41NTQtLjk0Ny4yMDQtLjk3OSA0LjU1NC45NDgtLjIwNC45Nzl6bTE1NS4wNTkgMzEuMDc2LTQuNTU0LS45NDctLjIwNC45NzkgNC41NTQuOTQ3LjIwNC0uOTc5ek00Ljk3IDc0LjM2MS4zNDIgNzMuOWwuMDk5LS45OTUgNC42MjguNDYtLjA5OS45OTV6TTE2Mi40NSA4OC44NDNsLTQuNjI4LS40Ni0uMDk5Ljk5NSA0LjYyOC40Ni4wOTktLjk5NXpNMTQuNjQyIDQzLjUxNGwtNC4wMjgtMi4zMjUuNS0uODY2IDQuMDI4IDIuMzI1LS41Ljg2NnptMTM3LjUzNSA3OC4wNC00LjAyOC0yLjMyNS0uNTAxLjg2NiA0LjAyOCAyLjMyNS41MDEtLjg2NnpNNS4xNDUgOTAuMDhsLTQuNjI1LjQ5My0uMTA2LS45OTUgNC42MjUtLjQ5My4xMDYuOTk1ek0xNjIuMjcgNzIuMTdsLTQuNjI1LjQ5My4xMDYuOTk1IDQuNjI1LS40OTMtLjEwNi0uOTk0ek02LjQ5NiA5OC4xbC00LjU0Ny45OC0uMjExLS45NzcgNC41NDctLjk4LjIxLjk3OHptMTU0LjM0Ni0zNC40MzctNC41NDcuOTguMjExLjk3NyA0LjU0Ny0uOTgtLjIxMS0uOTc3ek04LjY5MSAxMDUuOTQxbC00LjQxOCAxLjQ1Ni0uMzEzLS45NSA0LjQxNy0xLjQ1NS4zMTQuOTQ5em0xNDkuODI3LTUwLjU5NS00LjQxOCAxLjQ1Ni4zMTMuOTUgNC40MTgtMS40NTYtLjMxMy0uOTV6TTExLjcwMyAxMTMuNTAxbC00LjIzOSAxLjkxNi0uNDEyLS45MTIgNC4yMzktMS45MTUuNDEyLjkxMXptMTQzLjYyMy02Ni4xNzQtNC4yMzggMS45MTUuNDEyLjkxMSA0LjIzOC0xLjkxNS0uNDEyLS45MTF6TTQuNjUxIDgxLjk1M0gwdi0xaDQuNjUxdjF6bTE1OC4xNC0xLjE2M2gtNC42NTF2MWg0LjY1MXYtMXpNMTkuNzE2IDEyNy4wMjdsLTMuNzU5IDIuNzM5LS41OS0uODA4IDMuNzYtMi43MzkuNTg5LjgwOHptMTI3LjExOC05NC4wNS0zLjc1OSAyLjczOS41ODkuODA4IDMuNzU5LTIuNzM4LS41ODktLjgwOXpNMjQuODk3IDEzMy4yOThsLTMuNDQ3IDMuMTIxLS42NzItLjc0MSAzLjQ0OC0zLjEyMS42NzEuNzQxek0xNDEuMzQxIDI2LjMyNGwtMy40NDcgMy4xMi42NzEuNzQyIDMuNDQ4LTMuMTIxLS42NzItLjc0MXpNMzAuNzE5IDEzOC45OWwtMy4wOTcgMy40NjktLjc0Ni0uNjY2IDMuMDk3LTMuNDY5Ljc0Ny42NjZ6TTEzNS4xNyAyMC4yODNsLTMuMDk4IDMuNDY5Ljc0Ni42NjYgMy4wOTgtMy40NjktLjc0Ni0uNjY2em0tOTguMDYgMTIzLjc1LTIuNzEyIDMuNzc3LS44MTMtLjU4MyAyLjcxMy0zLjc3Ny44MTIuNTgzem05MS4yODUtMTI5LjEtMi43MTIgMy43NzcuODEyLjU4MyAyLjcxMy0zLjc3Ny0uODEzLS41ODN6TTE1LjIyNCAxMjAuMjM2bC00LjAyOCAyLjMyNS0uNS0uODY2IDQuMDI4LTIuMzI1LjUuODY2em0xMzYuMzcxLTgwLjA1NC00LjAyOCAyLjMyNS41Ljg2NiA0LjAyOC0yLjMyNS0uNS0uODY2ek01MC44MTQgMTUxLjc0MWwtMS44ODYgNC4yNTEtLjkxNC0uNDA1IDEuODg2LTQuMjUxLjkxNC40MDV6bTYzLjA0OS0xNDQuOTktMS44ODYgNC4yNTEuOTE0LjQwNSAxLjg4Ni00LjI1LS45MTQtLjQwNnpNNTguNDM4IDE1NC41ODJsLTEuNDI1IDQuNDI3LS45NTItLjMwNyAxLjQyNS00LjQyNi45NTIuMzA2em00Ny4zNC0xNTAuODQ3LTEuNDI1IDQuNDI2Ljk1Mi4zMDYgMS40MjUtNC40MjYtLjk1Mi0uMzA2ek02Ni4zMjcgMTU2LjYwMmwtLjk0OCA0LjU1My0uOTc5LS4yMDQuOTQ4LTQuNTUyLjk3OS4yMDN6TTk3LjQxMSAxLjU4OWwtLjk0NyA0LjU1Mi45NzkuMjA0Ljk0OC00LjU1My0uOTgtLjIwM3pNNzQuMzgyIDE1Ny43NzVsLS40NiA0LjYyNy0uOTk1LS4wOTkuNDYtNC42MjcuOTk1LjA5OXpNODguODY4LjM0MmwtLjQ2IDQuNjI3Ljk5NS4wOTguNDYtNC42MjctLjk5NS0uMDk4ek00My41MjcgMTQ4LjEwNWwtMi4zMjYgNC4wMjctLjg2Ni0uNSAyLjMyNi00LjAyNy44NjYuNXpNMTIxLjU5IDEwLjYxMWwtMi4zMjYgNC4wMjcuODY2LjUgMi4zMjYtNC4wMjctLjg2Ni0uNXoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMTIuODg3IDIzLjA5M2MwLS41NDcuMDEzLS45NTQuMDQtMS4yMmwtLjI2LjI0Yy0uMS4wODYtLjQ0LjM2Ni0xLjAyLjg0bC0uNTQtLjY4IDEuOTYtMS41NGguOXY2LjY3aC0xLjA4di00LjMxek0xMzUuMjA1IDQ4LjkyN2wxLjcyLTEuNzNjLjUxNC0uNTIuODU0LS44OSAxLjAyLTEuMTEuMTY3LS4yMi4yODctLjQyNC4zNi0uNjFhMS42OSAxLjY5IDAgMCAwIC4xMS0uNjFjMC0uMzA3LS4wOS0uNTQ3LS4yNy0uNzItLjE4LS4xNzMtLjQzLS4yNi0uNzUtLjI2LS4yNjYgMC0uNTIuMDUtLjc2LjE1LS4yMzMuMDkzLS41MDYuMjYzLS44Mi41MWwtLjU3LS43MmMuMzYtLjMuNzE0LS41MTcgMS4wNi0uNjUuMzU0LS4xMzMuNzM0LS4yIDEuMTQtLjIuNjI3IDAgMS4xMjcuMTYgMS41LjQ4LjM3NC4zMi41Ni43NTcuNTYgMS4zMSAwIC4zMTMtLjA1My42LS4xNi44Ni0uMTIuMjg2LS4yODYuNTY2LS41Ljg0LS4yNC4zLS42MTMuNjktMS4xMiAxLjE3bC0xLjE2IDEuMTF2LjA1aDMuMTd2Ljk1aC00LjUzdi0uODJ6TTE0Ny4xNTEgODQuODY0Yy0uNzQgMC0xLjM2Ny0uMTItMS44OC0uMzZ2LS45NWE0LjYgNC42IDAgMCAwIC45LjMxYy4zMi4wNzMuNjI2LjExLjkyLjExLjUyNiAwIC45MTMtLjA5MyAxLjE2LS4yOC4yNTMtLjE5My4zOC0uNDkuMzgtLjg5IDAtLjM2LS4xNC0uNjIzLS40Mi0uNzktLjI4LS4xNjYtLjcyNy0uMjUtMS4zNC0uMjVoLS41N3YtLjg4aC41OGMxLjA3MyAwIDEuNjEtLjM2NyAxLjYxLTEuMSAwLS4yOTMtLjA5NC0uNTE3LS4yOC0uNjctLjE4Ny0uMTUzLS40NjQtLjIzLS44My0uMjMtLjI2NyAwLS41MTcuMDM3LS43NS4xMS0uMjM0LjA3My0uNTA0LjIxLS44MS40MWwtLjUzLS43NWEzLjU1OCAzLjU1OCAwIDAgMSAyLjE0LS42OGMuNjczIDAgMS4yLjE0NyAxLjU4LjQ0LjM4LjI4Ny41Ny42OS41NyAxLjIxIDAgLjQxMy0uMTI3Ljc2NC0uMzggMS4wNS0uMjQ3LjI4LS41OTQuNDctMS4wNC41N3YuMDRjLjUzMy4wNjcuOTM2LjIzMyAxLjIxLjUuMjczLjI2Ny40MS42MjMuNDEgMS4wNyAwIC42NC0uMjMgMS4xMzctLjY5IDEuNDktLjQ1NC4zNDctMS4xLjUyLTEuOTQuNTJ6TTEzOC4wMjUgMTE1LjI4M2gtMy4wNHYtLjgzbDMuMDQtNC4zOWgxLjA0djQuMzNoLjl2Ljg5aC0uOXYxLjQ1aC0xLjA0di0xLjQ1em0wLS44OXYtMS42N2MwLS41NTMuMDE3LTEuMDQuMDUtMS40NmgtLjA0Yy0uMDkzLjIwNy0uMjI2LjQ1LS40LjczbC0xLjY1IDIuNGgyLjA0ek0xMTMuNTk0IDEzOS4xNTJjLS43NDcgMC0xLjMzMy0uMTI0LTEuNzYtLjM3di0uOTZjLjI0Ny4xMzMuNTI3LjIzNi44NC4zMS4zMi4wNzMuNjIuMTEuOS4xMS40OCAwIC44NS0uMTA3IDEuMTEtLjMyLjI2LS4yMi4zOS0uNTM0LjM5LS45NCAwLS44MDctLjUxNy0xLjIxLTEuNTUtMS4yMS0uMTY3IDAtLjM3Ny4wMi0uNjMuMDZsLS40NC4wNy0uNDktLjI3LjI3LTMuMjdoMy40OHYuOTZoLTIuNTRsLS4xNSAxLjY2Yy4zNDctLjA2Ny42NjctLjEuOTYtLjEuNjY3IDAgMS4yLjE4IDEuNi41NC40LjM1My42LjgzNi42IDEuNDUgMCAuNzEzLS4yMjcgMS4yNzMtLjY4IDEuNjgtLjQ1My40LTEuMDkuNi0xLjkxLjZ6TTgxLjc1IDE0OC4wODljLS43NCAwLTEuMzItLjI1Ni0xLjc0LS43Ny0uNDItLjUxMy0uNjMtMS4yNC0uNjMtMi4xOCAwLTIuNjI2IDEuMDctMy45NCAzLjIxLTMuOTQuMzIgMCAuNjA0LjAyNy44NS4wOHYuODlhMi44NSAyLjg1IDAgMCAwLS44MS0uMWMtLjcyIDAtMS4yNi4xOTctMS42Mi41OS0uMzYuMzk0LS41NTYgMS4wMS0uNTkgMS44NWguMDZjLjMyLS41MjYuODI3LS43OSAxLjUyLS43OS42MDcgMCAxLjA4LjE4NyAxLjQyLjU2LjM0Ny4zNzQuNTIuODg0LjUyIDEuNTMgMCAuNy0uMTk2IDEuMjU3LS41OSAxLjY3LS4zOTMuNDA3LS45MjYuNjEtMS42LjYxem0tLjAyLS44OGMuMzYgMCAuNjQtLjEyLjg0LS4zNi4yMDctLjI0Ni4zMS0uNTkzLjMxLTEuMDQgMC0uMzg2LS4wOTYtLjY4Ni0uMjktLjktLjE5My0uMjItLjQ3LS4zMy0uODMtLjMzLS4yMzMgMC0uNDUuMDU0LS42NS4xNi0uMTkzLjEtLjM1LjIzNC0uNDcuNGEuOTEyLjkxMiAwIDAgMC0uMTcuNTJjMCAuNDM0LjExNy44MDQuMzUgMS4xMS4yMzQuMjk0LjUzNy40NC45MS40NHpNNDkuMjYgMTMzLjMwMkg0NS44di0uOTRoNC42MXYuNzZsLTIuNjEgNS45MWgtMS4xNmwyLjYyLTUuNzN6TTI0LjcwMyAxMTYuODUzYy0uNzI2IDAtMS4yOTMtLjE1My0xLjctLjQ2LS40LS4zMTMtLjYtLjc2LS42LTEuMzQgMC0uMzguMTA3LS43MTYuMzItMS4wMS4yMTQtLjI5My41NTQtLjU1NiAxLjAyLS43OS0uNC0uMjQtLjY5LS40OTMtLjg3LS43NmExLjY5NyAxLjY5NyAwIDAgMS0uMjYtLjkzYzAtLjQ5My4xODctLjg4My41Ni0xLjE3LjM4LS4yODYuODg0LS40MyAxLjUxLS40My42MzQgMCAxLjEzNC4xNDcgMS41LjQ0LjM3NC4yODcuNTYuNjc3LjU2IDEuMTcgMCAuNjk0LS40MTMgMS4yNDQtMS4yNCAxLjY1LjUyLjI1NC44OS41MjQgMS4xMS44MS4yMjcuMjg3LjM0LjYxNC4zNC45OCAwIC41Ni0uMjAzIDEuMDA3LS42MSAxLjM0LS40LjMzNC0uOTQ2LjUtMS42NC41em0wLTQuMDdjLjM2LS4xNi42MTctLjMzLjc3LS41MS4xNTQtLjE4LjIzLS4zOS4yMy0uNjNhLjc2Mi43NjIgMCAwIDAtLjI4LS42MmMtLjE4Ni0uMTUzLS40MzYtLjIzLS43NS0uMjMtLjMwNiAwLS41NTMuMDc3LS43NC4yM2EuNzYxLjc2MSAwIDAgMC0uMjguNjJjMCAuMTU0LjAzNC4yOTQuMS40Mi4wNjcuMTI3LjE2Ny4yNDQuMy4zNS4xNC4xMDcuMzU3LjIzLjY1LjM3em0tLjAyIDMuMjVjLjM5NCAwIC42OTctLjA5LjkxLS4yNy4yMi0uMTg2LjMzLS40NC4zMy0uNzYgMC0uNDczLS40MDMtLjg4Ni0xLjIxLTEuMjRsLS4xNC0uMDZjLS40LjE3NC0uNjkuMzY3LS44Ny41OC0uMTguMjA3LS4yNy40NS0uMjcuNzMgMCAuMzIuMTEuNTcuMzMuNzUuMjI3LjE4LjUzNC4yNy45Mi4yN3pNMTQuODYyIDg0Ljg1NGMtLjQxNCAwLS43MDQtLjAyMy0uODctLjA3di0uOTFjLjI4LjA3NC41NS4xMS44MS4xMS43MzMgMCAxLjI3Ni0uMTkzIDEuNjMtLjU4LjM2LS4zOTMuNTU2LTEuMDEuNTktMS44NWgtLjA1Yy0uMTguMjczLS4zOTcuNDc0LS42NS42LS4yNTQuMTItLjU1NC4xOC0uOS4xOC0uNTk0IDAtMS4wNi0uMTgzLTEuNC0uNTUtLjM0LS4zNjctLjUxLS44NzMtLjUxLTEuNTIgMC0uNzA2LjE5Ni0xLjI2Ni41OS0xLjY4LjM5My0uNDEzLjkzLS42MiAxLjYxLS42Mi40OCAwIC44OTYuMTE3IDEuMjUuMzUuMzUzLjIzNC42MjYuNTc0LjgyIDEuMDIuMTkzLjQ0LjI5Ljk2Ny4yOSAxLjU4IDAgMS4zMjctLjI2NyAyLjMxNy0uOCAyLjk3LS41MzQuNjQ3LTEuMzM3Ljk3LTIuNDEuOTd6bS44My0zLjM4Yy4zNiAwIC42NjYtLjEwNi45Mi0uMzJhLjk1Ni45NTYgMCAwIDAgLjM3LS43NmMwLS40MzMtLjExNy0uNzk3LS4zNS0xLjA5YTEuMDk5IDEuMDk5IDAgMCAwLS45LS40NGMtLjM4IDAtLjY3LjEyLS44Ny4zNi0uMTk0LjI0LS4yOS41ODQtLjI5IDEuMDMgMCAuMzg3LjA5My42ODcuMjguOS4xODYuMjE0LjQ2Ni4zMi44NC4zMnpNMjMuNDQgNDcuNjcxYzAtLjU0Ny4wMTQtLjk1My4wNC0xLjIybC0uMjYuMjRjLS4xLjA4Ny0uNDQuMzY3LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh2LTQuMzF6bTUuMDA4IDQuNDNjLS43NTMgMC0xLjMyMy0uMjktMS43MS0uODctLjM4LS41ODctLjU3LTEuNDQzLS41Ny0yLjU3IDAtMS4xOC4xODctMi4wNS41Ni0yLjYxLjM3NC0uNTYuOTQ3LS44NCAxLjcyLS44NC43NCAwIDEuMzA0LjI5NCAxLjY5Ljg4LjM4Ny41OC41OCAxLjQzNy41OCAyLjU3IDAgMS4xNi0uMTg2IDIuMDIzLS41NiAyLjU5LS4zNzMuNTY3LS45NDMuODUtMS43MS44NXptMC0uOWMuNDA3IDAgLjcwNC0uMi44OS0uNi4xOTQtLjQuMjktMS4wNDcuMjktMS45NHMtLjA5Ni0xLjU0LS4yOS0xLjk0Yy0uMTg2LS40MDYtLjQ4My0uNjEtLjg5LS42MS0uNDIgMC0uNzIzLjItLjkxLjYtLjE4Ni4zOTQtLjI4IDEuMDQ0LS4yOCAxLjk1IDAgLjkwNy4wOTQgMS41NTcuMjggMS45NS4xODcuMzk0LjQ5LjU5LjkxLjU5ek00OC4wMTggMjMuMDkzYzAtLjU0Ny4wMTQtLjk1NC4wNC0xLjIybC0uMjYuMjRjLS4xLjA4Ni0uNDQuMzY2LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh2LTQuMzF6bTQuOTk4IDBjMC0uNTQ3LjAxNC0uOTU0LjA0LTEuMjJsLS4yNi4yNGMtLjEuMDg2LS40NC4zNjYtMS4wMi44NGwtLjU0LS42OCAxLjk2LTEuNTRoLjl2Ni42N2gtMS4wOHYtNC4zMXpNNzguMTgzIDE1LjMxOGMwLS41NDcuMDE0LS45NTMuMDQtMS4yMmwtLjI2LjI0Yy0uMS4wODctLjQ0LjM2Ny0xLjAyLjg0bC0uNTQtLjY4IDEuOTYtMS41NGguOXY2LjY3aC0xLjA4di00LjMxem0yLjczOCAzLjQ5IDEuNzItMS43M2MuNTE0LS41Mi44NTQtLjg5IDEuMDItMS4xMS4xNjctLjIyLjI4Ny0uNDIzLjM2LS42MS4wNzQtLjE5My4xMS0uMzk3LjExLS42MSAwLS4zMDctLjA5LS41NDctLjI3LS43Mi0uMTgtLjE3My0uNDMtLjI2LS43NS0uMjYtLjI2NiAwLS41Mi4wNS0uNzYuMTUtLjIzMy4wOTMtLjUwNi4yNjMtLjgyLjUxbC0uNTctLjcyYy4zNi0uMy43MTQtLjUxNyAxLjA2LS42NS4zNTQtLjEzMy43MzQtLjIgMS4xNC0uMi42MjcgMCAxLjEyNy4xNiAxLjUuNDguMzc0LjMyLjU2Ljc1Ny41NiAxLjMxIDAgLjMxMy0uMDUzLjYtLjE2Ljg2LS4xMi4yODctLjI4Ni41NjctLjUuODQtLjI0LjMtLjYxMy42OS0xLjEyIDEuMTdsLTEuMTYgMS4xMXYuMDVoMy4xN3YuOTVoLTQuNTN2LS44MnoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==) center center no-repeat}:host([analogue]) [part=digital]{display:flex;position:absolute;top:20%;left:0;right:0;justify-content:center;font-size:.34em}:host([analogue]) [part=digital] [part~=am-pm]{font-size:100%;line-height:1}:host([analogue]) [part=hands]::after{content:\'\';position:absolute;border-radius:50%;width:9%;height:9%;top:45.5%;left:45.5%;border:2px solid #e01865;box-sizing:border-box;z-index:1}:host([analogue]) [part~=hand]::after{content:\'\';position:absolute}:host([analogue]) [part~=second]::after{width:1%;height:43%;margin-top:3%;margin-left:49.5%;background-color:#535de8}:host([analogue]) [part~=minute]::after{width:3%;height:43%;margin-top:3%;margin-left:48.5%;background-color:#e01865}:host([analogue]) [part~=hour]::after{width:3%;height:28%;margin-top:18%;margin-left:48.5%;background-color:#e01865}:host([analogue][size=small]){font-size:10px;min-width:50px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iaHNsKDIxOS45OTk5OTk5OTk5OTk5NywgMTIuMDAwMDAwMDAwMDAwMDElLCA3NSUpIj4KICAgIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjI2MTkgMC45OTk1MTJWMy45NTE4OUgzMi4yNjE5VjAuOTk5NTEySDMxLjI2MTlaTTQ1LjI4NTggNy4yNDY4N0w0Ni43NjIgNC42OTAwM0w0Ny42MjggNS4xOTAwM0w0Ni4xNTE4IDcuNzQ2ODdMNDUuMjg1OCA3LjI0Njg3Wk0xNS44MzU3IDUuNTc1NTNMMTcuMzExOSA4LjEzMjM3TDE4LjE3NzkgNy42MzIzN0wxNi43MDE3IDUuMDc1NTNMMTUuODM1NyA1LjU3NTUzWk00LjgzODEgMTcuMDg5OEw3LjM5NDk0IDE4LjU2Nkw3Ljg5NDk0IDE3LjdMNS4zMzgxIDE2LjIyMzhMNC44MzgxIDE3LjA4OThaTTMuOTUyMzggMzIuNzM3NEgxVjMxLjczNzRIMy45NTIzOFYzMi43Mzc0Wk03LjM3MTI2IDQ1LjUwOUw0LjgxNDQyIDQ2Ljk4NTJMNS4zMTQ0MiA0Ny44NTEyTDcuODcxMjYgNDYuMzc1TDcuMzcxMjYgNDUuNTA5Wk0xNS45MDk1IDU4LjQ3MDVMMTcuMzg1NyA1NS45MTM2TDE4LjI1MTggNTYuNDEzNkwxNi43NzU2IDU4Ljk3MDVMMTUuOTA5NSA1OC40NzA1Wk0zMS4yNjE5IDYwLjA0NjlWNjIuOTk5M0gzMi4yNjE5VjYwLjA0NjlIMzEuMjYxOVpNNDYuOTEwMyA1OS4yMDkzTDQ1LjQzNDEgNTYuNjUyNUw0Ni4zMDAxIDU2LjE1MjVMNDcuNzc2MyA1OC43MDkzTDQ2LjkxMDMgNTkuMjA5M1pNNTUuOTE0MyA0Ni42MTRMNTguNDcxMSA0OC4wOTAyTDU4Ljk3MTEgNDcuMjI0Mkw1Ni40MTQzIDQ1Ljc0OEw1NS45MTQzIDQ2LjYxNFpNNjMgMzIuNzM3NEg2MC4wNDc2VjMxLjczNzRINjNWMzIuNzM3NFpNNTguNDIzNyAxNS44MzU0TDU1Ljg2NjkgMTcuMzExNkw1Ni4zNjY5IDE4LjE3NzZMNTguOTIzNyAxNi43MDE0TDU4LjQyMzcgMTUuODM1NFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K) center center/cover no-repeat}:host([analogue][size=small]) [part=hands]::after{background-color:#e01865}:host([analogue][size=small]) [part~=second]::after{width:1.5%;height:32%;margin-top:16%}:host([analogue][size=small]) [part~=minute]::after{height:37%;margin-top:12%}:host([analogue][size=small]) [part~=hour]::after{height:26%;margin-top:23%}:host([analogue][size=small]) [part~=am-pm]{padding-left:0;display:flex;position:absolute;left:0;right:0;bottom:15%;font-size:100%;justify-content:center}' }}));
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-clock', styles: ':host{font-size:2.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}:host [part~=segment]{padding:.15em 0;line-height:1em;align-self:flex-end}:host [part~=hours],:host [part~=minutes],:host [part~=seconds]{position:relative}:host [part~=hours][part~=shifted],:host [part~=minutes][part~=shifted],:host [part~=seconds][part~=shifted]{color:#535de8}:host [part~=am-pm]{font-size:60%;line-height:1.5em;padding-left:3px}:host [part=decrement-button],:host [part=increment-button]{left:0;width:100%;height:50%;position:absolute;cursor:pointer;display:none}:host [part=decrement-button]::after,:host [part=increment-button]::after{content:\'\';left:0;right:0;width:0;height:0;margin:0 auto;position:absolute;border-style:solid;transform:rotate(360deg)}:host [part=decrement-button][part=increment-button],:host [part=increment-button][part=increment-button]{top:0}:host [part=decrement-button][part=increment-button]::after,:host [part=increment-button][part=increment-button]::after{top:0;border-width:0 .167em .178em;border-color:transparent transparent #535de8}:host [part=decrement-button][part=decrement-button],:host [part=increment-button][part=decrement-button]{bottom:0}:host [part=decrement-button][part=decrement-button]::after,:host [part=increment-button][part=decrement-button]::after{bottom:0;border-width:.178em .167em 0;border-color:#535de8 transparent transparent}:host(:focus) [part~=hours][active],:host(:focus) [part~=minutes][active],:host(:focus) [part~=seconds][active]{color:#535de8}:host(:focus) [active]{display:block}:host([analogue]){border-radius:100%;width:160px;max-width:200px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSJoc2woMjE5Ljk5OTk5OTk5OTk5OTk3LCAxMi4wMDAwMDAwMDAwMDAwMSUsIDc1JSkiIHZpZXdCb3g9IjAgMCAxNjMgMTYzIj48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNODEuNSAwdjkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtOTAuMDIuNDQ2LS40OTIgNC42NzVtOC45MTctMy4zNC0uOTc3IDQuNTk3bTkuMjE3LTIuMzg5LTEuNDUyIDQuNDdtOS40MTYtMS40MTMtMS45MTIgNC4yOTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJtMTIyLjI1IDEwLjkxOS00LjY1IDguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMjkuNDA0IDE1LjU2NS0yLjc2MiAzLjgwMm05LjM5MiAxLjU2Ny0zLjE0NSAzLjQ5Mm05LjE3NyAyLjU0LTMuNDkyIDMuMTQ1bTguODYxIDMuNDg1LTMuODAyIDIuNzYyIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0ibTE1Mi4wODEgNDAuNzUtOC4wNTQgNC42NSIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTU1Ljk1NCA0OC4zNTEtNC4yOTQgMS45MTJtNy4zNTEgNi4wNTItNC40NyAxLjQ1Mm02LjY3OCA2Ljc4OC00LjU5Ny45NzdtNS45MzIgNy40NDgtNC42NzUuNDkyIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTE2MyA4MS41aC05LjMiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE2Mi41NTQgOTAuMDItNC42NzUtLjQ5Mm0zLjM0IDguOTE3LTQuNTk3LS45NzdtMi4zODkgOS4yMTctNC40Ny0xLjQ1Mm0xLjQxMyA5LjQxNi00LjI5NC0xLjkxMiIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0xNTIuMDgxIDEyMi4yNS04LjA1NC00LjY1Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xNDcuNDM1IDEyOS40MDQtMy44MDItMi43NjJtLTEuNTY3IDkuMzkyLTMuNDkyLTMuMTQ1bS0yLjU0IDkuMTc3LTMuMTQ1LTMuNDkybS0zLjQ4NSA4Ljg2MS0yLjc2Mi0zLjgwMiIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0xMjIuMjUgMTUyLjA4MS00LjY1LTguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMTQuNjQ5IDE1NS45NTQtMS45MTItNC4yOTRtLTYuMDUyIDcuMzUxLTEuNDUyLTQuNDdtLTYuNzg4IDYuNjc4LS45NzctNC41OTdtLTcuNDQ4IDUuOTMyLS40OTItNC42NzUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNODEuNSAxNjN2LTkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtNzIuOTguNDQ2LjQ5MiA0LjY3NW0tOC45MTctMy4zNC45NzcgNC41OTdtLTkuMjE3LTIuMzg5IDEuNDUyIDQuNDdtLTkuNDE2LTEuNDEzIDEuOTEyIDQuMjk0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0ibTQwLjc1IDEwLjkxOSA0LjY1IDguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zMy41OTYgMTUuNTY1IDIuNzYyIDMuODAybS05LjM5MiAxLjU2NyAzLjE0NSAzLjQ5Mm0tOS4xNzcgMi41NCAzLjQ5MiAzLjE0NW0tOC44NjEgMy40ODUgMy44MDIgMi43NjIiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJtMTAuOTE5IDQwLjc1IDguMDU0IDQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTcuMDQ2IDQ4LjM1MSA0LjI5NCAxLjkxMm0tNy4zNTEgNi4wNTIgNC40NyAxLjQ1Mm0tNi42NzggNi43ODggNC41OTcuOTc3TS40NDYgNzIuOThsNC42NzUuNDkyIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTAgODEuNWg5LjMiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibS40NDYgOTAuMDIgNC42NzUtLjQ5Mm0tMy4zNCA4LjkxNyA0LjU5Ny0uOTc3bS0yLjM4OSA5LjIxNyA0LjQ3LTEuNDUybS0xLjQxMyA5LjQxNiA0LjI5NC0xLjkxMiIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0xMC45MTkgMTIyLjI1IDguMDU0LTQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE1LjU2NSAxMjkuNDA0IDMuODAyLTIuNzYybTEuNTY3IDkuMzkyIDMuNDkyLTMuMTQ1bTIuNTQgOS4xNzcgMy4xNDUtMy40OTJtMy40ODUgOC44NjEgMi43NjItMy44MDIiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJtNDAuNzUgMTUyLjA4MSA0LjY1LTguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im00OC4zNTEgMTU1Ljk1NCAxLjkxMi00LjI5NG02LjA1MiA3LjM1MSAxLjQ1Mi00LjQ3bTYuNzg4IDYuNjc4Ljk3Ny00LjU5N203LjQ0OCA1LjkzMi40OTItNC42NzUiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTgwLjgxNCA0LjY1VjBoMXY0LjY1ek03Mi4xOTIuNTJsLjQ5MyA0LjYyMy45OTQtLjEwNi0uNDkzLTQuNjIzem0xOC40MDcgMTYxLjcwNC0uNDkzLTQuNjI0LS45OTQuMTA2LjQ5MyA0LjYyNHpNNjQuNjYgNi40OTRsLS45OC00LjU0Ni45NzgtLjIxLjk4IDQuNTQ1LS45NzguMjF6bTM0LjQ1IDE1NC4zMDEtLjk4LTQuNTQ1LS45NzcuMjEuOTggNC41NDZ6TTU2LjgyIDguNjg4bC0xLjQ1Ni00LjQxNi45NS0uMzEzIDEuNDU1IDQuNDE2LS45NS4zMTN6bTUwLjYwOSAxNDkuNzgzLTEuNDU2LTQuNDE2LS45NS4zMTMgMS40NTYgNC40MTZ6TTQ5LjI1NiAxMS42OTkgNDcuMzQgNy40NjJsLjkxMi0uNDEyIDEuOTE1IDQuMjM3LS45MS40MTJ6bTY2LjE5NCAxNDMuNTgyLTEuOTE1LTQuMjM3LS45MTIuNDEyIDEuOTE2IDQuMjM3em0tMzMuNDczIDcuNDYydi00LjY0OWgtMXY0LjY0OXpNMzUuNzI3IDE5LjcxbC0yLjc0LTMuNzU4LjgwOC0uNTg5IDIuNzQgMy43NTgtLjgwOS41OXptOTQuMDc3IDEyNy4wODEtMi43NC0zLjc1OC0uODA4LjU4OSAyLjczOSAzLjc1OHpNMjkuNDU0IDI0Ljg5bC0zLjEyMi0zLjQ0Ny43NC0uNjcgMy4xMjMgMy40NDZ6TTEzNi40NTggMTQxLjNsLTMuMTIyLTMuNDQ3LS43NDEuNjcyIDMuMTIyIDMuNDQ2ek0yMy43NTkgMzAuNzFsLTMuNDctMy4wOTYuNjY2LS43NDYgMy40NyAzLjA5Ny0uNjY2Ljc0NnptMTE4Ljc0MyAxMDQuNDItMy40Ny0zLjA5Ni0uNjY2Ljc0NiAzLjQ2OSAzLjA5NnpNMTguNzE2IDM3LjA5OWwtMy43NzktMi43MTIuNTg0LS44MTMgMy43NzggMi43MTJ6bTEyOS4xMzcgOTEuMjU4LTMuNzc4LTIuNzEyLS41ODMuODEyIDMuNzc4IDIuNzEyek00Mi41MiAxNS4yMTlsLTIuMzI2LTQuMDI3Ljg2Ni0uNSAyLjMyNiA0LjAyN3ptODAuMDc3IDEzNi4zMzItMi4zMjYtNC4wMjctLjg2Ni41IDIuMzI1IDQuMDI3ek0xMS4wMDUgNTAuNzk5bC00LjI1Mi0xLjg4NUw3LjE2IDQ4bDQuMjUyIDEuODg1em0xNDUuMDMyIDYzLjAzLTQuMjUxLTEuODg1LS40MDYuOTE0IDQuMjUyIDEuODg2ek04LjE2MyA1OC40MjFsLTQuNDI3LTEuNDI1LjMwNi0uOTUyTDguNDcgNTcuNDd6bTE1MC44OTIgNDcuMzI2LTQuNDI3LTEuNDI0LS4zMDcuOTUyIDQuNDI4IDEuNDI0ek02LjE0MyA2Ni4zMDdsLTQuNTU0LS45NDcuMjA0LS45NzkgNC41NTQuOTQ4em0xNTUuMDU5IDMxLjA3Ni00LjU1NC0uOTQ3LS4yMDQuOTc5IDQuNTU0Ljk0N3pNNC45NyA3NC4zNjEuMzQyIDczLjlsLjA5OS0uOTk1IDQuNjI4LjQ2LS4wOTkuOTk1em0xNTcuNDggMTQuNDgyLTQuNjI4LS40Ni0uMDk5Ljk5NSA0LjYyOC40NnpNMTQuNjQyIDQzLjUxNGwtNC4wMjgtMi4zMjUuNS0uODY2IDQuMDI4IDIuMzI1em0xMzcuNTM1IDc4LjA0LTQuMDI4LTIuMzI1LS41MDEuODY2IDQuMDI4IDIuMzI1ek01LjE0NSA5MC4wOGwtNC42MjUuNDkzLS4xMDYtLjk5NSA0LjYyNS0uNDkzek0xNjIuMjcgNzIuMTdsLTQuNjI1LjQ5My4xMDYuOTk1IDQuNjI1LS40OTMtLjEwNi0uOTk0ek02LjQ5NiA5OC4xbC00LjU0Ny45OC0uMjExLS45NzcgNC41NDctLjk4em0xNTQuMzQ2LTM0LjQzNy00LjU0Ny45OC4yMTEuOTc3IDQuNTQ3LS45OHpNOC42OTEgMTA1Ljk0MWwtNC40MTggMS40NTYtLjMxMy0uOTUgNC40MTctMS40NTV6bTE0OS44MjctNTAuNTk1LTQuNDE4IDEuNDU2LjMxMy45NSA0LjQxOC0xLjQ1NnpNMTEuNzAzIDExMy41MDFsLTQuMjM5IDEuOTE2LS40MTItLjkxMiA0LjIzOS0xLjkxNXptMTQzLjYyMy02Ni4xNzQtNC4yMzggMS45MTUuNDEyLjkxMSA0LjIzOC0xLjkxNXpNNC42NTEgODEuOTUzSDB2LTFoNC42NTF6bTE1OC4xNC0xLjE2M2gtNC42NTF2MWg0LjY1MXpNMTkuNzE2IDEyNy4wMjdsLTMuNzU5IDIuNzM5LS41OS0uODA4IDMuNzYtMi43Mzl6bTEyNy4xMTgtOTQuMDUtMy43NTkgMi43MzkuNTg5LjgwOCAzLjc1OS0yLjczOHpNMjQuODk3IDEzMy4yOThsLTMuNDQ3IDMuMTIxLS42NzItLjc0MSAzLjQ0OC0zLjEyMXpNMTQxLjM0MSAyNi4zMjRsLTMuNDQ3IDMuMTIuNjcxLjc0MiAzLjQ0OC0zLjEyMXpNMzAuNzE5IDEzOC45OWwtMy4wOTcgMy40NjktLjc0Ni0uNjY2IDMuMDk3LTMuNDY5ek0xMzUuMTcgMjAuMjgzbC0zLjA5OCAzLjQ2OS43NDYuNjY2IDMuMDk4LTMuNDY5em0tOTguMDYgMTIzLjc1LTIuNzEyIDMuNzc3LS44MTMtLjU4MyAyLjcxMy0zLjc3N3ptOTEuMjg1LTEyOS4xLTIuNzEyIDMuNzc3LjgxMi41ODMgMi43MTMtMy43Nzd6TTE1LjIyNCAxMjAuMjM2bC00LjAyOCAyLjMyNS0uNS0uODY2IDQuMDI4LTIuMzI1em0xMzYuMzcxLTgwLjA1NC00LjAyOCAyLjMyNS41Ljg2NiA0LjAyOC0yLjMyNXpNNTAuODE0IDE1MS43NDFsLTEuODg2IDQuMjUxLS45MTQtLjQwNSAxLjg4Ni00LjI1MXptNjMuMDQ5LTE0NC45OS0xLjg4NiA0LjI1MS45MTQuNDA1IDEuODg2LTQuMjV6TTU4LjQzOCAxNTQuNTgybC0xLjQyNSA0LjQyNy0uOTUyLS4zMDcgMS40MjUtNC40MjZ6bTQ3LjM0LTE1MC44NDctMS40MjUgNC40MjYuOTUyLjMwNiAxLjQyNS00LjQyNnpNNjYuMzI3IDE1Ni42MDJsLS45NDggNC41NTMtLjk3OS0uMjA0Ljk0OC00LjU1MnpNOTcuNDExIDEuNTg5bC0uOTQ3IDQuNTUyLjk3OS4yMDQuOTQ4LTQuNTUzek03NC4zODIgMTU3Ljc3NWwtLjQ2IDQuNjI3LS45OTUtLjA5OS40Ni00LjYyN3pNODguODY4LjM0MmwtLjQ2IDQuNjI3Ljk5NS4wOTguNDYtNC42Mjd6TTQzLjUyNyAxNDguMTA1bC0yLjMyNiA0LjAyNy0uODY2LS41IDIuMzI2LTQuMDI3ek0xMjEuNTkgMTAuNjExbC0yLjMyNiA0LjAyNy44NjYuNSAyLjMyNi00LjAyN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTExMi44ODcgMjMuMDkzcTAtLjgyLjA0LTEuMjJsLS4yNi4yNHEtLjE1LjEyOS0xLjAyLjg0bC0uNTQtLjY4IDEuOTYtMS41NGguOXY2LjY3aC0xLjA4em0yMi4zMTggMjUuODM0IDEuNzItMS43M3EuNzcxLS43OCAxLjAyLTEuMTEuMjUtLjMzLjM2LS42MWExLjcgMS43IDAgMCAwIC4xMS0uNjFxMC0uNDYtLjI3LS43MnQtLjc1LS4yNnEtLjQgMC0uNzYuMTUtLjM1LjE0LS44Mi41MWwtLjU3LS43MnEuNTQtLjQ1IDEuMDYtLjY1LjUzMS0uMiAxLjE0LS4yLjk0IDAgMS41LjQ4dC41NiAxLjMxcTAgLjQ3LS4xNi44Ni0uMTguNDI5LS41Ljg0LS4zNi40NS0xLjEyIDEuMTdsLTEuMTYgMS4xMXYuMDVoMy4xN3YuOTVoLTQuNTN6bTExLjk0NiAzNS45MzdxLTEuMTEgMC0xLjg4LS4zNnYtLjk1YTQuNiA0LjYgMCAwIDAgLjkuMzFxLjQ4LjExLjkyLjExLjc5IDAgMS4xNi0uMjguMzgtLjI5LjM4LS44OSAwLS41NC0uNDItLjc5dC0xLjM0LS4yNWgtLjU3di0uODhoLjU4cTEuNjEgMCAxLjYxLTEuMSAwLS40NC0uMjgtLjY3dC0uODMtLjIzcS0uNCAwLS43NS4xMS0uMzUxLjExLS44MS40MWwtLjUzLS43NWEzLjU2IDMuNTYgMCAwIDEgMi4xNC0uNjhxMS4wMSAwIDEuNTguNDQuNTcuNDMuNTcgMS4yMSAwIC42Mi0uMzggMS4wNS0uMzcuNDItMS4wNC41N3YuMDRxLjguMSAxLjIxLjV0LjQxIDEuMDdxMCAuOTYtLjY5IDEuNDktLjY4LjUyLTEuOTQuNTJtLTkuMTI2IDMwLjQxOWgtMy4wNHYtLjgzbDMuMDQtNC4zOWgxLjA0djQuMzNoLjl2Ljg5aC0uOXYxLjQ1aC0xLjA0em0wLS44OXYtMS42N3EwLS44My4wNS0xLjQ2aC0uMDRxLS4xNC4zMS0uNC43M2wtMS42NSAyLjR6bS0yNC40MzEgMjQuNzU5cS0xLjEyIDAtMS43Ni0uMzd2LS45NnEuMzcuMi44NC4zMS40OC4xMS45LjExLjcyIDAgMS4xMS0uMzIuMzktLjMzLjM5LS45NCAwLTEuMjEtMS41NS0xLjIxLS4yNSAwLS42My4wNmwtLjQ0LjA3LS40OS0uMjcuMjctMy4yN2gzLjQ4di45NmgtMi41NGwtLjE1IDEuNjZxLjUyLS4xLjk2LS4xIDEgMCAxLjYuNTQuNi41My42IDEuNDUgMCAxLjA3LS42OCAxLjY4LS42OC42LTEuOTEuNm0tMzEuODQ0IDguOTM3cS0xLjExIDAtMS43NC0uNzd0LS42My0yLjE4cTAtMy45NCAzLjIxLTMuOTQuNDggMCAuODUuMDh2Ljg5YTIuOSAyLjkgMCAwIDAtLjgxLS4xcS0xLjA4IDAtMS42Mi41OXQtLjU5IDEuODVoLjA2cS40OC0uNzkgMS41Mi0uNzkuOTEgMCAxLjQyLjU2LjUyLjU2MS41MiAxLjUzIDAgMS4wNS0uNTkgMS42Ny0uNTkuNjEtMS42LjYxbS0uMDItLjg4cS41NCAwIC44NC0uMzYuMzEtLjM3LjMxLTEuMDQgMC0uNTc5LS4yOS0uOS0uMjktLjMzLS44My0uMzMtLjM1IDAtLjY1LjE2LS4yOS4xNS0uNDcuNGEuOS45IDAgMCAwLS4xNy41MnEwIC42NTEuMzUgMS4xMS4zNS40NC45MS40NG0tMzIuNDctMTMuOTA3SDQ1Ljh2LS45NGg0LjYxdi43NmwtMi42MSA1LjkxaC0xLjE2em0tMjQuNTU3LTE2LjQ0OXEtMS4wOSAwLTEuNy0uNDYtLjYtLjQ3LS42LTEuMzQgMC0uNTcuMzItMS4wMS4zMjEtLjQ0IDEuMDItLjc5LS42LS4zNi0uODctLjc2YTEuNyAxLjcgMCAwIDEtLjI2LS45M3EwLS43NC41Ni0xLjE3LjU3LS40MyAxLjUxLS40My45NTEgMCAxLjUuNDQuNTYuNDMuNTYgMS4xNyAwIDEuMDQxLTEuMjQgMS42NS43OC4zODEgMS4xMS44MS4zNC40My4zNC45OCAwIC44NC0uNjEgMS4zNC0uNi41LTEuNjQuNW0wLTQuMDdxLjU0LS4yNC43Ny0uNTF0LjIzLS42M2EuNzYuNzYgMCAwIDAtLjI4LS42MnEtLjI3OS0uMjMtLjc1LS4yMy0uNDYgMC0uNzQuMjNhLjc2Ljc2IDAgMCAwLS4yOC42MnEwIC4yMzEuMS40Mi4xLjE5LjMuMzUuMjEuMTYuNjUuMzdtLS4wMiAzLjI1cS41OSAwIC45MS0uMjcuMzMtLjI4LjMzLS43NiAwLS43MS0xLjIxLTEuMjRsLS4xNC0uMDZxLS42LjI2LS44Ny41OC0uMjcuMzEtLjI3LjczIDAgLjQ4LjMzLjc1LjM0LjI3LjkyLjI3bS05LjgyMS0zMS4xNzlxLS42MjEgMC0uODctLjA3di0uOTFxLjQyLjExLjgxLjExIDEuMSAwIDEuNjMtLjU4LjU0LS41OS41OS0xLjg1aC0uMDVxLS4yNy40MS0uNjUuNi0uMzgxLjE4LS45LjE4LS44OSAwLTEuNC0uNTV0LS41MS0xLjUycTAtMS4wNTkuNTktMS42OC41OS0uNjIgMS42MS0uNjIuNzIgMCAxLjI1LjM1LjUzLjM1MS44MiAxLjAyLjI5LjY2LjI5IDEuNTggMCAxLjk5LS44IDIuOTctLjguOTctMi40MS45N20uODMtMy4zOHEuNTQgMCAuOTItLjMyYS45Ni45NiAwIDAgMCAuMzctLjc2cTAtLjY1LS4zNS0xLjA5YTEuMSAxLjEgMCAwIDAtLjktLjQ0cS0uNTcgMC0uODcuMzYtLjI5LjM2LS4yOSAxLjAzIDAgLjU4LjI4LjkuMjc5LjMyLjg0LjMybTcuNzQ4LTMzLjgwM3EwLS44Mi4wNC0xLjIybC0uMjYuMjRxLS4xNS4xMy0xLjAyLjg0bC0uNTQtLjY4IDEuOTYtMS41NGguOXY2LjY3aC0xLjA4em01LjAwOCA0LjQzcS0xLjEzIDAtMS43MS0uODctLjU3LS44OC0uNTctMi41NyAwLTEuNzcuNTYtMi42MXQxLjcyLS44NHExLjExIDAgMS42OS44OC41OC44Ny41OCAyLjU3IDAgMS43NC0uNTYgMi41OXQtMS43MS44NW0wLS45cS42MSAwIC44OS0uNi4yOS0uNi4yOS0xLjk0YzAtMS4zNC0uMDk2LTEuNTQtLjI5LTEuOTRxLS4yOC0uNjEtLjg5LS42MS0uNjMgMC0uOTEuNi0uMjguNTkxLS4yOCAxLjk1IDAgMS4zNi4yOCAxLjk1dC45MS41OW0xOS41Ny0yOC4xMDhxMC0uODIuMDQtMS4yMmwtLjI2LjI0cS0uMTUuMTI5LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh6bTQuOTk4IDBxMC0uODIuMDQtMS4yMmwtLjI2LjI0cS0uMTUuMTI5LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh6bTI1LjE2Ny03Ljc3NXEwLS44Mi4wNC0xLjIybC0uMjYuMjRxLS4xNS4xMy0xLjAyLjg0bC0uNTQtLjY4IDEuOTYtMS41NGguOXY2LjY3aC0xLjA4em0yLjczOCAzLjQ5IDEuNzItMS43M3EuNzcxLS43OCAxLjAyLTEuMTFhMi42IDIuNiAwIDAgMCAuMzYtLjYxcS4xMS0uMjkuMTEtLjYxIDAtLjQ2LS4yNy0uNzJ0LS43NS0uMjZxLS40IDAtLjc2LjE1LS4zNS4xNC0uODIuNTFsLS41Ny0uNzJxLjU0LS40NSAxLjA2LS42NS41MzEtLjIgMS4xNC0uMi45NCAwIDEuNS40OHQuNTYgMS4zMXEwIC40Ny0uMTYuODYtLjE4LjQzLS41Ljg0LS4zNi40NS0xLjEyIDEuMTdsLTEuMTYgMS4xMXYuMDVoMy4xN3YuOTVoLTQuNTN6Ii8+PC9zdmc+) center center no-repeat}:host([analogue]) [part=digital]{display:flex;position:absolute;top:20%;left:0;right:0;justify-content:center;font-size:.34em}:host([analogue]) [part=digital] [part~=am-pm]{font-size:100%;line-height:1}:host([analogue]) [part=hands]::after{content:\'\';position:absolute;border-radius:50%;width:9%;height:9%;top:45.5%;left:45.5%;border:2px solid #e01865;box-sizing:border-box;z-index:1}:host([analogue]) [part~=hand]::after{content:\'\';position:absolute}:host([analogue]) [part~=second]::after{width:1%;height:43%;margin-top:3%;margin-left:49.5%;background-color:#535de8}:host([analogue]) [part~=minute]::after{width:3%;height:43%;margin-top:3%;margin-left:48.5%;background-color:#e01865}:host([analogue]) [part~=hour]::after{width:3%;height:28%;margin-top:18%;margin-left:48.5%;background-color:#e01865}:host([analogue][size=small]){font-size:10px;min-width:50px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0ibm9uZSIgY29sb3I9ImhzbCgyMTkuOTk5OTk5OTk5OTk5OTcsIDEyLjAwMDAwMDAwMDAwMDAxJSwgNzUlKSI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMzEuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjI2MiAxdjIuOTUyaDFWMXptMTQuMDI0IDYuMjQ3IDEuNDc2LTIuNTU3Ljg2Ni41LTEuNDc2IDIuNTU3em0tMjkuNDUtMS42NzEgMS40NzYgMi41NTYuODY2LS41LTEuNDc2LTIuNTU2ek00LjgzOCAxNy4wOWwyLjU1NyAxLjQ3Ni41LS44NjYtMi41NTctMS40NzZ6bS0uODg2IDE1LjY0N0gxdi0xaDIuOTUyem0zLjQyIDEyLjc3Mi0yLjU1OCAxLjQ3Ni41Ljg2NiAyLjU1Ny0xLjQ3NnptOC41MzcgMTIuOTYyIDEuNDc3LTIuNTU3Ljg2Ni41LTEuNDc2IDIuNTU3em0xNS4zNTMgMS41NzZ2Mi45NTJoMXYtMi45NTJ6bTE1LjY0OC0uODM4LTEuNDc2LTIuNTU2Ljg2Ni0uNSAxLjQ3NiAyLjU1NnptOS4wMDQtMTIuNTk1IDIuNTU3IDEuNDc2LjUtLjg2Ni0yLjU1Ny0xLjQ3NnpNNjMgMzIuNzM3aC0yLjk1MnYtMUg2M3ptLTQuNTc2LTE2LjkwMi0yLjU1NyAxLjQ3Ny41Ljg2NiAyLjU1Ny0xLjQ3N3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center center/cover no-repeat}:host([analogue][size=small]) [part=hands]::after{background-color:#e01865}:host([analogue][size=small]) [part~=second]::after{width:1.5%;height:32%;margin-top:16%}:host([analogue][size=small]) [part~=minute]::after{height:37%;margin-top:12%}:host([analogue][size=small]) [part~=hour]::after{height:26%;margin-top:23%}:host([analogue][size=small]) [part~=am-pm]{padding-left:0;display:flex;position:absolute;left:0;right:0;bottom:15%;font-size:100%;justify-content:center}' }}));

2

dark/ef-rating.js
import './imports/native-elements.js';
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-rating', styles: ':host{font-size:17px}:host [part=container]{touch-action:manipulation;display:flex;flex-direction:row-reverse;flex-wrap:nowrap}:host [part^=icon]{margin:0 1px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPgogICAgPHBhdGggZD0ibTEwMjQgMzk3LTM1NC01MS0xNTgtMzIxLTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6IG0tNTEyIDM1Ny0yMjQgMTE4IDQzLTI0OS0xODEtMTc2IDI1MC0zNiAxMTItMjI2IDExMiAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIgZmlsbD0iaHNsKDIyMC4wMDAwMDAwMDAwMDAwNiwgMTIuMDAwMDAwMDAwMDAwMDA1JSwgMjguMDAwMDAwMDAwMDAwMDA0JSkiLz4KPC9zdmc+Cg==) 0 0/100% no-repeat;width:1em;height:1em}:host [part^=icon]:first-child,:host [part^=icon]:last-child{margin:0}:host(:not([interactive])) [part~=icon-full],:host([interactive]) [part=container]:not(:hover) [part~=icon-full]{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0ibTEwMjQgMzk3LTM1NC01MS0xNTgtMzIxLTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6IiBmaWxsPSJoc2woMzM3LjAwMDAwMDAwMDAwMDA2LCA4MCUsIDQ5JSkiLz4KPC9zdmc+Cg==)}:host(:not([interactive])) [part~=icon-half],:host([interactive]) [part=container]:not(:hover) [part~=icon-half]{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggaWQ9InJpZ2h0IiBkPSJtMTAyNCAzOTctMzU0LTUxLTE1OS0zMjF2ODA4bDMxNyAxNjYtNjAtMzUyem0tNTEzIDM1N3YtNTcwbDExMyAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIgZmlsbD0iaHNsKDIyMC4wMDAwMDAwMDAwMDAwNiwgMTIuMDAwMDAwMDAwMDAwMDA1JSwgMjguMDAwMDAwMDAwMDAwMDA0JSkiLz4KICAgIDxwYXRoIGlkPSJsZWZ0IiBkPSJtNTEyIDI1LTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjZ6IiBmaWxsPSJoc2woMzM3LjAwMDAwMDAwMDAwMDA2LCA4MCUsIDQ5JSkiLz4KPC9zdmc+Cg==)}:host([interactive]) [part^=icon]{cursor:pointer}:host([interactive]) [part^=icon]:hover,:host([interactive]) [part^=icon]:hover~[part^=icon]{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0ibTEwMjQgMzk3LTM1NC01MS0xNTgtMzIxLTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6IiBmaWxsPSJoc2woMzM3LjAwMDAwMDAwMDAwMDA2LCA4MCUsIDQ5JSkiLz4KPC9zdmc+Cg==)}:host([focused=visible]){outline:#535de8 solid 0;outline-offset:2px}' }}));
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-rating', styles: ':host{font-size:17px}:host [part=container]{touch-action:manipulation;display:flex;flex-direction:row-reverse;flex-wrap:nowrap}:host [part^=icon]{margin:0 1px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgyMjAuMDAwMDAwMDAwMDAwMDYsIDEyLjAwMDAwMDAwMDAwMDAwNSUsIDI4LjAwMDAwMDAwMDAwMDAwNCUpIiBkPSJtMTAyNCAzOTctMzU0LTUxTDUxMiAyNSAzNTQgMzQ2IDAgMzk3bDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6TTUxMiA3NTQgMjg4IDg3Mmw0My0yNDktMTgxLTE3NiAyNTAtMzYgMTEyLTIyNiAxMTIgMjI2IDI1MCAzNi0xODEgMTc2IDQzIDI0OXoiLz48L3N2Zz4=) 0 0/100% no-repeat;width:1em;height:1em}:host [part^=icon]:first-child,:host [part^=icon]:last-child{margin:0}:host(:not([interactive])) [part~=icon-full],:host([interactive]) [part=container]:not(:hover) [part~=icon-full]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgzMzcuMDAwMDAwMDAwMDAwMDYsIDgwJSwgNDklKSIgZD0ibTEwMjQgMzk3LTM1NC01MUw1MTIgMjUgMzU0IDM0NiAwIDM5N2wyNTYgMjUwLTYwIDM1MiAzMTYtMTY2IDMxNiAxNjYtNjAtMzUyeiIvPjwvc3ZnPg==)}:host(:not([interactive])) [part~=icon-half],:host([interactive]) [part=container]:not(:hover) [part~=icon-half]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgyMjAuMDAwMDAwMDAwMDAwMDYsIDEyLjAwMDAwMDAwMDAwMDAwNSUsIDI4LjAwMDAwMDAwMDAwMDAwNCUpIiBkPSJtMTAyNCAzOTctMzU0LTUxTDUxMSAyNXY4MDhsMzE3IDE2Ni02MC0zNTJ6TTUxMSA3NTRWMTg0bDExMyAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIvPjxwYXRoIGZpbGw9ImhzbCgzMzcuMDAwMDAwMDAwMDAwMDYsIDgwJSwgNDklKSIgZD0iTTUxMiAyNSAzNTQgMzQ2IDAgMzk3bDI1NiAyNTAtNjAgMzUyIDMxNi0xNjZ6Ii8+PC9zdmc+)}:host([interactive]) [part^=icon]{cursor:pointer}:host([interactive]) [part^=icon]:hover,:host([interactive]) [part^=icon]:hover~[part^=icon]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgzMzcuMDAwMDAwMDAwMDAwMDYsIDgwJSwgNDklKSIgZD0ibTEwMjQgMzk3LTM1NC01MUw1MTIgMjUgMzU0IDM0NiAwIDM5N2wyNTYgMjUwLTYwIDM1MiAzMTYtMTY2IDMxNiAxNjYtNjAtMzUyeiIvPjwvc3ZnPg==)}:host([focused=visible]){outline:#535de8 solid 0;outline-offset:2px}' }}));

2

dark/html.js
import './imports/native-elements.js';
dispatchEvent(new CustomEvent('ef.nativeStyles.define', { detail: { name: 'html', styles: 'html{height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a;scrollbar-color:#3e444f #21242a;--color-scheme-primary:hsl(236, 77%, 62%);--color-scheme-secondary:hsl(236, 35%, 44%);--color-scheme-tertiary:hsl(220, 12%, 28%);--color-scheme-complementary:hsl(337, 80%, 49%);--color-scheme-negative:#e5445f;--color-scheme-neutral:hsl(220, 12%, 75%);--color-scheme-positive:#2ec57e;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f;--color-scheme-ticktext:hsl(0, 0%, 0%);--theme-name:\'elemental-theme\';--theme-version:\'6.5.0\'}html[movement-color-profile=asian1]{--color-scheme-negative:#2ec57e;--color-scheme-neutral:hsl(220, 12%, 75%);--color-scheme-positive:#e5445f;--color-scheme-tickup:#e5445f;--color-scheme-tickdown:#2ec57e}html[movement-color-profile=asian2]{--color-scheme-negative:#e5445f;--color-scheme-neutral:#2ec57e;--color-scheme-positive:#19aaee;--color-scheme-tickup:#d1ce00;--color-scheme-tickdown:#e5445f}html[movement-color-profile=european]{--color-scheme-negative:#e5445f;--color-scheme-neutral:#2ec57e;--color-scheme-positive:#19aaee;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f}::-moz-selection{color:#d4d7dd;background:#adb2f4}::selection{color:#d4d7dd;background:#adb2f4}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));
dispatchEvent(new CustomEvent('ef.nativeStyles.define', { detail: { name: 'html', styles: 'html{height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a;scrollbar-color:#3e444f #21242a;--color-scheme-primary:hsl(236, 77%, 62%);--color-scheme-secondary:hsl(236, 35%, 44%);--color-scheme-tertiary:hsl(220, 12%, 28%);--color-scheme-complementary:hsl(337, 80%, 49%);--color-scheme-negative:#e5445f;--color-scheme-neutral:hsl(220, 12%, 75%);--color-scheme-positive:#2ec57e;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f;--color-scheme-ticktext:hsl(0, 0%, 0%);--theme-name:\'elemental-theme\';--theme-version:\'6.5.1\'}html[movement-color-profile=asian1]{--color-scheme-negative:#2ec57e;--color-scheme-neutral:hsl(220, 12%, 75%);--color-scheme-positive:#e5445f;--color-scheme-tickup:#e5445f;--color-scheme-tickdown:#2ec57e}html[movement-color-profile=asian2]{--color-scheme-negative:#e5445f;--color-scheme-neutral:#2ec57e;--color-scheme-positive:#19aaee;--color-scheme-tickup:#d1ce00;--color-scheme-tickdown:#e5445f}html[movement-color-profile=european]{--color-scheme-negative:#e5445f;--color-scheme-neutral:#2ec57e;--color-scheme-positive:#19aaee;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f}::-moz-selection{color:#d4d7dd;background:#adb2f4}::selection{color:#d4d7dd;background:#adb2f4}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));

2

light/ef-clock.js
import './imports/native-elements.js';
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-clock', styles: ':host{font-size:2.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}:host [part~=segment]{padding:.15em 0;line-height:1em;align-self:flex-end}:host [part~=hours],:host [part~=minutes],:host [part~=seconds]{position:relative}:host [part~=hours][part~=shifted],:host [part~=minutes][part~=shifted],:host [part~=seconds][part~=shifted]{color:#535de8}:host [part~=am-pm]{font-size:60%;line-height:1.5em;padding-left:3px}:host [part=decrement-button],:host [part=increment-button]{left:0;width:100%;height:50%;position:absolute;cursor:pointer;display:none}:host [part=decrement-button]::after,:host [part=increment-button]::after{content:\'\';left:0;right:0;width:0;height:0;margin:0 auto;position:absolute;border-style:solid;transform:rotate(360deg)}:host [part=decrement-button][part=increment-button],:host [part=increment-button][part=increment-button]{top:0}:host [part=decrement-button][part=increment-button]::after,:host [part=increment-button][part=increment-button]::after{top:0;border-width:0 .167em .178em;border-color:transparent transparent #535de8}:host [part=decrement-button][part=decrement-button],:host [part=increment-button][part=decrement-button]{bottom:0}:host [part=decrement-button][part=decrement-button]::after,:host [part=increment-button][part=decrement-button]::after{bottom:0;border-width:.178em .167em 0;border-color:#535de8 transparent transparent}:host(:focus) [part~=hours][active],:host(:focus) [part~=minutes][active],:host(:focus) [part~=seconds][active]{color:#535de8}:host(:focus) [active]{display:block}:host([analogue]){border-radius:100%;width:160px;max-width:200px;background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYzIDE2MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iaHNsKDIyMC4wMDAwMDAwMDAwMDAwNiwgMTIuMDAwMDAwMDAwMDAwMDA1JSwgMjguMDAwMDAwMDAwMDAwMDA0JSkiPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik04MS41IDB2OS4zIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im05MC4wMi40NDYtLjQ5MiA0LjY3NU05OC40NDUgMS43ODFsLS45NzcgNC41OTdNMTA2LjY4NSAzLjk4OWwtMS40NTIgNC40N00xMTQuNjQ5IDcuMDQ2bC0xLjkxMiA0LjI5NCIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMjIuMjUgMTAuOTE5LTQuNjUgOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTEyOS40MDQgMTUuNTY1LTIuNzYyIDMuODAyTTEzNi4wMzQgMjAuOTM0bC0zLjE0NSAzLjQ5Mk0xNDIuMDY2IDI2Ljk2NmwtMy40OTIgMy4xNDVNMTQ3LjQzNSAzMy41OTZsLTMuODAyIDIuNzYyIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE1Mi4wODEgNDAuNzUtOC4wNTQgNC42NSIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTU1Ljk1NCA0OC4zNTEtNC4yOTQgMS45MTJNMTU5LjAxMSA1Ni4zMTVsLTQuNDcgMS40NTJNMTYxLjIxOSA2NC41NTVsLTQuNTk3Ljk3N00xNjIuNTU0IDcyLjk4bC00LjY3NS40OTIiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJNMTYzIDgxLjVoLTkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTYyLjU1NCA5MC4wMi00LjY3NS0uNDkyTTE2MS4yMTkgOTguNDQ1bC00LjU5Ny0uOTc3TTE1OS4wMTEgMTA2LjY4NWwtNC40Ny0xLjQ1Mk0xNTUuOTU0IDExNC42NDlsLTQuMjk0LTEuOTEyIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE1Mi4wODEgMTIyLjI1LTguMDU0LTQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE0Ny40MzUgMTI5LjQwNC0zLjgwMi0yLjc2Mk0xNDIuMDY2IDEzNi4wMzRsLTMuNDkyLTMuMTQ1TTEzNi4wMzQgMTQyLjA2NmwtMy4xNDUtMy40OTJNMTI5LjQwNCAxNDcuNDM1bC0yLjc2Mi0zLjgwMiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMjIuMjUgMTUyLjA4MS00LjY1LTguMDU0Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMTQuNjQ5IDE1NS45NTQtMS45MTItNC4yOTRNMTA2LjY4NSAxNTkuMDExbC0xLjQ1Mi00LjQ3TTk4LjQ0NSAxNjEuMjE5bC0uOTc3LTQuNTk3TTkwLjAyIDE2Mi41NTRsLS40OTItNC42NzUiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJNODEuNSAxNjN2LTkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtNzIuOTguNDQ2LjQ5MiA0LjY3NU02NC41NTUgMS43ODFsLjk3NyA0LjU5N001Ni4zMTUgMy45ODlsMS40NTIgNC40N000OC4zNTEgNy4wNDZsMS45MTIgNC4yOTQiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtNDAuNzUgMTAuOTE5IDQuNjUgOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTMzLjU5NiAxNS41NjUgMi43NjIgMy44MDJNMjYuOTY2IDIwLjkzNGwzLjE0NSAzLjQ5Mk0yMC45MzQgMjYuOTY2bDMuNDkyIDMuMTQ1TTE1LjU2NSAzMy41OTZsMy44MDIgMi43NjIiLz48cGF0aCBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTAuOTE5IDQwLjc1IDguMDU0IDQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTcuMDQ2IDQ4LjM1MSA0LjI5NCAxLjkxMk0zLjk4OSA1Ni4zMTVsNC40NyAxLjQ1Mk0xLjc4MSA2NC41NTVsNC41OTcuOTc3TS40NDYgNzIuOThsNC42NzUuNDkyIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0iTTAgODEuNWg5LjMiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibS40NDYgOTAuMDIgNC42NzUtLjQ5Mk0xLjc4MSA5OC40NDVsNC41OTctLjk3N00zLjk4OSAxMDYuNjg1bDQuNDctMS40NTJNNy4wNDYgMTE0LjY0OWw0LjI5NC0xLjkxMiIvPjxwYXRoIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xMC45MTkgMTIyLjI1IDguMDU0LTQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE1LjU2NSAxMjkuNDA0IDMuODAyLTIuNzYyTTIwLjkzNCAxMzYuMDM0bDMuNDkyLTMuMTQ1TTI2Ljk2NiAxNDIuMDY2bDMuMTQ1LTMuNDkyTTMzLjU5NiAxNDcuNDM1bDIuNzYyLTMuODAyIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTQwLjc1IDE1Mi4wODEgNC42NS04LjA1NCIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtNDguMzUxIDE1NS45NTQgMS45MTItNC4yOTRNNTYuMzE1IDE1OS4wMTFsMS40NTItNC40N002NC41NTUgMTYxLjIxOWwuOTc3LTQuNTk3TTcyLjk4IDE2Mi41NTRsLjQ5Mi00LjY3NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODAuODE0IDQuNjVWMGgxdjQuNjVoLTF6TTcyLjE5Mi41MmwuNDkzIDQuNjIzLjk5NC0uMTA2LS40OTMtNC42MjMtLjk5NC4xMDZ6bTE4LjQwNyAxNjEuNzA0LS40OTMtNC42MjQtLjk5NC4xMDYuNDkzIDQuNjI0Ljk5NC0uMTA2ek02NC42NiA2LjQ5NGwtLjk4LTQuNTQ2Ljk3OC0uMjEuOTggNC41NDUtLjk3OC4yMXpNOTkuMTEgMTYwLjc5NWwtLjk4LTQuNTQ1LS45NzcuMjEuOTggNC41NDYuOTc3LS4yMTF6TTU2LjgyIDguNjg4bC0xLjQ1Ni00LjQxNi45NS0uMzEzIDEuNDU1IDQuNDE2LS45NS4zMTN6bTUwLjYwOSAxNDkuNzgzLTEuNDU2LTQuNDE2LS45NS4zMTMgMS40NTYgNC40MTYuOTUtLjMxM3pNNDkuMjU2IDExLjY5OSA0Ny4zNCA3LjQ2MmwuOTEyLS40MTIgMS45MTUgNC4yMzctLjkxLjQxMnptNjYuMTk0IDE0My41ODItMS45MTUtNC4yMzctLjkxMi40MTIgMS45MTYgNC4yMzcuOTExLS40MTJ6bS0zMy40NzMgNy40NjJ2LTQuNjQ5aC0xdjQuNjQ5aDF6TTM1LjcyNyAxOS43MWwtMi43NC0zLjc1OC44MDgtLjU4OSAyLjc0IDMuNzU4LS44MDkuNTl6bTk0LjA3NyAxMjcuMDgxLTIuNzQtMy43NTgtLjgwOC41ODkgMi43MzkgMy43NTguODA5LS41ODl6TTI5LjQ1NCAyNC44OWwtMy4xMjItMy40NDcuNzQtLjY3IDMuMTIzIDMuNDQ2LS43NDIuNjd6TTEzNi40NTggMTQxLjNsLTMuMTIyLTMuNDQ3LS43NDEuNjcyIDMuMTIyIDMuNDQ2Ljc0MS0uNjcxek0yMy43NTkgMzAuNzFsLTMuNDctMy4wOTYuNjY2LS43NDYgMy40NyAzLjA5Ny0uNjY2Ljc0NnpNMTQyLjUwMiAxMzUuMTNsLTMuNDctMy4wOTYtLjY2Ni43NDYgMy40NjkgMy4wOTYuNjY3LS43NDZ6TTE4LjcxNiAzNy4wOTlsLTMuNzc5LTIuNzEyLjU4NC0uODEzIDMuNzc4IDIuNzEyLS41ODMuODEzem0xMjkuMTM3IDkxLjI1OC0zLjc3OC0yLjcxMi0uNTgzLjgxMiAzLjc3OCAyLjcxMi41ODMtLjgxMnpNNDIuNTIgMTUuMjE5bC0yLjMyNi00LjAyNy44NjYtLjUgMi4zMjYgNC4wMjctLjg2Ni41em04MC4wNzcgMTM2LjMzMi0yLjMyNi00LjAyNy0uODY2LjUgMi4zMjUgNC4wMjcuODY3LS41ek0xMS4wMDUgNTAuNzk5bC00LjI1Mi0xLjg4NUw3LjE2IDQ4bDQuMjUyIDEuODg1LS40MDYuOTE0em0xNDUuMDMyIDYzLjAzLTQuMjUxLTEuODg1LS40MDYuOTE0IDQuMjUyIDEuODg2LjQwNS0uOTE1ek04LjE2MyA1OC40MjFsLTQuNDI3LTEuNDI1LjMwNi0uOTUyTDguNDcgNTcuNDdsLS4zMDcuOTUxem0xNTAuODkyIDQ3LjMyNi00LjQyNy0xLjQyNC0uMzA3Ljk1MiA0LjQyOCAxLjQyNC4zMDYtLjk1MnpNNi4xNDMgNjYuMzA3bC00LjU1NC0uOTQ3LjIwNC0uOTc5IDQuNTU0Ljk0OC0uMjA0Ljk3OXptMTU1LjA1OSAzMS4wNzYtNC41NTQtLjk0Ny0uMjA0Ljk3OSA0LjU1NC45NDcuMjA0LS45Nzl6TTQuOTcgNzQuMzYxLjM0MiA3My45bC4wOTktLjk5NSA0LjYyOC40Ni0uMDk5Ljk5NXpNMTYyLjQ1IDg4Ljg0M2wtNC42MjgtLjQ2LS4wOTkuOTk1IDQuNjI4LjQ2LjA5OS0uOTk1ek0xNC42NDIgNDMuNTE0bC00LjAyOC0yLjMyNS41LS44NjYgNC4wMjggMi4zMjUtLjUuODY2em0xMzcuNTM1IDc4LjA0LTQuMDI4LTIuMzI1LS41MDEuODY2IDQuMDI4IDIuMzI1LjUwMS0uODY2ek01LjE0NSA5MC4wOGwtNC42MjUuNDkzLS4xMDYtLjk5NSA0LjYyNS0uNDkzLjEwNi45OTV6TTE2Mi4yNyA3Mi4xN2wtNC42MjUuNDkzLjEwNi45OTUgNC42MjUtLjQ5My0uMTA2LS45OTR6TTYuNDk2IDk4LjFsLTQuNTQ3Ljk4LS4yMTEtLjk3NyA0LjU0Ny0uOTguMjEuOTc4em0xNTQuMzQ2LTM0LjQzNy00LjU0Ny45OC4yMTEuOTc3IDQuNTQ3LS45OC0uMjExLS45Nzd6TTguNjkxIDEwNS45NDFsLTQuNDE4IDEuNDU2LS4zMTMtLjk1IDQuNDE3LTEuNDU1LjMxNC45NDl6bTE0OS44MjctNTAuNTk1LTQuNDE4IDEuNDU2LjMxMy45NSA0LjQxOC0xLjQ1Ni0uMzEzLS45NXpNMTEuNzAzIDExMy41MDFsLTQuMjM5IDEuOTE2LS40MTItLjkxMiA0LjIzOS0xLjkxNS40MTIuOTExem0xNDMuNjIzLTY2LjE3NC00LjIzOCAxLjkxNS40MTIuOTExIDQuMjM4LTEuOTE1LS40MTItLjkxMXpNNC42NTEgODEuOTUzSDB2LTFoNC42NTF2MXptMTU4LjE0LTEuMTYzaC00LjY1MXYxaDQuNjUxdi0xek0xOS43MTYgMTI3LjAyN2wtMy43NTkgMi43MzktLjU5LS44MDggMy43Ni0yLjczOS41ODkuODA4em0xMjcuMTE4LTk0LjA1LTMuNzU5IDIuNzM5LjU4OS44MDggMy43NTktMi43MzgtLjU4OS0uODA5ek0yNC44OTcgMTMzLjI5OGwtMy40NDcgMy4xMjEtLjY3Mi0uNzQxIDMuNDQ4LTMuMTIxLjY3MS43NDF6TTE0MS4zNDEgMjYuMzI0bC0zLjQ0NyAzLjEyLjY3MS43NDIgMy40NDgtMy4xMjEtLjY3Mi0uNzQxek0zMC43MTkgMTM4Ljk5bC0zLjA5NyAzLjQ2OS0uNzQ2LS42NjYgMy4wOTctMy40NjkuNzQ3LjY2NnpNMTM1LjE3IDIwLjI4M2wtMy4wOTggMy40NjkuNzQ2LjY2NiAzLjA5OC0zLjQ2OS0uNzQ2LS42NjZ6bS05OC4wNiAxMjMuNzUtMi43MTIgMy43NzctLjgxMy0uNTgzIDIuNzEzLTMuNzc3LjgxMi41ODN6bTkxLjI4NS0xMjkuMS0yLjcxMiAzLjc3Ny44MTIuNTgzIDIuNzEzLTMuNzc3LS44MTMtLjU4M3pNMTUuMjI0IDEyMC4yMzZsLTQuMDI4IDIuMzI1LS41LS44NjYgNC4wMjgtMi4zMjUuNS44NjZ6bTEzNi4zNzEtODAuMDU0LTQuMDI4IDIuMzI1LjUuODY2IDQuMDI4LTIuMzI1LS41LS44NjZ6TTUwLjgxNCAxNTEuNzQxbC0xLjg4NiA0LjI1MS0uOTE0LS40MDUgMS44ODYtNC4yNTEuOTE0LjQwNXptNjMuMDQ5LTE0NC45OS0xLjg4NiA0LjI1MS45MTQuNDA1IDEuODg2LTQuMjUtLjkxNC0uNDA2ek01OC40MzggMTU0LjU4MmwtMS40MjUgNC40MjctLjk1Mi0uMzA3IDEuNDI1LTQuNDI2Ljk1Mi4zMDZ6bTQ3LjM0LTE1MC44NDctMS40MjUgNC40MjYuOTUyLjMwNiAxLjQyNS00LjQyNi0uOTUyLS4zMDZ6TTY2LjMyNyAxNTYuNjAybC0uOTQ4IDQuNTUzLS45NzktLjIwNC45NDgtNC41NTIuOTc5LjIwM3pNOTcuNDExIDEuNTg5bC0uOTQ3IDQuNTUyLjk3OS4yMDQuOTQ4LTQuNTUzLS45OC0uMjAzek03NC4zODIgMTU3Ljc3NWwtLjQ2IDQuNjI3LS45OTUtLjA5OS40Ni00LjYyNy45OTUuMDk5ek04OC44NjguMzQybC0uNDYgNC42MjcuOTk1LjA5OC40Ni00LjYyNy0uOTk1LS4wOTh6TTQzLjUyNyAxNDguMTA1bC0yLjMyNiA0LjAyNy0uODY2LS41IDIuMzI2LTQuMDI3Ljg2Ni41ek0xMjEuNTkgMTAuNjExbC0yLjMyNiA0LjAyNy44NjYuNSAyLjMyNi00LjAyNy0uODY2LS41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTExMi44ODcgMjMuMDkzYzAtLjU0Ny4wMTMtLjk1NC4wNC0xLjIybC0uMjYuMjRjLS4xLjA4Ni0uNDQuMzY2LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh2LTQuMzF6TTEzNS4yMDUgNDguOTI3bDEuNzItMS43M2MuNTE0LS41Mi44NTQtLjg5IDEuMDItMS4xMS4xNjctLjIyLjI4Ny0uNDI0LjM2LS42MWExLjY5IDEuNjkgMCAwIDAgLjExLS42MWMwLS4zMDctLjA5LS41NDctLjI3LS43Mi0uMTgtLjE3My0uNDMtLjI2LS43NS0uMjYtLjI2NiAwLS41Mi4wNS0uNzYuMTUtLjIzMy4wOTMtLjUwNi4yNjMtLjgyLjUxbC0uNTctLjcyYy4zNi0uMy43MTQtLjUxNyAxLjA2LS42NS4zNTQtLjEzMy43MzQtLjIgMS4xNC0uMi42MjcgMCAxLjEyNy4xNiAxLjUuNDguMzc0LjMyLjU2Ljc1Ny41NiAxLjMxIDAgLjMxMy0uMDUzLjYtLjE2Ljg2LS4xMi4yODYtLjI4Ni41NjYtLjUuODQtLjI0LjMtLjYxMy42OS0xLjEyIDEuMTdsLTEuMTYgMS4xMXYuMDVoMy4xN3YuOTVoLTQuNTN2LS44MnpNMTQ3LjE1MSA4NC44NjRjLS43NCAwLTEuMzY3LS4xMi0xLjg4LS4zNnYtLjk1YTQuNiA0LjYgMCAwIDAgLjkuMzFjLjMyLjA3My42MjYuMTEuOTIuMTEuNTI2IDAgLjkxMy0uMDkzIDEuMTYtLjI4LjI1My0uMTkzLjM4LS40OS4zOC0uODkgMC0uMzYtLjE0LS42MjMtLjQyLS43OS0uMjgtLjE2Ni0uNzI3LS4yNS0xLjM0LS4yNWgtLjU3di0uODhoLjU4YzEuMDczIDAgMS42MS0uMzY3IDEuNjEtMS4xIDAtLjI5My0uMDk0LS41MTctLjI4LS42Ny0uMTg3LS4xNTMtLjQ2NC0uMjMtLjgzLS4yMy0uMjY3IDAtLjUxNy4wMzctLjc1LjExLS4yMzQuMDczLS41MDQuMjEtLjgxLjQxbC0uNTMtLjc1YTMuNTU4IDMuNTU4IDAgMCAxIDIuMTQtLjY4Yy42NzMgMCAxLjIuMTQ3IDEuNTguNDQuMzguMjg3LjU3LjY5LjU3IDEuMjEgMCAuNDEzLS4xMjcuNzY0LS4zOCAxLjA1LS4yNDcuMjgtLjU5NC40Ny0xLjA0LjU3di4wNGMuNTMzLjA2Ny45MzYuMjMzIDEuMjEuNS4yNzMuMjY3LjQxLjYyMy40MSAxLjA3IDAgLjY0LS4yMyAxLjEzNy0uNjkgMS40OS0uNDU0LjM0Ny0xLjEuNTItMS45NC41MnpNMTM4LjAyNSAxMTUuMjgzaC0zLjA0di0uODNsMy4wNC00LjM5aDEuMDR2NC4zM2guOXYuODloLS45djEuNDVoLTEuMDR2LTEuNDV6bTAtLjg5di0xLjY3YzAtLjU1My4wMTctMS4wNC4wNS0xLjQ2aC0uMDRjLS4wOTMuMjA3LS4yMjYuNDUtLjQuNzNsLTEuNjUgMi40aDIuMDR6TTExMy41OTQgMTM5LjE1MmMtLjc0NyAwLTEuMzMzLS4xMjQtMS43Ni0uMzd2LS45NmMuMjQ3LjEzMy41MjcuMjM2Ljg0LjMxLjMyLjA3My42Mi4xMS45LjExLjQ4IDAgLjg1LS4xMDcgMS4xMS0uMzIuMjYtLjIyLjM5LS41MzQuMzktLjk0IDAtLjgwNy0uNTE3LTEuMjEtMS41NS0xLjIxLS4xNjcgMC0uMzc3LjAyLS42My4wNmwtLjQ0LjA3LS40OS0uMjcuMjctMy4yN2gzLjQ4di45NmgtMi41NGwtLjE1IDEuNjZjLjM0Ny0uMDY3LjY2Ny0uMS45Ni0uMS42NjcgMCAxLjIuMTggMS42LjU0LjQuMzUzLjYuODM2LjYgMS40NSAwIC43MTMtLjIyNyAxLjI3My0uNjggMS42OC0uNDUzLjQtMS4wOS42LTEuOTEuNnpNODEuNzUgMTQ4LjA4OWMtLjc0IDAtMS4zMi0uMjU2LTEuNzQtLjc3LS40Mi0uNTEzLS42My0xLjI0LS42My0yLjE4IDAtMi42MjYgMS4wNy0zLjk0IDMuMjEtMy45NC4zMiAwIC42MDQuMDI3Ljg1LjA4di44OWEyLjg1IDIuODUgMCAwIDAtLjgxLS4xYy0uNzIgMC0xLjI2LjE5Ny0xLjYyLjU5LS4zNi4zOTQtLjU1NiAxLjAxLS41OSAxLjg1aC4wNmMuMzItLjUyNi44MjctLjc5IDEuNTItLjc5LjYwNyAwIDEuMDguMTg3IDEuNDIuNTYuMzQ3LjM3NC41Mi44ODQuNTIgMS41MyAwIC43LS4xOTYgMS4yNTctLjU5IDEuNjctLjM5My40MDctLjkyNi42MS0xLjYuNjF6bS0uMDItLjg4Yy4zNiAwIC42NC0uMTIuODQtLjM2LjIwNy0uMjQ2LjMxLS41OTMuMzEtMS4wNCAwLS4zODYtLjA5Ni0uNjg2LS4yOS0uOS0uMTkzLS4yMi0uNDctLjMzLS44My0uMzMtLjIzMyAwLS40NS4wNTQtLjY1LjE2LS4xOTMuMS0uMzUuMjM0LS40Ny40YS45MTIuOTEyIDAgMCAwLS4xNy41MmMwIC40MzQuMTE3LjgwNC4zNSAxLjExLjIzNC4yOTQuNTM3LjQ0LjkxLjQ0ek00OS4yNiAxMzMuMzAySDQ1Ljh2LS45NGg0LjYxdi43NmwtMi42MSA1LjkxaC0xLjE2bDIuNjItNS43M3pNMjQuNzAzIDExNi44NTNjLS43MjYgMC0xLjI5My0uMTUzLTEuNy0uNDYtLjQtLjMxMy0uNi0uNzYtLjYtMS4zNCAwLS4zOC4xMDctLjcxNi4zMi0xLjAxLjIxNC0uMjkzLjU1NC0uNTU2IDEuMDItLjc5LS40LS4yNC0uNjktLjQ5My0uODctLjc2YTEuNjk3IDEuNjk3IDAgMCAxLS4yNi0uOTNjMC0uNDkzLjE4Ny0uODgzLjU2LTEuMTcuMzgtLjI4Ni44ODQtLjQzIDEuNTEtLjQzLjYzNCAwIDEuMTM0LjE0NyAxLjUuNDQuMzc0LjI4Ny41Ni42NzcuNTYgMS4xNyAwIC42OTQtLjQxMyAxLjI0NC0xLjI0IDEuNjUuNTIuMjU0Ljg5LjUyNCAxLjExLjgxLjIyNy4yODcuMzQuNjE0LjM0Ljk4IDAgLjU2LS4yMDMgMS4wMDctLjYxIDEuMzQtLjQuMzM0LS45NDYuNS0xLjY0LjV6bTAtNC4wN2MuMzYtLjE2LjYxNy0uMzMuNzctLjUxLjE1NC0uMTguMjMtLjM5LjIzLS42M2EuNzYyLjc2MiAwIDAgMC0uMjgtLjYyYy0uMTg2LS4xNTMtLjQzNi0uMjMtLjc1LS4yMy0uMzA2IDAtLjU1My4wNzctLjc0LjIzYS43NjEuNzYxIDAgMCAwLS4yOC42MmMwIC4xNTQuMDM0LjI5NC4xLjQyLjA2Ny4xMjcuMTY3LjI0NC4zLjM1LjE0LjEwNy4zNTcuMjMuNjUuMzd6bS0uMDIgMy4yNWMuMzk0IDAgLjY5Ny0uMDkuOTEtLjI3LjIyLS4xODYuMzMtLjQ0LjMzLS43NiAwLS40NzMtLjQwMy0uODg2LTEuMjEtMS4yNGwtLjE0LS4wNmMtLjQuMTc0LS42OS4zNjctLjg3LjU4LS4xOC4yMDctLjI3LjQ1LS4yNy43MyAwIC4zMi4xMS41Ny4zMy43NS4yMjcuMTguNTM0LjI3LjkyLjI3ek0xNC44NjIgODQuODU0Yy0uNDE0IDAtLjcwNC0uMDIzLS44Ny0uMDd2LS45MWMuMjguMDc0LjU1LjExLjgxLjExLjczMyAwIDEuMjc2LS4xOTMgMS42My0uNTguMzYtLjM5My41NTYtMS4wMS41OS0xLjg1aC0uMDVjLS4xOC4yNzMtLjM5Ny40NzQtLjY1LjYtLjI1NC4xMi0uNTU0LjE4LS45LjE4LS41OTQgMC0xLjA2LS4xODMtMS40LS41NS0uMzQtLjM2Ny0uNTEtLjg3My0uNTEtMS41MiAwLS43MDYuMTk2LTEuMjY2LjU5LTEuNjguMzkzLS40MTMuOTMtLjYyIDEuNjEtLjYyLjQ4IDAgLjg5Ni4xMTcgMS4yNS4zNS4zNTMuMjM0LjYyNi41NzQuODIgMS4wMi4xOTMuNDQuMjkuOTY3LjI5IDEuNTggMCAxLjMyNy0uMjY3IDIuMzE3LS44IDIuOTctLjUzNC42NDctMS4zMzcuOTctMi40MS45N3ptLjgzLTMuMzhjLjM2IDAgLjY2Ni0uMTA2LjkyLS4zMmEuOTU2Ljk1NiAwIDAgMCAuMzctLjc2YzAtLjQzMy0uMTE3LS43OTctLjM1LTEuMDlhMS4wOTkgMS4wOTkgMCAwIDAtLjktLjQ0Yy0uMzggMC0uNjcuMTItLjg3LjM2LS4xOTQuMjQtLjI5LjU4NC0uMjkgMS4wMyAwIC4zODcuMDkzLjY4Ny4yOC45LjE4Ni4yMTQuNDY2LjMyLjg0LjMyek0yMy40NCA0Ny42NzFjMC0uNTQ3LjAxNC0uOTUzLjA0LTEuMjJsLS4yNi4yNGMtLjEuMDg3LS40NC4zNjctMS4wMi44NGwtLjU0LS42OCAxLjk2LTEuNTRoLjl2Ni42N2gtMS4wOHYtNC4zMXptNS4wMDggNC40M2MtLjc1MyAwLTEuMzIzLS4yOS0xLjcxLS44Ny0uMzgtLjU4Ny0uNTctMS40NDMtLjU3LTIuNTcgMC0xLjE4LjE4Ny0yLjA1LjU2LTIuNjEuMzc0LS41Ni45NDctLjg0IDEuNzItLjg0Ljc0IDAgMS4zMDQuMjk0IDEuNjkuODguMzg3LjU4LjU4IDEuNDM3LjU4IDIuNTcgMCAxLjE2LS4xODYgMi4wMjMtLjU2IDIuNTktLjM3My41NjctLjk0My44NS0xLjcxLjg1em0wLS45Yy40MDcgMCAuNzA0LS4yLjg5LS42LjE5NC0uNC4yOS0xLjA0Ny4yOS0xLjk0cy0uMDk2LTEuNTQtLjI5LTEuOTRjLS4xODYtLjQwNi0uNDgzLS42MS0uODktLjYxLS40MiAwLS43MjMuMi0uOTEuNi0uMTg2LjM5NC0uMjggMS4wNDQtLjI4IDEuOTUgMCAuOTA3LjA5NCAxLjU1Ny4yOCAxLjk1LjE4Ny4zOTQuNDkuNTkuOTEuNTl6TTQ4LjAxOCAyMy4wOTNjMC0uNTQ3LjAxNC0uOTU0LjA0LTEuMjJsLS4yNi4yNGMtLjEuMDg2LS40NC4zNjYtMS4wMi44NGwtLjU0LS42OCAxLjk2LTEuNTRoLjl2Ni42N2gtMS4wOHYtNC4zMXptNC45OTggMGMwLS41NDcuMDE0LS45NTQuMDQtMS4yMmwtLjI2LjI0Yy0uMS4wODYtLjQ0LjM2Ni0xLjAyLjg0bC0uNTQtLjY4IDEuOTYtMS41NGguOXY2LjY3aC0xLjA4di00LjMxek03OC4xODMgMTUuMzE4YzAtLjU0Ny4wMTQtLjk1My4wNC0xLjIybC0uMjYuMjRjLS4xLjA4Ny0uNDQuMzY3LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh2LTQuMzF6bTIuNzM4IDMuNDkgMS43Mi0xLjczYy41MTQtLjUyLjg1NC0uODkgMS4wMi0xLjExLjE2Ny0uMjIuMjg3LS40MjMuMzYtLjYxLjA3NC0uMTkzLjExLS4zOTcuMTEtLjYxIDAtLjMwNy0uMDktLjU0Ny0uMjctLjcyLS4xOC0uMTczLS40My0uMjYtLjc1LS4yNi0uMjY2IDAtLjUyLjA1LS43Ni4xNS0uMjMzLjA5My0uNTA2LjI2My0uODIuNTFsLS41Ny0uNzJjLjM2LS4zLjcxNC0uNTE3IDEuMDYtLjY1LjM1NC0uMTMzLjczNC0uMiAxLjE0LS4yLjYyNyAwIDEuMTI3LjE2IDEuNS40OC4zNzQuMzIuNTYuNzU3LjU2IDEuMzEgMCAuMzEzLS4wNTMuNi0uMTYuODYtLjEyLjI4Ny0uMjg2LjU2Ny0uNS44NC0uMjQuMy0uNjEzLjY5LTEuMTIgMS4xN2wtMS4xNiAxLjExdi4wNWgzLjE3di45NWgtNC41M3YtLjgyeiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+) center center no-repeat}:host([analogue]) [part=digital]{display:flex;position:absolute;top:20%;left:0;right:0;justify-content:center;font-size:.34em}:host([analogue]) [part=digital] [part~=am-pm]{font-size:100%;line-height:1}:host([analogue]) [part=hands]::after{content:\'\';position:absolute;border-radius:50%;width:9%;height:9%;top:45.5%;left:45.5%;border:2px solid #e01865;box-sizing:border-box;z-index:1}:host([analogue]) [part~=hand]::after{content:\'\';position:absolute}:host([analogue]) [part~=second]::after{width:1%;height:43%;margin-top:3%;margin-left:49.5%;background-color:#535de8}:host([analogue]) [part~=minute]::after{width:3%;height:43%;margin-top:3%;margin-left:48.5%;background-color:#e01865}:host([analogue]) [part~=hour]::after{width:3%;height:28%;margin-top:18%;margin-left:48.5%;background-color:#e01865}:host([analogue][size=small]){font-size:10px;min-width:50px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iaHNsKDIyMC4wMDAwMDAwMDAwMDAwNiwgMTIuMDAwMDAwMDAwMDAwMDA1JSwgMjguMDAwMDAwMDAwMDAwMDA0JSkiPgogICAgPGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMzEuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEuMjYxOSAwLjk5OTUxMlYzLjk1MTg5SDMyLjI2MTlWMC45OTk1MTJIMzEuMjYxOVpNNDUuMjg1OCA3LjI0Njg3TDQ2Ljc2MiA0LjY5MDAzTDQ3LjYyOCA1LjE5MDAzTDQ2LjE1MTggNy43NDY4N0w0NS4yODU4IDcuMjQ2ODdaTTE1LjgzNTcgNS41NzU1M0wxNy4zMTE5IDguMTMyMzdMMTguMTc3OSA3LjYzMjM3TDE2LjcwMTcgNS4wNzU1M0wxNS44MzU3IDUuNTc1NTNaTTQuODM4MSAxNy4wODk4TDcuMzk0OTQgMTguNTY2TDcuODk0OTQgMTcuN0w1LjMzODEgMTYuMjIzOEw0LjgzODEgMTcuMDg5OFpNMy45NTIzOCAzMi43Mzc0SDFWMzEuNzM3NEgzLjk1MjM4VjMyLjczNzRaTTcuMzcxMjYgNDUuNTA5TDQuODE0NDIgNDYuOTg1Mkw1LjMxNDQyIDQ3Ljg1MTJMNy44NzEyNiA0Ni4zNzVMNy4zNzEyNiA0NS41MDlaTTE1LjkwOTUgNTguNDcwNUwxNy4zODU3IDU1LjkxMzZMMTguMjUxOCA1Ni40MTM2TDE2Ljc3NTYgNTguOTcwNUwxNS45MDk1IDU4LjQ3MDVaTTMxLjI2MTkgNjAuMDQ2OVY2Mi45OTkzSDMyLjI2MTlWNjAuMDQ2OUgzMS4yNjE5Wk00Ni45MTAzIDU5LjIwOTNMNDUuNDM0MSA1Ni42NTI1TDQ2LjMwMDEgNTYuMTUyNUw0Ny43NzYzIDU4LjcwOTNMNDYuOTEwMyA1OS4yMDkzWk01NS45MTQzIDQ2LjYxNEw1OC40NzExIDQ4LjA5MDJMNTguOTcxMSA0Ny4yMjQyTDU2LjQxNDMgNDUuNzQ4TDU1LjkxNDMgNDYuNjE0Wk02MyAzMi43Mzc0SDYwLjA0NzZWMzEuNzM3NEg2M1YzMi43Mzc0Wk01OC40MjM3IDE1LjgzNTRMNTUuODY2OSAxNy4zMTE2TDU2LjM2NjkgMTguMTc3Nkw1OC45MjM3IDE2LjcwMTRMNTguNDIzNyAxNS44MzU0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=) center center/cover no-repeat}:host([analogue][size=small]) [part=hands]::after{background-color:#e01865}:host([analogue][size=small]) [part~=second]::after{width:1.5%;height:32%;margin-top:16%}:host([analogue][size=small]) [part~=minute]::after{height:37%;margin-top:12%}:host([analogue][size=small]) [part~=hour]::after{height:26%;margin-top:23%}:host([analogue][size=small]) [part~=am-pm]{padding-left:0;display:flex;position:absolute;left:0;right:0;bottom:15%;font-size:100%;justify-content:center}' }}));
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-clock', styles: ':host{font-size:2.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}:host [part~=segment]{padding:.15em 0;line-height:1em;align-self:flex-end}:host [part~=hours],:host [part~=minutes],:host [part~=seconds]{position:relative}:host [part~=hours][part~=shifted],:host [part~=minutes][part~=shifted],:host [part~=seconds][part~=shifted]{color:#535de8}:host [part~=am-pm]{font-size:60%;line-height:1.5em;padding-left:3px}:host [part=decrement-button],:host [part=increment-button]{left:0;width:100%;height:50%;position:absolute;cursor:pointer;display:none}:host [part=decrement-button]::after,:host [part=increment-button]::after{content:\'\';left:0;right:0;width:0;height:0;margin:0 auto;position:absolute;border-style:solid;transform:rotate(360deg)}:host [part=decrement-button][part=increment-button],:host [part=increment-button][part=increment-button]{top:0}:host [part=decrement-button][part=increment-button]::after,:host [part=increment-button][part=increment-button]::after{top:0;border-width:0 .167em .178em;border-color:transparent transparent #535de8}:host [part=decrement-button][part=decrement-button],:host [part=increment-button][part=decrement-button]{bottom:0}:host [part=decrement-button][part=decrement-button]::after,:host [part=increment-button][part=decrement-button]::after{bottom:0;border-width:.178em .167em 0;border-color:#535de8 transparent transparent}:host(:focus) [part~=hours][active],:host(:focus) [part~=minutes][active],:host(:focus) [part~=seconds][active]{color:#535de8}:host(:focus) [active]{display:block}:host([analogue]){border-radius:100%;width:160px;max-width:200px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSJoc2woMjIwLjAwMDAwMDAwMDAwMDA2LCAxMi4wMDAwMDAwMDAwMDAwMDUlLCAyOC4wMDAwMDAwMDAwMDAwMDQlKSIgdmlld0JveD0iMCAwIDE2MyAxNjMiPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik04MS41IDB2OS4zIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im05MC4wMi40NDYtLjQ5MiA0LjY3NW04LjkxNy0zLjM0LS45NzcgNC41OTdtOS4yMTctMi4zODktMS40NTIgNC40N205LjQxNi0xLjQxMy0xLjkxMiA0LjI5NCIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0xMjIuMjUgMTAuOTE5LTQuNjUgOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTEyOS40MDQgMTUuNTY1LTIuNzYyIDMuODAybTkuMzkyIDEuNTY3LTMuMTQ1IDMuNDkybTkuMTc3IDIuNTQtMy40OTIgMy4xNDVtOC44NjEgMy40ODUtMy44MDIgMi43NjIiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJtMTUyLjA4MSA0MC43NS04LjA1NCA0LjY1Ii8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0xNTUuOTU0IDQ4LjM1MS00LjI5NCAxLjkxMm03LjM1MSA2LjA1Mi00LjQ3IDEuNDUybTYuNjc4IDYuNzg4LTQuNTk3Ljk3N201LjkzMiA3LjQ0OC00LjY3NS40OTIiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMTYzIDgxLjVoLTkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTYyLjU1NCA5MC4wMi00LjY3NS0uNDkybTMuMzQgOC45MTctNC41OTctLjk3N20yLjM4OSA5LjIxNy00LjQ3LTEuNDUybTEuNDEzIDkuNDE2LTQuMjk0LTEuOTEyIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0ibTE1Mi4wODEgMTIyLjI1LTguMDU0LTQuNjUiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTE0Ny40MzUgMTI5LjQwNC0zLjgwMi0yLjc2Mm0tMS41NjcgOS4zOTItMy40OTItMy4xNDVtLTIuNTQgOS4xNzctMy4xNDUtMy40OTJtLTMuNDg1IDguODYxLTIuNzYyLTMuODAyIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0ibTEyMi4yNSAxNTIuMDgxLTQuNjUtOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTExNC42NDkgMTU1Ljk1NC0xLjkxMi00LjI5NG0tNi4wNTIgNy4zNTEtMS40NTItNC40N20tNi43ODggNi42NzgtLjk3Ny00LjU5N20tNy40NDggNS45MzItLjQ5Mi00LjY3NSIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik04MS41IDE2M3YtOS4zIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im03Mi45OC40NDYuNDkyIDQuNjc1bS04LjkxNy0zLjM0Ljk3NyA0LjU5N20tOS4yMTctMi4zODkgMS40NTIgNC40N20tOS40MTYtMS40MTMgMS45MTIgNC4yOTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJtNDAuNzUgMTAuOTE5IDQuNjUgOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTMzLjU5NiAxNS41NjUgMi43NjIgMy44MDJtLTkuMzkyIDEuNTY3IDMuMTQ1IDMuNDkybS05LjE3NyAyLjU0IDMuNDkyIDMuMTQ1bS04Ljg2MSAzLjQ4NSAzLjgwMiAyLjc2MiIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0xMC45MTkgNDAuNzUgOC4wNTQgNC42NSIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtNy4wNDYgNDguMzUxIDQuMjk0IDEuOTEybS03LjM1MSA2LjA1MiA0LjQ3IDEuNDUybS02LjY3OCA2Ljc4OCA0LjU5Ny45NzdNLjQ0NiA3Mi45OGw0LjY3NS40OTIiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMCA4MS41aDkuMyIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtLjQ0NiA5MC4wMiA0LjY3NS0uNDkybS0zLjM0IDguOTE3IDQuNTk3LS45NzdtLTIuMzg5IDkuMjE3IDQuNDctMS40NTJtLTEuNDEzIDkuNDE2IDQuMjk0LTEuOTEyIi8+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iNCIgZD0ibTEwLjkxOSAxMjIuMjUgOC4wNTQtNC42NSIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJtMTUuNTY1IDEyOS40MDQgMy44MDItMi43NjJtMS41NjcgOS4zOTIgMy40OTItMy4xNDVtMi41NCA5LjE3NyAzLjE0NS0zLjQ5Mm0zLjQ4NSA4Ljg2MSAyLjc2Mi0zLjgwMiIvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im00MC43NSAxNTIuMDgxIDQuNjUtOC4wNTQiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibTQ4LjM1MSAxNTUuOTU0IDEuOTEyLTQuMjk0bTYuMDUyIDcuMzUxIDEuNDUyLTQuNDdtNi43ODggNi42NzguOTc3LTQuNTk3bTcuNDQ4IDUuOTMyLjQ5Mi00LjY3NSIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNODAuODE0IDQuNjVWMGgxdjQuNjV6TTcyLjE5Mi41MmwuNDkzIDQuNjIzLjk5NC0uMTA2LS40OTMtNC42MjN6bTE4LjQwNyAxNjEuNzA0LS40OTMtNC42MjQtLjk5NC4xMDYuNDkzIDQuNjI0ek02NC42NiA2LjQ5NGwtLjk4LTQuNTQ2Ljk3OC0uMjEuOTggNC41NDUtLjk3OC4yMXptMzQuNDUgMTU0LjMwMS0uOTgtNC41NDUtLjk3Ny4yMS45OCA0LjU0NnpNNTYuODIgOC42ODhsLTEuNDU2LTQuNDE2Ljk1LS4zMTMgMS40NTUgNC40MTYtLjk1LjMxM3ptNTAuNjA5IDE0OS43ODMtMS40NTYtNC40MTYtLjk1LjMxMyAxLjQ1NiA0LjQxNnpNNDkuMjU2IDExLjY5OSA0Ny4zNCA3LjQ2MmwuOTEyLS40MTIgMS45MTUgNC4yMzctLjkxLjQxMnptNjYuMTk0IDE0My41ODItMS45MTUtNC4yMzctLjkxMi40MTIgMS45MTYgNC4yMzd6bS0zMy40NzMgNy40NjJ2LTQuNjQ5aC0xdjQuNjQ5ek0zNS43MjcgMTkuNzFsLTIuNzQtMy43NTguODA4LS41ODkgMi43NCAzLjc1OC0uODA5LjU5em05NC4wNzcgMTI3LjA4MS0yLjc0LTMuNzU4LS44MDguNTg5IDIuNzM5IDMuNzU4ek0yOS40NTQgMjQuODlsLTMuMTIyLTMuNDQ3Ljc0LS42NyAzLjEyMyAzLjQ0NnpNMTM2LjQ1OCAxNDEuM2wtMy4xMjItMy40NDctLjc0MS42NzIgMy4xMjIgMy40NDZ6TTIzLjc1OSAzMC43MWwtMy40Ny0zLjA5Ni42NjYtLjc0NiAzLjQ3IDMuMDk3LS42NjYuNzQ2em0xMTguNzQzIDEwNC40Mi0zLjQ3LTMuMDk2LS42NjYuNzQ2IDMuNDY5IDMuMDk2ek0xOC43MTYgMzcuMDk5bC0zLjc3OS0yLjcxMi41ODQtLjgxMyAzLjc3OCAyLjcxMnptMTI5LjEzNyA5MS4yNTgtMy43NzgtMi43MTItLjU4My44MTIgMy43NzggMi43MTJ6TTQyLjUyIDE1LjIxOWwtMi4zMjYtNC4wMjcuODY2LS41IDIuMzI2IDQuMDI3em04MC4wNzcgMTM2LjMzMi0yLjMyNi00LjAyNy0uODY2LjUgMi4zMjUgNC4wMjd6TTExLjAwNSA1MC43OTlsLTQuMjUyLTEuODg1TDcuMTYgNDhsNC4yNTIgMS44ODV6bTE0NS4wMzIgNjMuMDMtNC4yNTEtMS44ODUtLjQwNi45MTQgNC4yNTIgMS44ODZ6TTguMTYzIDU4LjQyMWwtNC40MjctMS40MjUuMzA2LS45NTJMOC40NyA1Ny40N3ptMTUwLjg5MiA0Ny4zMjYtNC40MjctMS40MjQtLjMwNy45NTIgNC40MjggMS40MjR6TTYuMTQzIDY2LjMwN2wtNC41NTQtLjk0Ny4yMDQtLjk3OSA0LjU1NC45NDh6bTE1NS4wNTkgMzEuMDc2LTQuNTU0LS45NDctLjIwNC45NzkgNC41NTQuOTQ3ek00Ljk3IDc0LjM2MS4zNDIgNzMuOWwuMDk5LS45OTUgNC42MjguNDYtLjA5OS45OTV6bTE1Ny40OCAxNC40ODItNC42MjgtLjQ2LS4wOTkuOTk1IDQuNjI4LjQ2ek0xNC42NDIgNDMuNTE0bC00LjAyOC0yLjMyNS41LS44NjYgNC4wMjggMi4zMjV6bTEzNy41MzUgNzguMDQtNC4wMjgtMi4zMjUtLjUwMS44NjYgNC4wMjggMi4zMjV6TTUuMTQ1IDkwLjA4bC00LjYyNS40OTMtLjEwNi0uOTk1IDQuNjI1LS40OTN6TTE2Mi4yNyA3Mi4xN2wtNC42MjUuNDkzLjEwNi45OTUgNC42MjUtLjQ5My0uMTA2LS45OTR6TTYuNDk2IDk4LjFsLTQuNTQ3Ljk4LS4yMTEtLjk3NyA0LjU0Ny0uOTh6bTE1NC4zNDYtMzQuNDM3LTQuNTQ3Ljk4LjIxMS45NzcgNC41NDctLjk4ek04LjY5MSAxMDUuOTQxbC00LjQxOCAxLjQ1Ni0uMzEzLS45NSA0LjQxNy0xLjQ1NXptMTQ5LjgyNy01MC41OTUtNC40MTggMS40NTYuMzEzLjk1IDQuNDE4LTEuNDU2ek0xMS43MDMgMTEzLjUwMWwtNC4yMzkgMS45MTYtLjQxMi0uOTEyIDQuMjM5LTEuOTE1em0xNDMuNjIzLTY2LjE3NC00LjIzOCAxLjkxNS40MTIuOTExIDQuMjM4LTEuOTE1ek00LjY1MSA4MS45NTNIMHYtMWg0LjY1MXptMTU4LjE0LTEuMTYzaC00LjY1MXYxaDQuNjUxek0xOS43MTYgMTI3LjAyN2wtMy43NTkgMi43MzktLjU5LS44MDggMy43Ni0yLjczOXptMTI3LjExOC05NC4wNS0zLjc1OSAyLjczOS41ODkuODA4IDMuNzU5LTIuNzM4ek0yNC44OTcgMTMzLjI5OGwtMy40NDcgMy4xMjEtLjY3Mi0uNzQxIDMuNDQ4LTMuMTIxek0xNDEuMzQxIDI2LjMyNGwtMy40NDcgMy4xMi42NzEuNzQyIDMuNDQ4LTMuMTIxek0zMC43MTkgMTM4Ljk5bC0zLjA5NyAzLjQ2OS0uNzQ2LS42NjYgMy4wOTctMy40Njl6TTEzNS4xNyAyMC4yODNsLTMuMDk4IDMuNDY5Ljc0Ni42NjYgMy4wOTgtMy40Njl6bS05OC4wNiAxMjMuNzUtMi43MTIgMy43NzctLjgxMy0uNTgzIDIuNzEzLTMuNzc3em05MS4yODUtMTI5LjEtMi43MTIgMy43NzcuODEyLjU4MyAyLjcxMy0zLjc3N3pNMTUuMjI0IDEyMC4yMzZsLTQuMDI4IDIuMzI1LS41LS44NjYgNC4wMjgtMi4zMjV6bTEzNi4zNzEtODAuMDU0LTQuMDI4IDIuMzI1LjUuODY2IDQuMDI4LTIuMzI1ek01MC44MTQgMTUxLjc0MWwtMS44ODYgNC4yNTEtLjkxNC0uNDA1IDEuODg2LTQuMjUxem02My4wNDktMTQ0Ljk5LTEuODg2IDQuMjUxLjkxNC40MDUgMS44ODYtNC4yNXpNNTguNDM4IDE1NC41ODJsLTEuNDI1IDQuNDI3LS45NTItLjMwNyAxLjQyNS00LjQyNnptNDcuMzQtMTUwLjg0Ny0xLjQyNSA0LjQyNi45NTIuMzA2IDEuNDI1LTQuNDI2ek02Ni4zMjcgMTU2LjYwMmwtLjk0OCA0LjU1My0uOTc5LS4yMDQuOTQ4LTQuNTUyek05Ny40MTEgMS41ODlsLS45NDcgNC41NTIuOTc5LjIwNC45NDgtNC41NTN6TTc0LjM4MiAxNTcuNzc1bC0uNDYgNC42MjctLjk5NS0uMDk5LjQ2LTQuNjI3ek04OC44NjguMzQybC0uNDYgNC42MjcuOTk1LjA5OC40Ni00LjYyN3pNNDMuNTI3IDE0OC4xMDVsLTIuMzI2IDQuMDI3LS44NjYtLjUgMi4zMjYtNC4wMjd6TTEyMS41OSAxMC42MTFsLTIuMzI2IDQuMDI3Ljg2Ni41IDIuMzI2LTQuMDI3eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTEyLjg4NyAyMy4wOTNxMC0uODIuMDQtMS4yMmwtLjI2LjI0cS0uMTUuMTI5LTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh6bTIyLjMxOCAyNS44MzQgMS43Mi0xLjczcS43NzEtLjc4IDEuMDItMS4xMS4yNS0uMzMuMzYtLjYxYTEuNyAxLjcgMCAwIDAgLjExLS42MXEwLS40Ni0uMjctLjcydC0uNzUtLjI2cS0uNCAwLS43Ni4xNS0uMzUuMTQtLjgyLjUxbC0uNTctLjcycS41NC0uNDUgMS4wNi0uNjUuNTMxLS4yIDEuMTQtLjIuOTQgMCAxLjUuNDh0LjU2IDEuMzFxMCAuNDctLjE2Ljg2LS4xOC40MjktLjUuODQtLjM2LjQ1LTEuMTIgMS4xN2wtMS4xNiAxLjExdi4wNWgzLjE3di45NWgtNC41M3ptMTEuOTQ2IDM1LjkzN3EtMS4xMSAwLTEuODgtLjM2di0uOTVhNC42IDQuNiAwIDAgMCAuOS4zMXEuNDguMTEuOTIuMTEuNzkgMCAxLjE2LS4yOC4zOC0uMjkuMzgtLjg5IDAtLjU0LS40Mi0uNzl0LTEuMzQtLjI1aC0uNTd2LS44OGguNThxMS42MSAwIDEuNjEtMS4xIDAtLjQ0LS4yOC0uNjd0LS44My0uMjNxLS40IDAtLjc1LjExLS4zNTEuMTEtLjgxLjQxbC0uNTMtLjc1YTMuNTYgMy41NiAwIDAgMSAyLjE0LS42OHExLjAxIDAgMS41OC40NC41Ny40My41NyAxLjIxIDAgLjYyLS4zOCAxLjA1LS4zNy40Mi0xLjA0LjU3di4wNHEuOC4xIDEuMjEuNXQuNDEgMS4wN3EwIC45Ni0uNjkgMS40OS0uNjguNTItMS45NC41Mm0tOS4xMjYgMzAuNDE5aC0zLjA0di0uODNsMy4wNC00LjM5aDEuMDR2NC4zM2guOXYuODloLS45djEuNDVoLTEuMDR6bTAtLjg5di0xLjY3cTAtLjgzLjA1LTEuNDZoLS4wNHEtLjE0LjMxLS40LjczbC0xLjY1IDIuNHptLTI0LjQzMSAyNC43NTlxLTEuMTIgMC0xLjc2LS4zN3YtLjk2cS4zNy4yLjg0LjMxLjQ4LjExLjkuMTEuNzIgMCAxLjExLS4zMi4zOS0uMzMuMzktLjk0IDAtMS4yMS0xLjU1LTEuMjEtLjI1IDAtLjYzLjA2bC0uNDQuMDctLjQ5LS4yNy4yNy0zLjI3aDMuNDh2Ljk2aC0yLjU0bC0uMTUgMS42NnEuNTItLjEuOTYtLjEgMSAwIDEuNi41NC42LjUzLjYgMS40NSAwIDEuMDctLjY4IDEuNjgtLjY4LjYtMS45MS42bS0zMS44NDQgOC45MzdxLTEuMTEgMC0xLjc0LS43N3QtLjYzLTIuMThxMC0zLjk0IDMuMjEtMy45NC40OCAwIC44NS4wOHYuODlhMi45IDIuOSAwIDAgMC0uODEtLjFxLTEuMDggMC0xLjYyLjU5dC0uNTkgMS44NWguMDZxLjQ4LS43OSAxLjUyLS43OS45MSAwIDEuNDIuNTYuNTIuNTYxLjUyIDEuNTMgMCAxLjA1LS41OSAxLjY3LS41OS42MS0xLjYuNjFtLS4wMi0uODhxLjU0IDAgLjg0LS4zNi4zMS0uMzcuMzEtMS4wNCAwLS41NzktLjI5LS45LS4yOS0uMzMtLjgzLS4zMy0uMzUgMC0uNjUuMTYtLjI5LjE1LS40Ny40YS45LjkgMCAwIDAtLjE3LjUycTAgLjY1MS4zNSAxLjExLjM1LjQ0LjkxLjQ0bS0zMi40Ny0xMy45MDdINDUuOHYtLjk0aDQuNjF2Ljc2bC0yLjYxIDUuOTFoLTEuMTZ6bS0yNC41NTctMTYuNDQ5cS0xLjA5IDAtMS43LS40Ni0uNi0uNDctLjYtMS4zNCAwLS41Ny4zMi0xLjAxLjMyMS0uNDQgMS4wMi0uNzktLjYtLjM2LS44Ny0uNzZhMS43IDEuNyAwIDAgMS0uMjYtLjkzcTAtLjc0LjU2LTEuMTcuNTctLjQzIDEuNTEtLjQzLjk1MSAwIDEuNS40NC41Ni40My41NiAxLjE3IDAgMS4wNDEtMS4yNCAxLjY1Ljc4LjM4MSAxLjExLjgxLjM0LjQzLjM0Ljk4IDAgLjg0LS42MSAxLjM0LS42LjUtMS42NC41bTAtNC4wN3EuNTQtLjI0Ljc3LS41MXQuMjMtLjYzYS43Ni43NiAwIDAgMC0uMjgtLjYycS0uMjc5LS4yMy0uNzUtLjIzLS40NiAwLS43NC4yM2EuNzYuNzYgMCAwIDAtLjI4LjYycTAgLjIzMS4xLjQyLjEuMTkuMy4zNS4yMS4xNi42NS4zN20tLjAyIDMuMjVxLjU5IDAgLjkxLS4yNy4zMy0uMjguMzMtLjc2IDAtLjcxLTEuMjEtMS4yNGwtLjE0LS4wNnEtLjYuMjYtLjg3LjU4LS4yNy4zMS0uMjcuNzMgMCAuNDguMzMuNzUuMzQuMjcuOTIuMjdtLTkuODIxLTMxLjE3OXEtLjYyMSAwLS44Ny0uMDd2LS45MXEuNDIuMTEuODEuMTEgMS4xIDAgMS42My0uNTguNTQtLjU5LjU5LTEuODVoLS4wNXEtLjI3LjQxLS42NS42LS4zODEuMTgtLjkuMTgtLjg5IDAtMS40LS41NXQtLjUxLTEuNTJxMC0xLjA1OS41OS0xLjY4LjU5LS42MiAxLjYxLS42Mi43MiAwIDEuMjUuMzUuNTMuMzUxLjgyIDEuMDIuMjkuNjYuMjkgMS41OCAwIDEuOTktLjggMi45Ny0uOC45Ny0yLjQxLjk3bS44My0zLjM4cS41NCAwIC45Mi0uMzJhLjk2Ljk2IDAgMCAwIC4zNy0uNzZxMC0uNjUtLjM1LTEuMDlhMS4xIDEuMSAwIDAgMC0uOS0uNDRxLS41NyAwLS44Ny4zNi0uMjkuMzYtLjI5IDEuMDMgMCAuNTguMjguOS4yNzkuMzIuODQuMzJtNy43NDgtMzMuODAzcTAtLjgyLjA0LTEuMjJsLS4yNi4yNHEtLjE1LjEzLTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh6bTUuMDA4IDQuNDNxLTEuMTMgMC0xLjcxLS44Ny0uNTctLjg4LS41Ny0yLjU3IDAtMS43Ny41Ni0yLjYxdDEuNzItLjg0cTEuMTEgMCAxLjY5Ljg4LjU4Ljg3LjU4IDIuNTcgMCAxLjc0LS41NiAyLjU5dC0xLjcxLjg1bTAtLjlxLjYxIDAgLjg5LS42LjI5LS42LjI5LTEuOTRjMC0xLjM0LS4wOTYtMS41NC0uMjktMS45NHEtLjI4LS42MS0uODktLjYxLS42MyAwLS45MS42LS4yOC41OTEtLjI4IDEuOTUgMCAxLjM2LjI4IDEuOTV0LjkxLjU5bTE5LjU3LTI4LjEwOHEwLS44Mi4wNC0xLjIybC0uMjYuMjRxLS4xNS4xMjktMS4wMi44NGwtLjU0LS42OCAxLjk2LTEuNTRoLjl2Ni42N2gtMS4wOHptNC45OTggMHEwLS44Mi4wNC0xLjIybC0uMjYuMjRxLS4xNS4xMjktMS4wMi44NGwtLjU0LS42OCAxLjk2LTEuNTRoLjl2Ni42N2gtMS4wOHptMjUuMTY3LTcuNzc1cTAtLjgyLjA0LTEuMjJsLS4yNi4yNHEtLjE1LjEzLTEuMDIuODRsLS41NC0uNjggMS45Ni0xLjU0aC45djYuNjdoLTEuMDh6bTIuNzM4IDMuNDkgMS43Mi0xLjczcS43NzEtLjc4IDEuMDItMS4xMWEyLjYgMi42IDAgMCAwIC4zNi0uNjFxLjExLS4yOS4xMS0uNjEgMC0uNDYtLjI3LS43MnQtLjc1LS4yNnEtLjQgMC0uNzYuMTUtLjM1LjE0LS44Mi41MWwtLjU3LS43MnEuNTQtLjQ1IDEuMDYtLjY1LjUzMS0uMiAxLjE0LS4yLjk0IDAgMS41LjQ4dC41NiAxLjMxcTAgLjQ3LS4xNi44Ni0uMTguNDMtLjUuODQtLjM2LjQ1LTEuMTIgMS4xN2wtMS4xNiAxLjExdi4wNWgzLjE3di45NWgtNC41M3oiLz48L3N2Zz4=) center center no-repeat}:host([analogue]) [part=digital]{display:flex;position:absolute;top:20%;left:0;right:0;justify-content:center;font-size:.34em}:host([analogue]) [part=digital] [part~=am-pm]{font-size:100%;line-height:1}:host([analogue]) [part=hands]::after{content:\'\';position:absolute;border-radius:50%;width:9%;height:9%;top:45.5%;left:45.5%;border:2px solid #e01865;box-sizing:border-box;z-index:1}:host([analogue]) [part~=hand]::after{content:\'\';position:absolute}:host([analogue]) [part~=second]::after{width:1%;height:43%;margin-top:3%;margin-left:49.5%;background-color:#535de8}:host([analogue]) [part~=minute]::after{width:3%;height:43%;margin-top:3%;margin-left:48.5%;background-color:#e01865}:host([analogue]) [part~=hour]::after{width:3%;height:28%;margin-top:18%;margin-left:48.5%;background-color:#e01865}:host([analogue][size=small]){font-size:10px;min-width:50px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0ibm9uZSIgY29sb3I9ImhzbCgyMjAuMDAwMDAwMDAwMDAwMDYsIDEyLjAwMDAwMDAwMDAwMDAwNSUsIDI4LjAwMDAwMDAwMDAwMDAwNCUpIj48Y2lyY2xlIGN4PSIzMiIgY3k9IjMyIiByPSIzMS41IiBzdHJva2U9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzEuMjYyIDF2Mi45NTJoMVYxem0xNC4wMjQgNi4yNDcgMS40NzYtMi41NTcuODY2LjUtMS40NzYgMi41NTd6bS0yOS40NS0xLjY3MSAxLjQ3NiAyLjU1Ni44NjYtLjUtMS40NzYtMi41NTZ6TTQuODM4IDE3LjA5bDIuNTU3IDEuNDc2LjUtLjg2Ni0yLjU1Ny0xLjQ3NnptLS44ODYgMTUuNjQ3SDF2LTFoMi45NTJ6bTMuNDIgMTIuNzcyLTIuNTU4IDEuNDc2LjUuODY2IDIuNTU3LTEuNDc2em04LjUzNyAxMi45NjIgMS40NzctMi41NTcuODY2LjUtMS40NzYgMi41NTd6bTE1LjM1MyAxLjU3NnYyLjk1Mmgxdi0yLjk1MnptMTUuNjQ4LS44MzgtMS40NzYtMi41NTYuODY2LS41IDEuNDc2IDIuNTU2em05LjAwNC0xMi41OTUgMi41NTcgMS40NzYuNS0uODY2LTIuNTU3LTEuNDc2ek02MyAzMi43MzdoLTIuOTUydi0xSDYzem0tNC41NzYtMTYuOTAyLTIuNTU3IDEuNDc3LjUuODY2IDIuNTU3LTEuNDc3eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center center/cover no-repeat}:host([analogue][size=small]) [part=hands]::after{background-color:#e01865}:host([analogue][size=small]) [part~=second]::after{width:1.5%;height:32%;margin-top:16%}:host([analogue][size=small]) [part~=minute]::after{height:37%;margin-top:12%}:host([analogue][size=small]) [part~=hour]::after{height:26%;margin-top:23%}:host([analogue][size=small]) [part~=am-pm]{padding-left:0;display:flex;position:absolute;left:0;right:0;bottom:15%;font-size:100%;justify-content:center}' }}));

2

light/ef-rating.js
import './imports/native-elements.js';
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-rating', styles: ':host{font-size:17px}:host [part=container]{touch-action:manipulation;display:flex;flex-direction:row-reverse;flex-wrap:nowrap}:host [part^=icon]{margin:0 1px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPgogICAgPHBhdGggZD0ibTEwMjQgMzk3LTM1NC01MS0xNTgtMzIxLTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6IG0tNTEyIDM1Ny0yMjQgMTE4IDQzLTI0OS0xODEtMTc2IDI1MC0zNiAxMTItMjI2IDExMiAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIgZmlsbD0iaHNsKDIxOS45OTk5OTk5OTk5OTk5NywgMTIuMDAwMDAwMDAwMDAwMDA1JSwgODUlKSIvPgo8L3N2Zz4K) 0 0/100% no-repeat;width:1em;height:1em}:host [part^=icon]:first-child,:host [part^=icon]:last-child{margin:0}:host(:not([interactive])) [part~=icon-full],:host([interactive]) [part=container]:not(:hover) [part~=icon-full]{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0ibTEwMjQgMzk3LTM1NC01MS0xNTgtMzIxLTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6IiBmaWxsPSJoc2woMzM3LjAwMDAwMDAwMDAwMDA2LCA4MCUsIDQ5JSkiLz4KPC9zdmc+Cg==)}:host(:not([interactive])) [part~=icon-half],:host([interactive]) [part=container]:not(:hover) [part~=icon-half]{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggaWQ9InJpZ2h0IiBkPSJtMTAyNCAzOTctMzU0LTUxLTE1OS0zMjF2ODA4bDMxNyAxNjYtNjAtMzUyem0tNTEzIDM1N3YtNTcwbDExMyAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIgZmlsbD0iaHNsKDIxOS45OTk5OTk5OTk5OTk5NywgMTIuMDAwMDAwMDAwMDAwMDA1JSwgODUlKSIvPgogICAgPHBhdGggaWQ9ImxlZnQiIGQ9Im01MTIgMjUtMTU4IDMyMS0zNTQgNTEgMjU2IDI1MC02MCAzNTIgMzE2LTE2NnoiIGZpbGw9ImhzbCgzMzcuMDAwMDAwMDAwMDAwMDYsIDgwJSwgNDklKSIvPgo8L3N2Zz4K)}:host([interactive]) [part^=icon]{cursor:pointer}:host([interactive]) [part^=icon]:hover,:host([interactive]) [part^=icon]:hover~[part^=icon]{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0ibTEwMjQgMzk3LTM1NC01MS0xNTgtMzIxLTE1OCAzMjEtMzU0IDUxIDI1NiAyNTAtNjAgMzUyIDMxNi0xNjYgMzE2IDE2Ni02MC0zNTJ6IiBmaWxsPSJoc2woMzM3LjAwMDAwMDAwMDAwMDA2LCA4MCUsIDQ5JSkiLz4KPC9zdmc+Cg==)}:host([focused=visible]){outline:#535de8 solid 0;outline-offset:2px}' }}));
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-rating', styles: ':host{font-size:17px}:host [part=container]{touch-action:manipulation;display:flex;flex-direction:row-reverse;flex-wrap:nowrap}:host [part^=icon]{margin:0 1px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgyMTkuOTk5OTk5OTk5OTk5OTcsIDEyLjAwMDAwMDAwMDAwMDAwNSUsIDg1JSkiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnpNNTEyIDc1NCAyODggODcybDQzLTI0OS0xODEtMTc2IDI1MC0zNiAxMTItMjI2IDExMiAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIvPjwvc3ZnPg==) 0 0/100% no-repeat;width:1em;height:1em}:host [part^=icon]:first-child,:host [part^=icon]:last-child{margin:0}:host(:not([interactive])) [part~=icon-full],:host([interactive]) [part=container]:not(:hover) [part~=icon-full]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgzMzcuMDAwMDAwMDAwMDAwMDYsIDgwJSwgNDklKSIgZD0ibTEwMjQgMzk3LTM1NC01MUw1MTIgMjUgMzU0IDM0NiAwIDM5N2wyNTYgMjUwLTYwIDM1MiAzMTYtMTY2IDMxNiAxNjYtNjAtMzUyeiIvPjwvc3ZnPg==)}:host(:not([interactive])) [part~=icon-half],:host([interactive]) [part=container]:not(:hover) [part~=icon-half]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgyMTkuOTk5OTk5OTk5OTk5OTcsIDEyLjAwMDAwMDAwMDAwMDAwNSUsIDg1JSkiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTExIDI1djgwOGwzMTcgMTY2LTYwLTM1MnpNNTExIDc1NFYxODRsMTEzIDIyNiAyNTAgMzYtMTgxIDE3NiA0MyAyNDl6Ii8+PHBhdGggZmlsbD0iaHNsKDMzNy4wMDAwMDAwMDAwMDAwNiwgODAlLCA0OSUpIiBkPSJNNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NnoiLz48L3N2Zz4=)}:host([interactive]) [part^=icon]{cursor:pointer}:host([interactive]) [part^=icon]:hover,:host([interactive]) [part^=icon]:hover~[part^=icon]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9ImhzbCgzMzcuMDAwMDAwMDAwMDAwMDYsIDgwJSwgNDklKSIgZD0ibTEwMjQgMzk3LTM1NC01MUw1MTIgMjUgMzU0IDM0NiAwIDM5N2wyNTYgMjUwLTYwIDM1MiAzMTYtMTY2IDMxNiAxNjYtNjAtMzUyeiIvPjwvc3ZnPg==)}:host([focused=visible]){outline:#535de8 solid 0;outline-offset:2px}' }}));

2

light/html.js
import './imports/native-elements.js';
dispatchEvent(new CustomEvent('ef.nativeStyles.define', { detail: { name: 'html', styles: 'html{height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa;scrollbar-color:#d4d7dd #f9f9fa;--color-scheme-primary:hsl(236, 77%, 62%);--color-scheme-secondary:hsl(236, 34%, 34%);--color-scheme-tertiary:hsl(220, 12%, 50%);--color-scheme-complementary:hsl(337, 80%, 49%);--color-scheme-negative:#e5445f;--color-scheme-neutral:hsl(220, 12%, 28%);--color-scheme-positive:#2ec57e;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f;--color-scheme-ticktext:hsl(0, 0%, 100%);--theme-name:\'elemental-theme\';--theme-version:\'6.5.0\'}html[movement-color-profile=asian1]{--color-scheme-negative:#2ec57e;--color-scheme-neutral:hsl(220, 12%, 28%);--color-scheme-positive:#e5445f;--color-scheme-tickup:#e5445f;--color-scheme-tickdown:#2ec57e}html[movement-color-profile=asian2],html[movement-color-profile=european]{--color-scheme-negative:#e5445f;--color-scheme-neutral:#2ec57e;--color-scheme-positive:#19aaee;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f}::-moz-selection{color:inherit;background:#adb2f4}::selection{color:inherit;background:#adb2f4}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f9f9fa;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#d4d7dd;border-radius:8px;border:2px solid #f9f9fa}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#f9f9fa}::-webkit-scrollbar-corner{background:#f9f9fa}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));
dispatchEvent(new CustomEvent('ef.nativeStyles.define', { detail: { name: 'html', styles: 'html{height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa;scrollbar-color:#d4d7dd #f9f9fa;--color-scheme-primary:hsl(236, 77%, 62%);--color-scheme-secondary:hsl(236, 34%, 34%);--color-scheme-tertiary:hsl(220, 12%, 50%);--color-scheme-complementary:hsl(337, 80%, 49%);--color-scheme-negative:#e5445f;--color-scheme-neutral:hsl(220, 12%, 28%);--color-scheme-positive:#2ec57e;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f;--color-scheme-ticktext:hsl(0, 0%, 100%);--theme-name:\'elemental-theme\';--theme-version:\'6.5.1\'}html[movement-color-profile=asian1]{--color-scheme-negative:#2ec57e;--color-scheme-neutral:hsl(220, 12%, 28%);--color-scheme-positive:#e5445f;--color-scheme-tickup:#e5445f;--color-scheme-tickdown:#2ec57e}html[movement-color-profile=asian2],html[movement-color-profile=european]{--color-scheme-negative:#e5445f;--color-scheme-neutral:#2ec57e;--color-scheme-positive:#19aaee;--color-scheme-tickup:#2ec57e;--color-scheme-tickdown:#e5445f}::-moz-selection{color:inherit;background:#adb2f4}::selection{color:inherit;background:#adb2f4}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f9f9fa;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#d4d7dd;border-radius:8px;border:2px solid #f9f9fa}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#f9f9fa}::-webkit-scrollbar-corner{background:#f9f9fa}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}' }}));

6

package.json
{
"name": "@refinitiv-ui/elemental-theme",
"version": "6.5.1",
"version": "6.5.2",
"description": "Base theme for Element Framework Components",

@@ -27,3 +27,3 @@ "author": "LSEG",

"devDependencies": {
"@refinitiv-ui/theme-compiler": "^6.3.8"
"@refinitiv-ui/theme-compiler": "^6.3.9"
},

@@ -33,3 +33,3 @@ "publishConfig": {

},
"gitHead": "88567bb0af311bd6999ada8c79770e3ab87c50de"
"gitHead": "b5c452d07bca2beb21b3fdf37ebeaa9b27f9ea28"
}
dark/css/native-elements.css

Sorry, the diff of this file is not supported yet

dark/es5/all-elements.js

Sorry, the diff of this file is too big to display

light/css/native-elements.css

Sorry, the diff of this file is not supported yet

light/es5/all-elements.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc