diff options
Diffstat (limited to 'static')
317 files changed, 3003 insertions, 213 deletions
diff --git a/static/codes/2002-005.jpg b/static/codes/2002-005.jpg Binary files differnew file mode 100644 index 0000000..c1a3b0d --- /dev/null +++ b/static/codes/2002-005.jpg diff --git a/static/codes/2002-010.jpg b/static/codes/2002-010.jpg Binary files differnew file mode 100644 index 0000000..67b86bf --- /dev/null +++ b/static/codes/2002-010.jpg diff --git a/static/codes/2002-020.jpg b/static/codes/2002-020.jpg Binary files differnew file mode 100644 index 0000000..fa49f64 --- /dev/null +++ b/static/codes/2002-020.jpg diff --git a/static/codes/2002-050.jpg b/static/codes/2002-050.jpg Binary files differnew file mode 100644 index 0000000..b56ee12 --- /dev/null +++ b/static/codes/2002-050.jpg diff --git a/static/codes/2002-100.jpg b/static/codes/2002-100.jpg Binary files differnew file mode 100644 index 0000000..cec7388 --- /dev/null +++ b/static/codes/2002-100.jpg diff --git a/static/codes/2002-200.jpg b/static/codes/2002-200.jpg Binary files differnew file mode 100644 index 0000000..7221a13 --- /dev/null +++ b/static/codes/2002-200.jpg diff --git a/static/codes/2002-500.jpg b/static/codes/2002-500.jpg Binary files differnew file mode 100644 index 0000000..d79653b --- /dev/null +++ b/static/codes/2002-500.jpg diff --git a/static/codes/europa-005.jpg b/static/codes/europa-005.jpg Binary files differnew file mode 100644 index 0000000..cdb3042 --- /dev/null +++ b/static/codes/europa-005.jpg diff --git a/static/codes/europa-010.jpg b/static/codes/europa-010.jpg Binary files differnew file mode 100644 index 0000000..6795a39 --- /dev/null +++ b/static/codes/europa-010.jpg diff --git a/static/codes/europa-020.jpg b/static/codes/europa-020.jpg Binary files differnew file mode 100644 index 0000000..4a4b5b3 --- /dev/null +++ b/static/codes/europa-020.jpg diff --git a/static/codes/europa-050.jpg b/static/codes/europa-050.jpg Binary files differnew file mode 100644 index 0000000..8a80ca8 --- /dev/null +++ b/static/codes/europa-050.jpg diff --git a/static/codes/europa-100.jpg b/static/codes/europa-100.jpg Binary files differnew file mode 100644 index 0000000..2b5a800 --- /dev/null +++ b/static/codes/europa-100.jpg diff --git a/static/codes/europa-200.jpg b/static/codes/europa-200.jpg Binary files differnew file mode 100644 index 0000000..0c48bf1 --- /dev/null +++ b/static/codes/europa-200.jpg diff --git a/static/designs/ad-001-1.avif b/static/designs/ad-001-1.avif Binary files differnew file mode 100644 index 0000000..5726a39 --- /dev/null +++ b/static/designs/ad-001-1.avif diff --git a/static/designs/ad-001.avif b/static/designs/ad-001.avif Binary files differdeleted file mode 100644 index 354d644..0000000 --- a/static/designs/ad-001.avif +++ /dev/null diff --git a/static/designs/ad-002-1.avif b/static/designs/ad-002-1.avif Binary files differnew file mode 100644 index 0000000..7eb018f --- /dev/null +++ b/static/designs/ad-002-1.avif diff --git a/static/designs/ad-005-1.avif b/static/designs/ad-005-1.avif Binary files differnew file mode 100644 index 0000000..06391dd --- /dev/null +++ b/static/designs/ad-005-1.avif diff --git a/static/designs/ad-010-1.avif b/static/designs/ad-010-1.avif Binary files differnew file mode 100644 index 0000000..5d7f0cd --- /dev/null +++ b/static/designs/ad-010-1.avif diff --git a/static/designs/ad-020-1.avif b/static/designs/ad-020-1.avif Binary files differnew file mode 100644 index 0000000..4f69576 --- /dev/null +++ b/static/designs/ad-020-1.avif diff --git a/static/designs/ad-050-1.avif b/static/designs/ad-050-1.avif Binary files differnew file mode 100644 index 0000000..668c601 --- /dev/null +++ b/static/designs/ad-050-1.avif diff --git a/static/designs/ad-050.avif b/static/designs/ad-050.avif Binary files differdeleted file mode 100644 index 097b27c..0000000 --- a/static/designs/ad-050.avif +++ /dev/null diff --git a/static/designs/ad-100-1.avif b/static/designs/ad-100-1.avif Binary files differnew file mode 100644 index 0000000..f89bc8e --- /dev/null +++ b/static/designs/ad-100-1.avif diff --git a/static/designs/ad-100.avif b/static/designs/ad-100.avif Binary files differdeleted file mode 100644 index e545aa4..0000000 --- a/static/designs/ad-100.avif +++ /dev/null diff --git a/static/designs/ad-200-1.avif b/static/designs/ad-200-1.avif Binary files differnew file mode 100644 index 0000000..2b2a0fd --- /dev/null +++ b/static/designs/ad-200-1.avif diff --git a/static/designs/ad-200.avif b/static/designs/ad-200.avif Binary files differdeleted file mode 100644 index 8a5eed3..0000000 --- a/static/designs/ad-200.avif +++ /dev/null diff --git a/static/designs/ad-rejected.jpg b/static/designs/ad-rejected.jpg Binary files differnew file mode 100644 index 0000000..c528b04 --- /dev/null +++ b/static/designs/ad-rejected.jpg diff --git a/static/designs/at-001-1.avif b/static/designs/at-001-1.avif Binary files differnew file mode 100644 index 0000000..ab9d7ef --- /dev/null +++ b/static/designs/at-001-1.avif diff --git a/static/designs/at-001.avif b/static/designs/at-001.avif Binary files differdeleted file mode 100644 index b54db65..0000000 --- a/static/designs/at-001.avif +++ /dev/null diff --git a/static/designs/at-002-1.avif b/static/designs/at-002-1.avif Binary files differnew file mode 100644 index 0000000..73e9118 --- /dev/null +++ b/static/designs/at-002-1.avif diff --git a/static/designs/at-002.avif b/static/designs/at-002.avif Binary files differdeleted file mode 100644 index a9707b3..0000000 --- a/static/designs/at-002.avif +++ /dev/null diff --git a/static/designs/at-005-1.avif b/static/designs/at-005-1.avif Binary files differnew file mode 100644 index 0000000..c6446f3 --- /dev/null +++ b/static/designs/at-005-1.avif diff --git a/static/designs/at-005.avif b/static/designs/at-005.avif Binary files differdeleted file mode 100644 index 49ed85f..0000000 --- a/static/designs/at-005.avif +++ /dev/null diff --git a/static/designs/at-010-1.avif b/static/designs/at-010-1.avif Binary files differnew file mode 100644 index 0000000..5743dc9 --- /dev/null +++ b/static/designs/at-010-1.avif diff --git a/static/designs/at-010.avif b/static/designs/at-010.avif Binary files differdeleted file mode 100644 index 3dba83c..0000000 --- a/static/designs/at-010.avif +++ /dev/null diff --git a/static/designs/at-020-1.avif b/static/designs/at-020-1.avif Binary files differnew file mode 100644 index 0000000..7b2c634 --- /dev/null +++ b/static/designs/at-020-1.avif diff --git a/static/designs/at-020.avif b/static/designs/at-020.avif Binary files differdeleted file mode 100644 index acd51cc..0000000 --- a/static/designs/at-020.avif +++ /dev/null diff --git a/static/designs/at-050-1.avif b/static/designs/at-050-1.avif Binary files differnew file mode 100644 index 0000000..c5e5bbb --- /dev/null +++ b/static/designs/at-050-1.avif diff --git a/static/designs/at-050.avif b/static/designs/at-050.avif Binary files differdeleted file mode 100644 index 8b1862a..0000000 --- a/static/designs/at-050.avif +++ /dev/null diff --git a/static/designs/at-100-1.avif b/static/designs/at-100-1.avif Binary files differnew file mode 100644 index 0000000..58655ad --- /dev/null +++ b/static/designs/at-100-1.avif diff --git a/static/designs/at-100.avif b/static/designs/at-100.avif Binary files differdeleted file mode 100644 index eb2df12..0000000 --- a/static/designs/at-100.avif +++ /dev/null diff --git a/static/designs/at-200-1.avif b/static/designs/at-200-1.avif Binary files differnew file mode 100644 index 0000000..d3e7d1d --- /dev/null +++ b/static/designs/at-200-1.avif diff --git a/static/designs/at-200.avif b/static/designs/at-200.avif Binary files differdeleted file mode 100644 index e3907b1..0000000 --- a/static/designs/at-200.avif +++ /dev/null diff --git a/static/designs/be-001-1.avif b/static/designs/be-001-1.avif Binary files differnew file mode 100644 index 0000000..3a91a7a --- /dev/null +++ b/static/designs/be-001-1.avif diff --git a/static/designs/be-001-2.avif b/static/designs/be-001-2.avif Binary files differnew file mode 100644 index 0000000..171a566 --- /dev/null +++ b/static/designs/be-001-2.avif diff --git a/static/designs/be-001-3.avif b/static/designs/be-001-3.avif Binary files differnew file mode 100644 index 0000000..d692ff1 --- /dev/null +++ b/static/designs/be-001-3.avif diff --git a/static/designs/be-002-1.avif b/static/designs/be-002-1.avif Binary files differnew file mode 100644 index 0000000..3a91a7a --- /dev/null +++ b/static/designs/be-002-1.avif diff --git a/static/designs/be-002-2.avif b/static/designs/be-002-2.avif Binary files differnew file mode 100644 index 0000000..740c9ad --- /dev/null +++ b/static/designs/be-002-2.avif diff --git a/static/designs/be-002-3.avif b/static/designs/be-002-3.avif Binary files differnew file mode 100644 index 0000000..f3413bd --- /dev/null +++ b/static/designs/be-002-3.avif diff --git a/static/designs/be-005-1.avif b/static/designs/be-005-1.avif Binary files differnew file mode 100644 index 0000000..cae4a38 --- /dev/null +++ b/static/designs/be-005-1.avif diff --git a/static/designs/be-005-2.avif b/static/designs/be-005-2.avif Binary files differnew file mode 100644 index 0000000..131e395 --- /dev/null +++ b/static/designs/be-005-2.avif diff --git a/static/designs/be-005-3.avif b/static/designs/be-005-3.avif Binary files differnew file mode 100644 index 0000000..ce5e82f --- /dev/null +++ b/static/designs/be-005-3.avif diff --git a/static/designs/be-010-1.avif b/static/designs/be-010-1.avif Binary files differnew file mode 100644 index 0000000..330b20e --- /dev/null +++ b/static/designs/be-010-1.avif diff --git a/static/designs/be-010-2.avif b/static/designs/be-010-2.avif Binary files differnew file mode 100644 index 0000000..73843f3 --- /dev/null +++ b/static/designs/be-010-2.avif diff --git a/static/designs/be-010-3.avif b/static/designs/be-010-3.avif Binary files differnew file mode 100644 index 0000000..7abc012 --- /dev/null +++ b/static/designs/be-010-3.avif diff --git a/static/designs/be-020-1.avif b/static/designs/be-020-1.avif Binary files differnew file mode 100644 index 0000000..9d48ba7 --- /dev/null +++ b/static/designs/be-020-1.avif diff --git a/static/designs/be-020-2.avif b/static/designs/be-020-2.avif Binary files differnew file mode 100644 index 0000000..d1e556f --- /dev/null +++ b/static/designs/be-020-2.avif diff --git a/static/designs/be-020-3.avif b/static/designs/be-020-3.avif Binary files differnew file mode 100644 index 0000000..c493c64 --- /dev/null +++ b/static/designs/be-020-3.avif diff --git a/static/designs/be-050-1.avif b/static/designs/be-050-1.avif Binary files differnew file mode 100644 index 0000000..b0e63c5 --- /dev/null +++ b/static/designs/be-050-1.avif diff --git a/static/designs/be-050-2.avif b/static/designs/be-050-2.avif Binary files differnew file mode 100644 index 0000000..0902744 --- /dev/null +++ b/static/designs/be-050-2.avif diff --git a/static/designs/be-050-3.avif b/static/designs/be-050-3.avif Binary files differnew file mode 100644 index 0000000..440143d --- /dev/null +++ b/static/designs/be-050-3.avif diff --git a/static/designs/be-100-1.avif b/static/designs/be-100-1.avif Binary files differnew file mode 100644 index 0000000..f48cc79 --- /dev/null +++ b/static/designs/be-100-1.avif diff --git a/static/designs/be-100-2.avif b/static/designs/be-100-2.avif Binary files differnew file mode 100644 index 0000000..e6246a5 --- /dev/null +++ b/static/designs/be-100-2.avif diff --git a/static/designs/be-100-3.avif b/static/designs/be-100-3.avif Binary files differnew file mode 100644 index 0000000..991fd48 --- /dev/null +++ b/static/designs/be-100-3.avif diff --git a/static/designs/be-100-albert-1.avif b/static/designs/be-100-albert-1.avif Binary files differdeleted file mode 100644 index 250d914..0000000 --- a/static/designs/be-100-albert-1.avif +++ /dev/null diff --git a/static/designs/be-100-albert-2.avif b/static/designs/be-100-albert-2.avif Binary files differdeleted file mode 100644 index e328652..0000000 --- a/static/designs/be-100-albert-2.avif +++ /dev/null diff --git a/static/designs/be-100-philippe.avif b/static/designs/be-100-philippe.avif Binary files differdeleted file mode 100644 index 2e8486f..0000000 --- a/static/designs/be-100-philippe.avif +++ /dev/null diff --git a/static/designs/be-200-1.avif b/static/designs/be-200-1.avif Binary files differnew file mode 100644 index 0000000..47cdc47 --- /dev/null +++ b/static/designs/be-200-1.avif diff --git a/static/designs/be-200-2.avif b/static/designs/be-200-2.avif Binary files differnew file mode 100644 index 0000000..ec6d93f --- /dev/null +++ b/static/designs/be-200-2.avif diff --git a/static/designs/be-200-3.avif b/static/designs/be-200-3.avif Binary files differnew file mode 100644 index 0000000..8ce04b5 --- /dev/null +++ b/static/designs/be-200-3.avif diff --git a/static/designs/be-portraits/2008.avif b/static/designs/be-portraits/2008.avif Binary files differnew file mode 100644 index 0000000..03a924d --- /dev/null +++ b/static/designs/be-portraits/2008.avif diff --git a/static/designs/cy-001-1.avif b/static/designs/cy-001-1.avif Binary files differnew file mode 100644 index 0000000..912af91 --- /dev/null +++ b/static/designs/cy-001-1.avif diff --git a/static/designs/cy-002-1.avif b/static/designs/cy-002-1.avif Binary files differnew file mode 100644 index 0000000..f78a6e3 --- /dev/null +++ b/static/designs/cy-002-1.avif diff --git a/static/designs/cy-005-1.avif b/static/designs/cy-005-1.avif Binary files differnew file mode 100644 index 0000000..8ccca4d --- /dev/null +++ b/static/designs/cy-005-1.avif diff --git a/static/designs/cy-010-1.avif b/static/designs/cy-010-1.avif Binary files differnew file mode 100644 index 0000000..6aec448 --- /dev/null +++ b/static/designs/cy-010-1.avif diff --git a/static/designs/cy-020-1.avif b/static/designs/cy-020-1.avif Binary files differnew file mode 100644 index 0000000..aa62c26 --- /dev/null +++ b/static/designs/cy-020-1.avif diff --git a/static/designs/cy-050-1.avif b/static/designs/cy-050-1.avif Binary files differnew file mode 100644 index 0000000..bdc4192 --- /dev/null +++ b/static/designs/cy-050-1.avif diff --git a/static/designs/cy-100-1.avif b/static/designs/cy-100-1.avif Binary files differnew file mode 100644 index 0000000..d810e97 --- /dev/null +++ b/static/designs/cy-100-1.avif diff --git a/static/designs/cy-200-1.avif b/static/designs/cy-200-1.avif Binary files differnew file mode 100644 index 0000000..8993dd8 --- /dev/null +++ b/static/designs/cy-200-1.avif diff --git a/static/designs/de-001-1.avif b/static/designs/de-001-1.avif Binary files differnew file mode 100644 index 0000000..1d4362a --- /dev/null +++ b/static/designs/de-001-1.avif diff --git a/static/designs/de-002-1.avif b/static/designs/de-002-1.avif Binary files differnew file mode 100644 index 0000000..0874d39 --- /dev/null +++ b/static/designs/de-002-1.avif diff --git a/static/designs/de-005-1.avif b/static/designs/de-005-1.avif Binary files differnew file mode 100644 index 0000000..6caa980 --- /dev/null +++ b/static/designs/de-005-1.avif diff --git a/static/designs/de-010-1.avif b/static/designs/de-010-1.avif Binary files differnew file mode 100644 index 0000000..bc521e8 --- /dev/null +++ b/static/designs/de-010-1.avif diff --git a/static/designs/de-020-1.avif b/static/designs/de-020-1.avif Binary files differnew file mode 100644 index 0000000..f2cda19 --- /dev/null +++ b/static/designs/de-020-1.avif diff --git a/static/designs/de-050-1.avif b/static/designs/de-050-1.avif Binary files differnew file mode 100644 index 0000000..67cc4f8 --- /dev/null +++ b/static/designs/de-050-1.avif diff --git a/static/designs/de-100-1.avif b/static/designs/de-100-1.avif Binary files differnew file mode 100644 index 0000000..494372b --- /dev/null +++ b/static/designs/de-100-1.avif diff --git a/static/designs/de-200-1.avif b/static/designs/de-200-1.avif Binary files differnew file mode 100644 index 0000000..3849a42 --- /dev/null +++ b/static/designs/de-200-1.avif diff --git a/static/designs/ee-001-1.avif b/static/designs/ee-001-1.avif Binary files differnew file mode 100644 index 0000000..6392bd4 --- /dev/null +++ b/static/designs/ee-001-1.avif diff --git a/static/designs/ee-002-1.avif b/static/designs/ee-002-1.avif Binary files differnew file mode 100644 index 0000000..4de2997 --- /dev/null +++ b/static/designs/ee-002-1.avif diff --git a/static/designs/ee-005-1.avif b/static/designs/ee-005-1.avif Binary files differnew file mode 100644 index 0000000..9553049 --- /dev/null +++ b/static/designs/ee-005-1.avif diff --git a/static/designs/ee-010-1.avif b/static/designs/ee-010-1.avif Binary files differnew file mode 100644 index 0000000..d25072e --- /dev/null +++ b/static/designs/ee-010-1.avif diff --git a/static/designs/ee-020-1.avif b/static/designs/ee-020-1.avif Binary files differnew file mode 100644 index 0000000..fe3ba66 --- /dev/null +++ b/static/designs/ee-020-1.avif diff --git a/static/designs/ee-050-1.avif b/static/designs/ee-050-1.avif Binary files differnew file mode 100644 index 0000000..beb20d8 --- /dev/null +++ b/static/designs/ee-050-1.avif diff --git a/static/designs/ee-100-1.avif b/static/designs/ee-100-1.avif Binary files differnew file mode 100644 index 0000000..23c7528 --- /dev/null +++ b/static/designs/ee-100-1.avif diff --git a/static/designs/ee-200-1.avif b/static/designs/ee-200-1.avif Binary files differnew file mode 100644 index 0000000..42839bc --- /dev/null +++ b/static/designs/ee-200-1.avif diff --git a/static/designs/ee-contest/järjepidevus-001.avif b/static/designs/ee-contest/järjepidevus-001.avif Binary files differnew file mode 100644 index 0000000..a43d946 --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-001.avif diff --git a/static/designs/ee-contest/järjepidevus-002.avif b/static/designs/ee-contest/järjepidevus-002.avif Binary files differnew file mode 100644 index 0000000..49f400e --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-002.avif diff --git a/static/designs/ee-contest/järjepidevus-005.avif b/static/designs/ee-contest/järjepidevus-005.avif Binary files differnew file mode 100644 index 0000000..0f89e05 --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-005.avif diff --git a/static/designs/ee-contest/järjepidevus-010.avif b/static/designs/ee-contest/järjepidevus-010.avif Binary files differnew file mode 100644 index 0000000..f4f4350 --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-010.avif diff --git a/static/designs/ee-contest/järjepidevus-020.avif b/static/designs/ee-contest/järjepidevus-020.avif Binary files differnew file mode 100644 index 0000000..61bcd5d --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-020.avif diff --git a/static/designs/ee-contest/järjepidevus-050.avif b/static/designs/ee-contest/järjepidevus-050.avif Binary files differnew file mode 100644 index 0000000..5ab4ab8 --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-050.avif diff --git a/static/designs/ee-contest/järjepidevus-100.avif b/static/designs/ee-contest/järjepidevus-100.avif Binary files differnew file mode 100644 index 0000000..99ef49e --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-100.avif diff --git a/static/designs/ee-contest/järjepidevus-200.avif b/static/designs/ee-contest/järjepidevus-200.avif Binary files differnew file mode 100644 index 0000000..b9a9e7e --- /dev/null +++ b/static/designs/ee-contest/järjepidevus-200.avif diff --git a/static/designs/ee-contest/linnutee-001.avif b/static/designs/ee-contest/linnutee-001.avif Binary files differnew file mode 100644 index 0000000..874d5d3 --- /dev/null +++ b/static/designs/ee-contest/linnutee-001.avif diff --git a/static/designs/ee-contest/linnutee-002.avif b/static/designs/ee-contest/linnutee-002.avif Binary files differnew file mode 100644 index 0000000..b06bb41 --- /dev/null +++ b/static/designs/ee-contest/linnutee-002.avif diff --git a/static/designs/ee-contest/linnutee-005.avif b/static/designs/ee-contest/linnutee-005.avif Binary files differnew file mode 100644 index 0000000..3a0da87 --- /dev/null +++ b/static/designs/ee-contest/linnutee-005.avif diff --git a/static/designs/ee-contest/linnutee-010.avif b/static/designs/ee-contest/linnutee-010.avif Binary files differnew file mode 100644 index 0000000..930b6d6 --- /dev/null +++ b/static/designs/ee-contest/linnutee-010.avif diff --git a/static/designs/ee-contest/linnutee-020.avif b/static/designs/ee-contest/linnutee-020.avif Binary files differnew file mode 100644 index 0000000..db7dc38 --- /dev/null +++ b/static/designs/ee-contest/linnutee-020.avif diff --git a/static/designs/ee-contest/linnutee-050.avif b/static/designs/ee-contest/linnutee-050.avif Binary files differnew file mode 100644 index 0000000..2bf3bdd --- /dev/null +++ b/static/designs/ee-contest/linnutee-050.avif diff --git a/static/designs/ee-contest/linnutee-100.avif b/static/designs/ee-contest/linnutee-100.avif Binary files differnew file mode 100644 index 0000000..1ea7b41 --- /dev/null +++ b/static/designs/ee-contest/linnutee-100.avif diff --git a/static/designs/ee-contest/linnutee-200.avif b/static/designs/ee-contest/linnutee-200.avif Binary files differnew file mode 100644 index 0000000..ef03d29 --- /dev/null +++ b/static/designs/ee-contest/linnutee-200.avif diff --git a/static/designs/es-001-1.avif b/static/designs/es-001-1.avif Binary files differnew file mode 100644 index 0000000..fe55101 --- /dev/null +++ b/static/designs/es-001-1.avif diff --git a/static/designs/es-001-2.avif b/static/designs/es-001-2.avif Binary files differnew file mode 100644 index 0000000..5d83a76 --- /dev/null +++ b/static/designs/es-001-2.avif diff --git a/static/designs/es-002-1.avif b/static/designs/es-002-1.avif Binary files differnew file mode 100644 index 0000000..56acd1b --- /dev/null +++ b/static/designs/es-002-1.avif diff --git a/static/designs/es-002-2.avif b/static/designs/es-002-2.avif Binary files differnew file mode 100644 index 0000000..7b3e3d6 --- /dev/null +++ b/static/designs/es-002-2.avif diff --git a/static/designs/es-005-1.avif b/static/designs/es-005-1.avif Binary files differnew file mode 100644 index 0000000..8d3ff3a --- /dev/null +++ b/static/designs/es-005-1.avif diff --git a/static/designs/es-005-2.avif b/static/designs/es-005-2.avif Binary files differnew file mode 100644 index 0000000..95073f0 --- /dev/null +++ b/static/designs/es-005-2.avif diff --git a/static/designs/es-010-1.avif b/static/designs/es-010-1.avif Binary files differnew file mode 100644 index 0000000..c532e34 --- /dev/null +++ b/static/designs/es-010-1.avif diff --git a/static/designs/es-010-2.avif b/static/designs/es-010-2.avif Binary files differnew file mode 100644 index 0000000..64cd2a2 --- /dev/null +++ b/static/designs/es-010-2.avif diff --git a/static/designs/es-020-1.avif b/static/designs/es-020-1.avif Binary files differnew file mode 100644 index 0000000..11f34b3 --- /dev/null +++ b/static/designs/es-020-1.avif diff --git a/static/designs/es-020-2.avif b/static/designs/es-020-2.avif Binary files differnew file mode 100644 index 0000000..d7663bf --- /dev/null +++ b/static/designs/es-020-2.avif diff --git a/static/designs/es-050-1.avif b/static/designs/es-050-1.avif Binary files differnew file mode 100644 index 0000000..fa15d63 --- /dev/null +++ b/static/designs/es-050-1.avif diff --git a/static/designs/es-050-2.avif b/static/designs/es-050-2.avif Binary files differnew file mode 100644 index 0000000..dd1fccc --- /dev/null +++ b/static/designs/es-050-2.avif diff --git a/static/designs/es-100-1.avif b/static/designs/es-100-1.avif Binary files differnew file mode 100644 index 0000000..e9cb7a1 --- /dev/null +++ b/static/designs/es-100-1.avif diff --git a/static/designs/es-100-2.avif b/static/designs/es-100-2.avif Binary files differnew file mode 100644 index 0000000..30b0d62 --- /dev/null +++ b/static/designs/es-100-2.avif diff --git a/static/designs/es-100-3.avif b/static/designs/es-100-3.avif Binary files differnew file mode 100644 index 0000000..0e0ac45 --- /dev/null +++ b/static/designs/es-100-3.avif diff --git a/static/designs/es-200-1.avif b/static/designs/es-200-1.avif Binary files differnew file mode 100644 index 0000000..e65e023 --- /dev/null +++ b/static/designs/es-200-1.avif diff --git a/static/designs/es-200-2.avif b/static/designs/es-200-2.avif Binary files differnew file mode 100644 index 0000000..f326095 --- /dev/null +++ b/static/designs/es-200-2.avif diff --git a/static/designs/es-200-3.avif b/static/designs/es-200-3.avif Binary files differnew file mode 100644 index 0000000..c770217 --- /dev/null +++ b/static/designs/es-200-3.avif diff --git a/static/designs/fi-001-1.avif b/static/designs/fi-001-1.avif Binary files differnew file mode 100644 index 0000000..e0f6f96 --- /dev/null +++ b/static/designs/fi-001-1.avif diff --git a/static/designs/fi-002-1.avif b/static/designs/fi-002-1.avif Binary files differnew file mode 100644 index 0000000..f63abcd --- /dev/null +++ b/static/designs/fi-002-1.avif diff --git a/static/designs/fi-005-1.avif b/static/designs/fi-005-1.avif Binary files differnew file mode 100644 index 0000000..124178e --- /dev/null +++ b/static/designs/fi-005-1.avif diff --git a/static/designs/fi-010-1.avif b/static/designs/fi-010-1.avif Binary files differnew file mode 100644 index 0000000..d1782d3 --- /dev/null +++ b/static/designs/fi-010-1.avif diff --git a/static/designs/fi-020-1.avif b/static/designs/fi-020-1.avif Binary files differnew file mode 100644 index 0000000..17e7a49 --- /dev/null +++ b/static/designs/fi-020-1.avif diff --git a/static/designs/fi-050-1.avif b/static/designs/fi-050-1.avif Binary files differnew file mode 100644 index 0000000..edfc1c4 --- /dev/null +++ b/static/designs/fi-050-1.avif diff --git a/static/designs/fi-100-1.avif b/static/designs/fi-100-1.avif Binary files differnew file mode 100644 index 0000000..5a61148 --- /dev/null +++ b/static/designs/fi-100-1.avif diff --git a/static/designs/fi-200-1.avif b/static/designs/fi-200-1.avif Binary files differnew file mode 100644 index 0000000..662f8e8 --- /dev/null +++ b/static/designs/fi-200-1.avif diff --git a/static/designs/fr-001-1.avif b/static/designs/fr-001-1.avif Binary files differnew file mode 100644 index 0000000..1720dc7 --- /dev/null +++ b/static/designs/fr-001-1.avif diff --git a/static/designs/fr-002-1.avif b/static/designs/fr-002-1.avif Binary files differnew file mode 100644 index 0000000..40e29d8 --- /dev/null +++ b/static/designs/fr-002-1.avif diff --git a/static/designs/fr-005-1.avif b/static/designs/fr-005-1.avif Binary files differnew file mode 100644 index 0000000..2fd1e12 --- /dev/null +++ b/static/designs/fr-005-1.avif diff --git a/static/designs/fr-010-1.avif b/static/designs/fr-010-1.avif Binary files differnew file mode 100644 index 0000000..53232d8 --- /dev/null +++ b/static/designs/fr-010-1.avif diff --git a/static/designs/fr-010-2.avif b/static/designs/fr-010-2.avif Binary files differnew file mode 100644 index 0000000..9347a4a --- /dev/null +++ b/static/designs/fr-010-2.avif diff --git a/static/designs/fr-020-1.avif b/static/designs/fr-020-1.avif Binary files differnew file mode 100644 index 0000000..4cd04f6 --- /dev/null +++ b/static/designs/fr-020-1.avif diff --git a/static/designs/fr-020-2.avif b/static/designs/fr-020-2.avif Binary files differnew file mode 100644 index 0000000..53f2f16 --- /dev/null +++ b/static/designs/fr-020-2.avif diff --git a/static/designs/fr-050-1.avif b/static/designs/fr-050-1.avif Binary files differnew file mode 100644 index 0000000..438c170 --- /dev/null +++ b/static/designs/fr-050-1.avif diff --git a/static/designs/fr-050-2.avif b/static/designs/fr-050-2.avif Binary files differnew file mode 100644 index 0000000..051811d --- /dev/null +++ b/static/designs/fr-050-2.avif diff --git a/static/designs/fr-100-1.avif b/static/designs/fr-100-1.avif Binary files differnew file mode 100644 index 0000000..4c33edc --- /dev/null +++ b/static/designs/fr-100-1.avif diff --git a/static/designs/fr-100-2.avif b/static/designs/fr-100-2.avif Binary files differnew file mode 100644 index 0000000..d1c0fbf --- /dev/null +++ b/static/designs/fr-100-2.avif diff --git a/static/designs/fr-200-1.avif b/static/designs/fr-200-1.avif Binary files differnew file mode 100644 index 0000000..f7fb37b --- /dev/null +++ b/static/designs/fr-200-1.avif diff --git a/static/designs/fr-200-2.avif b/static/designs/fr-200-2.avif Binary files differnew file mode 100644 index 0000000..c0bd6d4 --- /dev/null +++ b/static/designs/fr-200-2.avif diff --git a/static/designs/gr-001-1.avif b/static/designs/gr-001-1.avif Binary files differnew file mode 100644 index 0000000..e5afa0e --- /dev/null +++ b/static/designs/gr-001-1.avif diff --git a/static/designs/gr-002-1.avif b/static/designs/gr-002-1.avif Binary files differnew file mode 100644 index 0000000..c809c2d --- /dev/null +++ b/static/designs/gr-002-1.avif diff --git a/static/designs/gr-005-1.avif b/static/designs/gr-005-1.avif Binary files differnew file mode 100644 index 0000000..b0b8877 --- /dev/null +++ b/static/designs/gr-005-1.avif diff --git a/static/designs/gr-010-1.avif b/static/designs/gr-010-1.avif Binary files differnew file mode 100644 index 0000000..d096e9e --- /dev/null +++ b/static/designs/gr-010-1.avif diff --git a/static/designs/gr-020-1.avif b/static/designs/gr-020-1.avif Binary files differnew file mode 100644 index 0000000..5b2a744 --- /dev/null +++ b/static/designs/gr-020-1.avif diff --git a/static/designs/gr-050-1.avif b/static/designs/gr-050-1.avif Binary files differnew file mode 100644 index 0000000..cfb9a3a --- /dev/null +++ b/static/designs/gr-050-1.avif diff --git a/static/designs/gr-100-1.avif b/static/designs/gr-100-1.avif Binary files differnew file mode 100644 index 0000000..86a07db --- /dev/null +++ b/static/designs/gr-100-1.avif diff --git a/static/designs/gr-200-1.avif b/static/designs/gr-200-1.avif Binary files differnew file mode 100644 index 0000000..4d8696e --- /dev/null +++ b/static/designs/gr-200-1.avif diff --git a/static/designs/hr-001-1.avif b/static/designs/hr-001-1.avif Binary files differnew file mode 100644 index 0000000..b8f4bd2 --- /dev/null +++ b/static/designs/hr-001-1.avif diff --git a/static/designs/hr-001.avif b/static/designs/hr-001.avif Binary files differdeleted file mode 100644 index 95461c0..0000000 --- a/static/designs/hr-001.avif +++ /dev/null diff --git a/static/designs/hr-002-1.avif b/static/designs/hr-002-1.avif Binary files differnew file mode 100644 index 0000000..19fa745 --- /dev/null +++ b/static/designs/hr-002-1.avif diff --git a/static/designs/hr-005-1.avif b/static/designs/hr-005-1.avif Binary files differnew file mode 100644 index 0000000..f040bab --- /dev/null +++ b/static/designs/hr-005-1.avif diff --git a/static/designs/hr-010-1.avif b/static/designs/hr-010-1.avif Binary files differnew file mode 100644 index 0000000..d384fe6 --- /dev/null +++ b/static/designs/hr-010-1.avif diff --git a/static/designs/hr-020-1.avif b/static/designs/hr-020-1.avif Binary files differnew file mode 100644 index 0000000..117dd64 --- /dev/null +++ b/static/designs/hr-020-1.avif diff --git a/static/designs/hr-050-1.avif b/static/designs/hr-050-1.avif Binary files differnew file mode 100644 index 0000000..06f16ba --- /dev/null +++ b/static/designs/hr-050-1.avif diff --git a/static/designs/hr-050.avif b/static/designs/hr-050.avif Binary files differdeleted file mode 100644 index 5af4acb..0000000 --- a/static/designs/hr-050.avif +++ /dev/null diff --git a/static/designs/hr-100-1.avif b/static/designs/hr-100-1.avif Binary files differnew file mode 100644 index 0000000..72283a1 --- /dev/null +++ b/static/designs/hr-100-1.avif diff --git a/static/designs/hr-100.avif b/static/designs/hr-100.avif Binary files differdeleted file mode 100644 index 7ac2716..0000000 --- a/static/designs/hr-100.avif +++ /dev/null diff --git a/static/designs/hr-200-1.avif b/static/designs/hr-200-1.avif Binary files differnew file mode 100644 index 0000000..4e8c74e --- /dev/null +++ b/static/designs/hr-200-1.avif diff --git a/static/designs/hr-200.avif b/static/designs/hr-200.avif Binary files differdeleted file mode 100644 index 807c033..0000000 --- a/static/designs/hr-200.avif +++ /dev/null diff --git a/static/designs/ie-001-1.avif b/static/designs/ie-001-1.avif Binary files differnew file mode 100644 index 0000000..fe4866c --- /dev/null +++ b/static/designs/ie-001-1.avif diff --git a/static/designs/ie-002-1.avif b/static/designs/ie-002-1.avif Binary files differnew file mode 100644 index 0000000..1265126 --- /dev/null +++ b/static/designs/ie-002-1.avif diff --git a/static/designs/ie-005-1.avif b/static/designs/ie-005-1.avif Binary files differnew file mode 100644 index 0000000..05b7337 --- /dev/null +++ b/static/designs/ie-005-1.avif diff --git a/static/designs/ie-010-1.avif b/static/designs/ie-010-1.avif Binary files differnew file mode 100644 index 0000000..285cdcd --- /dev/null +++ b/static/designs/ie-010-1.avif diff --git a/static/designs/ie-020-1.avif b/static/designs/ie-020-1.avif Binary files differnew file mode 100644 index 0000000..9b6f49f --- /dev/null +++ b/static/designs/ie-020-1.avif diff --git a/static/designs/ie-050-1.avif b/static/designs/ie-050-1.avif Binary files differnew file mode 100644 index 0000000..d6c677c --- /dev/null +++ b/static/designs/ie-050-1.avif diff --git a/static/designs/ie-100-1.avif b/static/designs/ie-100-1.avif Binary files differnew file mode 100644 index 0000000..9a913d0 --- /dev/null +++ b/static/designs/ie-100-1.avif diff --git a/static/designs/ie-200-1.avif b/static/designs/ie-200-1.avif Binary files differnew file mode 100644 index 0000000..b9af97c --- /dev/null +++ b/static/designs/ie-200-1.avif diff --git a/static/designs/it-001-1.avif b/static/designs/it-001-1.avif Binary files differnew file mode 100644 index 0000000..bacacd0 --- /dev/null +++ b/static/designs/it-001-1.avif diff --git a/static/designs/it-002-1.avif b/static/designs/it-002-1.avif Binary files differnew file mode 100644 index 0000000..87bebc5 --- /dev/null +++ b/static/designs/it-002-1.avif diff --git a/static/designs/it-005-1.avif b/static/designs/it-005-1.avif Binary files differnew file mode 100644 index 0000000..0b1f631 --- /dev/null +++ b/static/designs/it-005-1.avif diff --git a/static/designs/it-010-1.avif b/static/designs/it-010-1.avif Binary files differnew file mode 100644 index 0000000..9bed6c1 --- /dev/null +++ b/static/designs/it-010-1.avif diff --git a/static/designs/it-020-1.avif b/static/designs/it-020-1.avif Binary files differnew file mode 100644 index 0000000..93872a3 --- /dev/null +++ b/static/designs/it-020-1.avif diff --git a/static/designs/it-050-1.avif b/static/designs/it-050-1.avif Binary files differnew file mode 100644 index 0000000..de5c970 --- /dev/null +++ b/static/designs/it-050-1.avif diff --git a/static/designs/it-100-1.avif b/static/designs/it-100-1.avif Binary files differnew file mode 100644 index 0000000..a0c21ce --- /dev/null +++ b/static/designs/it-100-1.avif diff --git a/static/designs/it-200-1.avif b/static/designs/it-200-1.avif Binary files differnew file mode 100644 index 0000000..dd3c479 --- /dev/null +++ b/static/designs/it-200-1.avif diff --git a/static/designs/lt-001-1.avif b/static/designs/lt-001-1.avif Binary files differnew file mode 100644 index 0000000..72e6b0f --- /dev/null +++ b/static/designs/lt-001-1.avif diff --git a/static/designs/lt-002-1.avif b/static/designs/lt-002-1.avif Binary files differnew file mode 100644 index 0000000..0371683 --- /dev/null +++ b/static/designs/lt-002-1.avif diff --git a/static/designs/lt-005-1.avif b/static/designs/lt-005-1.avif Binary files differnew file mode 100644 index 0000000..cc70e74 --- /dev/null +++ b/static/designs/lt-005-1.avif diff --git a/static/designs/lt-010-1.avif b/static/designs/lt-010-1.avif Binary files differnew file mode 100644 index 0000000..d04e55a --- /dev/null +++ b/static/designs/lt-010-1.avif diff --git a/static/designs/lt-020-1.avif b/static/designs/lt-020-1.avif Binary files differnew file mode 100644 index 0000000..9166e47 --- /dev/null +++ b/static/designs/lt-020-1.avif diff --git a/static/designs/lt-050-1.avif b/static/designs/lt-050-1.avif Binary files differnew file mode 100644 index 0000000..91c9378 --- /dev/null +++ b/static/designs/lt-050-1.avif diff --git a/static/designs/lt-100-1.avif b/static/designs/lt-100-1.avif Binary files differnew file mode 100644 index 0000000..d705633 --- /dev/null +++ b/static/designs/lt-100-1.avif diff --git a/static/designs/lt-200-1.avif b/static/designs/lt-200-1.avif Binary files differnew file mode 100644 index 0000000..4eaa083 --- /dev/null +++ b/static/designs/lt-200-1.avif diff --git a/static/designs/lu-001-1.avif b/static/designs/lu-001-1.avif Binary files differnew file mode 100644 index 0000000..76d626e --- /dev/null +++ b/static/designs/lu-001-1.avif diff --git a/static/designs/lu-002-1.avif b/static/designs/lu-002-1.avif Binary files differnew file mode 100644 index 0000000..b8455c5 --- /dev/null +++ b/static/designs/lu-002-1.avif diff --git a/static/designs/lu-005-1.avif b/static/designs/lu-005-1.avif Binary files differnew file mode 100644 index 0000000..3485afe --- /dev/null +++ b/static/designs/lu-005-1.avif diff --git a/static/designs/lu-010-1.avif b/static/designs/lu-010-1.avif Binary files differnew file mode 100644 index 0000000..792dc76 --- /dev/null +++ b/static/designs/lu-010-1.avif diff --git a/static/designs/lu-020-1.avif b/static/designs/lu-020-1.avif Binary files differnew file mode 100644 index 0000000..984d1a9 --- /dev/null +++ b/static/designs/lu-020-1.avif diff --git a/static/designs/lu-050-1.avif b/static/designs/lu-050-1.avif Binary files differnew file mode 100644 index 0000000..b2af784 --- /dev/null +++ b/static/designs/lu-050-1.avif diff --git a/static/designs/lu-100-1.avif b/static/designs/lu-100-1.avif Binary files differnew file mode 100644 index 0000000..c769d38 --- /dev/null +++ b/static/designs/lu-100-1.avif diff --git a/static/designs/lu-200-1.avif b/static/designs/lu-200-1.avif Binary files differnew file mode 100644 index 0000000..e6c0a19 --- /dev/null +++ b/static/designs/lu-200-1.avif diff --git a/static/designs/lv-001-1.avif b/static/designs/lv-001-1.avif Binary files differnew file mode 100644 index 0000000..3915a09 --- /dev/null +++ b/static/designs/lv-001-1.avif diff --git a/static/designs/lv-002-1.avif b/static/designs/lv-002-1.avif Binary files differnew file mode 100644 index 0000000..b167e32 --- /dev/null +++ b/static/designs/lv-002-1.avif diff --git a/static/designs/lv-005-1.avif b/static/designs/lv-005-1.avif Binary files differnew file mode 100644 index 0000000..6ef4aaf --- /dev/null +++ b/static/designs/lv-005-1.avif diff --git a/static/designs/lv-010-1.avif b/static/designs/lv-010-1.avif Binary files differnew file mode 100644 index 0000000..99f85c7 --- /dev/null +++ b/static/designs/lv-010-1.avif diff --git a/static/designs/lv-020-1.avif b/static/designs/lv-020-1.avif Binary files differnew file mode 100644 index 0000000..8895123 --- /dev/null +++ b/static/designs/lv-020-1.avif diff --git a/static/designs/lv-050-1.avif b/static/designs/lv-050-1.avif Binary files differnew file mode 100644 index 0000000..68c3b5b --- /dev/null +++ b/static/designs/lv-050-1.avif diff --git a/static/designs/lv-100-1.avif b/static/designs/lv-100-1.avif Binary files differnew file mode 100644 index 0000000..5d0c69f --- /dev/null +++ b/static/designs/lv-100-1.avif diff --git a/static/designs/lv-200-1.avif b/static/designs/lv-200-1.avif Binary files differnew file mode 100644 index 0000000..c80d03e --- /dev/null +++ b/static/designs/lv-200-1.avif diff --git a/static/designs/mt-001-1.avif b/static/designs/mt-001-1.avif Binary files differnew file mode 100644 index 0000000..cf613af --- /dev/null +++ b/static/designs/mt-001-1.avif diff --git a/static/designs/mt-002-1.avif b/static/designs/mt-002-1.avif Binary files differnew file mode 100644 index 0000000..6971912 --- /dev/null +++ b/static/designs/mt-002-1.avif diff --git a/static/designs/mt-005-1.avif b/static/designs/mt-005-1.avif Binary files differnew file mode 100644 index 0000000..1960172 --- /dev/null +++ b/static/designs/mt-005-1.avif diff --git a/static/designs/mt-010-1.avif b/static/designs/mt-010-1.avif Binary files differnew file mode 100644 index 0000000..948cc5e --- /dev/null +++ b/static/designs/mt-010-1.avif diff --git a/static/designs/mt-020-1.avif b/static/designs/mt-020-1.avif Binary files differnew file mode 100644 index 0000000..618e6b2 --- /dev/null +++ b/static/designs/mt-020-1.avif diff --git a/static/designs/mt-050-1.avif b/static/designs/mt-050-1.avif Binary files differnew file mode 100644 index 0000000..9033735 --- /dev/null +++ b/static/designs/mt-050-1.avif diff --git a/static/designs/mt-100-1.avif b/static/designs/mt-100-1.avif Binary files differnew file mode 100644 index 0000000..154de52 --- /dev/null +++ b/static/designs/mt-100-1.avif diff --git a/static/designs/mt-200-1.avif b/static/designs/mt-200-1.avif Binary files differnew file mode 100644 index 0000000..0c5d3c6 --- /dev/null +++ b/static/designs/mt-200-1.avif diff --git a/static/designs/nl-001-1.avif b/static/designs/nl-001-1.avif Binary files differnew file mode 100644 index 0000000..768018c --- /dev/null +++ b/static/designs/nl-001-1.avif diff --git a/static/designs/nl-001-2.avif b/static/designs/nl-001-2.avif Binary files differnew file mode 100644 index 0000000..58af575 --- /dev/null +++ b/static/designs/nl-001-2.avif diff --git a/static/designs/nl-002-1.avif b/static/designs/nl-002-1.avif Binary files differnew file mode 100644 index 0000000..259d011 --- /dev/null +++ b/static/designs/nl-002-1.avif diff --git a/static/designs/nl-002-2.avif b/static/designs/nl-002-2.avif Binary files differnew file mode 100644 index 0000000..58af575 --- /dev/null +++ b/static/designs/nl-002-2.avif diff --git a/static/designs/nl-005-1.avif b/static/designs/nl-005-1.avif Binary files differnew file mode 100644 index 0000000..12bb1c7 --- /dev/null +++ b/static/designs/nl-005-1.avif diff --git a/static/designs/nl-005-2.avif b/static/designs/nl-005-2.avif Binary files differnew file mode 100644 index 0000000..2a3fbd6 --- /dev/null +++ b/static/designs/nl-005-2.avif diff --git a/static/designs/nl-010-1.avif b/static/designs/nl-010-1.avif Binary files differnew file mode 100644 index 0000000..1bfb576 --- /dev/null +++ b/static/designs/nl-010-1.avif diff --git a/static/designs/nl-010-2.avif b/static/designs/nl-010-2.avif Binary files differnew file mode 100644 index 0000000..3e70086 --- /dev/null +++ b/static/designs/nl-010-2.avif diff --git a/static/designs/nl-020-1.avif b/static/designs/nl-020-1.avif Binary files differnew file mode 100644 index 0000000..757b194 --- /dev/null +++ b/static/designs/nl-020-1.avif diff --git a/static/designs/nl-020-2.avif b/static/designs/nl-020-2.avif Binary files differnew file mode 100644 index 0000000..33e775a --- /dev/null +++ b/static/designs/nl-020-2.avif diff --git a/static/designs/nl-050-1.avif b/static/designs/nl-050-1.avif Binary files differnew file mode 100644 index 0000000..a0d2d08 --- /dev/null +++ b/static/designs/nl-050-1.avif diff --git a/static/designs/nl-050-2.avif b/static/designs/nl-050-2.avif Binary files differnew file mode 100644 index 0000000..027b74b --- /dev/null +++ b/static/designs/nl-050-2.avif diff --git a/static/designs/nl-050-beatrix.avif b/static/designs/nl-050-beatrix.avif Binary files differdeleted file mode 100644 index f24669c..0000000 --- a/static/designs/nl-050-beatrix.avif +++ /dev/null diff --git a/static/designs/nl-050-willem-alexander.avif b/static/designs/nl-050-willem-alexander.avif Binary files differdeleted file mode 100644 index 16b2529..0000000 --- a/static/designs/nl-050-willem-alexander.avif +++ /dev/null diff --git a/static/designs/nl-100-1.avif b/static/designs/nl-100-1.avif Binary files differnew file mode 100644 index 0000000..ff76fb1 --- /dev/null +++ b/static/designs/nl-100-1.avif diff --git a/static/designs/nl-100-2.avif b/static/designs/nl-100-2.avif Binary files differnew file mode 100644 index 0000000..3a191af --- /dev/null +++ b/static/designs/nl-100-2.avif diff --git a/static/designs/nl-100-beatrix.avif b/static/designs/nl-100-beatrix.avif Binary files differdeleted file mode 100644 index 6362c68..0000000 --- a/static/designs/nl-100-beatrix.avif +++ /dev/null diff --git a/static/designs/nl-100-willem-alexander.avif b/static/designs/nl-100-willem-alexander.avif Binary files differdeleted file mode 100644 index 9f1947c..0000000 --- a/static/designs/nl-100-willem-alexander.avif +++ /dev/null diff --git a/static/designs/nl-200-1.avif b/static/designs/nl-200-1.avif Binary files differnew file mode 100644 index 0000000..fa5bfde --- /dev/null +++ b/static/designs/nl-200-1.avif diff --git a/static/designs/nl-200-2.avif b/static/designs/nl-200-2.avif Binary files differnew file mode 100644 index 0000000..f31b953 --- /dev/null +++ b/static/designs/nl-200-2.avif diff --git a/static/designs/pt-001-1.avif b/static/designs/pt-001-1.avif Binary files differnew file mode 100644 index 0000000..3606ede --- /dev/null +++ b/static/designs/pt-001-1.avif diff --git a/static/designs/pt-002-1.avif b/static/designs/pt-002-1.avif Binary files differnew file mode 100644 index 0000000..36682e3 --- /dev/null +++ b/static/designs/pt-002-1.avif diff --git a/static/designs/pt-005-1.avif b/static/designs/pt-005-1.avif Binary files differnew file mode 100644 index 0000000..768bce2 --- /dev/null +++ b/static/designs/pt-005-1.avif diff --git a/static/designs/pt-010-1.avif b/static/designs/pt-010-1.avif Binary files differnew file mode 100644 index 0000000..1cd1d5b --- /dev/null +++ b/static/designs/pt-010-1.avif diff --git a/static/designs/pt-020-1.avif b/static/designs/pt-020-1.avif Binary files differnew file mode 100644 index 0000000..8913955 --- /dev/null +++ b/static/designs/pt-020-1.avif diff --git a/static/designs/pt-050-1.avif b/static/designs/pt-050-1.avif Binary files differnew file mode 100644 index 0000000..f671d38 --- /dev/null +++ b/static/designs/pt-050-1.avif diff --git a/static/designs/pt-100-1.avif b/static/designs/pt-100-1.avif Binary files differnew file mode 100644 index 0000000..06802ce --- /dev/null +++ b/static/designs/pt-100-1.avif diff --git a/static/designs/pt-200-1.avif b/static/designs/pt-200-1.avif Binary files differnew file mode 100644 index 0000000..722a8a2 --- /dev/null +++ b/static/designs/pt-200-1.avif diff --git a/static/designs/sk-001-1.avif b/static/designs/sk-001-1.avif Binary files differnew file mode 100644 index 0000000..3567be3 --- /dev/null +++ b/static/designs/sk-001-1.avif diff --git a/static/designs/sk-002-1.avif b/static/designs/sk-002-1.avif Binary files differnew file mode 100644 index 0000000..537595a --- /dev/null +++ b/static/designs/sk-002-1.avif diff --git a/static/designs/sk-005-1.avif b/static/designs/sk-005-1.avif Binary files differnew file mode 100644 index 0000000..cf4f917 --- /dev/null +++ b/static/designs/sk-005-1.avif diff --git a/static/designs/sk-010-1.avif b/static/designs/sk-010-1.avif Binary files differnew file mode 100644 index 0000000..8a2fc0b --- /dev/null +++ b/static/designs/sk-010-1.avif diff --git a/static/designs/sk-020-1.avif b/static/designs/sk-020-1.avif Binary files differnew file mode 100644 index 0000000..83d0742 --- /dev/null +++ b/static/designs/sk-020-1.avif diff --git a/static/designs/sk-050-1.avif b/static/designs/sk-050-1.avif Binary files differnew file mode 100644 index 0000000..9f69a90 --- /dev/null +++ b/static/designs/sk-050-1.avif diff --git a/static/designs/sk-100-1.avif b/static/designs/sk-100-1.avif Binary files differnew file mode 100644 index 0000000..fc9318f --- /dev/null +++ b/static/designs/sk-100-1.avif diff --git a/static/designs/sk-200-1.avif b/static/designs/sk-200-1.avif Binary files differnew file mode 100644 index 0000000..9c75b7d --- /dev/null +++ b/static/designs/sk-200-1.avif diff --git a/static/designs/sm-001-1.avif b/static/designs/sm-001-1.avif Binary files differnew file mode 100644 index 0000000..d9a1284 --- /dev/null +++ b/static/designs/sm-001-1.avif diff --git a/static/designs/sm-001-2.avif b/static/designs/sm-001-2.avif Binary files differnew file mode 100644 index 0000000..7138aa3 --- /dev/null +++ b/static/designs/sm-001-2.avif diff --git a/static/designs/sm-002-1.avif b/static/designs/sm-002-1.avif Binary files differnew file mode 100644 index 0000000..4ffeee7 --- /dev/null +++ b/static/designs/sm-002-1.avif diff --git a/static/designs/sm-002-2.avif b/static/designs/sm-002-2.avif Binary files differnew file mode 100644 index 0000000..11a9c26 --- /dev/null +++ b/static/designs/sm-002-2.avif diff --git a/static/designs/sm-005-1.avif b/static/designs/sm-005-1.avif Binary files differnew file mode 100644 index 0000000..111345a --- /dev/null +++ b/static/designs/sm-005-1.avif diff --git a/static/designs/sm-005-2.avif b/static/designs/sm-005-2.avif Binary files differnew file mode 100644 index 0000000..0014304 --- /dev/null +++ b/static/designs/sm-005-2.avif diff --git a/static/designs/sm-010-1.avif b/static/designs/sm-010-1.avif Binary files differnew file mode 100644 index 0000000..510da2d --- /dev/null +++ b/static/designs/sm-010-1.avif diff --git a/static/designs/sm-010-2.avif b/static/designs/sm-010-2.avif Binary files differnew file mode 100644 index 0000000..b670313 --- /dev/null +++ b/static/designs/sm-010-2.avif diff --git a/static/designs/sm-020-1.avif b/static/designs/sm-020-1.avif Binary files differnew file mode 100644 index 0000000..69949f5 --- /dev/null +++ b/static/designs/sm-020-1.avif diff --git a/static/designs/sm-020-2.avif b/static/designs/sm-020-2.avif Binary files differnew file mode 100644 index 0000000..8e0699d --- /dev/null +++ b/static/designs/sm-020-2.avif diff --git a/static/designs/sm-050-1.avif b/static/designs/sm-050-1.avif Binary files differnew file mode 100644 index 0000000..ff45d96 --- /dev/null +++ b/static/designs/sm-050-1.avif diff --git a/static/designs/sm-050-2.avif b/static/designs/sm-050-2.avif Binary files differnew file mode 100644 index 0000000..4f7de23 --- /dev/null +++ b/static/designs/sm-050-2.avif diff --git a/static/designs/sm-100-1.avif b/static/designs/sm-100-1.avif Binary files differnew file mode 100644 index 0000000..3217451 --- /dev/null +++ b/static/designs/sm-100-1.avif diff --git a/static/designs/sm-100-2.avif b/static/designs/sm-100-2.avif Binary files differnew file mode 100644 index 0000000..001f2df --- /dev/null +++ b/static/designs/sm-100-2.avif diff --git a/static/designs/sm-200-1.avif b/static/designs/sm-200-1.avif Binary files differnew file mode 100644 index 0000000..a5f5426 --- /dev/null +++ b/static/designs/sm-200-1.avif diff --git a/static/designs/sm-200-2.avif b/static/designs/sm-200-2.avif Binary files differnew file mode 100644 index 0000000..ac99f60 --- /dev/null +++ b/static/designs/sm-200-2.avif diff --git a/static/designs/va-001-1.avif b/static/designs/va-001-1.avif Binary files differnew file mode 100644 index 0000000..3b69113 --- /dev/null +++ b/static/designs/va-001-1.avif diff --git a/static/designs/va-001-2.avif b/static/designs/va-001-2.avif Binary files differnew file mode 100644 index 0000000..96e019f --- /dev/null +++ b/static/designs/va-001-2.avif diff --git a/static/designs/va-001-3.avif b/static/designs/va-001-3.avif Binary files differnew file mode 100644 index 0000000..12867ad --- /dev/null +++ b/static/designs/va-001-3.avif diff --git a/static/designs/va-001-4.avif b/static/designs/va-001-4.avif Binary files differnew file mode 100644 index 0000000..0d0737d --- /dev/null +++ b/static/designs/va-001-4.avif diff --git a/static/designs/va-001-5.avif b/static/designs/va-001-5.avif Binary files differnew file mode 100644 index 0000000..3a76399 --- /dev/null +++ b/static/designs/va-001-5.avif diff --git a/static/designs/va-002-1.avif b/static/designs/va-002-1.avif Binary files differnew file mode 100644 index 0000000..a867aa4 --- /dev/null +++ b/static/designs/va-002-1.avif diff --git a/static/designs/va-002-2.avif b/static/designs/va-002-2.avif Binary files differnew file mode 100644 index 0000000..c2c847f --- /dev/null +++ b/static/designs/va-002-2.avif diff --git a/static/designs/va-002-3.avif b/static/designs/va-002-3.avif Binary files differnew file mode 100644 index 0000000..34c9ff9 --- /dev/null +++ b/static/designs/va-002-3.avif diff --git a/static/designs/va-002-4.avif b/static/designs/va-002-4.avif Binary files differnew file mode 100644 index 0000000..518244b --- /dev/null +++ b/static/designs/va-002-4.avif diff --git a/static/designs/va-002-5.avif b/static/designs/va-002-5.avif Binary files differnew file mode 100644 index 0000000..3a76399 --- /dev/null +++ b/static/designs/va-002-5.avif diff --git a/static/designs/va-005-1.avif b/static/designs/va-005-1.avif Binary files differnew file mode 100644 index 0000000..3a06476 --- /dev/null +++ b/static/designs/va-005-1.avif diff --git a/static/designs/va-005-2.avif b/static/designs/va-005-2.avif Binary files differnew file mode 100644 index 0000000..b50da52 --- /dev/null +++ b/static/designs/va-005-2.avif diff --git a/static/designs/va-005-3.avif b/static/designs/va-005-3.avif Binary files differnew file mode 100644 index 0000000..313455d --- /dev/null +++ b/static/designs/va-005-3.avif diff --git a/static/designs/va-005-4.avif b/static/designs/va-005-4.avif Binary files differnew file mode 100644 index 0000000..631a86b --- /dev/null +++ b/static/designs/va-005-4.avif diff --git a/static/designs/va-005-5.avif b/static/designs/va-005-5.avif Binary files differnew file mode 100644 index 0000000..3a76399 --- /dev/null +++ b/static/designs/va-005-5.avif diff --git a/static/designs/va-010-1.avif b/static/designs/va-010-1.avif Binary files differnew file mode 100644 index 0000000..76eda55 --- /dev/null +++ b/static/designs/va-010-1.avif diff --git a/static/designs/va-010-2.avif b/static/designs/va-010-2.avif Binary files differnew file mode 100644 index 0000000..0401e07 --- /dev/null +++ b/static/designs/va-010-2.avif diff --git a/static/designs/va-010-3.avif b/static/designs/va-010-3.avif Binary files differnew file mode 100644 index 0000000..b5a2716 --- /dev/null +++ b/static/designs/va-010-3.avif diff --git a/static/designs/va-010-4.avif b/static/designs/va-010-4.avif Binary files differnew file mode 100644 index 0000000..8f186d2 --- /dev/null +++ b/static/designs/va-010-4.avif diff --git a/static/designs/va-010-5.avif b/static/designs/va-010-5.avif Binary files differnew file mode 100644 index 0000000..7926534 --- /dev/null +++ b/static/designs/va-010-5.avif diff --git a/static/designs/va-020-1.avif b/static/designs/va-020-1.avif Binary files differnew file mode 100644 index 0000000..cad4b0e --- /dev/null +++ b/static/designs/va-020-1.avif diff --git a/static/designs/va-020-2.avif b/static/designs/va-020-2.avif Binary files differnew file mode 100644 index 0000000..2482832 --- /dev/null +++ b/static/designs/va-020-2.avif diff --git a/static/designs/va-020-3.avif b/static/designs/va-020-3.avif Binary files differnew file mode 100644 index 0000000..227ec82 --- /dev/null +++ b/static/designs/va-020-3.avif diff --git a/static/designs/va-020-4.avif b/static/designs/va-020-4.avif Binary files differnew file mode 100644 index 0000000..8b42fab --- /dev/null +++ b/static/designs/va-020-4.avif diff --git a/static/designs/va-020-5.avif b/static/designs/va-020-5.avif Binary files differnew file mode 100644 index 0000000..6fe70a0 --- /dev/null +++ b/static/designs/va-020-5.avif diff --git a/static/designs/va-050-1.avif b/static/designs/va-050-1.avif Binary files differnew file mode 100644 index 0000000..f49794c --- /dev/null +++ b/static/designs/va-050-1.avif diff --git a/static/designs/va-050-2.avif b/static/designs/va-050-2.avif Binary files differnew file mode 100644 index 0000000..dfda8df --- /dev/null +++ b/static/designs/va-050-2.avif diff --git a/static/designs/va-050-3.avif b/static/designs/va-050-3.avif Binary files differnew file mode 100644 index 0000000..a23ff02 --- /dev/null +++ b/static/designs/va-050-3.avif diff --git a/static/designs/va-050-4.avif b/static/designs/va-050-4.avif Binary files differnew file mode 100644 index 0000000..04201da --- /dev/null +++ b/static/designs/va-050-4.avif diff --git a/static/designs/va-050-5.avif b/static/designs/va-050-5.avif Binary files differnew file mode 100644 index 0000000..febb843 --- /dev/null +++ b/static/designs/va-050-5.avif diff --git a/static/designs/va-100-1.avif b/static/designs/va-100-1.avif Binary files differnew file mode 100644 index 0000000..fdf137d --- /dev/null +++ b/static/designs/va-100-1.avif diff --git a/static/designs/va-100-2.avif b/static/designs/va-100-2.avif Binary files differnew file mode 100644 index 0000000..1240f50 --- /dev/null +++ b/static/designs/va-100-2.avif diff --git a/static/designs/va-100-3.avif b/static/designs/va-100-3.avif Binary files differnew file mode 100644 index 0000000..61c96f3 --- /dev/null +++ b/static/designs/va-100-3.avif diff --git a/static/designs/va-100-4.avif b/static/designs/va-100-4.avif Binary files differnew file mode 100644 index 0000000..2e99ebc --- /dev/null +++ b/static/designs/va-100-4.avif diff --git a/static/designs/va-100-5.avif b/static/designs/va-100-5.avif Binary files differnew file mode 100644 index 0000000..1ca1a02 --- /dev/null +++ b/static/designs/va-100-5.avif diff --git a/static/designs/va-200-1.avif b/static/designs/va-200-1.avif Binary files differnew file mode 100644 index 0000000..f43e72e --- /dev/null +++ b/static/designs/va-200-1.avif diff --git a/static/designs/va-200-2.avif b/static/designs/va-200-2.avif Binary files differnew file mode 100644 index 0000000..4a04555 --- /dev/null +++ b/static/designs/va-200-2.avif diff --git a/static/designs/va-200-3.avif b/static/designs/va-200-3.avif Binary files differnew file mode 100644 index 0000000..1443a8e --- /dev/null +++ b/static/designs/va-200-3.avif diff --git a/static/designs/va-200-4.avif b/static/designs/va-200-4.avif Binary files differnew file mode 100644 index 0000000..1ec9430 --- /dev/null +++ b/static/designs/va-200-4.avif diff --git a/static/designs/va-200-5.avif b/static/designs/va-200-5.avif Binary files differnew file mode 100644 index 0000000..7fa0d27 --- /dev/null +++ b/static/designs/va-200-5.avif diff --git a/static/fonts/source-sans-3-italic.otf b/static/fonts/source-sans-3-italic.otf Binary files differnew file mode 100644 index 0000000..1c7053d --- /dev/null +++ b/static/fonts/source-sans-3-italic.otf diff --git a/static/fonts/source-sans-3-normal.otf b/static/fonts/source-sans-3-normal.otf Binary files differnew file mode 100644 index 0000000..8ee0150 --- /dev/null +++ b/static/fonts/source-sans-3-normal.otf diff --git a/static/fonts/source-serif-4-italic.otf b/static/fonts/source-serif-4-italic.otf Binary files differnew file mode 100644 index 0000000..7f3fc50 --- /dev/null +++ b/static/fonts/source-serif-4-italic.otf diff --git a/static/fonts/source-serif-4-normal.otf b/static/fonts/source-serif-4-normal.otf Binary files differnew file mode 100644 index 0000000..dda52e9 --- /dev/null +++ b/static/fonts/source-serif-4-normal.otf diff --git a/static/fonts/ysabeau-regular-italic.woff2 b/static/fonts/ysabeau-regular-italic.woff2 Binary files differdeleted file mode 100644 index a517fdc..0000000 --- a/static/fonts/ysabeau-regular-italic.woff2 +++ /dev/null diff --git a/static/fonts/ysabeau-regular.woff2 b/static/fonts/ysabeau-regular.woff2 Binary files differdeleted file mode 100644 index 95c7715..0000000 --- a/static/fonts/ysabeau-regular.woff2 +++ /dev/null diff --git a/static/style-2.css b/static/style-2.css new file mode 100644 index 0000000..9c99c14 --- /dev/null +++ b/static/style-2.css @@ -0,0 +1,2951 @@ +@charset "UTF-8"; +/*! + * Pico CSS ✨ v2.1.1 (https://picocss.com) + * Copyright 2019-2025 - Licensed under MIT + */ + +@font-face { + font-family: 'Source Sans 3'; + src: url('/fonts/source-sans-3-normal.otf') format('opentype'); + font-style: normal; +} + +@font-face { + font-family: 'Source Sans 3'; + src: url('/fonts/source-sans-3-italic.otf') format('opentype'); + font-style: italic; +} + +@font-face { + font-family: 'Source Serif 4'; + src: url('/fonts/source-serif-4-normal.otf') format('opentype'); + font-style: normal; +} + +@font-face { + font-family: 'Source Serif 4'; + src: url('/fonts/source-serif-4-italic.otf') format('opentype'); + font-style: italic; +} + +/** + * Styles + */ +:root, +:host { + --pico-font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --pico-font-family-serif: "Source Serif 4", serif; + --pico-font-family-sans-serif: "Source Sans 3", sans-serif, var(--pico-font-family-emoji); + --pico-font-family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--pico-font-family-emoji); + --pico-font-family: var(--pico-font-family-sans-serif); + --pico-line-height: 1.5; + --pico-font-weight: 400; + --pico-font-size: 100%; + --pico-text-underline-offset: 0.1rem; + --pico-border-radius: 0.25rem; + --pico-border-width: 0.0625rem; + --pico-outline-width: 0.125rem; + --pico-transition: 0.2s ease-in-out; + --pico-spacing: 1rem; + --pico-typography-spacing-vertical: 1rem; + --pico-block-spacing-vertical: var(--pico-spacing); + --pico-block-spacing-horizontal: var(--pico-spacing); + --pico-grid-column-gap: var(--pico-spacing); + --pico-grid-row-gap: var(--pico-spacing); + --pico-form-element-spacing-vertical: 0.75rem; + --pico-form-element-spacing-horizontal: 1rem; + --pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); + --pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color); + --pico-modal-overlay-backdrop-filter: blur(0.375rem); + --pico-nav-element-spacing-vertical: 1rem; + --pico-nav-element-spacing-horizontal: 0.5rem; + --pico-nav-link-spacing-vertical: 0.5rem; + --pico-nav-link-spacing-horizontal: 0.5rem; + --pico-nav-breadcrumb-divider: ">"; + --pico-icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E"); +} +@media (min-width: 576px) { + :root, + :host { + --pico-font-size: 106.25%; + } +} +@media (min-width: 768px) { + :root, + :host { + --pico-font-size: 112.5%; + } +} +@media (min-width: 1024px) { + :root, + :host { + --pico-font-size: 118.75%; + } +} +@media (min-width: 1280px) { + :root, + :host { + --pico-font-size: 125%; + } +} +@media (min-width: 1536px) { + :root, + :host { + --pico-font-size: 131.25%; + } +} + +a { + --pico-text-decoration: underline; +} +a.secondary, a.contrast { + --pico-text-decoration: underline; +} + +small { + --pico-font-size: 0.875em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + --pico-font-weight: 550; +} + +h1 { + --pico-font-size: 2rem; + --pico-line-height: 1.125; + --pico-typography-spacing-top: 3rem; +} + +h2 { + --pico-font-size: 1.75rem; + --pico-line-height: 1.15; + --pico-typography-spacing-top: 2.625rem; +} + +h3 { + --pico-font-size: 1.5rem; + --pico-line-height: 1.175; + --pico-typography-spacing-top: 2.25rem; +} + +h4 { + --pico-font-size: 1.25rem; + --pico-line-height: 1.2; + --pico-typography-spacing-top: 1.874rem; +} + +h5 { + --pico-font-size: 1.125rem; + --pico-line-height: 1.225; + --pico-typography-spacing-top: 1.6875rem; +} + +h6 { + --pico-font-size: 1rem; + --pico-line-height: 1.25; + --pico-typography-spacing-top: 1.5rem; +} + +thead th, +thead td, +tfoot th, +tfoot td { + --pico-font-weight: 600; + --pico-border-width: 0.1875rem; +} + +pre, +code, +kbd, +samp { + --pico-font-family: var(--pico-font-family-monospace); +} + +kbd { + --pico-font-weight: bolder; +} + +input:not([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]), +:where(select, textarea) { + --pico-outline-width: 0.0625rem; +} + +[type=search] { + --pico-border-radius: 5rem; +} + +[type=checkbox], +[type=radio] { + --pico-border-width: 0.125rem; +} + +[type=checkbox][role=switch] { + --pico-border-width: 0.1875rem; +} + +details.dropdown summary:not([role=button]) { + --pico-outline-width: 0.0625rem; +} + +nav details.dropdown summary:focus-visible { + --pico-outline-width: 0.125rem; +} + +[role=search] { + --pico-border-radius: 5rem; +} + +[role=search]:has(button.secondary:focus, +[type=submit].secondary:focus, +[type=button].secondary:focus, +[role=button].secondary:focus), +[role=group]:has(button.secondary:focus, +[type=submit].secondary:focus, +[type=button].secondary:focus, +[role=button].secondary:focus) { + --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); +} +[role=search]:has(button.contrast:focus, +[type=submit].contrast:focus, +[type=button].contrast:focus, +[role=button].contrast:focus), +[role=group]:has(button.contrast:focus, +[type=submit].contrast:focus, +[type=button].contrast:focus, +[role=button].contrast:focus) { + --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-contrast-focus); +} +[role=search] button, +[role=search] [type=submit], +[role=search] [type=button], +[role=search] [role=button], +[role=group] button, +[role=group] [type=submit], +[role=group] [type=button], +[role=group] [role=button] { + --pico-form-element-spacing-horizontal: 2rem; +} + +details summary[role=button]:not(.outline)::after { + filter: brightness(0) invert(1); +} + +[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before { + filter: brightness(0) invert(1); +} + +/** + * Color schemes + */ +[data-theme=light], +:root:not([data-theme=dark]), +:host(:not([data-theme=dark])) { + color-scheme: light; + --pico-background-color: #fff; + --pico-color: #373c44; + --pico-text-selection-color: rgba(2, 154, 232, 0.25); + --pico-muted-color: #646b79; + --pico-muted-border-color: rgb(231, 234, 239.5); + --pico-primary: #0172ad; + --pico-primary-background: #0172ad; + --pico-primary-border: var(--pico-primary-background); + --pico-primary-underline: rgba(1, 114, 173, 0.5); + --pico-primary-hover: #015887; + --pico-primary-hover-background: #02659a; + --pico-primary-hover-border: var(--pico-primary-hover-background); + --pico-primary-hover-underline: var(--pico-primary-hover); + --pico-primary-focus: rgba(2, 154, 232, 0.5); + --pico-primary-inverse: #fff; + --pico-secondary: #5d6b89; + --pico-secondary-background: #525f7a; + --pico-secondary-border: var(--pico-secondary-background); + --pico-secondary-underline: rgba(93, 107, 137, 0.5); + --pico-secondary-hover: #48536b; + --pico-secondary-hover-background: #48536b; + --pico-secondary-hover-border: var(--pico-secondary-hover-background); + --pico-secondary-hover-underline: var(--pico-secondary-hover); + --pico-secondary-focus: rgba(93, 107, 137, 0.25); + --pico-secondary-inverse: #fff; + --pico-contrast: #181c25; + --pico-contrast-background: #181c25; + --pico-contrast-border: var(--pico-contrast-background); + --pico-contrast-underline: rgba(24, 28, 37, 0.5); + --pico-contrast-hover: #000; + --pico-contrast-hover-background: #000; + --pico-contrast-hover-border: var(--pico-contrast-hover-background); + --pico-contrast-hover-underline: var(--pico-secondary-hover); + --pico-contrast-focus: rgba(93, 107, 137, 0.25); + --pico-contrast-inverse: #fff; + --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(129, 145, 181, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(129, 145, 181, 0.024), 0.0625rem 0.125rem 0.75rem rgba(129, 145, 181, 0.03), 0.1125rem 0.225rem 1.35rem rgba(129, 145, 181, 0.036), 0.2085rem 0.417rem 2.502rem rgba(129, 145, 181, 0.04302), 0.5rem 1rem 6rem rgba(129, 145, 181, 0.06), 0 0 0 0.0625rem rgba(129, 145, 181, 0.015); + --pico-h1-color: #2d3138; + --pico-h2-color: #373c44; + --pico-h3-color: #424751; + --pico-h4-color: #4d535e; + --pico-h5-color: #5c6370; + --pico-h6-color: #646b79; + --pico-mark-background-color: rgb(252.5, 230.5, 191.5); + --pico-mark-color: #0f1114; + --pico-ins-color: rgb(28.5, 105.5, 84); + --pico-del-color: rgb(136, 56.5, 53); + --pico-blockquote-border-color: var(--pico-muted-border-color); + --pico-blockquote-footer-color: var(--pico-muted-color); + --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-table-border-color: var(--pico-muted-border-color); + --pico-table-row-stripped-background-color: #f9fafa; + --pico-code-background-color: rgb(243, 244.5, 246.75); + --pico-code-color: #646b79; + --pico-code-kbd-background-color: var(--pico-color); + --pico-code-kbd-color: var(--pico-background-color); + --pico-form-element-background-color: rgb(251, 251.5, 252.25); + --pico-form-element-selected-background-color: #dfe3eb; + --pico-form-element-border-color: #cfd5e2; + --pico-form-element-color: #23262c; + --pico-form-element-placeholder-color: var(--pico-muted-color); + --pico-form-element-active-background-color: #fff; + --pico-form-element-active-border-color: var(--pico-primary-border); + --pico-form-element-focus-color: var(--pico-primary-border); + --pico-form-element-disabled-opacity: 0.5; + --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5); + --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25); + --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); + --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5); + --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75); + --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); + --pico-switch-background-color: #bfc7d9; + --pico-switch-checked-background-color: var(--pico-primary-background); + --pico-switch-color: #fff; + --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-range-border-color: #dfe3eb; + --pico-range-active-border-color: #bfc7d9; + --pico-range-thumb-border-color: var(--pico-background-color); + --pico-range-thumb-color: var(--pico-secondary-background); + --pico-range-thumb-active-color: var(--pico-primary-background); + --pico-accordion-border-color: var(--pico-muted-border-color); + --pico-accordion-active-summary-color: var(--pico-primary-hover); + --pico-accordion-close-summary-color: var(--pico-color); + --pico-accordion-open-summary-color: var(--pico-muted-color); + --pico-card-background-color: var(--pico-background-color); + --pico-card-border-color: var(--pico-muted-border-color); + --pico-card-box-shadow: var(--pico-box-shadow); + --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25); + --pico-dropdown-background-color: #fff; + --pico-dropdown-border-color: #eff1f4; + --pico-dropdown-box-shadow: var(--pico-box-shadow); + --pico-dropdown-color: var(--pico-color); + --pico-dropdown-hover-background-color: #eff1f4; + --pico-loading-spinner-opacity: 0.5; + --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); + --pico-progress-background-color: #dfe3eb; + --pico-progress-color: var(--pico-primary-background); + --pico-tooltip-background-color: var(--pico-contrast-background); + --pico-tooltip-color: var(--pico-contrast-inverse); + --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76, 154.5, 137.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(200.25, 79.25, 72.25)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); +} +[data-theme=light] input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]), +:root:not([data-theme=dark]) input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]), +:host(:not([data-theme=dark])) input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]) { + --pico-form-element-focus-color: var(--pico-primary-focus); +} + +@media only screen and (prefers-color-scheme: dark) { + :root:not([data-theme]), + :host(:not([data-theme])) { + color-scheme: dark; + --pico-background-color: rgb(19, 22.5, 30.5); + --pico-color: #c2c7d0; + --pico-text-selection-color: rgba(1, 170, 255, 0.1875); + --pico-muted-color: #7b8495; + --pico-muted-border-color: #202632; + --pico-primary: #01aaff; + --pico-primary-background: #0172ad; + --pico-primary-border: var(--pico-primary-background); + --pico-primary-underline: rgba(1, 170, 255, 0.5); + --pico-primary-hover: #79c0ff; + --pico-primary-hover-background: #017fc0; + --pico-primary-hover-border: var(--pico-primary-hover-background); + --pico-primary-hover-underline: var(--pico-primary-hover); + --pico-primary-focus: rgba(1, 170, 255, 0.375); + --pico-primary-inverse: #fff; + --pico-secondary: #969eaf; + --pico-secondary-background: #525f7a; + --pico-secondary-border: var(--pico-secondary-background); + --pico-secondary-underline: rgba(150, 158, 175, 0.5); + --pico-secondary-hover: #b3b9c5; + --pico-secondary-hover-background: #5d6b89; + --pico-secondary-hover-border: var(--pico-secondary-hover-background); + --pico-secondary-hover-underline: var(--pico-secondary-hover); + --pico-secondary-focus: rgba(144, 158, 190, 0.25); + --pico-secondary-inverse: #fff; + --pico-contrast: #dfe3eb; + --pico-contrast-background: #eff1f4; + --pico-contrast-border: var(--pico-contrast-background); + --pico-contrast-underline: rgba(223, 227, 235, 0.5); + --pico-contrast-hover: #fff; + --pico-contrast-hover-background: #fff; + --pico-contrast-hover-border: var(--pico-contrast-hover-background); + --pico-contrast-hover-underline: var(--pico-contrast-hover); + --pico-contrast-focus: rgba(207, 213, 226, 0.25); + --pico-contrast-inverse: #000; + --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015); + --pico-h1-color: #f0f1f3; + --pico-h2-color: #e0e3e7; + --pico-h3-color: #c2c7d0; + --pico-h4-color: #b3b9c5; + --pico-h5-color: #a4acba; + --pico-h6-color: #8891a4; + --pico-mark-background-color: #014063; + --pico-mark-color: #fff; + --pico-ins-color: #62af9a; + --pico-del-color: rgb(205.5, 126, 123); + --pico-blockquote-border-color: var(--pico-muted-border-color); + --pico-blockquote-footer-color: var(--pico-muted-color); + --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-table-border-color: var(--pico-muted-border-color); + --pico-table-row-stripped-background-color: #161b22; + --pico-code-background-color: rgb(26, 30.5, 40.25); + --pico-code-color: #8891a4; + --pico-code-kbd-background-color: var(--pico-color); + --pico-code-kbd-color: var(--pico-background-color); + --pico-form-element-background-color: rgb(28, 33, 43.5); + --pico-form-element-selected-background-color: #2a3140; + --pico-form-element-border-color: #2a3140; + --pico-form-element-color: #e0e3e7; + --pico-form-element-placeholder-color: #8891a4; + --pico-form-element-active-background-color: rgb(26, 30.5, 40.25); + --pico-form-element-active-border-color: var(--pico-primary-border); + --pico-form-element-focus-color: var(--pico-primary-border); + --pico-form-element-disabled-opacity: 0.5; + --pico-form-element-invalid-border-color: rgb(149.5, 74, 80); + --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59); + --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); + --pico-form-element-valid-border-color: #2a7b6f; + --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5); + --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); + --pico-switch-background-color: #333c4e; + --pico-switch-checked-background-color: var(--pico-primary-background); + --pico-switch-color: #fff; + --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-range-border-color: #202632; + --pico-range-active-border-color: #2a3140; + --pico-range-thumb-border-color: var(--pico-background-color); + --pico-range-thumb-color: var(--pico-secondary-background); + --pico-range-thumb-active-color: var(--pico-primary-background); + --pico-accordion-border-color: var(--pico-muted-border-color); + --pico-accordion-active-summary-color: var(--pico-primary-hover); + --pico-accordion-close-summary-color: var(--pico-color); + --pico-accordion-open-summary-color: var(--pico-muted-color); + --pico-card-background-color: #181c25; + --pico-card-border-color: var(--pico-card-background-color); + --pico-card-box-shadow: var(--pico-box-shadow); + --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25); + --pico-dropdown-background-color: #181c25; + --pico-dropdown-border-color: #202632; + --pico-dropdown-box-shadow: var(--pico-box-shadow); + --pico-dropdown-color: var(--pico-color); + --pico-dropdown-hover-background-color: #202632; + --pico-loading-spinner-opacity: 0.5; + --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75); + --pico-progress-background-color: #202632; + --pico-progress-color: var(--pico-primary-background); + --pico-tooltip-background-color: var(--pico-contrast-background); + --pico-tooltip-color: var(--pico-contrast-inverse); + --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + } + :root:not([data-theme]) input:is([type=submit], + [type=button], + [type=reset], + [type=checkbox], + [type=radio], + [type=file]), + :host(:not([data-theme])) input:is([type=submit], + [type=button], + [type=reset], + [type=checkbox], + [type=radio], + [type=file]) { + --pico-form-element-focus-color: var(--pico-primary-focus); + } + :root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after, + :host(:not([data-theme])) details summary[role=button].contrast:not(.outline)::after { + filter: brightness(0); + } + :root:not([data-theme]) [aria-busy=true]:not(input, select, textarea).contrast:is(button, + [type=submit], + [type=button], + [type=reset], + [role=button]):not(.outline)::before, + :host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea).contrast:is(button, + [type=submit], + [type=button], + [type=reset], + [role=button]):not(.outline)::before { + filter: brightness(0); + } +} +[data-theme=dark] { + color-scheme: dark; + --pico-background-color: rgb(19, 22.5, 30.5); + --pico-color: #c2c7d0; + --pico-text-selection-color: rgba(1, 170, 255, 0.1875); + --pico-muted-color: #7b8495; + --pico-muted-border-color: #202632; + --pico-primary: #01aaff; + --pico-primary-background: #0172ad; + --pico-primary-border: var(--pico-primary-background); + --pico-primary-underline: rgba(1, 170, 255, 0.5); + --pico-primary-hover: #79c0ff; + --pico-primary-hover-background: #017fc0; + --pico-primary-hover-border: var(--pico-primary-hover-background); + --pico-primary-hover-underline: var(--pico-primary-hover); + --pico-primary-focus: rgba(1, 170, 255, 0.375); + --pico-primary-inverse: #fff; + --pico-secondary: #969eaf; + --pico-secondary-background: #525f7a; + --pico-secondary-border: var(--pico-secondary-background); + --pico-secondary-underline: rgba(150, 158, 175, 0.5); + --pico-secondary-hover: #b3b9c5; + --pico-secondary-hover-background: #5d6b89; + --pico-secondary-hover-border: var(--pico-secondary-hover-background); + --pico-secondary-hover-underline: var(--pico-secondary-hover); + --pico-secondary-focus: rgba(144, 158, 190, 0.25); + --pico-secondary-inverse: #fff; + --pico-contrast: #dfe3eb; + --pico-contrast-background: #eff1f4; + --pico-contrast-border: var(--pico-contrast-background); + --pico-contrast-underline: rgba(223, 227, 235, 0.5); + --pico-contrast-hover: #fff; + --pico-contrast-hover-background: #fff; + --pico-contrast-hover-border: var(--pico-contrast-hover-background); + --pico-contrast-hover-underline: var(--pico-contrast-hover); + --pico-contrast-focus: rgba(207, 213, 226, 0.25); + --pico-contrast-inverse: #000; + --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015); + --pico-h1-color: #f0f1f3; + --pico-h2-color: #e0e3e7; + --pico-h3-color: #c2c7d0; + --pico-h4-color: #b3b9c5; + --pico-h5-color: #a4acba; + --pico-h6-color: #8891a4; + --pico-mark-background-color: #014063; + --pico-mark-color: #fff; + --pico-ins-color: #62af9a; + --pico-del-color: rgb(205.5, 126, 123); + --pico-blockquote-border-color: var(--pico-muted-border-color); + --pico-blockquote-footer-color: var(--pico-muted-color); + --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-table-border-color: var(--pico-muted-border-color); + --pico-table-row-stripped-background-color: #161b22; + --pico-code-background-color: rgb(26, 30.5, 40.25); + --pico-code-color: #8891a4; + --pico-code-kbd-background-color: var(--pico-color); + --pico-code-kbd-color: var(--pico-background-color); + --pico-form-element-background-color: rgb(28, 33, 43.5); + --pico-form-element-selected-background-color: #2a3140; + --pico-form-element-border-color: #2a3140; + --pico-form-element-color: #e0e3e7; + --pico-form-element-placeholder-color: #8891a4; + --pico-form-element-active-background-color: rgb(26, 30.5, 40.25); + --pico-form-element-active-border-color: var(--pico-primary-border); + --pico-form-element-focus-color: var(--pico-primary-border); + --pico-form-element-disabled-opacity: 0.5; + --pico-form-element-invalid-border-color: rgb(149.5, 74, 80); + --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59); + --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); + --pico-form-element-valid-border-color: #2a7b6f; + --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5); + --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); + --pico-switch-background-color: #333c4e; + --pico-switch-checked-background-color: var(--pico-primary-background); + --pico-switch-color: #fff; + --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-range-border-color: #202632; + --pico-range-active-border-color: #2a3140; + --pico-range-thumb-border-color: var(--pico-background-color); + --pico-range-thumb-color: var(--pico-secondary-background); + --pico-range-thumb-active-color: var(--pico-primary-background); + --pico-accordion-border-color: var(--pico-muted-border-color); + --pico-accordion-active-summary-color: var(--pico-primary-hover); + --pico-accordion-close-summary-color: var(--pico-color); + --pico-accordion-open-summary-color: var(--pico-muted-color); + --pico-card-background-color: #181c25; + --pico-card-border-color: var(--pico-card-background-color); + --pico-card-box-shadow: var(--pico-box-shadow); + --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25); + --pico-dropdown-background-color: #181c25; + --pico-dropdown-border-color: #202632; + --pico-dropdown-box-shadow: var(--pico-box-shadow); + --pico-dropdown-color: var(--pico-color); + --pico-dropdown-hover-background-color: #202632; + --pico-loading-spinner-opacity: 0.5; + --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75); + --pico-progress-background-color: #202632; + --pico-progress-color: var(--pico-primary-background); + --pico-tooltip-background-color: var(--pico-contrast-background); + --pico-tooltip-color: var(--pico-contrast-inverse); + --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); +} +[data-theme=dark] input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]) { + --pico-form-element-focus-color: var(--pico-primary-focus); +} +[data-theme=dark] details summary[role=button].contrast:not(.outline)::after { + filter: brightness(0); +} +[data-theme=dark] [aria-busy=true]:not(input, select, textarea).contrast:is(button, +[type=submit], +[type=button], +[type=reset], +[role=button]):not(.outline)::before { + filter: brightness(0); +} + +progress, +[type=checkbox], +[type=radio], +[type=range] { + accent-color: var(--pico-primary); +} + +/** + * Document + * Content-box & Responsive typography + */ +*, +*::before, +*::after { + box-sizing: border-box; + background-repeat: no-repeat; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + +:where(:root), +:where(:host) { + -webkit-tap-highlight-color: transparent; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + text-size-adjust: 100%; + background-color: var(--pico-background-color); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + font-size: var(--pico-font-size); + line-height: var(--pico-line-height); + font-family: var(--pico-font-family); + text-underline-offset: var(--pico-text-underline-offset); + text-rendering: optimizeLegibility; + overflow-wrap: break-word; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** + * Landmarks + */ +body { + width: 100%; + margin: 0; +} + +main { + display: block; +} + +body > header, +body > main, +body > footer { + padding-block: var(--pico-block-spacing-vertical); +} + +/** + * Section + */ +section { + margin-bottom: var(--pico-block-spacing-vertical); +} + +/** + * Container + */ +.container, +.container-fluid { + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: var(--pico-spacing); + padding-left: var(--pico-spacing); +} + +@media (min-width: 576px) { + .container { + max-width: 510px; + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .container { + max-width: 700px; + } +} +@media (min-width: 1024px) { + .container { + max-width: 950px; + } +} +@media (min-width: 1280px) { + .container { + max-width: 1200px; + } +} +@media (min-width: 1536px) { + .container { + max-width: 1450px; + } +} + +/** + * Grid + * Minimal grid system with auto-layout columns + */ +.grid { + grid-column-gap: var(--pico-grid-column-gap); + grid-row-gap: var(--pico-grid-row-gap); + display: grid; + grid-template-columns: 1fr; +} +@media (min-width: 768px) { + .grid { + grid-template-columns: repeat(auto-fit, minmax(0%, 1fr)); + } +} +.grid > * { + min-width: 0; +} + +/** + * Overflow auto + */ +.overflow-auto { + overflow: auto; +} + +/** + * Typography + */ +b, +strong { + font-weight: bolder; +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +address, +blockquote, +dl, +ol, +p, +pre, +table, +ul { + margin-top: 0; + margin-bottom: var(--pico-typography-spacing-vertical); + color: var(--pico-color); + font-style: normal; + font-weight: var(--pico-font-weight); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: var(--pico-typography-spacing-vertical); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + font-size: var(--pico-font-size); + line-height: var(--pico-line-height); + font-family: var(--pico-font-family-serif); +} + +h1 { + --pico-color: var(--pico-h1-color); +} + +h2 { + --pico-color: var(--pico-h2-color); +} + +h3 { + --pico-color: var(--pico-h3-color); +} + +h4 { + --pico-color: var(--pico-h4-color); +} + +h5 { + --pico-color: var(--pico-h5-color); +} + +h6 { + --pico-color: var(--pico-h6-color); +} + +:where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) { + margin-top: var(--pico-typography-spacing-top); +} + +p { + margin-bottom: var(--pico-typography-spacing-vertical); +} + +hgroup { + margin-bottom: var(--pico-typography-spacing-vertical); +} +hgroup > * { + margin-top: 0; + margin-bottom: 0; +} +hgroup > *:not(:first-child):last-child { + --pico-color: var(--pico-muted-color); + --pico-font-weight: unset; + font-size: 1rem; +} + +:where(ol, ul) li { + margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.25); +} + +:where(dl, ol, ul) :where(dl, ol, ul) { + margin: 0; + margin-top: calc(var(--pico-typography-spacing-vertical) * 0.25); +} + +ul li { + list-style: square; +} + +mark { + padding: 0.125rem 0.25rem; + background-color: var(--pico-mark-background-color); + color: var(--pico-mark-color); + vertical-align: baseline; +} + +blockquote { + display: block; + margin: var(--pico-typography-spacing-vertical) 0; + padding: var(--pico-spacing); + border-right: none; + border-left: 0.25rem solid var(--pico-blockquote-border-color); + border-inline-start: 0.25rem solid var(--pico-blockquote-border-color); + border-inline-end: none; +} +blockquote footer { + margin-top: calc(var(--pico-typography-spacing-vertical) * 0.5); + color: var(--pico-blockquote-footer-color); +} + +abbr[title] { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} + +ins { + color: var(--pico-ins-color); + text-decoration: none; +} + +del { + color: var(--pico-del-color); +} + +::-moz-selection { + background-color: var(--pico-text-selection-color); +} + +::selection { + background-color: var(--pico-text-selection-color); +} + +/** + * Link + */ +:where(a:not([role=button])), +[role=link] { + --pico-color: var(--pico-primary); + --pico-background-color: transparent; + --pico-underline: var(--pico-primary-underline); + outline: none; + background-color: var(--pico-background-color); + color: var(--pico-color); + -webkit-text-decoration: var(--pico-text-decoration); + text-decoration: var(--pico-text-decoration); + text-decoration-color: var(--pico-underline); + text-underline-offset: 0.125em; + transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); + transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); +} +:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-primary-hover); + --pico-underline: var(--pico-primary-hover-underline); + --pico-text-decoration: underline; +} +:where(a:not([role=button])):focus-visible, +[role=link]:focus-visible { + box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); +} +:where(a:not([role=button])).secondary, +[role=link].secondary { + --pico-color: var(--pico-secondary); + --pico-underline: var(--pico-secondary-underline); +} +:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-secondary-hover); + --pico-underline: var(--pico-secondary-hover-underline); +} +:where(a:not([role=button])).contrast, +[role=link].contrast { + --pico-color: var(--pico-contrast); + --pico-underline: var(--pico-contrast-underline); +} +:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-contrast-hover); + --pico-underline: var(--pico-contrast-hover-underline); +} + +a[role=button] { + display: inline-block; +} + +/** + * Button + */ +button { + margin: 0; + overflow: visible; + font-family: inherit; + text-transform: none; +} + +button, +[type=submit], +[type=reset], +[type=button] { + -webkit-appearance: button; +} + +button, +[type=submit], +[type=reset], +[type=button], +[type=file]::file-selector-button, +[role=button] { + --pico-background-color: var(--pico-primary-background); + --pico-border-color: var(--pico-primary-border); + --pico-color: var(--pico-primary-inverse); + --pico-box-shadow: var(--pico-button-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal); + border: var(--pico-border-width) solid var(--pico-border-color); + border-radius: var(--pico-border-radius); + outline: none; + background-color: var(--pico-background-color); + box-shadow: var(--pico-box-shadow); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + font-size: 1rem; + line-height: var(--pico-line-height); + text-align: center; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); +} +button:is([aria-current]:not([aria-current=false])), button:is(:hover, :active, :focus), +[type=submit]:is([aria-current]:not([aria-current=false])), +[type=submit]:is(:hover, :active, :focus), +[type=reset]:is([aria-current]:not([aria-current=false])), +[type=reset]:is(:hover, :active, :focus), +[type=button]:is([aria-current]:not([aria-current=false])), +[type=button]:is(:hover, :active, :focus), +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])), +[type=file]::file-selector-button:is(:hover, :active, :focus), +[role=button]:is([aria-current]:not([aria-current=false])), +[role=button]:is(:hover, :active, :focus) { + --pico-background-color: var(--pico-primary-hover-background); + --pico-border-color: var(--pico-primary-hover-border); + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + --pico-color: var(--pico-primary-inverse); +} +button:focus, button:is([aria-current]:not([aria-current=false])):focus, +[type=submit]:focus, +[type=submit]:is([aria-current]:not([aria-current=false])):focus, +[type=reset]:focus, +[type=reset]:is([aria-current]:not([aria-current=false])):focus, +[type=button]:focus, +[type=button]:is([aria-current]:not([aria-current=false])):focus, +[type=file]::file-selector-button:focus, +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus, +[role=button]:focus, +[role=button]:is([aria-current]:not([aria-current=false])):focus { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); +} + +[type=submit], +[type=reset], +[type=button] { + margin-bottom: var(--pico-spacing); +} + +:is(button, [type=submit], [type=button], [role=button]).secondary, +[type=reset], +[type=file]::file-selector-button { + --pico-background-color: var(--pico-secondary-background); + --pico-border-color: var(--pico-secondary-border); + --pico-color: var(--pico-secondary-inverse); + cursor: pointer; +} +:is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-background-color: var(--pico-secondary-hover-background); + --pico-border-color: var(--pico-secondary-hover-border); + --pico-color: var(--pico-secondary-inverse); +} +:is(button, [type=submit], [type=button], [role=button]).secondary:focus, :is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false])):focus, +[type=reset]:focus, +[type=reset]:is([aria-current]:not([aria-current=false])):focus, +[type=file]::file-selector-button:focus, +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); +} + +:is(button, [type=submit], [type=button], [role=button]).contrast { + --pico-background-color: var(--pico-contrast-background); + --pico-border-color: var(--pico-contrast-border); + --pico-color: var(--pico-contrast-inverse); +} +:is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-background-color: var(--pico-contrast-hover-background); + --pico-border-color: var(--pico-contrast-hover-border); + --pico-color: var(--pico-contrast-inverse); +} +:is(button, [type=submit], [type=button], [role=button]).contrast:focus, :is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false])):focus { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-contrast-focus); +} + +:is(button, [type=submit], [type=button], [role=button]).outline, +[type=reset].outline { + --pico-background-color: transparent; + --pico-color: var(--pico-primary); + --pico-border-color: var(--pico-primary); +} +:is(button, [type=submit], [type=button], [role=button]).outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-background-color: transparent; + --pico-color: var(--pico-primary-hover); + --pico-border-color: var(--pico-primary-hover); +} + +:is(button, [type=submit], [type=button], [role=button]).outline.secondary, +[type=reset].outline { + --pico-color: var(--pico-secondary); + --pico-border-color: var(--pico-secondary); +} +:is(button, [type=submit], [type=button], [role=button]).outline.secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-secondary-hover); + --pico-border-color: var(--pico-secondary-hover); +} + +:is(button, [type=submit], [type=button], [role=button]).outline.contrast { + --pico-color: var(--pico-contrast); + --pico-border-color: var(--pico-contrast); +} +:is(button, [type=submit], [type=button], [role=button]).outline.contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-contrast-hover); + --pico-border-color: var(--pico-contrast-hover); +} + +:where(button, [type=submit], [type=reset], [type=button], [role=button])[disabled], +:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]) { + opacity: 0.5; + pointer-events: none; +} + +/** + * Table + */ +:where(table) { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + text-indent: 0; +} + +th, +td { + padding: calc(var(--pico-spacing) / 2) var(--pico-spacing); + border-bottom: var(--pico-border-width) solid var(--pico-table-border-color); + background-color: var(--pico-background-color); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + text-align: left; + text-align: start; +} + +tfoot th, +tfoot td { + border-top: var(--pico-border-width) solid var(--pico-table-border-color); + border-bottom: 0; +} + +table.striped tbody tr:nth-child(odd) th, +table.striped tbody tr:nth-child(odd) td { + background-color: var(--pico-table-row-stripped-background-color); +} + +/** + * Embedded content + */ +:where(audio, canvas, iframe, img, svg, video) { + vertical-align: middle; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +:where(iframe) { + border-style: none; +} + +img { + max-width: 100%; + height: auto; + border-style: none; +} + +:where(svg:not([fill])) { + fill: currentColor; +} + +svg:not(:root), +svg:not(:host) { + overflow: hidden; +} + +/** + * Code + */ +pre, +code, +kbd, +samp { + font-size: 0.875em; + font-family: var(--pico-font-family); +} + +pre code, +pre samp { + font-size: inherit; + font-family: inherit; +} + +pre { + -ms-overflow-style: scrollbar; + overflow: auto; +} + +pre, +code, +kbd, +samp { + border-radius: var(--pico-border-radius); + background: var(--pico-code-background-color); + color: var(--pico-code-color); + font-weight: var(--pico-font-weight); + line-height: initial; +} + +code, +kbd, +samp { + display: inline-block; + padding: 0.375rem; +} + +pre { + display: block; + margin-bottom: var(--pico-spacing); + overflow-x: auto; +} +pre > code, +pre > samp { + display: block; + padding: var(--pico-spacing); + background: none; + line-height: var(--pico-line-height); +} + +kbd { + background-color: var(--pico-code-kbd-background-color); + color: var(--pico-code-kbd-color); + vertical-align: baseline; +} + +/** + * Figure + */ +figure { + display: block; + margin: 0; + padding: 0; +} +figure figcaption { + padding: calc(var(--pico-spacing) * 0.5) 0; + color: var(--pico-muted-color); +} + +/** + * Misc + */ +hr { + height: 0; + margin: var(--pico-typography-spacing-vertical) 0; + border: 0; + border-top: 1px solid var(--pico-muted-border-color); + color: inherit; +} + +[hidden], +template { + display: none !important; +} + +canvas { + display: inline-block; +} + +/** + * Basics form elements + */ +input, +optgroup, +select, +textarea { + margin: 0; + font-size: 1rem; + line-height: var(--pico-line-height); + font-family: inherit; + letter-spacing: inherit; +} + +input { + overflow: visible; +} + +select { + text-transform: none; +} + +legend { + max-width: 100%; + padding: 0; + color: inherit; + white-space: normal; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + padding: 0; +} + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +:-moz-focusring { + outline: none; +} + +:-moz-ui-invalid { + box-shadow: none; +} + +::-ms-expand { + display: none; +} + +[type=file], +[type=range] { + padding: 0; + border-width: 0; +} + +input:not([type=checkbox], [type=radio], [type=range]) { + height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2); +} + +fieldset { + width: 100%; + margin: 0; + margin-bottom: var(--pico-spacing); + padding: 0; + border: 0; +} + +label, +fieldset legend { + display: block; + margin-bottom: calc(var(--pico-spacing) * 0.375); + color: var(--pico-color); + font-weight: var(--pico-form-label-font-weight, var(--pico-font-weight)); +} + +fieldset legend { + margin-bottom: calc(var(--pico-spacing) * 0.5); +} + +input:not([type=checkbox], [type=radio]), +button[type=submit], +select, +textarea { + width: 100%; +} + +input:not([type=checkbox], [type=radio], [type=range], [type=file]), +select, +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal); +} + +input, +select, +textarea { + --pico-background-color: var(--pico-form-element-background-color); + --pico-border-color: var(--pico-form-element-border-color); + --pico-color: var(--pico-form-element-color); + --pico-box-shadow: none; + border: var(--pico-border-width) solid var(--pico-border-color); + border-radius: var(--pico-border-radius); + outline: none; + background-color: var(--pico-background-color); + box-shadow: var(--pico-box-shadow); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); +} + +input:not([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[readonly]):is(:active, :focus), +:where(select, textarea):not([readonly]):is(:active, :focus) { + --pico-background-color: var(--pico-form-element-active-background-color); +} + +input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus), +:where(select, textarea):not([readonly]):is(:active, :focus) { + --pico-border-color: var(--pico-form-element-active-border-color); +} + +input:not([type=submit], +[type=button], +[type=reset], +[type=range], +[type=file], +[readonly]):focus, +:where(select, textarea):not([readonly]):focus { + --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color); +} + +input:not([type=submit], [type=button], [type=reset])[disabled], +select[disabled], +textarea[disabled], +label[aria-disabled=true], +:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) { + opacity: var(--pico-form-element-disabled-opacity); + pointer-events: none; +} + +label[aria-disabled=true] input[disabled] { + opacity: 1; +} + +:where(input, select, textarea):not([type=checkbox], +[type=radio], +[type=date], +[type=datetime-local], +[type=month], +[type=time], +[type=week], +[type=range])[aria-invalid] { + padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important; + padding-left: var(--pico-form-element-spacing-horizontal); + padding-inline-start: var(--pico-form-element-spacing-horizontal) !important; + padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important; + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +:where(input, select, textarea):not([type=checkbox], +[type=radio], +[type=date], +[type=datetime-local], +[type=month], +[type=time], +[type=week], +[type=range])[aria-invalid=false]:not(select) { + background-image: var(--pico-icon-valid); +} +:where(input, select, textarea):not([type=checkbox], +[type=radio], +[type=date], +[type=datetime-local], +[type=month], +[type=time], +[type=week], +[type=range])[aria-invalid=true]:not(select) { + background-image: var(--pico-icon-invalid); +} +:where(input, select, textarea)[aria-invalid=false] { + --pico-border-color: var(--pico-form-element-valid-border-color); +} +:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) { + --pico-border-color: var(--pico-form-element-valid-active-border-color) !important; +} +:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus):not([type=checkbox], [type=radio]) { + --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-valid-focus-color) !important; +} +:where(input, select, textarea)[aria-invalid=true] { + --pico-border-color: var(--pico-form-element-invalid-border-color); +} +:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) { + --pico-border-color: var(--pico-form-element-invalid-active-border-color) !important; +} +:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus):not([type=checkbox], [type=radio]) { + --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-invalid-focus-color) !important; +} + +[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) { + background-position: center left 0.75rem; +} + +input::placeholder, +input::-webkit-input-placeholder, +textarea::placeholder, +textarea::-webkit-input-placeholder, +select:invalid { + color: var(--pico-form-element-placeholder-color); + opacity: 1; +} + +input:not([type=checkbox], [type=radio]), +select, +textarea { + margin-bottom: var(--pico-spacing); +} + +select::-ms-expand { + border: 0; + background-color: transparent; +} +select:not([multiple], [size]) { + padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem); + padding-left: var(--pico-form-element-spacing-horizontal); + padding-inline-start: var(--pico-form-element-spacing-horizontal); + padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem); + background-image: var(--pico-icon-chevron); + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +select[multiple] option:checked { + background: var(--pico-form-element-selected-background-color); + color: var(--pico-form-element-color); +} + +[dir=rtl] select:not([multiple], [size]) { + background-position: center left 0.75rem; +} + +textarea { + display: block; + resize: vertical; +} +textarea[aria-invalid] { + --pico-icon-height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2); + background-position: top right 0.75rem !important; + background-size: 1rem var(--pico-icon-height) !important; +} + +:where(input, select, textarea, fieldset, .grid) + small { + display: block; + width: 100%; + margin-top: calc(var(--pico-spacing) * -0.75); + margin-bottom: var(--pico-spacing); + color: var(--pico-muted-color); +} +:where(input, select, textarea, fieldset, .grid)[aria-invalid=false] + small { + color: var(--pico-ins-color); +} +:where(input, select, textarea, fieldset, .grid)[aria-invalid=true] + small { + color: var(--pico-del-color); +} + +label > :where(input, select, textarea) { + margin-top: calc(var(--pico-spacing) * 0.25); +} + +/** + * Checkboxes, Radios and Switches + */ +label:has([type=checkbox], [type=radio]) { + width: -moz-fit-content; + width: fit-content; + cursor: pointer; +} + +[type=checkbox], +[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 1.25em; + height: 1.25em; + margin-top: -0.125em; + margin-inline-end: 0.5em; + border-width: var(--pico-border-width); + vertical-align: middle; + cursor: pointer; +} +[type=checkbox]::-ms-check, +[type=radio]::-ms-check { + display: none; +} +[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus, +[type=radio]:checked, +[type=radio]:checked:active, +[type=radio]:checked:focus { + --pico-background-color: var(--pico-primary-background); + --pico-border-color: var(--pico-primary-border); + background-image: var(--pico-icon-checkbox); + background-position: center; + background-size: 0.75em auto; + background-repeat: no-repeat; +} +[type=checkbox] ~ label, +[type=radio] ~ label { + display: inline-block; + margin-bottom: 0; + cursor: pointer; +} +[type=checkbox] ~ label:not(:last-of-type), +[type=radio] ~ label:not(:last-of-type) { + margin-inline-end: 1em; +} + +[type=checkbox]:indeterminate { + --pico-background-color: var(--pico-primary-background); + --pico-border-color: var(--pico-primary-border); + background-image: var(--pico-icon-minus); + background-position: center; + background-size: 0.75em auto; + background-repeat: no-repeat; +} + +[type=radio] { + border-radius: 50%; +} +[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus { + --pico-background-color: var(--pico-primary-inverse); + border-width: 0.35em; + background-image: none; +} + +[type=checkbox][role=switch] { + --pico-background-color: var(--pico-switch-background-color); + --pico-color: var(--pico-switch-color); + width: 2.25em; + height: 1.25em; + border: var(--pico-border-width) solid var(--pico-border-color); + border-radius: 1.25em; + background-color: var(--pico-background-color); + line-height: 1.25em; +} +[type=checkbox][role=switch]:not([aria-invalid]) { + --pico-border-color: var(--pico-switch-background-color); +} +[type=checkbox][role=switch]:before { + display: block; + aspect-ratio: 1; + height: 100%; + border-radius: 50%; + background-color: var(--pico-color); + box-shadow: var(--pico-switch-thumb-box-shadow); + content: ""; + transition: margin 0.1s ease-in-out; +} +[type=checkbox][role=switch]:focus { + --pico-background-color: var(--pico-switch-background-color); + --pico-border-color: var(--pico-switch-background-color); +} +[type=checkbox][role=switch]:checked { + --pico-background-color: var(--pico-switch-checked-background-color); + --pico-border-color: var(--pico-switch-checked-background-color); + background-image: none; +} +[type=checkbox][role=switch]:checked::before { + margin-inline-start: calc(2.25em - 1.25em); +} +[type=checkbox][role=switch][disabled] { + --pico-background-color: var(--pico-border-color); +} + +[type=checkbox][aria-invalid=false]:checked, [type=checkbox][aria-invalid=false]:checked:active, [type=checkbox][aria-invalid=false]:checked:focus, +[type=checkbox][role=switch][aria-invalid=false]:checked, +[type=checkbox][role=switch][aria-invalid=false]:checked:active, +[type=checkbox][role=switch][aria-invalid=false]:checked:focus { + --pico-background-color: var(--pico-form-element-valid-border-color); +} +[type=checkbox]:checked[aria-invalid=true], [type=checkbox]:checked:active[aria-invalid=true], [type=checkbox]:checked:focus[aria-invalid=true], +[type=checkbox][role=switch]:checked[aria-invalid=true], +[type=checkbox][role=switch]:checked:active[aria-invalid=true], +[type=checkbox][role=switch]:checked:focus[aria-invalid=true] { + --pico-background-color: var(--pico-form-element-invalid-border-color); +} + +[type=checkbox][aria-invalid=false]:checked, [type=checkbox][aria-invalid=false]:checked:active, [type=checkbox][aria-invalid=false]:checked:focus, +[type=radio][aria-invalid=false]:checked, +[type=radio][aria-invalid=false]:checked:active, +[type=radio][aria-invalid=false]:checked:focus, +[type=checkbox][role=switch][aria-invalid=false]:checked, +[type=checkbox][role=switch][aria-invalid=false]:checked:active, +[type=checkbox][role=switch][aria-invalid=false]:checked:focus { + --pico-border-color: var(--pico-form-element-valid-border-color); +} +[type=checkbox]:checked[aria-invalid=true], [type=checkbox]:checked:active[aria-invalid=true], [type=checkbox]:checked:focus[aria-invalid=true], +[type=radio]:checked[aria-invalid=true], +[type=radio]:checked:active[aria-invalid=true], +[type=radio]:checked:focus[aria-invalid=true], +[type=checkbox][role=switch]:checked[aria-invalid=true], +[type=checkbox][role=switch]:checked:active[aria-invalid=true], +[type=checkbox][role=switch]:checked:focus[aria-invalid=true] { + --pico-border-color: var(--pico-form-element-invalid-border-color); +} + +/** + * Input type color + */ +[type=color]::-webkit-color-swatch-wrapper { + padding: 0; +} +[type=color]::-moz-focus-inner { + padding: 0; +} +[type=color]::-webkit-color-swatch { + border: 0; + border-radius: calc(var(--pico-border-radius) * 0.5); +} +[type=color]::-moz-color-swatch { + border: 0; + border-radius: calc(var(--pico-border-radius) * 0.5); +} + +/** + * Input type datetime + */ +input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) { + --pico-icon-position: 0.75rem; + --pico-icon-width: 1rem; + padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position)); + background-image: var(--pico-icon-date); + background-position: center right var(--pico-icon-position); + background-size: var(--pico-icon-width) auto; + background-repeat: no-repeat; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] { + background-image: var(--pico-icon-time); +} + +[type=date]::-webkit-calendar-picker-indicator, +[type=datetime-local]::-webkit-calendar-picker-indicator, +[type=month]::-webkit-calendar-picker-indicator, +[type=time]::-webkit-calendar-picker-indicator, +[type=week]::-webkit-calendar-picker-indicator { + width: var(--pico-icon-width); + margin-right: calc(var(--pico-icon-width) * -1); + margin-left: var(--pico-icon-position); + opacity: 0; +} + +@-moz-document url-prefix() { + [type=date], + [type=datetime-local], + [type=month], + [type=time], + [type=week] { + padding-right: var(--pico-form-element-spacing-horizontal) !important; + background-image: none !important; + } +} +[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) { + text-align: right; +} + +/** + * Input type file + */ +[type=file] { + --pico-color: var(--pico-muted-color); + margin-left: calc(var(--pico-outline-width) * -1); + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0; + padding-left: var(--pico-outline-width); + border: 0; + border-radius: 0; + background: none; +} +[type=file]::file-selector-button { + margin-right: calc(var(--pico-spacing) / 2); + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); +} +[type=file]:is(:hover, :active, :focus)::file-selector-button { + --pico-background-color: var(--pico-secondary-hover-background); + --pico-border-color: var(--pico-secondary-hover-border); +} +[type=file]:focus::file-selector-button { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); +} + +/** + * Input type range + */ +[type=range] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + height: 1.25rem; + background: none; +} +[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 0.375rem; + border-radius: var(--pico-border-radius); + background-color: var(--pico-range-border-color); + -webkit-transition: background-color var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), box-shadow var(--pico-transition); +} +[type=range]::-moz-range-track { + width: 100%; + height: 0.375rem; + border-radius: var(--pico-border-radius); + background-color: var(--pico-range-border-color); + -moz-transition: background-color var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), box-shadow var(--pico-transition); +} +[type=range]::-ms-track { + width: 100%; + height: 0.375rem; + border-radius: var(--pico-border-radius); + background-color: var(--pico-range-border-color); + -ms-transition: background-color var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), box-shadow var(--pico-transition); +} +[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.4375rem; + border: 2px solid var(--pico-range-thumb-border-color); + border-radius: 50%; + background-color: var(--pico-range-thumb-color); + cursor: pointer; + -webkit-transition: background-color var(--pico-transition), transform var(--pico-transition); + transition: background-color var(--pico-transition), transform var(--pico-transition); +} +[type=range]::-moz-range-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.4375rem; + border: 2px solid var(--pico-range-thumb-border-color); + border-radius: 50%; + background-color: var(--pico-range-thumb-color); + cursor: pointer; + -moz-transition: background-color var(--pico-transition), transform var(--pico-transition); + transition: background-color var(--pico-transition), transform var(--pico-transition); +} +[type=range]::-ms-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.4375rem; + border: 2px solid var(--pico-range-thumb-border-color); + border-radius: 50%; + background-color: var(--pico-range-thumb-color); + cursor: pointer; + -ms-transition: background-color var(--pico-transition), transform var(--pico-transition); + transition: background-color var(--pico-transition), transform var(--pico-transition); +} +[type=range]:active, [type=range]:focus-within { + --pico-range-border-color: var(--pico-range-active-border-color); + --pico-range-thumb-color: var(--pico-range-thumb-active-color); +} +[type=range]:active::-webkit-slider-thumb { + transform: scale(1.25); +} +[type=range]:active::-moz-range-thumb { + transform: scale(1.25); +} +[type=range]:active::-ms-thumb { + transform: scale(1.25); +} + +/** + * Input type search + */ +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] { + padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem); + background-image: var(--pico-icon-search); + background-position: center left calc(var(--pico-form-element-spacing-horizontal) + 0.125rem); + background-size: 1rem auto; + background-repeat: no-repeat; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] { + padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem) !important; + background-position: center left 1.125rem, center right 0.75rem; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] { + background-image: var(--pico-icon-search), var(--pico-icon-valid); +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] { + background-image: var(--pico-icon-search), var(--pico-icon-invalid); +} + +[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] { + background-position: center right 1.125rem; +} +[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] { + background-position: center right 1.125rem, center left 0.75rem; +} + +/** + * Accordion (<details>) + */ +details { + display: block; + margin-bottom: var(--pico-spacing); +} +details summary { + line-height: 1rem; + list-style-type: none; + cursor: pointer; + transition: color var(--pico-transition); +} +details summary:not([role]) { + color: var(--pico-accordion-close-summary-color); +} +details summary::-webkit-details-marker { + display: none; +} +details summary::marker { + display: none; +} +details summary::-moz-list-bullet { + list-style-type: none; +} +details summary::after { + display: block; + width: 1rem; + height: 1rem; + margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5); + float: right; + transform: rotate(-90deg); + background-image: var(--pico-icon-chevron); + background-position: right center; + background-size: 1rem auto; + background-repeat: no-repeat; + content: ""; + transition: transform var(--pico-transition); +} +details summary:focus { + outline: none; +} +details summary:focus:not([role]) { + color: var(--pico-accordion-active-summary-color); +} +details summary:focus-visible:not([role]) { + outline: var(--pico-outline-width) solid var(--pico-primary-focus); + outline-offset: calc(var(--pico-spacing, 1rem) * 0.5); + color: var(--pico-primary); +} +details summary[role=button] { + width: 100%; + text-align: left; +} +details summary[role=button]::after { + height: calc(1rem * var(--pico-line-height, 1.5)); +} +details[open] > summary { + margin-bottom: var(--pico-spacing); +} +details[open] > summary:not([role]):not(:focus) { + color: var(--pico-accordion-open-summary-color); +} +details[open] > summary::after { + transform: rotate(0); +} + +[dir=rtl] details summary { + text-align: right; +} +[dir=rtl] details summary::after { + float: left; + background-position: left center; +} + +/** + * Card (<article>) + */ +article { + margin-bottom: var(--pico-block-spacing-vertical); + padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal); + border-radius: var(--pico-border-radius); + background: var(--pico-card-background-color); + box-shadow: var(--pico-card-box-shadow); +} +article > header, +article > footer { + margin-right: calc(var(--pico-block-spacing-horizontal) * -1); + margin-left: calc(var(--pico-block-spacing-horizontal) * -1); + padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal); + background-color: var(--pico-card-sectioning-background-color); +} +article > header { + margin-top: calc(var(--pico-block-spacing-vertical) * -1); + margin-bottom: var(--pico-block-spacing-vertical); + border-bottom: var(--pico-border-width) solid var(--pico-card-border-color); + border-top-right-radius: var(--pico-border-radius); + border-top-left-radius: var(--pico-border-radius); + + > h3 { + margin-top: var(--pico-typography-spacing-vertical); + } +} +article > footer { + margin-top: var(--pico-block-spacing-vertical); + margin-bottom: calc(var(--pico-block-spacing-vertical) * -1); + border-top: var(--pico-border-width) solid var(--pico-card-border-color); + border-bottom-right-radius: var(--pico-border-radius); + border-bottom-left-radius: var(--pico-border-radius); +} + +/** + * Dropdown (details.dropdown) + */ +details.dropdown { + position: relative; + border-bottom: none; +} +details.dropdown > summary::after, +details.dropdown > button::after, +details.dropdown > a::after { + display: block; + width: 1rem; + height: calc(1rem * var(--pico-line-height, 1.5)); + margin-inline-start: 0.25rem; + float: right; + transform: rotate(0deg) translateX(0.2rem); + background-image: var(--pico-icon-chevron); + background-position: right center; + background-size: 1rem auto; + background-repeat: no-repeat; + content: ""; +} + +nav details.dropdown { + margin-bottom: 0; +} + +details.dropdown > summary:not([role]) { + height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2); + padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal); + border: var(--pico-border-width) solid var(--pico-form-element-border-color); + border-radius: var(--pico-border-radius); + background-color: var(--pico-form-element-background-color); + color: var(--pico-form-element-placeholder-color); + line-height: inherit; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); +} +details.dropdown > summary:not([role]):active, details.dropdown > summary:not([role]):focus { + border-color: var(--pico-form-element-active-border-color); + background-color: var(--pico-form-element-active-background-color); +} +details.dropdown > summary:not([role]):focus { + box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color); +} +details.dropdown > summary:not([role]):focus-visible { + outline: none; +} +details.dropdown > summary:not([role])[aria-invalid=false] { + --pico-form-element-border-color: var(--pico-form-element-valid-border-color); + --pico-form-element-active-border-color: var(--pico-form-element-valid-focus-color); + --pico-form-element-focus-color: var(--pico-form-element-valid-focus-color); +} +details.dropdown > summary:not([role])[aria-invalid=true] { + --pico-form-element-border-color: var(--pico-form-element-invalid-border-color); + --pico-form-element-active-border-color: var(--pico-form-element-invalid-focus-color); + --pico-form-element-focus-color: var(--pico-form-element-invalid-focus-color); +} + +nav details.dropdown { + display: inline; + margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; +} +nav details.dropdown > summary::after { + transform: rotate(0deg) translateX(0rem); +} +nav details.dropdown > summary:not([role]) { + height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2); + padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal); +} +nav details.dropdown > summary:not([role]):focus-visible { + box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); +} + +details.dropdown > summary + ul { + display: flex; + z-index: 99; + position: absolute; + left: 0; + flex-direction: column; + width: 100%; + min-width: -moz-fit-content; + min-width: fit-content; + margin: 0; + margin-top: var(--pico-outline-width); + padding: 0; + border: var(--pico-border-width) solid var(--pico-dropdown-border-color); + border-radius: var(--pico-border-radius); + background-color: var(--pico-dropdown-background-color); + box-shadow: var(--pico-dropdown-box-shadow); + color: var(--pico-dropdown-color); + white-space: nowrap; + opacity: 0; + transition: opacity var(--pico-transition), transform 0s ease-in-out 1s; +} +details.dropdown > summary + ul[dir=rtl] { + right: 0; + left: auto; +} +details.dropdown > summary + ul li { + width: 100%; + margin-bottom: 0; + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); + list-style: none; +} +details.dropdown > summary + ul li:first-of-type { + margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); +} +details.dropdown > summary + ul li:last-of-type { + margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); +} +details.dropdown > summary + ul li a { + display: block; + margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); + overflow: hidden; + border-radius: 0; + color: var(--pico-dropdown-color); + text-decoration: none; + text-overflow: ellipsis; +} +details.dropdown > summary + ul li a:hover, details.dropdown > summary + ul li a:focus, details.dropdown > summary + ul li a:active, details.dropdown > summary + ul li a:focus-visible, details.dropdown > summary + ul li a[aria-current]:not([aria-current=false]) { + background-color: var(--pico-dropdown-hover-background-color); +} +details.dropdown > summary + ul li label { + width: 100%; +} +details.dropdown > summary + ul li:has(label):hover { + background-color: var(--pico-dropdown-hover-background-color); +} + +details.dropdown[open] > summary { + margin-bottom: 0; +} + +details.dropdown[open] > summary + ul { + transform: scaleY(1); + opacity: 1; + transition: opacity var(--pico-transition), transform 0s ease-in-out 0s; +} + +details.dropdown[open] > summary::before { + display: block; + z-index: 1; + position: fixed; + width: 100vw; + height: 100vh; + inset: 0; + background: none; + content: ""; + cursor: default; +} + +label > details.dropdown { + margin-top: calc(var(--pico-spacing) * 0.25); +} + +/** + * Group ([role="group"], [role="search"]) + */ +[role=search], +[role=group] { + display: inline-flex; + position: relative; + width: 100%; + margin-bottom: var(--pico-spacing); + border-radius: var(--pico-border-radius); + box-shadow: var(--pico-group-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + vertical-align: middle; + transition: box-shadow var(--pico-transition); +} +[role=search] > *, +[role=search] input:not([type=checkbox], [type=radio]), +[role=search] select, +[role=group] > *, +[role=group] input:not([type=checkbox], [type=radio]), +[role=group] select { + position: relative; + flex: 1 1 auto; + margin-bottom: 0; +} +[role=search] > *:not(:first-child), +[role=search] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=search] select:not(:first-child), +[role=group] > *:not(:first-child), +[role=group] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=group] select:not(:first-child) { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +[role=search] > *:not(:last-child), +[role=search] input:not([type=checkbox], [type=radio]):not(:last-child), +[role=search] select:not(:last-child), +[role=group] > *:not(:last-child), +[role=group] input:not([type=checkbox], [type=radio]):not(:last-child), +[role=group] select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +[role=search] > *:focus, +[role=search] input:not([type=checkbox], [type=radio]):focus, +[role=search] select:focus, +[role=group] > *:focus, +[role=group] input:not([type=checkbox], [type=radio]):focus, +[role=group] select:focus { + z-index: 2; +} +[role=search] button:not(:first-child), +[role=search] [type=submit]:not(:first-child), +[role=search] [type=reset]:not(:first-child), +[role=search] [type=button]:not(:first-child), +[role=search] [role=button]:not(:first-child), +[role=search] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=search] select:not(:first-child), +[role=group] button:not(:first-child), +[role=group] [type=submit]:not(:first-child), +[role=group] [type=reset]:not(:first-child), +[role=group] [type=button]:not(:first-child), +[role=group] [role=button]:not(:first-child), +[role=group] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=group] select:not(:first-child) { + margin-left: calc(var(--pico-border-width) * -1); +} +[role=search] button, +[role=search] [type=submit], +[role=search] [type=reset], +[role=search] [type=button], +[role=search] [role=button], +[role=group] button, +[role=group] [type=submit], +[role=group] [type=reset], +[role=group] [type=button], +[role=group] [role=button] { + width: auto; +} +@supports selector(:has(*)) { + [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus), + [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) { + --pico-group-box-shadow: var(--pico-group-box-shadow-focus-with-button); + } + [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) input:not([type=checkbox], [type=radio]), + [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) select, + [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) input:not([type=checkbox], [type=radio]), + [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) select { + border-color: transparent; + } + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus), + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) { + --pico-group-box-shadow: var(--pico-group-box-shadow-focus-with-input); + } + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) button, + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=submit], + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=button], + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [role=button], + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) button, + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=submit], + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=button], + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [role=button] { + --pico-button-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-primary-border); + --pico-button-hover-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-primary-hover-border); + } + [role=search] button:focus, + [role=search] [type=submit]:focus, + [role=search] [type=reset]:focus, + [role=search] [type=button]:focus, + [role=search] [role=button]:focus, + [role=group] button:focus, + [role=group] [type=submit]:focus, + [role=group] [type=reset]:focus, + [role=group] [type=button]:focus, + [role=group] [role=button]:focus { + box-shadow: none; + } +} + +[role=search] > *:first-child { + border-top-left-radius: 5rem; + border-bottom-left-radius: 5rem; +} +[role=search] > *:last-child { + border-top-right-radius: 5rem; + border-bottom-right-radius: 5rem; +} + +/** + * Loading ([aria-busy=true]) + */ +[aria-busy=true]:not(input, select, textarea, html, form) { + white-space: nowrap; +} +[aria-busy=true]:not(input, select, textarea, html, form)::before { + display: inline-block; + width: 1em; + height: 1em; + background-image: var(--pico-icon-loading); + background-size: 1em auto; + background-repeat: no-repeat; + content: ""; + vertical-align: -0.125em; +} +[aria-busy=true]:not(input, select, textarea, html, form):not(:empty)::before { + margin-inline-end: calc(var(--pico-spacing) * 0.5); +} +[aria-busy=true]:not(input, select, textarea, html, form):empty { + text-align: center; +} + +button[aria-busy=true], +[type=submit][aria-busy=true], +[type=button][aria-busy=true], +[type=reset][aria-busy=true], +[role=button][aria-busy=true], +a[aria-busy=true] { + pointer-events: none; +} + +/** + * Modal (<dialog>) + */ +:root, +:host { + --pico-scrollbar-width: 0px; +} + +dialog { + display: flex; + z-index: 999; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + width: inherit; + min-width: 100%; + height: inherit; + min-height: 100%; + padding: 0; + border: 0; + -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); + backdrop-filter: var(--pico-modal-overlay-backdrop-filter); + background-color: var(--pico-modal-overlay-background-color); + color: var(--pico-color); +} +dialog > article { + width: 100%; + max-height: calc(100vh - var(--pico-spacing) * 2); + margin: var(--pico-spacing); + overflow: auto; +} +@media (min-width: 576px) { + dialog > article { + max-width: 510px; + } +} +@media (min-width: 768px) { + dialog > article { + max-width: 700px; + } +} +dialog > article > header > * { + margin-bottom: 0; +} +dialog > article > header .close, dialog > article > header :is(a, button)[rel=prev] { + margin: 0; + margin-left: var(--pico-spacing); + padding: 0; + float: right; +} +dialog > article > footer { + text-align: right; +} +dialog > article > footer button, +dialog > article > footer [role=button] { + margin-bottom: 0; +} +dialog > article > footer button:not(:first-of-type), +dialog > article > footer [role=button]:not(:first-of-type) { + margin-left: calc(var(--pico-spacing) * 0.5); +} +dialog > article .close, dialog > article :is(a, button)[rel=prev] { + display: block; + width: 1rem; + height: 1rem; + margin-top: calc(var(--pico-spacing) * -1); + margin-bottom: var(--pico-spacing); + margin-left: auto; + border: none; + background-image: var(--pico-icon-close); + background-position: center; + background-size: auto 1rem; + background-repeat: no-repeat; + background-color: transparent; + opacity: 0.5; + transition: opacity var(--pico-transition); +} +dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + opacity: 1; +} +dialog:not([open]), dialog[open=false] { + display: none; +} + +.modal-is-open { + padding-right: var(--pico-scrollbar-width, 0px); + overflow: hidden; + pointer-events: none; + touch-action: none; +} +.modal-is-open dialog { + pointer-events: auto; + touch-action: auto; +} + +:where(.modal-is-opening, .modal-is-closing) dialog, +:where(.modal-is-opening, .modal-is-closing) dialog > article { + animation-duration: 0.2s; + animation-timing-function: ease-in-out; + animation-fill-mode: both; +} +:where(.modal-is-opening, .modal-is-closing) dialog { + animation-duration: 0.8s; + animation-name: modal-overlay; +} +:where(.modal-is-opening, .modal-is-closing) dialog > article { + animation-delay: 0.2s; + animation-name: modal; +} + +.modal-is-closing dialog, +.modal-is-closing dialog > article { + animation-delay: 0s; + animation-direction: reverse; +} + +@keyframes modal-overlay { + from { + -webkit-backdrop-filter: none; + backdrop-filter: none; + background-color: transparent; + } +} +@keyframes modal { + from { + transform: translateY(-100%); + opacity: 0; + } +} +/** + * Nav + */ +:where(nav li)::before { + float: left; + content: ""; +} + +nav, +nav ul { + display: flex; +} + +nav { + justify-content: space-between; + overflow: visible; +} +nav ol, +nav ul { + align-items: center; + margin-bottom: 0; + padding: 0; + list-style: none; +} +nav ol:first-of-type, +nav ul:first-of-type { + margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1); +} +nav ol:last-of-type, +nav ul:last-of-type { + margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1); +} +nav li { + display: inline-block; + margin: 0; + padding: var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal); +} +nav li :where(a, [role=link]) { + display: inline-block; + margin: calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1); + padding: var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal); + border-radius: var(--pico-border-radius); +} +nav li :where(a, [role=link]):not(:hover) { + text-decoration: none; +} +nav li button, +nav li [role=button], +nav li [type=button], +nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]), +nav li select { + height: auto; + margin-right: inherit; + margin-bottom: 0; + margin-left: inherit; + padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal); +} +nav[aria-label=breadcrumb] { + align-items: center; + justify-content: start; +} +nav[aria-label=breadcrumb] ul li:not(:first-child) { + margin-inline-start: var(--pico-nav-link-spacing-horizontal); +} +nav[aria-label=breadcrumb] ul li a { + margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0; + margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1); +} +nav[aria-label=breadcrumb] ul li:not(:last-child)::after { + display: inline-block; + position: absolute; + width: calc(var(--pico-nav-link-spacing-horizontal) * 4); + margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1); + content: var(--pico-nav-breadcrumb-divider); + color: var(--pico-muted-color); + text-align: center; + text-decoration: none; + white-space: nowrap; +} +nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) { + background-color: transparent; + color: inherit; + text-decoration: none; + pointer-events: none; +} + +aside nav, +aside ol, +aside ul, +aside li { + display: block; +} +aside li { + padding: calc(var(--pico-nav-element-spacing-vertical) * 0.5) var(--pico-nav-element-spacing-horizontal); +} +aside li a { + display: block; +} +aside li [role=button] { + margin: inherit; +} + +[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after { + content: "\\"; +} + +/** + * Progress + */ +progress { + display: inline-block; + vertical-align: baseline; +} + +progress { + -webkit-appearance: none; + -moz-appearance: none; + display: inline-block; + appearance: none; + width: 100%; + height: 0.5rem; + margin-bottom: calc(var(--pico-spacing) * 0.5); + overflow: hidden; + border: 0; + border-radius: var(--pico-border-radius); + background-color: var(--pico-progress-background-color); + color: var(--pico-progress-color); +} +progress::-webkit-progress-bar { + border-radius: var(--pico-border-radius); + background: none; +} +progress[value]::-webkit-progress-value { + background-color: var(--pico-progress-color); + -webkit-transition: inline-size var(--pico-transition); + transition: inline-size var(--pico-transition); +} +progress::-moz-progress-bar { + background-color: var(--pico-progress-color); +} +@media (prefers-reduced-motion: no-preference) { + progress:indeterminate { + background: var(--pico-progress-background-color) linear-gradient(to right, var(--pico-progress-color) 30%, var(--pico-progress-background-color) 30%) top left/150% 150% no-repeat; + animation: progress-indeterminate 1s linear infinite; + } + progress:indeterminate[value]::-webkit-progress-value { + background-color: transparent; + } + progress:indeterminate::-moz-progress-bar { + background-color: transparent; + } +} + +@media (prefers-reduced-motion: no-preference) { + [dir=rtl] progress:indeterminate { + animation-direction: reverse; + } +} + +@keyframes progress-indeterminate { + 0% { + background-position: 200% 0; + } + 100% { + background-position: -200% 0; + } +} +/** + * Tooltip ([data-tooltip]) + */ +[data-tooltip] { + position: relative; +} +[data-tooltip]:not(a, button, input, [role=button]) { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} +[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after { + display: block; + z-index: 99; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0.25rem 0.5rem; + overflow: hidden; + transform: translate(-50%, -0.25rem); + border-radius: var(--pico-border-radius); + background: var(--pico-tooltip-background-color); + content: attr(data-tooltip); + color: var(--pico-tooltip-color); + font-style: normal; + font-weight: var(--pico-font-weight); + font-size: 0.875rem; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + pointer-events: none; +} +[data-tooltip][data-placement=top]::after, [data-tooltip]::after { + padding: 0; + transform: translate(-50%, 0rem); + border-top: 0.3rem solid; + border-right: 0.3rem solid transparent; + border-left: 0.3rem solid transparent; + border-radius: 0; + background-color: transparent; + content: ""; + color: var(--pico-tooltip-background-color); +} +[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after { + top: 100%; + bottom: auto; + transform: translate(-50%, 0.25rem); +} +[data-tooltip][data-placement=bottom]:after { + transform: translate(-50%, -0.3rem); + border: 0.3rem solid transparent; + border-bottom: 0.3rem solid; +} +[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after { + top: 50%; + right: 100%; + bottom: auto; + left: auto; + transform: translate(-0.25rem, -50%); +} +[data-tooltip][data-placement=left]:after { + transform: translate(0.3rem, -50%); + border: 0.3rem solid transparent; + border-left: 0.3rem solid; +} +[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after { + top: 50%; + right: auto; + bottom: auto; + left: 100%; + transform: translate(0.25rem, -50%); +} +[data-tooltip][data-placement=right]:after { + transform: translate(-0.3rem, -50%); + border: 0.3rem solid transparent; + border-right: 0.3rem solid; +} +[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { + opacity: 1; +} +@media (hover: hover) and (pointer: fine) { + [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { + --pico-tooltip-slide-to: translate(-50%, -0.25rem); + transform: translate(-50%, 0.75rem); + animation-duration: 0.2s; + animation-fill-mode: forwards; + animation-name: tooltip-slide; + opacity: 0; + } + [data-tooltip]:focus::after, [data-tooltip]:hover::after { + --pico-tooltip-caret-slide-to: translate(-50%, 0rem); + transform: translate(-50%, -0.25rem); + animation-name: tooltip-caret-slide; + } + [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after { + --pico-tooltip-slide-to: translate(-50%, 0.25rem); + transform: translate(-50%, -0.75rem); + animation-name: tooltip-slide; + } + [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after { + --pico-tooltip-caret-slide-to: translate(-50%, -0.3rem); + transform: translate(-50%, -0.5rem); + animation-name: tooltip-caret-slide; + } + [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after { + --pico-tooltip-slide-to: translate(-0.25rem, -50%); + transform: translate(0.75rem, -50%); + animation-name: tooltip-slide; + } + [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after { + --pico-tooltip-caret-slide-to: translate(0.3rem, -50%); + transform: translate(0.05rem, -50%); + animation-name: tooltip-caret-slide; + } + [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after { + --pico-tooltip-slide-to: translate(0.25rem, -50%); + transform: translate(-0.75rem, -50%); + animation-name: tooltip-slide; + } + [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after { + --pico-tooltip-caret-slide-to: translate(-0.3rem, -50%); + transform: translate(-0.05rem, -50%); + animation-name: tooltip-caret-slide; + } +} +@keyframes tooltip-slide { + to { + transform: var(--pico-tooltip-slide-to); + opacity: 1; + } +} +@keyframes tooltip-caret-slide { + 50% { + opacity: 0; + } + to { + transform: var(--pico-tooltip-caret-slide-to); + opacity: 1; + } +} + +/** + * Accessibility & User interaction + */ +[aria-controls] { + cursor: pointer; +} + +[aria-disabled=true], +[disabled] { + cursor: not-allowed; +} + +[aria-hidden=false][hidden] { + display: initial; +} + +[aria-hidden=false][hidden]:not(:focus) { + clip: rect(0, 0, 0, 0); + position: absolute; +} + +a, +area, +button, +input, +label, +select, +summary, +textarea, +[tabindex] { + -ms-touch-action: manipulation; +} + +[dir=rtl] { + direction: rtl; +} + +/** + * Reduce Motion Features + */ +@media (prefers-reduced-motion: reduce) { + *:not([aria-busy=true]), + :not([aria-busy=true])::before, + :not([aria-busy=true])::after { + background-attachment: initial !important; + animation-duration: 1ms !important; + animation-delay: -1ms !important; + animation-iteration-count: 1 !important; + scroll-behavior: auto !important; + transition-delay: 0s !important; + transition-duration: 0s !important; + } +} + +/* CUSTOM FEATURES */ + +/* Intended for use in constructions such as: + * <h3> + * Austrian National Bank<br> + * <span lang="de">Oesterreichische Nationalbank</span> + * </h3> + */ + +/* TODO: Just use a hamburger menu on mobile! */ +nav { + overflow: scroll; +} + +:has(> .translation) { + line-height: 1.1; +} + +.translation { + opacity: 0.5; +} + +.button-grid { + display: grid; + grid-template-columns: repeat( + auto-fit, + minmax(min(var(--button-min-width), 100%), 1fr) + ); + column-gap: var(--pico-grid-column-gap); + row-gap: var(--pico-grid-row-gap); + + > * { + margin: 0; + } +} + +.no-deco { + text-decoration: none; +} + +[data-numeric] { + text-align: right; +} + +a:not(:hover) { + text-decoration: none; +} + +dl dd:has(+ dt) { + margin-bottom: var(--pico-block-spacing-vertical); +} + +a[href^="mailto:"] { + display: inline-block; +} + +article > details { + margin-bottom: 0; +} + +article article { + background: var(--pico-background-color); +} + +:root { + --euro-cash-design-width: 30%; +} + +.design-container { + display: flex; + justify-content: space-around; + align-items: center; + + > * { + width: var(--euro-cash-design-width); + } + + + :is(.design-container, p) { + margin-top: var(--block-spacing-vertical); + } +} + +figcaption { + text-align: center; +} diff --git a/static/style.css b/static/style.css index 9ce0d82..141f3e0 100644 --- a/static/style.css +++ b/static/style.css @@ -27,22 +27,31 @@ */ @font-face { - font-family: 'Ysabeau'; - src: url('/fonts/ysabeau-regular.woff2') format('woff2'); - font-weight: normal; + font-family: 'Source Sans 3'; + src: url('/fonts/source-sans-3-normal.otf') format('opentype'); font-style: normal; } @font-face { - font-family: 'Ysabeau'; - src: url('/fonts/ysabeau-regular-italic.woff2') format('woff2'); - font-weight: normal; + font-family: 'Source Sans 3'; + src: url('/fonts/source-sans-3-italic.otf') format('opentype'); + font-style: italic; +} + +@font-face { + font-family: 'Source Serif 4'; + src: url('/fonts/source-serif-4-normal.otf') format('opentype'); + font-style: normal; +} + +@font-face { + font-family: 'Source Serif 4'; + src: url('/fonts/source-serif-4-italic.otf') format('opentype'); font-style: italic; } :root { - --font-family: "Ysabeau", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol", "Noto Color Emoji"; + --font-family: 'Source Sans 3', sans-serif; --line-height: 1.5; --font-weight: 400; --font-size: 16px; @@ -78,12 +87,12 @@ } @media (min-width: 992px) { :root { - --font-size: 19px; + --font-size: 20px; } } @media (min-width: 1200px) { :root { - --font-size: 20px; + --font-size: 22px; } } @@ -140,7 +149,8 @@ h3, h4, h5, h6 { - --font-weight: 700; + --font-weight: 500; + --font-family: 'Source Serif 4', serif; } h1 { @@ -188,8 +198,7 @@ tfoot td { --font-size: 0.875em; } -[data-theme=light], -:root:not([data-theme=dark]) { +[data-theme=light] { --background-color: #fff; --color: hsl(205, 20%, 32%); --h1-color: hsl(205, 30%, 15%); @@ -294,113 +303,6 @@ tfoot td { color-scheme: light; } -@media only screen and (prefers-color-scheme: dark) { - :root:not([data-theme]) { - --background-color: #11191f; - --color: hsl(205, 16%, 77%); - --h1-color: hsl(205, 20%, 94%); - --h2-color: #e1e6eb; - --h3-color: hsl(205, 18%, 86%); - --h4-color: #c8d1d8; - --h5-color: hsl(205, 16%, 77%); - --h6-color: #afbbc4; - --muted-color: hsl(205, 10%, 50%); - --muted-border-color: #1f2d38; - --primary: hsl(195, 85%, 41%); - --primary-hover: hsl(195, 80%, 50%); - --primary-focus: rgba(16, 149, 193, 0.25); - --primary-inverse: #fff; - --secondary: hsl(205, 15%, 41%); - --secondary-hover: hsl(205, 10%, 50%); - --secondary-focus: rgba(115, 130, 140, 0.25); - --secondary-inverse: #fff; - --contrast: hsl(205, 20%, 94%); - --contrast-hover: #fff; - --contrast-focus: rgba(115, 130, 140, 0.25); - --contrast-inverse: #000; - --mark-background-color: #d1c284; - --mark-color: #11191f; - --ins-color: #388e3c; - --del-color: #c62828; - --blockquote-border-color: var(--muted-border-color); - --blockquote-footer-color: var(--muted-color); - --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - --form-element-background-color: #11191f; - --form-element-border-color: #374956; - --form-element-color: var(--color); - --form-element-placeholder-color: var(--muted-color); - --form-element-active-background-color: var(--form-element-background-color); - --form-element-active-border-color: var(--primary); - --form-element-focus-color: var(--primary-focus); - --form-element-disabled-background-color: hsl(205, 25%, 23%); - --form-element-disabled-border-color: hsl(205, 20%, 32%); - --form-element-disabled-opacity: 0.5; - --form-element-invalid-border-color: #b71c1c; - --form-element-invalid-active-border-color: #c62828; - --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25); - --form-element-valid-border-color: #2e7d32; - --form-element-valid-active-border-color: #388e3c; - --form-element-valid-focus-color: rgba(56, 142, 60, 0.25); - --switch-background-color: #374956; - --switch-color: var(--primary-inverse); - --switch-checked-background-color: var(--primary); - --range-border-color: #24333e; - --range-active-border-color: hsl(205, 25%, 23%); - --range-thumb-border-color: var(--background-color); - --range-thumb-color: var(--secondary); - --range-thumb-hover-color: var(--secondary-hover); - --range-thumb-active-color: var(--primary); - --table-border-color: var(--muted-border-color); - --table-row-stripped-background-color: rgba(115, 130, 140, 0.05); - --code-background-color: #18232c; - --code-color: var(--muted-color); - --code-kbd-background-color: var(--contrast); - --code-kbd-color: var(--contrast-inverse); - --code-tag-color: hsl(330, 30%, 50%); - --code-property-color: hsl(185, 30%, 50%); - --code-value-color: hsl(40, 10%, 50%); - --code-comment-color: #4d606d; - --accordion-border-color: var(--muted-border-color); - --accordion-active-summary-color: var(--primary); - --accordion-close-summary-color: var(--color); - --accordion-open-summary-color: var(--muted-color); - --card-background-color: #141e26; - --card-border-color: var(--card-background-color); - --card-box-shadow: - 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), - 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), - 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), - 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), - 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), - 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), - 0 0 0 0.0625rem rgba(0, 0, 0, 0.015); - --card-sectionning-background-color: #18232c; - --dropdown-background-color: hsl(205, 30%, 15%); - --dropdown-border-color: #24333e; - --dropdown-box-shadow: var(--card-box-shadow); - --dropdown-color: var(--color); - --dropdown-hover-background-color: rgba(36, 51, 62, 0.75); - --modal-overlay-background-color: rgba(36, 51, 62, 0.8); - --progress-background-color: #24333e; - --progress-color: var(--primary); - --loading-spinner-opacity: 0.5; - --tooltip-background-color: var(--contrast); - --tooltip-color: var(--contrast-inverse); - --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); - --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); - --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); - --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); - --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); - --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); - --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); - --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); - --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); - --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); - --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); - color-scheme: dark; - } -} [data-theme=dark] { --background-color: #11191f; --color: hsl(205, 16%, 77%); @@ -560,6 +462,7 @@ main, header { body { width: 100%; margin: 0; + hyphens: auto; } body > header, body > main, @@ -618,10 +521,12 @@ section { figure { display: block; margin: 0; + margin-bottom: var(--typography-spacing-vertical); padding: 0; overflow-x: auto; } figure figcaption { + text-align: center; padding: calc(var(--spacing) * 0.5) 0; color: var(--muted-color); } @@ -653,7 +558,6 @@ sup { address, blockquote, dl, -figure, form, ol, p, @@ -2245,81 +2149,16 @@ textarea, min-width: 0; } -.country-grid, .series-grid { - row-gap: var(--grid-spacing-vertical); -} - -.country-grid:first-of-type, .series-grid:first-of-type { - margin-top: var(--block-spacing-vertical); -} - -.country-grid, .series-grid, .lang-grid { +.button-grid { display: grid; grid-template-columns: repeat( auto-fit, - minmax(min(220px, 100%), 1fr) + minmax(min(var(--button-min-width), 100%), 1fr) ); column-gap: var(--grid-spacing-horizontal); } -.country-grid a, .lang-grid button { - text-align: left; -} - -.country-grid a::before, .lang-grid span::before { - display: inline-block; - content: attr(data-code); - font-weight: bold; - width: 4ch; -} - -#nav-icon-lang a { - display: flex; - align-items: center; - gap: .5ch; -} - -#nav-icon-lang svg { - stroke: var(--color); - height: 1rem; -} - -#nav-icon-theme button { - background-color: unset; - margin: 0; - display: flex; - justify-content: center; - align-items: center; - height: 1.5rem; -} - -#nav-icon-theme svg { - --size: 1.2rem; - stroke: var(--primary); - stroke-width: .1; - height: var(--size); - width: var(--size); -} - -[data-theme="light"] #nav-icon-theme svg { - fill: var(--primary); -} - -#article-list td:first-child { - text-align: right; - width: 14ch; -} - -#article-list td { - white-space: nowrap; -} - -.mintage-table .mintage-table-cc { - white-space: nowrap; -} - -.mintage-table tr :is(th, td):not(:first-child), -.mintage-table-cc tr :is(th, td):last-child { +:is(td, th)[data-numeric] { text-align: right; } @@ -2333,23 +2172,18 @@ a[role=button].outline:is(:hover, :active, :focus) { --color: var(--primary-hover); } -.bnote-design-container { - gap: 5%; -} - -.bnote-design-container > img { - width: 100%; -} - -.design-container, -.bnote-design-container { +.design-container { display: flex; justify-content: space-around; align-items: center; -} -.design-container + :is(.design-container, p) { - margin-top: var(--block-spacing-vertical); + > * { + width: 30%; + } + + + :is(.design-container, p) { + margin-top: var(--block-spacing-vertical); + } } img.big { @@ -2360,20 +2194,25 @@ div.grid:not(:first-of-type) { margin-top: var(--grid-spacing-vertical); } -dl.unix-style { - display: grid; - grid-template-columns: max-content auto; - row-gap: var(--spacing); +dl dt:not(:first-child) { + margin-top: var(--block-spacing-vertical); } -dl.unix-style dt { - grid-column-start: 1; +.error { + color: var(--del-color); } -dl.unix-style dd { - grid-column-start: 2; -} +/* Intended for use in constructions such as: + * <h3> + * Austrian National Bank<br> + * <span lang="de">Oesterreichische Nationalbank</span> + * </h3> + */ -dl dt:not(:first-child) { - margin-top: var(--block-spacing-vertical); +:has(> .translation) { + line-height: 1.1; } + +.translation { + opacity: 0.5; +}
\ No newline at end of file |
