From efc59f343ce6a209853e9470e5129e1ef6e326f7 Mon Sep 17 00:00:00 2001 From: jaylin <chieh.lin@rwth-aachen.de> Date: Thu, 29 Feb 2024 14:56:41 +0100 Subject: [PATCH] Push existing project to GitLab --- my_flask_app/__init__.py | 5 + .../__pycache__/__init__.cpython-39.pyc | Bin 0 -> 286 bytes my_flask_app/__pycache__/main.cpython-39.pyc | Bin 0 -> 14632 bytes .../__pycache__/models.cpython-39.pyc | Bin 0 -> 4544 bytes my_flask_app/main.py | 531 + my_flask_app/models/__init__.py | 0 .../__pycache__/__init__.cpython-39.pyc | Bin 0 -> 156 bytes .../models/__pycache__/models.cpython-39.pyc | Bin 0 -> 4551 bytes my_flask_app/models/models.py | 135 + my_flask_app/static/script.js | 0 .../static/uikit-3.18.0/css/uikit-rtl.css | 12627 ++++++++++++++++ .../static/uikit-3.18.0/css/uikit-rtl.min.css | 1 + .../static/uikit-3.18.0/css/uikit.css | 12627 ++++++++++++++++ .../static/uikit-3.18.0/css/uikit.min.css | 1 + .../static/uikit-3.18.0/js/uikit-icons.js | 181 + .../static/uikit-3.18.0/js/uikit-icons.min.js | 1 + my_flask_app/static/uikit-3.18.0/js/uikit.js | 9764 ++++++++++++ .../static/uikit-3.18.0/js/uikit.min.js | 1 + my_flask_app/templates/app.html | 629 + my_flask_app/templates/select_database.html | 19 + pyproject.toml | 9 + requirements.txt | 5 + 22 files changed, 36536 insertions(+) create mode 100644 my_flask_app/__init__.py create mode 100644 my_flask_app/__pycache__/__init__.cpython-39.pyc create mode 100644 my_flask_app/__pycache__/main.cpython-39.pyc create mode 100644 my_flask_app/__pycache__/models.cpython-39.pyc create mode 100644 my_flask_app/main.py create mode 100644 my_flask_app/models/__init__.py create mode 100644 my_flask_app/models/__pycache__/__init__.cpython-39.pyc create mode 100644 my_flask_app/models/__pycache__/models.cpython-39.pyc create mode 100644 my_flask_app/models/models.py create mode 100644 my_flask_app/static/script.js create mode 100644 my_flask_app/static/uikit-3.18.0/css/uikit-rtl.css create mode 100644 my_flask_app/static/uikit-3.18.0/css/uikit-rtl.min.css create mode 100644 my_flask_app/static/uikit-3.18.0/css/uikit.css create mode 100644 my_flask_app/static/uikit-3.18.0/css/uikit.min.css create mode 100644 my_flask_app/static/uikit-3.18.0/js/uikit-icons.js create mode 100644 my_flask_app/static/uikit-3.18.0/js/uikit-icons.min.js create mode 100644 my_flask_app/static/uikit-3.18.0/js/uikit.js create mode 100644 my_flask_app/static/uikit-3.18.0/js/uikit.min.js create mode 100644 my_flask_app/templates/app.html create mode 100644 my_flask_app/templates/select_database.html create mode 100644 pyproject.toml create mode 100644 requirements.txt diff --git a/my_flask_app/__init__.py b/my_flask_app/__init__.py new file mode 100644 index 0000000..16518bf --- /dev/null +++ b/my_flask_app/__init__.py @@ -0,0 +1,5 @@ +from flask import Flask + +app = Flask(__name__, template_folder="templates") + +import my_flask_app.main diff --git a/my_flask_app/__pycache__/__init__.cpython-39.pyc b/my_flask_app/__pycache__/__init__.cpython-39.pyc new file mode 100644 index 0000000000000000000000000000000000000000..32aa421ba46b9a29d50d12b8ea9ead324ab514c9 GIT binary patch literal 286 zcmYe~<>g{vU|{$^VO?q(0|Ucj5C<8vFfcGUFfcF_t1vJyq%fo~<}l<kMlmunq%x*5 zr7)#1_cBE>r!b_j<gi4srmzGvXtKTp>DOeu#p;%mSe$)}vm`aQASbaTwOEt!7C(#= zpO&AKl3L`a$##o14WzD!iGhLP7Ds%1USe))eEcou#Dan-!Q9Gtuxxx{L4jUwVrE_x z53<loh9V9I1_<%XN<XwXwWwG>IU_SQL*FH}IJ+djKp$B-DknZZGcU6wK3=b&@)n0p VZhlH>PO2Rv$gdzz^Dyx+0RW{-P(uI! literal 0 HcmV?d00001 diff --git a/my_flask_app/__pycache__/main.cpython-39.pyc b/my_flask_app/__pycache__/main.cpython-39.pyc new file mode 100644 index 0000000000000000000000000000000000000000..7f1701b3638f7875b2bf7d8f5cf3b86b29fd50f6 GIT binary patch literal 14632 zcmYe~<>g{vU|=|X_d@CfKL&=!APzESVPIfzU|?V<p2En$kiw9{n8T3E7{$oQkiwM0 zoWqpM9L1c=62+3s8pX;8l4r?b%Vm#Z2eVmoIC43oICHt8xN^CpxN~`;cyf88c)@aP zIefYNQT$*wdyYVqKng<&dyZg~Aea`45(3j8K1V8JmT(HE4MPeSn8j_wkjmc75G9f- zvOqMIaUsYpJgJQFV(AP~;;D>T5-GeXd@20tOeq4rOeumXLM;r<j8T$c8Q~PZbVjha zNQx*}Tna2M1{W7kkpPQJr%0wqwJ=1<q*$lOq{y}~M#-kgrO3B1M9HNnq$sv9M9HVv zq$s5*w=hO2q^P8*wlG8~rl_T;w=hI0rD&vRwlG8~r)Z^Uw=hJhr0AsRwlGAgrs$>U zw=hJhr5L0bwlGAgr)s1aWiw4+EJ{md%+gFTPBH0aWMpt>NHI+@Yhg$+Yi5dKb!SL1 zPqAoWNU>;Uieh$WNU=<@YGFvRYG#UJNnsCW(6oICiZ4yZTg-_C1uq#H7#K8}Z?T3X zCgr5wVsp;VDb3Bh#Tt^4nwzT0c#A7I(8n<+IU_Z<Qj_%-dscCNUS?Y5E&ig^yp+_U z_>$Dzf}F&X)LZODsfDGf#U;1ci&Kk>GxPIqaTcfMrNpOY=75Z0DM_s;@pFrk0~zPz z?BVJg86Ohl=<FTu>+j;}=IQJh;_2@fTxC>{UtE%2lv-SvW2LVT<5(3W78jT27o|Al z<R>TQWaJl@Secp_8|jy%7MDbcBbn*q7~<&U80;D!8sr(pn_C%QoSIyeS`wd~TKS7n z{}xMte{jexW_Q;RO~za7xv3=?`6<Q8px}UE9tH*mZUzPhXHXJ8z`(#z!jQ$7#gxTd z%aG1c%UHtF%uvfz!rIJG%Ur^i#lC<eg)xO;AyX|2l*hD?F@-sssg|{bvxcFDrG~MF zwV9=st%R$Ft%f;;MUo+f6$G1EYuQV<YuK9^YdK1I(iyUuiV9NLYB}??K>AV`N_bM( zn^|hPO1Nsc(DZSaaMy4*GuCpJ@RsnUa5OVEGcq!i@TY+6W2#}TVX0xO;i%y(;Ys1@ z<qT%f<o3J8Rt$>3#9JK28TsY$i8(p9SVD?QQ-5(f<&>r>_$8KAhTLLsi{eTxOU)~Z zPf09Etl~&4DA3C&$<5K^xWxeyNlGkEy~PeOsJKX&fq~%`KZF+_oSKuGT#}k{i>(Bd zh>CBqW#%TPry4?Oqg%WwMfn8<sVVW9C8@c^ngX|&Qj%`5rRJq)=B3_ZE-lI_5(k;b znVwn_3~?!l2~L8=MWEv57E4-wQSL3~^wg4De3`ig`9&qZsU?XZcirMnE=o--Np&wu zEXcUUlb)KFT9jCl8lPH}QX~s9m9?NKGq2<pUwUc@IE_PWDB=XAdmf0z{1A7?7ehT# zBmvUMRszZc#YK_~3=CioN3lcH8AfrXgKUd;@eeU9k_Ji3fHXj*jcy^NjaD)g=`k=c z{4&!IElw>e)=$pJOwG`DNiEJU$uH2)t&C60Ni5EePb@&^BxdI66;$40&CE+ltq=jF zMg>qBW#(dJVPa!sW8z~JVB%vGVdP-q0P{dB9;PA#1_p*I9{r5Oyp)_&T~N5ABySD| z1_m}*^6r5q?^=c$h6PM1j0+iS8Nn>3g^aaKHB6v{T%=dRynv+!Tx#Y?)i9;7WHS|c z)G(GXmoXH1lrS$~g~)-De-=j;XDxFHS2IH`O9^)ka|%NVa|$T=vzG9H5@rgUBtr^2 z2sX3UvX$`Gur)K*vX}7Hu%~eJG6pkfa{Aq30VR=JY>CMwpfZFtF(oB6C5pW$H8;O3 zHN~w+l!1XEM3b=y6yBQr(6j+6l!{b9(EyHcw#0&h)V!2iY!F>Vav&Lb5CIB7aEuoz zfw-z5LJdTyg9uRAXmZ?Q0i~)aPLMm|^AdAYi;O^$pafc^4Pxnl2we~Xas)VbA%s3C z4RAw3J{}bEhM-uJ0>v5=8zUDZ7ZV2~52FAh7c&<l8zUs{iY!3!#jl^9TA~Y1T)H6J zQKAe~p)$jw%mho6l`z*p$^aG+4Jw^#n3@?u<x>h%4Ra=AGbm`8{cdrAEdcxJ78fXM z$Abkl*}=hB1Tq>DiW(q~C=`~a7FB`^15nnFPs=ZYsE<$1&nrpIE4d{M&ua+7iok)$ zQe+MaA4`xq>`>)JRv;lzUO);hP^N^M3i7uHD8N7^FatQiIG8z@Ihcy<7#J9mLDdu} zBtaOIfI%2sMz=69Fw`&<bEGf^Gt@AoFiA4hGNv%sGSx7;FvN<~GJ}$A4fAY<6xO-S z<_xt=g%UMPDQqBC2}25d31baIGh;K83q!0?ElUkk3I|9ARB}r)fc3N1Fr{$Tu+C;k z;ezUqs9{Rs2B|7^sbNat0kLYBf*CY<{i^u<@)bb-P)N%!%}dcM0y(-W$OatD3duQ% z#l^PjrP+{(R)8^di*plmauD2%{Ib*{1UDtKEHfpwNZrn+BqKF3#m=Ur$gYaTrX<6z ziq%FRM2XnwmlWB7*bw=o{FF+&B2bb6se`CafvAR3MRrvJHu@!Cg*N(N=h<m8-C`|D z%u7$b#hjCxr^!}i3ynQcd!RT9ns`7leTz9cKj#)>W)UcTLn0F#t@@w{wqamk2m?hU zD046{vM{nRaWJwlaxe-paWD%pf^vWmBNrnFV-ZN@OHjd<%mj*5C<c}Gpfm)I+gS_@ zpjwxygaH&wwag`qDU9H_WU679&5*)e!#JBEg=H?N7G)`6$^sQsEHw-@j47;hm=-cE zU|q;i%UZ))?2*n8%uvFZ0xE9Upz7FC*lQRv8KJ7!Q#evMTNrBCT^K+$at+f0wi*sl zL$QX{g&|g`mJ=jW!d}DK3@!)@n`%HY&gECd7wqce>Kvk=rQjCi@2hZ&QLl<!!N=3r zGeqGRqqQbe5jYR9<(1|pr505+a48@GsMcg~iwm4BQKZ2JX6At^zC=)A7!Rp!^&skt zQPhTexCXf@fFlxYkb<p(6@q6CR||FyN?rnmJ*b2U2E`dDHqset7-D&98EY6*7$g}c zG8M7}Gpu9;CuMM4Yckzp(ldzShByOk8(17dfYQJ%E}NXp;*#Y2+yc8M1_p-Dps1}f zAyl5|*?=2&#ddlK?V21#nxIt03nIYfIH+xQi#@d>HMz7THHsrGwIn$sF(;?U6qH(7 zK=x{Kfqhxz&cMJB#RDyU;z2S+LLedT;=&ww8OBzWT3nh_atkU5N$WgFek(3=1ewfS zlwS_<AtI?;GcYjZfPxKD#IrDSFv&1VFtISQFmteqG4nBUF>^2qFcpE+p@caoYqG*h zbWr_M!jQt)%vj4<!kERhfVqY-g$bHASr#&+FiSFkD&t@VO%}hZB6w6nQx7DTAxT34 zE{QAcfK?YG)De?zAfX8=$~0MvP$Qzq2Na-?NXXAi)no>%y~SKym;(-L^biBZWj83q zK&3YWBL}M#BRGCh>N`;AfH1fOKnfiOXy`D2nkk^pWD5hRjBf@vRUn~b0u2;MaDdY$ zBwu35Mi4b6iPk7lLsWJs0@YJsziBcRd4iH=0Ehsm3@`!81w~#A3=A_t;@+StUKZZA z#hT7pu!XE9b5S7306!1`YLbHOgb-jW6d4#8rh&o}RAMrK3s*kIB9Le@C{Kg(9SDO$ z8y=z{XJs<fveYo7FlI9q3DmFzGt@8@$&@gFS`B$jDGar&C5+&H3sWsi4ReuM2~!OV zxR1dMrCA^}NT()~Uy&H7CCyso3(6-V;0zg`nU`6TnV18q+KX=~q*fFp=B31!<i}^` zCFhi;q{bJeg1U_<FclIIeUOY-jA(2W-;#mJ<Q10`C1&Q8Aj@j9L7H=*j9sJ!3MNp; zqzIHDZ;3z>JG@a3DFVRp117*B2x<b(1%)7}=mS+(9E>c?0?b^@ER4|B2S^1<4FzhS zfI<|UKBq7+Fl2)ACqofW3S%Bq3R5j}4P%i+3Nx6^Qo@kJ0<N)GYglG8q_E9pZDy=x z&19%$t6?Z|s$r;MOJTQRs9`Mft6{8ROX0AArE=C9wuMZ!?4TMcR<D+$h9iclma~?t zgr$bFhO3#Wmb-?#hN%WL$iZ2{3W~Ye40D-kxZ~Lh6JT|dl%t;uv`&B|c2KPVVS(eU zN)4d^)X-J1RdDo+)PPhR#qe;`M5?x+`3oGf;OwP?VgZrm4_p~?@l#S+kg8y-pbqN2 zD}*>Y`M9dX)%{{rsA7ZEVvuqL6xFvF^EBD9Wt$>U+Aji)LEU1_NlZ%3(d2>X0<}xP zX(LJi5)7bfASDx2xkgEX{e<u}k`x!H!hlHMVk<~2O3W=T0%u83uD`_zmhnr>O})hp zW<vUxw^+d(NM=Q(w;%=vhOMCV25Mt7FtRZ7F!C_7urU1rVJ;39a8rqek%NhkiGz^? z+)xr?Dgx<3DW*W3S9lt%gQP)F*NtHzsMYEb!&J)zX)QG~*1}sxDNHp?pcW6PP2|E5 zs}RFf%T~)?!&bvk##m%j!&buxrrAL$(T1VWsF0_IaRJ0cDX@tgpp;g_(F{uC%ry)( zOg0RKaWxFV44TY-iIbTa7~l~GYUM!F3W^v=JUO{k4;(h&1f<{?tWb~*DF(m-I*8f{ zq#A?~Iv~-8q6Z>`VhgzTLlFU)f~5|CI3qb9UbKKrE=k68ftSChp8^&GvQsPLA!Sy4 zX>nqDDoB5Jaw(<({(cH2$$AKzz+P3bRme^*#SjJO%4BF5LA(c532`q}2t^q*|ALHz zC;|y!1OYB@Ah`?OH_14B1Bw$QZ6NCuY_a$e#SM`Bjv@q#8Pt%06$EbnL9U+eehS{M zk?NQMip}?sk_#NPa67;)5>2*SteK#pC!EEFCMTp|5J#<-Ks6S){wazERW7lhDvk|Q z9HeF6;!MkqhqNA}M2k|>Qj1dal2f4-8rTg{f=I%UNGpl~83Qg3zy!Ds0yVv_fyx9> zMasa$!YshV!6(EF8Y<uc)kTb4Ohq6yC?x=>9So}V!L?8cxDO1?t7$PzwT!h)puQ4# z6admMVoqVIVFc%XmKqiphFCjLDG<W~DgkOaYQc3#4O<FxGjlCh4c7v;8ul6v&`?he zXA0{aW^hl42{hVS!v$g&>J@T;^F5ni)e3k}gQ60e>7l6zlqz(<J>qy!tm-Ia7RTq6 z=H!4z33U{pic(V35=(PRP>ccRU@Z9!qJ@IK54hrsVvckT)?~iL0&>(X4w#E>u|u7r z$ypQ!iYF|M-6BxC{T6p|YKco?Nn%K4K`OX^0PcQha)Z+lBB>PlgPO;@5JyAPN|6&N z4Y7bi1~RS+azjxP$U0Cf_!b*PHF~`f!oa}r2b4xYO&bPA0Y(m1A@Fb#4<idB6C)cV z(_ao&0mdSbI+Sz*YBs{tNf#q%tOS})a)?SNF5q+msVSHifLbMtpw>u{UJ7#!M?5H< zFlDiqF%~7IGt@9;vDbiFGhkYhVF3rE4-H8zP+J4wwz7c7upz0F6P`M`YPeh&Vl}|F zGJ{hmcMY<=OThMWg3@O^SK*Svx*7(k$!p*ygW6a;(0)D-++^MwUKfVgmRi0Vz8JPz z_FDd0fm*>@p<3Y@{u;(?<_U~Na)tkD7#48X@GoSn6#=sZ7c$n0)`%4Ss}U{wS0l23 zwMJkeW35<?=mORnp@odK;x%GL|7yfRxJE3Vr-r>oB#XC<aROseQ91*N4Gs^HEZ!P+ zaCnG;bI-rR8_?X7Xv&Da)&v#gkdy!}N^}U7thh1^q%uGh)Wx70sw5dDv*D^0a8+(3 z)MY64KuZ4-Sj`5?0-zQt#ED=Yv`|Ml7hG(BT7{v0o`IpR>X0@dsGtFt>mi8&<cFUQ zxbn>}O3BPi%!x0^F9tURQCvLSLp31C)7LR55?sY1f;KUL8GE8c2^&x(pjO<VD8$lw zLyd69V1+aS%{{cV4@$9V*|2674og7I5#)qKT%!^xhk<M<K(z(Ky9i4lwK-G|#9oLH ziXL$CK@kB38kTAeVge%BLvtx+tB2IAieWhkc~=3N8zGK^cyF{F3W`Bwj1owo#EDv@ z!6QJE4`-X=7HF~)I`7VrSzMZzSy-BSiycB2gPRt&STc(XvTyMeWFry@c&_FaOImh* z+AZd^>|#v`wB|<?xZ?^jCW;qABez0|QbElVK7@&&PHa&+ND$n{Ey#}IEP%Ih1<*^% zqIgiFB>_Z$I>J%hY1!cURgfuBJZaewAAxz?1;|nb$WpveDM+t5iXCc56gyNriUVd+ z6bDQrdgCaRfq_Agk%6HYG#tsmB*4hQ2AXLAb)Q)n!831+A}labE=Dd!uqdklBZn|Z zod7czBNH=Zehy4Bu`%*6axsc97J*Do1~vIW!)PGP&cMI`Z%$<}FfgQm25T9!z|#?P znZ+4WSj0h-4xnzhOf6dtD`<#El3@X8K#i$}xrSvSi#bCrYoSyPYYHofRRdBfhNO}S zG@lBRDRik}1y5A5*02UMXtMiNnWkid=baU*xfB#2tZ0Rz#Jud3%pzMQpCBcLr1a$c zoctnNCFL|QP*RBHs*+bw$jeVjRftw7E~(5(wN*;X%*jbjQBo+*NGwRTRjQIu0-2VQ znVMIUn3oPxVQ66h)@rGskeZSX(wbOQlwS^-fU;G}%g;+yQUD8-BxdHo1i+3+$}h<P z>Eyb_$W_Hu%LQ6l0=DKBcY11xOMXc($W9o?Co?a*Sd$%`Zf~)Ir`vCFgVrcO(oXR$ zP7nvw$}YaeQ(BxFT2PQ$<P2Jfz*r1Uz33?cG+dktN(rE5F9RbJ6VE>;W~RR^tQ?F| zjGzG(5zx#NNEJ#W85G0t0a8%MtOOKe;DP2E#uP@#0Q>@`g`h<rph+g?g^UYWQ$Vxi zEZ{*<W<T)!NEK^oNt&(&sJB^AnUY@;B@B+F__U(@-1wAy$jXW+F35U?_=3FjTWp}I zRWp-YoJnRTsd>ryDXF*EQc^**CTkQYM7N87NE8o*nVX+dnv)vE3g$)e738JIXM$E* zfM;o=cp)aFK*Z341~kQ80ty<?3>yP@WQl`OfUyW94(fS;Qa2ofdOqNuC1{)rG&=zr zZ%<)LVM$?0VNGF6VNc;`<|<)G;Y{I7;Y#65VM*Zvi*u*&fW;Y6)bm2rr|`{T4rb8g z_p4%8HcJM<Dt6^m0}!lYS57kp!76rT12BkUF9OY>f+qici&B&Gi&8+kEX^#<EN?Ly zR<SD^CYl;q7=bi`Q#x3qxkZZkEk+~I%s)tnCUX_HbAE1aex8DRQDP-{@jw+nl8Ay+ zeuXAu5ojb0DY!rhpa|SE2dxsQ0fiZObeM^Qk?%hfgk%G=zk}Bi+~SCj&rQtCi;vIj z6lP%1WW2=!TA+dvsGzw8(5PfF$h1_3D8>|qC?-(((ZUeLoB|3O7O+#2L4A8zRDjqZ zjo{b->8@d{VTfm_VX9$>XRKkaVTfm{VX0w=X9g8D@u0Oo4DqZr>@^JWpjAK&@$5C6 zH4O0_HC#0e@ti3Ppt(FhO|Dz4;Bw*?C#WcZFuCAN=UeR1a^x0UCPb301VXcdOOT=h zP#>0~0F>Tx@{4YPSml{1B^jFBw^)i(bJB`H(|$$GpsE2hJzvxcVzq&Yb`a44B0y#o zb%I!3AOaldU;-5Kpdba!A;iZ|Km<P<BRZ_&1FsR%iw93Q#K-$-vVe4gs^R$fTU_z+ zkPH(ae~TwRzOXbg2O?7hTKIxB!a*saA7mpa$T=V>10x<m!^@zUD0X3BU_g(@RF)Ke zP$p?%Y-WsNO%VWPmKMe+Hpm2X6nhF+3U>=b6h{hA3U3QT6lV%wFoUKbc*r^#R0P4| z9mEDX0vzw4F#}k<r!bT<7J(MxFlIA@XwW<ZC@rKgfYJhJ_BNh56U1f#vsuAxHc-rK zGW*?P@ypLk1rLH~vV%*|TkOgCxw)x%B}I{-XaG%i7G;5=m$@LjxF`=awZmKlnzI9| zE}95Z1db*!0g5YdXwC-(8Xw5<jBJcjjBKDKN{nobReazk0X%|2Q0ApT0SUrjKY|v* zfQsD|#u~<jOevrhaVj;;MGBz)`)r03rn$_)3^kxN9!y0BHH@Ib7{p(|ybv<}T*VU? z?Wh|SZ=h=#tEKXbQAv~K7E@8`E!Nz`lH`nAtfio;;}&a9etBw<Cd)16<Q!-XQU>xY zS9xYhMqp`vNop}tx&ZkOw4$uU8MJf*)RI{R@+K&efLa+Mj8#Gq@1>_AlwiansB!`O zPyoDkX8~gkLl#pFV-3?n=3s`RMg|6kmCWGyF9I!h00;9*Xpn>4Rs^0y1cx@506U63 zJ+%bno(&-PfRYIVV-+vlEg%_`DJxK70%5Q-z=aw^7Np(5RKt|TSOb~}WUFCfVqjzl zW+((F7O=xKnINNEpoXF*)J-5ZxRHn!P(`5D&}NW(IKasO)Xw5!tm22e3R0(|w5C8) zX&}{Lcg2AQr<jVkY8bN^@>psZvlwexYnY29pwnt>pp|JgEGf*OX|WWR8ip+BqMj5s z@bVn?8pbTp6dT7}R&j<D&Kkxn=%O8Qh7|4^#w@nk3@JR|78-92h|O2Sn8iMuA%(vN zL<-Dh7iXyDr~$354Xa_u;&5SzJyFY9!?}P7YA06>XBKDCx)i}0uGtJJLUTa_rJPw@ zDGb@nMMqME!J;BiQSPEEV7};Frdp6bo}wpUz8I9xTl59Y7l-osYPoAzCNLIp)Nn80 zU&v6)T>~19vZ>)nk*HzJ5}3`9A_-P6HJ3F-8ZN>;n;}I8<XdxwT8_dV4AnAoK`l&( zjI1~)o5=YU)q*l`4Fdy%+b<>sg(_x+Xs#-LP=^Ly{M#!1;#2|+&Vt&JRs2c{1*v)9 z(%n|cP>HKb5~LVBt!8TjUD*V#6l|5MY?Ty}@{3YZi)@t)loXOvb8^tQ#RZAUnR)4O z>4L<R6foaV$&RZ^9AvVB0%(DgO-Tx(En6j^q>z}CnVx5>l$@GZl3Jux#RYO-aY169 ztx^@glATRjeqISk2<&85B|DoWyDBjo{UkdZeUKDraa0P3D6-?KVzwy-EuhjbwX0&b z$pkYq?QSt@RWT`eRxv4rR%xKR18Q|nYFY`pO-xF5Rl;g{NyP=$$QE%`sX>eYc_szs zc5DU+A!`FK<Kn6k0_laV%Ch59P>AKy6f6SQqu?49G+hlTtiiP`xH1J-u;98CT!3eT zA~_dCfCiRtab%{X=9OfYR2F4|#L_?nXxTs!s7lu4ffVn>AW_gnLQyG*1ul9(_C>KL z=jVWe8Zxe34w3}*5y1sj5!ftnxdbLag;P->0|UcOP(c7H(m`X@Jd8X{Jd8sBA<c1~ zzf3F=e^}T+9Wx$AAx1Gq0Wf4^<YQuE6k!zl&%rFkR3!*6IAFa7lp+mOY=GKE;GzTM znH11E5J<7sR?A$&ki}2~S~<f~!vbCt$Xdgi#aOHbE=-s~-K{L9qJR>RI+kX}66PA# zEY>WxES6?aQ5XPL#Zt>&!<52W!vHQO*q|!dXEV%YNdXl$9J3ixIBFQPIA?>38@AaD z;DUr}E{8Y+XiZ=t7kD0?8?rtE(m&vb^}tdRi!)MFl&S=gyHUwS`Q=JQ^FXUbSQK>a z6smX?qLDIR(R@(QPX<XdgVF>SxORq29e^Vo)FvsK1X2W!deCGQB%Od8SfHksCI?bn zgJLp@3(@-r8yCf#mTeft260~$E4Y(~UeFgYFfiNz#V@EG3tBS)D(X2H`54t0B^c%Y zbD+f?xRd9n$ru7cTt&Sg2lj!8eh>j_irwM{uZ@H($A{E{;6x6pQNXFG2xKLaGZ1MF z)O?r+atj}*W6sFI&BVyV%EipV#vu=`Q!yHEplT2lP{p85AbR5s+>>E#VT@t{H`^GZ zSW`HH88o@TvpyJ27be&eF3_Y4ta%1%ih))>mogS9)G()j8fgkO;Kd-I=2;4;!OjeB zs<D9Tuy|H5$p$9b!QvcX65LeRWc4eW0170~#9)Y<CRY(SPQf)WxFH70-H<G}5Tp#8 zyTM5z2gC)X0!<c3jH77;2OyXL=U7lAJOza!Bt}8aY$-@%8`h5Fht%Fk4LMLif+~6t z2C)e@bBbnzTr~$ofUO1-VEaL_{TXCGC`cI?tN5U{L0dT}86RX9DD#6eeiNw80PdlK zIz^ymOQ6i&4C*2=fr<d|3U)1U=rZK#q_Ea7mN68Cfz`1}f|hzhRIz0<6@}F>6$PZQ z=P{*lfXo85Aj%ku>S`ER7_t~rxIl}nQ#e6-W;3L4gO&m_F~l?EeM#W~nF*TkDPgH$ zOyLEoNa4$7DmsCplLsV@tP|`y{%oeAV<`e4`|?)7O|k)-1l9pEX#!)B4T@P{J21== z1n&zHOA!K_rUEj50c(ozLhxi%iU`>KNIJo)%;0twVYNXNtPAWCuzjrN3?N^F&1PE& z>SQp0I~HPoMTwwj1*OL*RyWTGSC?CCexbfju0gk0(=sbkQ=(WxTq8oFSe!i^gQD2O z9D_iNTWmS0dFdq?zZf-sF=|G!7AGg>q~78zC`wJv1Z^RL6q*7dp1!WZA&$NQ@qQsu z8kU+-oN$pUE{H7}#ul2lm_7YMs@S0dRV<!<AsW9Jbu`(*Iph{gQht68xU{^*TwGFg ziy5>jgsZqDv8bdN)cP-)j?~uyS8Gc^UIHglFab`fDGUq@-$5xAw9f)Gio(YPTFeYu z*388STC=0T$i*nYC<h*2kztf$<Y5Grj1r7oj5^F!LeO-LG<^&%7}>CuibbGYQ3SFO zYsm-7Z%;rj0d+?>7&-X3Sir@UCSwt(U#iLM=jW!Wb&Cgii%AhEe?{@;=BK3Q6zf4K za4`wi2_Afi5`b(-DK5-OglzjN0*!gzVg(C>m-mCW&Or7IfNJ0(P%9oh)(q1C8a*lk zt&A(G00m(ssE5UtoS&DLnGW8J5yb)S+b0$j+~Pv)&w}pODatP`Nd<3X0q>0ful@(G z6$h`Q1uqu`uW&2^EzAS2i~=u?0MC4b$7_o~B|CUn3p_dl4%%DHMWuPzg7FrI4P=bK z4z$3v*o}dKfrn9qk%v)+k%v)&k%I*^Ak4<d#l*(Q!X&`RCBw(aCC10d#mgbaCC|al e!OkVYp~#`eA<7ZL!Oy|L!Oz9W!_3Fe=LP^$srHxv literal 0 HcmV?d00001 diff --git a/my_flask_app/__pycache__/models.cpython-39.pyc b/my_flask_app/__pycache__/models.cpython-39.pyc new file mode 100644 index 0000000000000000000000000000000000000000..02de3d8aa0893dda4df58202364a84d1c0f975ee GIT binary patch literal 4544 zcmYe~<>g{vU|_K5U6(2;#=!6x#6iZ)3=9ko3=9m#W(*7rDGVu$ISf$@?hGkRDa<Vl zDa_4GQH<^kDJ&_hEet8F%}h~D?hGkxDeNr_DeTQmQOqff!3>%lFF_{yC4)$0%mg!A zgn@w}l_82Tg&~S5g)xPxg&~SLg*li(ljRm`NJeUIYBD#HJ`fwE)fwb0klSh)YZ&4g zYM5#m;u&k0YZ&60YFKI*;+bn$YZ&5LYS?NR;#q6hYZ&6$YB*{b;@N9BYZ&4=YPf0` z;yF_of*Dpa`e}0AVolD^$uGLanU<N817UK(na;P^lhPrAY?)BH1VXbGmsIAY-eN7z zNGwRb#Zi!&2N4Ic$}>|+GBmkwu@tA~q!qC+FfbIcf(SMc!44ugKm;d<07XL)$ZJJB zATBQh1H(#&B7O!2hF=!?p~b01#rnw^nW-82E~&-YCHV#Vxs~y0If=#D@recKocxs3 zoMOF#%3B=q@tJv<CGqhfyNf}=%)rFPhz_gxz=5m>Q|zb70@9h6n420Oe~T+VJ~uz5 zGzY}yiH|QVP0WGF6bXVH3UVRXnGiw%BnFBdP{Jt&F*q2DKomyogPa74y<!(Ev7gG4 z!VgYWjLnQutSJKEG{qRjmco(3*}@RTp2C&F-NF#Xk;0S0+rkjVnZg&$pecBZH6$@9 zCp8&lH!Q(`*dY7Csl|zbfdQ6UQW#1Zi==9pQW&$DL3AEd3OEI&Fo04}I*4S>1d%LY zHY=FT21+lQ%zn36{POcsZ!u`H-(mrU#x3^b{M_8sypmh2If+TBIUs&cX>MNeE%ws9 z%)-*t;#<rG*~Pb*)3S>-nTz;9p(Ft!BtZls48g$%3RhuJ;sz;WU}R&IVq}9xTNNMJ zhw!KhNd^TY%&#Ce2!s7<!N9;!!mxlbg|UWlAyW!NHdB#G4Ret~3R4Z^Y=#u3xy-=~ zHH^UwHB3bYHH-_G7BYbN3z$K)CbM4^Ph7O4ZdAO1u4Sy2$}dJGO_p0sMX9$~a}!IF zGj6e#78Ilw-D1tjFHbGfWVywhoKsu`^3g4x(&E%mkfd{Baq2Cu^30Nqz|#DZ)M7{i z0s9r?&09R_sU^-iiN(c!iMgqAApe5$1p|`+qX=V_5X7IzN-&}ol$XF>1sMnOY7Ijc zQw?Jc(?aH8h9XeJuVgL~1qHA=hyb~6B{b|+K>}(Z0_+|z0W#$ldwOaK$UQ0`_khw3 z17j60+$|uPWUweS$U&BXFxVMNpwz{X#o)paD^|-?!<5BX!<fxf#8$(^#K6c9%uonU zJz$4vG8IXKYzMgsIX&EBOU?(S8}zW^1O)_G2IQ4u4v_VXTwqwm4|kq3SVb}@TtEsy z7*v>mRD&HD$H)MRZmt@}EQUOm8pbTfTGkroB8e16P~xv;t6^BcRKt?OypXAuJ%y!) zA&Yr7LkjC$<`lLX*4Ydx>@|#8EVCI>IOej7Go*0VFlK>7x#lv9Go*0WFlMpMW=P=y z^LT4OY`z-CEcV$9Df~4cQeZB-I72N*4bue1qOcl<EDjfj*b}v!HJorexoSAGIE&V$ z2-a}TW=Ij5%UlZ*;Ywl1W-dCCA`BK4fr@e$T><k&=Q4p+@f1A)^TnWi-l8vHzBrW6 zSIb?)GJ&y(qlS9{|3ZdZ?i%I^j72sz94Qhtj9CJ+8B!#{>ZRtgrbxp@xMwq@$bfun z&QQxy*n^>3W-cpSMpm35m_bv{?-rxcEk;APUrY)LRm=*}TvhxE3JMDFs>D|57pIZ} zxQ?(@s^V8tC`io%*Auo%hDuyjk|4$4BE;6lrUX=)DS#^&Tcs*nC55E?qLkDkTO|V} zh2+$n95ilmL1J=dUOHU5ATcEc%r{iB<Ejz|nXI5-Q&MDSQ<9<pt<P+gssxl25_2-s z^K6xpQ}aqvi<GLkK<+CpNX!Gf(9R|;Kd%HNlwV}4RK==fXOm=CC1#_aWM`uflCrbW zFG&FrMRr_O%r>QVRV+68rFK=!Hkn{%rrj+@ttuu3&nhN`&?*g7cR;PqNlhzJLbHiU z$*xLREib9Kz#7>it|~Q%5g^Z`z}$|_03l>;Hu@zX_X&aY+USFW*3OPgK_Qk)Q?LkB z@<8flEl{?U0ui8+v<O@+gR5#zkQgY_-eSotF37&cl9rvHc8epgG$#iXO}98QQ&RIv zGD|9Naby-l3jJFgDTyVCC6xuKMWC{w2$T^udBCOrE!GlH!{!!uaYlYQB;OX_;skL* zDhpDJi@*gGC?kVw5>Q;+;sm=HR0Q2(EH2UpIR{jH6q$oq;1Uc>fQvEi^wbiU{E}c$ zqeK@}l!0mk21Wr!9!4G}9!8=6OiVogn3#F~GO<YfVPRuq<YMGu6k-%(6aYguMm{Ds zMiEA#{~XLxOjUyL5(Z`_N+AgH7O3R{E@P&F+KG&{Of`^#u&tIE#HwMIWT<7SVM$?< zWT<7WVa;MJ)&iG0%(ZMatXWJ&0VN=HEX|B1%r&f8tXXVXEX|<8GXSiLrIx*hDTTF$ z0bHJdbbwT_&t{m*0xp#}K&4U*V;1LZP`Si5n*m(naLwfqXE0}|Wh&&VVG3r@<n}8P z2Za?Q0|P@9KP+FRBo=3+rYKbjDkK&a<(HQvX6D!`B^TwFD;4R36tXDj+9_1=DnujY z)FK0rIr1QBW>5m+DgxDCMJ6CoBL)VBTg*ABc}21yt}%$q3XZxWaIylm?7(e2O%8BM zC;~-Iku69WS8{${aY<2PW?l){Ku~kR@D>}yg|}G2?nAE`pfT-}nU`Jc1Bz*IE02){ zTsLqq@-eD0N-)a(=Rk`^uzEjD#t;zVDiQ)Y71ZV^0%-@g>~3)<gDU6T)RK(+lp;{I zQv}W%Iv}NXAi@<yfYTg;0Hr=~oeMItn2&*hfrF8Qn~9N!m5Z5!jYA$RhtU=URiWUv zAgD^l=m~H_T7pq5;8q|*6l)4cFoP!7EjCEL!Ds?8F)%QI(_#pyLPqHvfE#@ZHO$~f zpF#~YsNMrL_fkOJ24-;6j|Eio#j}D*HZaK!7Uuwy;0}W(t6z~A$n&7&6ym1IRRnT8 zxcO5AZqR`f0ytlqf|P;!PDS8!!Bdcp6vv>np~(VC1!yLqg(#>=7>S5oPzzoP(vF8U z4EZ5}fz&bt1uCcs0Ky<Ps5Aiw3n-4THkXPtK(5sU5oq><Vm=*YKPYS&7_0c8wn1A< zD8&KDE>MvGwyO!$<X}u;lmxY;8A=#y7(qoqGbmEPMMMg7HdB!nIG7pobW&Jr7|R%n z!occSB^jEb1xX59Hd9ep4O3A-3VR+?3aA$c%IF}qbu|nu3|R~*TqVpkj47NTJ+m27 zxaTsPGcYm4Gvs|q;Q^UBfw8Elgr$Ztg%_kEg)f__=md&R9*{V)PEfIx!k^7lbSy;x z)W6JI1vkkCY!X-p$Ruz>0@)Q{J21==%my`m#8QO7rm29;U%;9oypR#(wiFSt`;l~l zRhhx<EJATDOr0oL7uY3W`&c2q2Aj>c5FF;<9*daYEf#P+1WK8=Slv7$TwQLl`GxvA zxdz>0P0OrEO}WJq;u;Zhi^bW)G3XY1m}3x_!IqPnmtK<bi&5hjqvkEv;^f4f)LWbd zMXAY|#hLkeMc}ejAjH$xH8{l4Hz3|GBuc|l^A;yuq>2k-i-xg<<}GGVzmO_+s6Z8q zr(cN1FGd|rc5oebizO*PKL=ch-eN8;DZ0g+nOAa)tGFbwsH7OwjVMxPU|@i?mch9T zRN!G0h{dTTE{P?Hpn5bLlw?6=H3K6TBOenNBL^b~BM+F(!KlE<#VEii#|RRYVU%O! zVFVSI5{z7oI?Po<&;*WT7`U`#!&X#63dR`Jd;`uwpsZHp&cMJB0dfhbmBGQt!N<h{ p7Sm)YQUK`z<tcEv2o^>158Q}b95#?XxE(0Gi^1kF@$vJy0RSFS?oR*! literal 0 HcmV?d00001 diff --git a/my_flask_app/main.py b/my_flask_app/main.py new file mode 100644 index 0000000..144e885 --- /dev/null +++ b/my_flask_app/main.py @@ -0,0 +1,531 @@ +from my_flask_app import app +from .models.models import Table, Column, Theme +from flask_sqlalchemy import SQLAlchemy +from flask import jsonify, render_template, request, session, send_file +from sqlalchemy import text +import re, pydot, base64 +import pydot + + +# Set up database +app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False +app.config['SQLALCHEMY_DATABASE_URI'] = "postgresql://postgres:password@localhost:5432/test" + +db = SQLAlchemy() +db.init_app(app) + +app.secret_key = 'my_secret_key' # Needed for session management +dropped_items = [] + +@app.route('/', methods=['POST', 'GET']) +def index(): + # Initialize variables + database = db.engine.url.database + tables_selected = [] + # tables_selected = ['machine_sensor', 'machine_tool', 'machine_trace'] + schemas = getSchema() + themes = getThemes() + + schema_Selected = request.form.get('schema', None) + show_all = request.form.get('show_all') == 'True' + + tables1 = importMetadata(database, schema_Selected, tables_selected, show_all) + graph_DOT1 = createGraph(tables1, themes["Blue Navy"], True, True, True) + image1 = generate_erd(graph_DOT1) + + if dropped_items==[]: + image2 = "" + else: + tables2 = importMetadata(database, None, dropped_items, False) + graph_DOT2 = createGraph(tables2, themes["Blue Navy"], True, True, True) + image2 = generate_erd(graph_DOT2) + + print(getTableSchema('event_data')) + + return render_template('app.html', database=database, schemas=schemas, show_all=show_all, schema_Selected=schema_Selected, tables=tables1, image1=image1, image2=image2, dropped_items=dropped_items) + + + +@app.route('/handle-drop', methods=['POST']) +def handle_drop(): + data = request.json + item_name = data.get('item') + action = data.get('action') + + if action == 'added': + dropped_items.append(item_name) + elif action == 'removed' and item_name in dropped_items: + dropped_items.remove(item_name) + + # Regenerate ERD based on the updated dropped_items + database = db.engine.url.database + themes = getThemes() + tables2 = importMetadata(database, None, dropped_items, False) + graph_DOT2 = createGraph(tables2, themes["Blue Navy"], True, True, True) + image2 = generate_erd(graph_DOT2) + + return jsonify(image2=image2) + + + + +@app.route('/get-table-data', methods=['POST']) +def get_table_data(): + data = request.json + table_name = data.get('table_name') + print(table_name) + + # Query your database to get the data for the table_name + content = query_database_for_table_content(table_name) + + # Convert content to HTML table format + html_table = generate_html_table(content) + + return jsonify({'html_table': html_table}) + +def generate_html_table(content): + if not content: + return "No data found." + # Generate column headers + columns = content[0] + table_html = "<table class='uk-table uk-table-small uk-table-hover uk-table-divider'><thead><tr>" + for col in columns: + table_html += f"<th>{col}</th>" + + table_html += "</tr></thead><tbody>" + + # Generate table rows + for i in range(1, len(content)): + table_html += "<tr>" + for item in content[i]: + table_html += f"<td>{item}</td>" + table_html += "</tr>" + table_html += "</tbody></table>" + return table_html + + + +def query_database_for_table_content(table_name, number=20): + # Initialize content list + content_list = [] + + # Get the schema of the table + schema = getTableSchema(table_name) + # Query the database to get the content of the table + sql_content = text(f"""SELECT * FROM {schema}.{table_name} LIMIT {number};""") + result = db.session.execute(sql_content, {'table_name': table_name, 'number': number}).fetchall() + + if not result: + return [] + + # Get the column names + sql_columns = text(""" + SELECT column_name + FROM information_schema.columns + WHERE table_name = :table_name; + """) + column_names = db.session.execute(sql_columns, {'table_name': table_name}).fetchall() + + # Prepare column names + columns = [column_name[0] for column_name in column_names] + content_list.append(columns) + + # Append rows to content list + for row in result: + content_list.append(list(row)) + + return content_list + +def getTableSchema(table_name): + sql= text(f""" + SELECT table_schema + FROM information_schema.tables + WHERE table_name = :table_name; + """) + schema = db.session.execute(sql, {'table_name': table_name}).fetchone()[0] + return schema + + + +def getSchema(): + sql = text("""SELECT schema_name FROM information_schema.schemata;""") + result = db.session.execute(sql) + schemas = [row[0] for row in result] + return schemas + + +def importMetadata(database, schema=None, tables_selected=None, show_all=False): + tables = {} + if database == '': + return tables + + # Convert tables_selected to a list to ensure compatibility with SQL IN operation. + tables_selected_list = list(tables_selected) if tables_selected else None + + # Fetch initial tables based on schema and table_names. + tables = fetch_initial_tables(schema, tables_selected_list) + + # If show_all is True, expand the list to include related tables. + if show_all: + expand_to_include_related_tables(tables) + + # Fetch columns for each table. + fetch_columns_for_tables(tables) + + # Fetch constraints (PK, FK, Unique) for each table. + fetch_constraints_for_tables(tables) + + return tables + + +def fetch_initial_tables(schema, tables_selected_list): + tables = {} + + # Construct WHERE clauses based on input parameters. + schema_condition = "AND table_schema = :schema" if schema else "" + tables_selected_condition = "AND table_name = ANY(:tables_selected)" if tables_selected_list else "" + + # Fetching tables with dynamic schema and table name filtering. + sql_tables = text(f""" + SELECT table_name, table_schema + FROM information_schema.tables + WHERE table_type = 'BASE TABLE' + {schema_condition} {tables_selected_condition}; + """) + + # Adjust parameters based on the conditions. + params = {} + if schema: + params['schema'] = schema + if tables_selected_list: + params['tables_selected'] = tables_selected_list + + result = db.session.execute(sql_tables, params) + + for row in result: + tableName, tableSchema = row + table = Table(tableName, tableSchema) # adding schema to the table comment + tables[tableName] = table + table.label = f"n{len(tables)}" + + return tables + + +def expand_to_include_related_tables(tables): + # This dictionary will temporarily store related tables to fetch later. + related_tables_to_fetch = {} + + # Iterate over initially fetched tables to find foreign key relationships. + for tableName, table in tables.items(): + # Fetch foreign key relationships for the current table. + sql_fk = text(""" + SELECT + ccu.table_name AS pk_table_name, + ccu.table_schema AS pk_table_schema + FROM + information_schema.table_constraints AS tc + JOIN information_schema.key_column_usage AS kcu + ON tc.constraint_name = kcu.constraint_name AND tc.table_schema = kcu.table_schema AND tc.table_name = kcu.table_name + JOIN information_schema.constraint_column_usage AS ccu + ON ccu.constraint_name = tc.constraint_name + WHERE + tc.constraint_type = 'FOREIGN KEY' + AND tc.table_name = :table_name + """) + fk_result = db.session.execute(sql_fk, {'table_name': tableName}) + + + for referenced_table_name, referenced_schema in fk_result: + if referenced_table_name not in tables and referenced_table_name not in related_tables_to_fetch: + related_tables_to_fetch[referenced_table_name] = referenced_schema + + # Fetch and add related tables. + for tableName, tableSchema in related_tables_to_fetch.items(): + # Assuming a function fetch_table_details(tableName, tableSchema) that fetches and returns + # a Table object with columns and constraints populated. + table = Table(tableName, tableSchema) + tables[tableName] = table + + return tables + + +def fetch_columns_for_tables(tables): + for tableName, table in tables.items(): + sql_columns = text(""" + SELECT column_name, data_type, is_nullable, column_default + FROM information_schema.columns + WHERE table_name = :table_name; + """) + column_result = db.session.execute(sql_columns, {'table_name': tableName}) + + for col in column_result: + name, datatype, nullable, default = col + column = Column(table, name, '') + column.setDataType({ + "type": datatype, + "nullable": nullable == 'YES', + "default": default + }) + table.columns.append(column) + return tables + + +def fetch_constraints_for_tables(tables): + # Fetching Unique Constraints + for tableName, table in tables.items(): + sql_unique = text(""" + SELECT kcu.column_name, tc.constraint_name + FROM information_schema.table_constraints AS tc + JOIN information_schema.key_column_usage AS kcu ON tc.constraint_name = kcu.constraint_name + WHERE tc.table_name = :table_name AND tc.constraint_type = 'UNIQUE'; + """) + unique_result = db.session.execute(sql_unique, {'table_name': tableName}) + for col in unique_result: + name, constraintName = col + column = table.getColumn(name) + if column: + column.isunique = True + if constraintName not in table.uniques: + table.uniques[constraintName] = [] + table.uniques[constraintName].append(column) + + + # Primary Keys + for tableName, table in tables.items(): + sql_pk = text(""" + SELECT kcu.column_name, tc.constraint_name, kcu.ordinal_position + FROM information_schema.table_constraints AS tc + JOIN information_schema.key_column_usage AS kcu ON tc.constraint_name = kcu.constraint_name + WHERE tc.table_name = :table_name AND tc.constraint_type = 'PRIMARY KEY'; + """) + pk_result = db.session.execute(sql_pk, {'table_name': tableName}) + for col in pk_result: + name, constraintName, ordinal_position = col + column = table.getColumn(name) + if column: + column.ispk = True + column.pkconstraint = constraintName + # Assuming you want to order PKs, though not directly used in provided class + + + # Fetching Foreign Keys for each table + for tableName, table in tables.items(): + sql_fk = text(""" + SELECT + tc.constraint_name, + tc.table_name AS fk_table_name, + kcu.column_name AS fk_column_name, + ccu.table_name AS pk_table_name, + ccu.column_name AS pk_column_name, + ccu.table_schema AS pk_table_schema + FROM + information_schema.table_constraints AS tc + JOIN information_schema.key_column_usage AS kcu + ON tc.constraint_name = kcu.constraint_name AND tc.table_schema = kcu.table_schema AND tc.table_name = kcu.table_name + JOIN information_schema.constraint_column_usage AS ccu + ON ccu.constraint_name = tc.constraint_name + WHERE + tc.constraint_type = 'FOREIGN KEY' + AND tc.table_name = :table_name + """) + + fk_result = db.session.execute(sql_fk, {'table_name': tableName}) + for row in fk_result: + constraintName, fkTableName, fkColumnName, pkTableName, pkColumnName, pkTableSchema = row + + # Ensure the foreign key table is the current table being processed + if fkTableName != tableName: + continue + + + fkTable = tables.get(fkTableName) + pkTable = tables.get(pkTableName) + + if fkTable and pkTable: + fkColumn = fkTable.getColumn(fkColumnName) + pkColumn = pkTable.getColumn(pkColumnName) + + if fkColumn and pkColumn: + # Here, instead of assigning pkColumn directly, store relevant info + fkColumn.fkof = pkColumn # Adjust based on your application's needs + if constraintName not in fkTable.fks: + fkTable.fks[constraintName] = [] + fkTable.fks[constraintName].append(fkColumn) + return tables + + +def createGraph(tables, theme, showColumns, showTypes, useUpperCase): + s = ('digraph {\n' + + ' graph [ rankdir="LR" bgcolor="#ffffff" ]\n' + + f' node [ style="filled" shape="{theme.shape}" gradientangle="180" ]\n' + + ' edge [ arrowhead="none" arrowtail="none" dir="both" ]\n\n') + + for name in tables: + s += tables[name].getDotShape(theme, showColumns, showTypes, useUpperCase) + s += "\n" + for name in tables: + s += tables[name].getDotLinks(theme) + s += "}\n" + return s + + +def generate_erd(graph_DOT): + graph_module = pydot.graph_from_dot_data(graph_DOT) + graph = graph_module[0] + png_image_data = graph.create_png() + encoded_image = base64.b64encode(png_image_data).decode('utf-8') + return encoded_image + + +def getThemes(): + return { + "Common Gray": Theme("#6c6c6c", "#e0e0e0", "#f5f5f5", + "#e0e0e0", "#000000", "#000000", "rounded", "Mrecord", "#696969", "1"), + "Blue Navy": Theme("#1a5282", "#1a5282", "#ffffff", + "#1a5282", "#000000", "#ffffff", "rounded", "Mrecord", "#0078d7", "2"), + #"Gradient Green": Theme("#716f64", "#008080:#ffffff", "#008080:#ffffff", + # "transparent", "#000000", "#000000", "rounded", "Mrecord", "#696969", "1"), + #"Blue Sky": Theme("#716f64", "#d3dcef:#ffffff", "#d3dcef:#ffffff", + # "transparent", "#000000", "#000000", "rounded", "Mrecord", "#696969", "1"), + "Common Gray Box": Theme("#6c6c6c", "#e0e0e0", "#f5f5f5", + "#e0e0e0", "#000000", "#000000", "rounded", "record", "#696969", "1") + } + + +if __name__ == "__main__": + app.run(port=5001) + + +class Theme: + def __init__(self, color, fillcolor, fillcolorC, + bgcolor, icolor, tcolor, style, shape, pencolor, penwidth): + self.color = color + self.fillcolor = fillcolor + self.fillcolorC = fillcolorC + self.bgcolor = bgcolor + self.icolor = icolor + self.tcolor = tcolor + self.style = style + self.shape = shape + self.pencolor = pencolor + self.penwidth = penwidth + + +class Table: + def __init__(self, name, comment): + self.name = name + self.comment = comment if comment is not None and comment != 'None' else '' + self.label = None + + self.columns = [] # list of all columns + self.uniques = {} # dictionary with UNIQUE constraints, by name + list of columns + self.pks = [] # list of PK columns (if any) + self.fks = {} # dictionary with FK constraints, by name + list of FK columns + + + @classmethod + def getClassName(cls, name, useUpperCase, withQuotes=True): + if re.match("^[A-Z_0-9]*$", name) == None: + return f'"{name}"' if withQuotes else name + return name.upper() if useUpperCase else name.lower() + + def getName(self, useUpperCase, withQuotes=True): + return Table.getClassName(self.name, useUpperCase, withQuotes) + + def getColumn(self, name): + for column in self.columns: + if column.name == name: + return column + return None + + def getDotShape(self, theme, showColumns, showTypes, useUpperCase): + fillcolor = theme.fillcolorC if showColumns else theme.fillcolor + colspan = "2" if showTypes else "1" + tableName = self.getName(useUpperCase, False) + + s = (f' {self.label} [\n' + + f' fillcolor="{fillcolor}" color="{theme.color}" penwidth="1"\n' + + f' label=<<table style="{theme.style}" border="0" cellborder="0" cellspacing="0" cellpadding="1">\n' + + f' <tr><td bgcolor="{theme.bgcolor}" align="center"' + + f' colspan="{colspan}"><font color="{theme.tcolor}"><b>{tableName}</b></font></td></tr>\n') + + if showColumns: + for column in self.columns: + name = column.getName(useUpperCase, False) + if column.ispk: name = f"<u>{name}</u>" + if column.fkof != None: name = f"<i>{name}</i>" + if column.nullable: name = f"{name}*" + if column.identity: name = f"{name} I" + if column.isunique: name = f"{name} U" + datatype = column.datatype + if useUpperCase: datatype = datatype.upper() + + if showTypes: + s += (f' <tr><td align="left"><font color="{theme.icolor}">{name} </font></td>\n' + + f' <td align="left"><font color="{theme.icolor}">{datatype}</font></td></tr>\n') + else: + s += f' <tr><td align="left"><font color="{theme.icolor}">{name}</font></td></tr>\n' + + return s + ' </table>>\n ]\n' + + + def getDotLinks(self, theme): + s = "" + for constraint in self.fks: + fks = self.fks[constraint] + fk1 = fks[0] + dashed = "" if not fk1.nullable else ' style="dashed"' + arrow = "" if fk1.ispk and len(self.pks) == len(fk1.fkof.table.pks) else ' arrowtail="crow"' + s += (f' {self.label} -> {fk1.fkof.table.label}' + + f' [ penwidth="{theme.penwidth}" color="{theme.pencolor}"{dashed}{arrow} ]\n') + return s + + +class Column: + def __init__(self, table, name, comment): + self.table = table + self.name = name + self.comment = comment if comment is not None and comment != 'None' else '' + self.nullable = True + self.datatype = None # with (length, or precision/scale) + self.identity = False + + self.isunique = False + self.ispk = False + self.pkconstraint = None + self.fkof = None # points to the PK column on the other side + + + def getName(self, useUpperCase, withQuotes=True): + return Table.getClassName(self.name, useUpperCase, withQuotes) + + + def setDataType(self, datatype): + self.datatype = datatype["type"] + self.nullable = bool(datatype["nullable"]) + + if self.datatype == "FIXED": + self.datatype = "NUMBER" + elif "fixed" in datatype: + fixed = bool(datatype["fixed"]) + if self.datatype == "TEXT": + self.datatype = "CHAR" if fixed else "VARCHAR" + + if "length" in datatype: + self.datatype += f"({str(datatype['length'])})" + elif "scale" in datatype: + if int(datatype['precision']) == 0: + self.datatype += f"({str(datatype['scale'])})" + if self.datatype == "TIMESTAMP_NTZ(9)": + self.datatype = "TIMESTAMP" + elif "scale" in datatype and int(datatype['scale']) == 0: + self.datatype += f"({str(datatype['precision'])})" + if self.datatype == "NUMBER(38)": + self.datatype = "INT" + elif self.datatype.startswith("NUMBER("): + self.datatype = f"INT({str(datatype['precision'])})" + elif "scale" in datatype: + self.datatype += f"({str(datatype['precision'])},{str(datatype['scale'])})" + #if column.datatype.startswith("NUMBER("): + # column.datatype = f"FLOAT({str(datatype['precision'])},{str(datatype['scale'])})" + self.datatype = self.datatype.lower() diff --git a/my_flask_app/models/__init__.py b/my_flask_app/models/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/my_flask_app/models/__pycache__/__init__.cpython-39.pyc b/my_flask_app/models/__pycache__/__init__.cpython-39.pyc new file mode 100644 index 0000000000000000000000000000000000000000..cafa33a20457350e342730525dbfc74c115a0af2 GIT binary patch literal 156 zcmYe~<>g{vU|`7XUzZA^AA<;F%*epN;K0DZP|U)>z>vZa%%I8Wx00a<B#a<_IqHWN zrxq3KCud})X6U=57H5~_7wG3!#;4^Z7H7vN7NB$TQ&Mw^_2c6+^D;}~<Mj$EZ*kb< Q=BJeAq}qXu{tR*g06@wnTL1t6 literal 0 HcmV?d00001 diff --git a/my_flask_app/models/__pycache__/models.cpython-39.pyc b/my_flask_app/models/__pycache__/models.cpython-39.pyc new file mode 100644 index 0000000000000000000000000000000000000000..52c1845341f74497b1ac419ea9d8e8fb62401df8 GIT binary patch literal 4551 zcmYe~<>g{vU|=ZdUzaK=#=!6x#6iZ)3=9ko3=9m#W(*7rDGVu$ISf$@?hGkRDa<Vl zDa_4GQH<^kDJ&_hEet8F%}h~D?hGkxDeNr_DeTQmQOqff!3>%lFF_{yC4)$0%mg!A zgn@w}l_82Tg&~S5g)xPxg&~SLg*li(ljRm`NJeUIYBD#HJ`fwE)fwb0klSh)YZ&4g zYM5#m;u&k0YZ&60YFKI*;+bn$YZ&5LYS?NR;#q6hYZ&6$YB*{b;@N9BYZ&4=YPf0` z;yF_of*Dpa`e}0AVolD^$uGLanU<N817UK(na;P^lhPrAY?)BH1VXbGmsIAY-eN7z zNGwRb#Zi!&2N4Ic$}>|+GBmkwu@tA~q!qC+FfbIcf(SMc!44ugKm;d<07XL)$ZJJB zATBQh1H(#&B7O!2hF|vjp~b01#rnw^nW-82E~&-YCHV#Vxs~y0If=#D@recKocxs3 zoMQc4Fr`;ed5a@HJ~J<~Bt9PGgkn%=Gcd6+qQfdaa9HcX6#HqifOO_1=BCES-{Ojo z&&^LM%>l7_;^PZT6LTOkMS>vrf*cBVErbvNiGd;slzxgq3=YO35QUKlKu!WhVzCRB zM3Bmo!VgYdjLnQutSJKEq{SG;mco(3*}@RTp2C&F-NF#Xk;0S0+rkjVnZg&$pecBZ zH6$@9Cp8&lH!R(N*dY7CiN=Y6fdQ6iQW#1Zi==9pQW&$DL3AEd3OFI9Fn|(LI*4S> z1d%LYHY=FT21+)X%zn36{POcsZ!u`H-(mrU#x3^b{M_8sypmh2If+TBIUs&cX>MNe zE%ws9%)-*t;#<rG*~Pb*)3S>-nTz;9p(Ft!BtZls48g$%3RhuJ8V4z3U}R&IVq}9x zTNNMJhw!KhNd^TY%&#Ce2!s7<!N9;!!mxlbg|UWlAyW!NHdB#G4Ret~3R4Z^Y=#u3 zxy-=~HH^UwHB3bYHH-_G7BYbN3z$K)CbM4^Ph7O4ZdAO1u4Sy2$}dJGO_p0sMX9$~ za}!IFGj6e#78Ilw-D1tjFHbGfWVywhoKsu`^3g4x(&E%mkfd{Baq2Cu^30Nqz|#DZ z)M7{i0s9r?&09R_sU^-iiN(c!iMgqAApe502LqD;qX=V_5X7IzN-&}ol%>F41sMnO zY7IjcQw?Jc(?aH8h9XeJuVgL~1qHA=hyb~6B{b|+K>}(Z0_+|z0W#$ldwOaK$UQ0` z_khw317j60+$|uPWUweS$U&BXFxVMNpwz{X#o)paD^|-?!<5BX!<fxf#8$(^#K6c9 z%uonUJz$4vG8IXKYzMgsIX&EBOU?(S8}zW^1O)_G2IQ4u4v_VXTwqwm4|kq3SVb}@ zTtEsy7*wW!RD&HD$H)MRZmt@}EQUOm8pbTfTGkroB8e16P~xv;t6^BcRKt?OypXAu zJ%y!)A&Yr7LkjC$<`lLX*4Ydx>@|#8EVCI>IOej7Go*0VFlK>7x#lv9Go*0WFlMpM zW=P=y^LT4OY`z-CEcV$9Df~4cQeZB-I72N*4bue1qOcl<EDjfj*b}v!HJorexoSAG zIE&V$2-a}TW=Ij5%UlZ*;Ywl1W-dCCA`BK4fr@e$T><k&=Q4p+@f1A)^TnWi-l8vH zzBrW6SIb?)GJ&y(qlS9{|3ZdZ?i%I^j72sz94Qhtj9CJ+8B!#{>ZRtgrbxp@xMwq@ z$bfun&QQxy*n^>3W-cpSMpm35m_bv{?-rxcEk;APUrY)LRm=*}TvhxE3JMDF8pT%W z7pIZ}xT>&Ks^V8tC`io%R~NQQhDuyjk|4$4BE;6lrUX=)DS+!4Tcs*nC55E?qLkDk zTO|V}h2+$n95ilmL1J=dUOHU5ATcEc%r{iB<Ejz|nXI5-Q&MDSQ<9<pt=4Rnssxl2 z5_2-s^K6xpQ}aqvi<GLkK<+CpNX!Gf(9R|;Kd%HNlwV}4RK==fXOm=CC1#_aWM`uf zlCrbWFG&FrMRr_O%r>QVRV+68rFK=!Hkn{%rrj+@ttuu3&nhN`&?*g7cR;PqNlhzJ zLbHiU$*xLREib9Kz#7>it|~Q%5g^Z`z}$|_03l>;Hu@zX_X&aY+USFW*3OPgK_Qk) zQ?LkB@<6I+El{?U0ui8+v<O@~gKKO~kQgY_-eSotF37&cl9rvHc8epgG$#iXO}98Q zQ&RIvGD|9Naby-l3jJFgDTyVCC6xuKMWC{w2$T^udBCOrE!GlH`{ovRaYlYQB;OX_ z;skL*DhpDJi@*gGC?kVw5>Q;+;sm=HR0Q2(EH2UpIR{jH6q$oq;1Uc>fQvEi^wbiU z{E}c$+e8;sl!0mk21Wr!9!4G}9!8=6OiVogn3#F~GO<YfVPRuq<YMGu6k-%(6aYgu zMm{DsMiEA#{~XLxOjUyL5(Z`_N+AgH7N`LOE@P&Fnv0CJOf`^#u&tIE#HwMIWT<7S zVM$?<WT<7WVa;MJ)&iG0%(ZMatXWJ&0VN=HEX|B1%r&f8tXXVXEX|<8GXSiLrIx*h zDTTF$0bHJdbbwT_&t{m*0xp#}K&4U*V;1LZP`Si5n*m(naLwfqXE0}|Wh&&VVG3r@ z<n}8P2Za?Q0|P@9KP+FRBo=3+rYKbjDkK&a<(HQvX6D!`B^TwFD;4R36tXDj+9_1= zDnujY)FK0rIr1QBW>5m+DgxDCMJ6CoBL)VBTg*ABc}21yt}%$q3XZxWaIyk5@W4$y zO%8BMC;~-Iku69WS8{${aY<2PW?l){Ku~kR@D>}yg|}G2?nAE`pfT-}nU`Jc1Bz*I zE02){TsLqq@-eD0N-)a(=Rk`^uzEjD#t;zVDiQ)Y71ZV^0%-@g>~3)<gDU6T)RK(+ zlp;{IQv}W%Iv}NXAi@<yfYTg;0Hr=~oeMItn2&*hfrF8Qn~9N!m5Z5!jYA$RhtU=U zRiWUvAgD^l=n!y1T7pq5;8q|*6l)4cFoP!7EjCEL!Ds?8F)%QI(_#pyLPqH$fE#@Z zHO$~fpF#~YsNMrL_fkN;2WD{7j|Eio#j}D*HZaK!7Uuwy;C_Q9t6z~A$n&7&6ym1I zRRnT8xcO5AZqR`f0ytlqf|P-}P(|Q$!Bdcp6vv>np~(VC1!yLqg(#>=7>S5oPzzoP z(vF8U4EZ5}fz&bt1uCcs0Ky<Ps5Aiw3n-4THkXPtK(5sU5oq><Vm=*YKPYS&7_0c8 zwn1A<D8&KDE>MvGwyO!$<X}u;lmxY;8A=#y7(qoqGbmEPMMMg7HdB!nIG7pobW&Jr z7|R%n!occSB^jEb1xX59Hd9ep4O3A-3VR+?3aB#&%IF}qbu|nu3|R~*TqVpkj47NT zJ+m27xaTsPGcYm4Gvs|q;Q^UBfw8Elgr$Ztg%_kEg)f__=md&R9*{V)PEfIx!k^7l zbSy;x)XmIW1vkkCY!X-p$Ruz>0@)Q{J21==%my`m#8QO7rm29;U%;9oypR#(wiFSt z`;l~lRhhx<EJATDOr0oL7uY3W`&c2q2Aj>c5FF;<9*daYEf#P+1WK8=Slv7$TwQLl z`GxvAxdz>0P0OrEO}WJq;u;Zhi^bW)G3XY1m}3x_!IqPnmtK<bi&5hjqvkEv;^f4f z)LWbdMXAY|#hLkeMc}ejAjH$xH8{l4Hz3|GBuc|l^A;yuq>2k-i-xg<<}GGVzmO_+ zs6Z8qr(cN1FGd|rc5oebizO*PKL=ch-eN8;DZ0g+nOAa)tGFbwsH7OwjVMxPU|@i? zmch9TRN!G0h{dTTE{P?Hpn5bLlw?6=H3K6TBOenNBL^b~BM+F(!KlE<#VEii#|RRY zVU%O!VFVSI5{z7oI?Po<&;*WT7`U`#!&X#63dR`Jd;`uwpsZHp&cMJB0dfhbmBGQt t!N<h{7Sm)YQUK`z<tcEv2o^>158Q}b95#?XxE(0Gi^1kF@$vJy0RW1*@k0Or literal 0 HcmV?d00001 diff --git a/my_flask_app/models/models.py b/my_flask_app/models/models.py new file mode 100644 index 0000000..5092e14 --- /dev/null +++ b/my_flask_app/models/models.py @@ -0,0 +1,135 @@ +import re + +class Theme: + def __init__(self, color, fillcolor, fillcolorC, + bgcolor, icolor, tcolor, style, shape, pencolor, penwidth): + self.color = color + self.fillcolor = fillcolor + self.fillcolorC = fillcolorC + self.bgcolor = bgcolor + self.icolor = icolor + self.tcolor = tcolor + self.style = style + self.shape = shape + self.pencolor = pencolor + self.penwidth = penwidth + + +class Table(): + def __init__(self, name, comment): + self.name = name + self.comment = comment if comment is not None and comment != 'None' else '' + self.label = None + + self.columns = [] # list of all columns + self.uniques = {} # dictionary with UNIQUE constraints, by name + list of columns + self.pks = [] # list of PK columns (if any) + self.fks = {} # dictionary with FK constraints, by name + list of FK columns + + + @classmethod + def getClassName(cls, name, useUpperCase, withQuotes=True): + if re.match("^[A-Z_0-9]*$", name) == None: + return f'"{name}"' if withQuotes else name + return name.upper() if useUpperCase else name.lower() + + def getName(self, useUpperCase, withQuotes=True): + return Table.getClassName(self.name, useUpperCase, withQuotes) + + def getColumn(self, name): + for column in self.columns: + if column.name == name: + return column + return None + + def getDotShape(self, theme, showColumns, showTypes, useUpperCase): + fillcolor = theme.fillcolorC if showColumns else theme.fillcolor + colspan = "2" if showTypes else "1" + tableName = self.getName(useUpperCase, False) + + s = (f' {self.label} [\n' + + f' fillcolor="{fillcolor}" color="{theme.color}" penwidth="1"\n' + + f' label=<<table style="{theme.style}" border="0" cellborder="0" cellspacing="0" cellpadding="1">\n' + + f' <tr><td bgcolor="{theme.bgcolor}" align="center"' + + f' colspan="{colspan}"><font color="{theme.tcolor}"><b>{tableName}</b></font></td></tr>\n') + + if showColumns: + for column in self.columns: + name = column.getName(useUpperCase, False) + if column.ispk: name = f"<u>{name}</u>" + if column.fkof != None: name = f"<i>{name}</i>" + if column.nullable: name = f"{name}*" + if column.identity: name = f"{name} I" + if column.isunique: name = f"{name} U" + datatype = column.datatype + if useUpperCase: datatype = datatype.upper() + + if showTypes: + s += (f' <tr><td align="left"><font color="{theme.icolor}">{name} </font></td>\n' + + f' <td align="left"><font color="{theme.icolor}">{datatype}</font></td></tr>\n') + else: + s += f' <tr><td align="left"><font color="{theme.icolor}">{name}</font></td></tr>\n' + + return s + ' </table>>\n ]\n' + + + def getDotLinks(self, theme): + s = "" + for constraint in self.fks: + fks = self.fks[constraint] + fk1 = fks[0] + dashed = "" if not fk1.nullable else ' style="dashed"' + arrow = "" if fk1.ispk and len(self.pks) == len(fk1.fkof.table.pks) else ' arrowtail="crow"' + s += (f' {self.label} -> {fk1.fkof.table.label}' + + f' [ penwidth="{theme.penwidth}" color="{theme.pencolor}"{dashed}{arrow} ]\n') + return s + + +class Column: + def __init__(self, table, name, comment): + self.table = table + self.name = name + self.comment = comment if comment is not None and comment != 'None' else '' + self.nullable = True + self.datatype = None # with (length, or precision/scale) + self.identity = False + + self.isunique = False + self.ispk = False + self.pkconstraint = None + self.fkof = None # points to the PK column on the other side + + + def getName(self, useUpperCase, withQuotes=True): + return Table.getClassName(self.name, useUpperCase, withQuotes) + + + def setDataType(self, datatype): + self.datatype = datatype["type"] + self.nullable = bool(datatype["nullable"]) + + if self.datatype == "FIXED": + self.datatype = "NUMBER" + elif "fixed" in datatype: + fixed = bool(datatype["fixed"]) + if self.datatype == "TEXT": + self.datatype = "CHAR" if fixed else "VARCHAR" + + if "length" in datatype: + self.datatype += f"({str(datatype['length'])})" + elif "scale" in datatype: + if int(datatype['precision']) == 0: + self.datatype += f"({str(datatype['scale'])})" + if self.datatype == "TIMESTAMP_NTZ(9)": + self.datatype = "TIMESTAMP" + elif "scale" in datatype and int(datatype['scale']) == 0: + self.datatype += f"({str(datatype['precision'])})" + if self.datatype == "NUMBER(38)": + self.datatype = "INT" + elif self.datatype.startswith("NUMBER("): + self.datatype = f"INT({str(datatype['precision'])})" + elif "scale" in datatype: + self.datatype += f"({str(datatype['precision'])},{str(datatype['scale'])})" + #if column.datatype.startswith("NUMBER("): + # column.datatype = f"FLOAT({str(datatype['precision'])},{str(datatype['scale'])})" + self.datatype = self.datatype.lower() \ No newline at end of file diff --git a/my_flask_app/static/script.js b/my_flask_app/static/script.js new file mode 100644 index 0000000..e69de29 diff --git a/my_flask_app/static/uikit-3.18.0/css/uikit-rtl.css b/my_flask_app/static/uikit-3.18.0/css/uikit-rtl.css new file mode 100644 index 0000000..d5da5c8 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/css/uikit-rtl.css @@ -0,0 +1,12627 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ +html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between the element and the bottom of its parent container. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Constrain the element to its parent width. + * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. + * 3. Take border and padding into account. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Deprecated: only needed for `img` elements with `uk-img` + * 1. Hide `alt` text for lazy load images. + * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + */ +img:not([src]) { + /* 1 */ + visibility: hidden; + /* 2 */ + min-width: 1px; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge, +.uk-heading-3xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge, +* + .uk-heading-3xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-right: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-right: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Focus + ========================================================================== */ +:focus { + outline: none; +} +:focus-visible { + outline: 2px dotted #333; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a, +.uk-link-toggle .uk-link-muted { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a, +.uk-link-toggle .uk-link-text { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a, +.uk-link-toggle .uk-link-heading { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +.uk-heading-3xlarge { + font-size: 8rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } + .uk-heading-3xlarge { + font-size: 11rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } + .uk-heading-3xlarge { + font-size: 15rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-left: calc(5px + 0.2em); + border-right: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (calc(0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + left: 100%; + margin-left: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + right: 100%; + margin-right: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + left: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + right: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: max-content; + height: 100px; + margin-right: auto; + margin-left: auto; + border-right: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Avoid column break within the list item, when using `column-count` + */ +.uk-list > * { + break-inside: avoid-column; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari + ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-right: 30px; +} +/* + * Type modifiers + */ +.uk-list-decimal { + counter-reset: decimal; +} +.uk-list-decimal > * { + counter-increment: decimal; +} +.uk-list-disc > ::before, +.uk-list-circle > ::before, +.uk-list-square > ::before, +.uk-list-decimal > ::before, +.uk-list-hyphen > ::before { + content: ""; + position: relative; + right: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: left; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; +} +/* + * Color modifiers + */ +.uk-list-muted > ::before { + color: #999 !important; +} +.uk-list-emphasis > ::before { + color: #333 !important; +} +.uk-list-primary > ::before { + color: #1e87f0 !important; +} +.uk-list-secondary > ::before { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-right: 30px; +} +.uk-list-bullet > ::before { + content: ""; + display: list-item; + position: relative; + right: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: right; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: right; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-right: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-left: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-right: 0; + padding-left: 0; + } +} +.uk-table tbody tr { + transition: background-color 0.1s linear; +} +.uk-table-striped > tr:nth-of-type(even):last-child, +.uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + * 1. Required for `span` with background image + * 2. Required for `image` + */ +.uk-icon-image { + width: 20px; + height: 20px; + /* 1 */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + /* 2 */ + object-fit: scale-down; + max-width: none; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + * 1. Allow text within link + */ +.uk-icon-link { + color: #999; + /* 1 */ + text-decoration: none !important; +} +.uk-icon-link:hover { + color: #666; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-icon-button:hover { + background-color: #ebebeb; + color: #666; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Remove default style. + * 2. Define consistent box sizing. + * 3. Remove `margin` in all browsers. + * 4. Align to the center of the line box. + * 5. Prevent content overflow if a fixed width is used. + * 6. Take the full width. + * 7. Remove white background in Chrome. + */ +.uk-range { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + box-sizing: border-box; + /* 3 */ + margin: 0; + /* 4 */ + vertical-align: middle; + /* 5 */ + max-width: 100%; + /* 6 */ + width: 100%; + /* 7 */ + background: transparent; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +/* + * Track + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #dedede; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #dedede; +} +/* + * Thumb + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + margin-top: -7px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + * 1. Reset `min-width` + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; + /* 1 */ + min-width: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 6px; + padding-bottom: 6px; + vertical-align: top; +} +.uk-select[multiple], +.uk-select[size] { + resize: vertical; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input::placeholder { + color: #999; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-right: 8px; + padding-left: 8px; +} +/* Multi-line */ +textarea.uk-form-small, +[multiple].uk-form-small, +[size].uk-form-small { + padding: 5px 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-right: 12px; + padding-left: 12px; +} +/* Multi-line */ +textarea.uk-form-large, +[multiple].uk-form-large, +[size].uk-form-large { + padding: 7px 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: solid; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-left: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 0% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size]) option { + color: #666; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-left: 20px; + background-repeat: no-repeat; + background-position: 0% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none !important; +} +/* Radio and checkbox + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + background-color: rgba(0, 0, 0, 0); + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + right: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: right; + } + .uk-form-horizontal .uk-form-controls { + margin-right: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-right: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + left: 0; + right: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-left: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover */ +.uk-button-default:hover { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-primary:hover { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-secondary:hover { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-danger:hover { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + right: 0; + left: 100%; + border-bottom: 1px solid currentColor; + transition: left 0.3s ease-out; +} +/* Hover */ +.uk-button-text:hover { + color: #333; +} +.uk-button-text:hover::before { + left: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-link:hover { + color: #999; + text-decoration: none; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-right: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in all browsers. + * 2. Behave like a block element. + * 3. Remove borders in Firefox. + * 4. Remove default style in Chrome, Safari and Edge. + * 5. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Show background color set on `uk-progress` in Chrome, Safari and Edge. + */ +.uk-progress::-webkit-progress-bar { + background-color: transparent; +} +/* + * Progress Bar + * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. + * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; + /* 1 */ + transition: width 0.6s ease; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-right: 40px; + padding-left: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-right: 0; + padding-left: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-right { + margin-right: 0; +} +.uk-container-expand-left { + margin-left: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-right.uk-container-xsmall, + .uk-container-expand-left.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-right.uk-container-small, + .uk-container-expand-left.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-right, + .uk-container-expand-left { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-right.uk-container-xsmall, + .uk-container-expand-left.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-right.uk-container-small, + .uk-container-expand-left.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-right.uk-container-large, + .uk-container-expand-left.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-right.uk-container-xlarge, + .uk-container-expand-left.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-right, +.uk-container-item-padding-remove-left { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-right, + .uk-container-item-padding-remove-left { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-right, + .uk-container-item-padding-remove-left { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-right: 15px; + padding-left: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-right: 40px; + padding-left: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + background-color: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +/* + * 1. Position + * 2. Size + * 3. Style + * 4. Center child vertically + */ +.uk-card-badge { + /* 1 */ + position: absolute; + top: 15px; + left: 15px; + z-index: 1; + /* 2 */ + height: 22px; + padding: 0 10px; + /* 3 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 4 */ + display: flex; + justify-content: center; + align-items: center; + line-height: 0; + border-radius: 2px; + text-transform: uppercase; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background-color: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + background-color: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + background-color: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-right: -30px; + margin-left: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body > .uk-nav-default > li > a, +.uk-card-body > .uk-nav-default .uk-nav-header, +.uk-card-body > .uk-nav-default .uk-nav-divider { + padding-right: 30px; + padding-left: 30px; +} +.uk-card-body > .uk-nav-default .uk-nav-sub { + padding-right: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-right: -40px; + margin-left: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body > .uk-nav-default > li > a, + .uk-card-body > .uk-nav-default .uk-nav-header, + .uk-card-body > .uk-nav-default .uk-nav-divider { + padding-right: 40px; + padding-left: 40px; + } + .uk-card-body > .uk-nav-default .uk-nav-sub { + padding-right: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-right: -20px; + margin-left: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small > .uk-nav-default > li > a, +.uk-card-small > .uk-nav-default .uk-nav-header, +.uk-card-small > .uk-nav-default .uk-nav-divider { + padding-right: 20px; + padding-left: 20px; +} +.uk-card-small > .uk-nav-default .uk-nav-sub { + padding-right: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large > .uk-nav-default > li > a, + .uk-card-large > .uk-nav-default .uk-nav-header, + .uk-card-large > .uk-nav-default .uk-nav-divider { + padding-right: 0; + padding-left: 0; + } + .uk-card-large > .uk-nav-default .uk-nav-sub { + padding-right: 15px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; +} +/* Hover */ +.uk-close:hover { + color: #666; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: -88px; + } + 50% { + stroke-dashoffset: -22px; + transform: rotate(-135deg); + } + 100% { + stroke-dashoffset: -88px; + transform: rotate(-450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-totop:hover { + color: #666; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover */ +.uk-marker:hover { + color: #fff; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 15px 15px 29px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + left: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +.uk-alert-close:hover { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff !important; + font-size: 11px; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Required for `a` + */ +.uk-badge:hover { + text-decoration: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-right: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-right: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + left: 0; + right: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 240px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-right: 10px; + padding-left: 10px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 40px; +} +.uk-search-default .uk-search-icon-flip ~ .uk-search-input { + padding-left: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 40px; +} +.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { + padding-left: 40px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; +} +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 80px; +} +.uk-search-large .uk-search-icon-flip ~ .uk-search-input { + padding-left: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover */ +.uk-search-toggle:hover { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; +} +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-right: 10px; + float: left; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Hover */ +.uk-accordion-title:hover { + color: #666; + text-decoration: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + --uk-position-offset: 20px; + --uk-position-viewport-offset: 15px; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* Parent icon + ========================================================================== */ +.uk-drop-parent-icon { + margin-right: 0.25em; + transition: transform 0.3s ease-out; +} +[aria-expanded="true"] > .uk-drop-parent-icon { + transform: rotateX(180deg); +} +/* ======================================================================== + Component: Dropbar + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop + * 2. Style + */ +.uk-dropbar { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 0; + /* 1 */ + width: auto; + /* 2 */ + padding: 25px 15px 25px 15px; + background: #fff; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropbar > :last-child { + margin-bottom: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropbar { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropbar { + padding-right: 40px; + padding-left: 40px; + } +} +.uk-dropbar :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Direction modifier + ========================================================================== */ +.uk-dropbar-top { + box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-bottom { + box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-right { + box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-left { + box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +/* ======================================================================== + Component: Dropnav + ========================================================================== */ +/* + * 1. Position + * 2. Reset dropbar + * 3. Width + */ +.uk-dropnav-dropbar { + /* 1 */ + position: absolute; + z-index: 980; + /* 2 */ + padding: 0; + /* 3 */ + right: 0; + left: 0; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-right: 40px; + padding-left: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: 100% !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 20px 20px; +} +.uk-modal-header { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal-body { + padding: 30px 30px; + } + .uk-modal-header { + padding: 15px 30px; + } + .uk-modal-footer { + padding: 15px 30px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + left: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + left: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + left: 0; + transform: translate(-100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + left: 0; + padding: 10px; + background: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal-close-full { + padding: 20px; + } +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + * 5. Disable horizontal panning gestures + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; + /* 5 */ + touch-action: pan-y; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + /* 2 */ + left: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + * 2. Prevent accidental scrolling through elements in slide getting focused + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; + /* 2 */ + overflow: clip; +} +/* + * Widen container to prevent box-shadows from clipping, `large-box-shadow` + */ +.uk-slider-container-offset { + margin: -11px -25px -39px -25px; + padding: 11px 25px 39px 25px; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + * 3. Disable horizontal panning gestures + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * `max-width` needed to keep image responsiveness and prevent content overflow + * 2. Create position context + */ +.uk-slider-items > * { + /* 1 */ + flex: none; + box-sizing: border-box; + max-width: 100%; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Create position context so it's t the same like when fixed. + * 2. Create stacking context already when not sticky to have the same context +* for position set to `sticky` and `relative` + * 2. More robust if padding and border are used and the sticky height is transitioned + */ +.uk-sticky { + /* 1 */ + position: relative; + /* 2 */ + z-index: 980; + /* 3 */ + box-sizing: border-box; +} +/* + * 1. Force new layer to resolve frame rate issues on devices with lower frame rates + */ +.uk-sticky-fixed { + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* + * Placeholder + * Make content clickable for sticky cover and reveal effects + */ +.uk-sticky-placeholder { + pointer-events: none; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + right: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + left: 0; + right: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-bar { + right: -350px; + width: 350px; + padding: 30px 30px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + right: auto; + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + left: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + right: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + right: auto; + left: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: right 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: left; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + right: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + right: auto; + left: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + left: 0; + right: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 5px; + left: 5px; + padding: 5px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-close { + top: 10px; + left: 10px; + } +} +/* + * Remove margin from adjacent element + */ +.uk-offcanvas-close:first-child + * { + margin-top: 0; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + * 1. `clip` is needed for `position: sticky` elements to keep their position + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; + /* 1 */ + overflow-x: clip; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + right: 0; + transition: right 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + right: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + right: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + right: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-right: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + right: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-left, +.uk-notification-bottom-left { + right: auto; + left: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + right: 50%; + margin-right: -175px; +} +.uk-notification-bottom-right, +.uk-notification-bottom-left, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + right: 10px; + left: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + left: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + --uk-position-offset: 10px; + --uk-position-viewport-offset: 10; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-right: -30px; +} +.uk-grid > * { + padding-right: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-right: -40px; + } + .uk-grid > * { + padding-right: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-right: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-right: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-right: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-right: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-right: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-right: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-right: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-right: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-right: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-right: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-right: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + right: 0; + left: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-right: -60px; +} +.uk-grid-divider > * { + padding-right: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + right: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + right: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-right: -80px; + } + .uk-grid-divider > * { + padding-right: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + right: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + right: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-right: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-right: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + right: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + right: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + right: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-right: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-right: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + right: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + right: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + right: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-right: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-right: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + right: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + right: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + right: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-right: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-right: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + right: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + right: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + right: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* +* 1. Center content vertically, e.g. an icon +* 2. Imitate white space gap when using flexbox +* 3. Reset link + */ +.uk-nav li > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3*/ + text-decoration: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 15px 5px 0; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-right: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon + ========================================================================== */ +.uk-nav-parent-icon { + margin-right: auto; + transition: transform 0.3s ease-out; +} +.uk-nav > li.uk-open > a .uk-nav-parent-icon { + transform: rotateX(180deg); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav .uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover */ +.uk-nav-default > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-default .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +.uk-nav-primary { + font-size: 1.5rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-primary > li > a { + color: #999; +} +/* Hover */ +.uk-nav-primary > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-primary .uk-nav-subtitle { + font-size: 1.25rem; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub { + font-size: 1.25rem; + line-height: 1.5; +} +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Secondary modifier + ========================================================================== */ +.uk-nav-secondary { + font-size: 16px; + line-height: 1.5; +} +.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 0; +} +/* + * Items + */ +.uk-nav-secondary > li > a { + color: #333; + padding: 10px 10px; +} +/* Hover */ +.uk-nav-secondary > li > a:hover { + color: #333; + background-color: #f8f8f8; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a { + color: #333; + background-color: #f8f8f8; +} +/* + * Subtitle + */ +.uk-nav-secondary .uk-nav-subtitle { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: #666; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #333; +} +/* + * Header + */ +.uk-nav-secondary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-secondary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-secondary .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-secondary .uk-nav-sub a { + color: #999; +} +.uk-nav-secondary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Size modifier + ========================================================================== */ +/* + * Medium + */ +.uk-nav-medium { + font-size: 2.8875rem; + line-height: 1; +} +.uk-nav-large { + font-size: 3.4rem; + line-height: 1; +} +.uk-nav-xlarge { + font-size: 4rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-nav-medium { + font-size: 3.5rem; + } + .uk-nav-large { + font-size: 4rem; + } + .uk-nav-xlarge { + font-size: 6rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-nav-medium { + font-size: 4rem; + } + .uk-nav-large { + font-size: 6rem; + } + .uk-nav-xlarge { + font-size: 8rem; + } +} +/* Alignment modifier + ========================================================================== */ +/* + * 1. Center header + * 2. Center items + */ +/* 1 */ +.uk-nav-center { + text-align: center; +} +/* 2 */ +.uk-nav-center li > a { + justify-content: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-right: 0; +} +/* Parent icon */ +.uk-nav-center .uk-nav-parent-icon { + margin-right: 0.25em; +} +/* Style modifier + ========================================================================== */ +/* + * Divider + * Naming is in plural to prevent conflicts with divider sub object. + */ +.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + */ +.uk-navbar-right, +.uk-navbar-left, +[class*='uk-navbar-center'] { + display: flex; + gap: 15px; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-left { + margin-right: auto; +} +.uk-navbar-center:only-child { + margin-right: auto; + margin-left: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-right, +.uk-navbar-center-left { + position: absolute; + top: 0; +} +.uk-navbar-center-right { + left: calc(100% + 15px); +} +.uk-navbar-center-left { + right: calc(100% + 15px); +} +[class*='uk-navbar-center-'] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-right, +.uk-navbar-left, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Imitate white space gap when using flexbox + * 3. Dimensions + * 4. Style + * 5. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + box-sizing: border-box; + min-height: 80px; + /* 4 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 5 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + padding: 0 0; + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a[aria-expanded="true"] { + color: #666; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Parent icon modifier + ========================================================================== */ +.uk-navbar-parent-icon { + margin-right: 4px; + transition: transform 0.3s ease-out; +} +.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { + transform: rotateX(180deg); +} +/* Item + ========================================================================== */ +.uk-navbar-item { + padding: 0 0; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-item > :last-child { + margin-bottom: 0; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + padding: 0 0; + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle[aria-expanded="true"] { + color: #666; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Justify modifier + ========================================================================== */ +.uk-navbar-justify .uk-navbar-right, +.uk-navbar-justify .uk-navbar-left, +.uk-navbar-justify .uk-navbar-nav, +.uk-navbar-justify .uk-navbar-nav > li, +.uk-navbar-justify .uk-navbar-item, +.uk-navbar-justify .uk-navbar-toggle { + flex-grow: 1; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Set a default width + * 2. Style + */ +.uk-navbar-dropdown { + --uk-position-offset: 15px; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: 200px; + /* 2 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-navbar-dropdown > :last-child { + margin-bottom: 0; +} +.uk-navbar-dropdown :focus-visible { + outline-color: #333 !important; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown .uk-drop-grid { + margin-right: -30px; +} +.uk-navbar-dropdown .uk-drop-grid > * { + padding-right: 30px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { + margin-top: 30px; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { + width: 1000px; +} +/* + * Size modifier + */ +.uk-navbar-dropdown-large { + --uk-position-shift-offset: 0; + padding: 40px; +} +/* + * Dropbar modifier + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-navbar-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 25px 0 25px 0; + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-navbar-dropdown-dropbar-large { + --uk-position-shift-offset: 0; + padding-top: 40px; + padding-bottom: 40px; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover */ +.uk-navbar-dropdown-nav > li > a:hover { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-navbar-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +/* + * Adopts `uk-dropnav-dropbar` + */ +.uk-navbar-container { + transition: 0.1s ease-in-out; + transition-property: background-color; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-right, + .uk-navbar-left, + [class*='uk-navbar-center'] { + gap: 30px; + } + .uk-navbar-center-right { + left: calc(100% + 30px); + } + .uk-navbar-center-left { + right: calc(100% + 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-nav { + gap: 30px; + } +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-right: -20px; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-subnav > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-right: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-right: 0px; + margin-left: 20px; + border-right: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-right-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover */ +.uk-subnav-pill > * > a:hover { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * Reset list + */ +.uk-breadcrumb { + padding: 0; + list-style: none; +} +/* + * 1. Doesn't generate any box and replaced by child boxes + */ +.uk-breadcrumb > * { + display: contents; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-breadcrumb > * > :hover { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + * 1. Remove space between inline block elements. + * 2. Style + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + /* 1 */ + margin: 0 calc(20px - 4px) 0 20px; + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-right: 0; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + padding: 5px 10px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-pagination > * > :hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-right: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + right: 20px; + left: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Center content if a width is set + * 4. Style + */ +.uk-tab > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + justify-content: center; + /* 4 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-tab > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-right, +.uk-tab-left { + flex-direction: column; + /* 1 */ + margin-right: 0; +} +/* 1 */ +.uk-tab-right > *, +.uk-tab-left > * { + padding-right: 0; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + right: auto; + left: 0; + border-right: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + right: 0; + left: auto; + border-right: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right > * > a { + justify-content: right; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab-left > * > a { + justify-content: right; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-right: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-slidenav:hover { + color: rgba(102, 102, 102, 0.9); +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover */ +.uk-dotnav > * > :hover { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-right: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-right: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); + transition: opacity 0.1s ease-in-out; +} +/* Hover */ +.uk-thumbnav > * > :hover::after { + opacity: 0; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + opacity: 0; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-right: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-right: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically if there is still some text + * 2. Imitate white space gap when using flexbox + * 3. Force text not to affect item height + * 4. Style + * 5. Required for `a` if there is still some text + */ +.uk-iconnav > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + line-height: 0; + /* 4 */ + color: #999; + /* 5 */ + text-decoration: none; + font-size: 0.875rem; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-iconnav > * > a:hover { + color: #666; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-right: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop and let text expand the width instead of wrapping + * 2. Set a default width + * 3. Style + */ +.uk-dropdown { + --uk-position-offset: 10px; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: auto; + /* 2 */ + min-width: 200px; + /* 3 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-dropdown > :last-child { + margin-bottom: 0; +} +.uk-dropdown :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropdown-large { + padding: 40px; +} +/* Dropbar modifier + ========================================================================== */ +/* + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 5px 0 25px 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-dropdown-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Subtitle + */ +.uk-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* + * Focus + */ +.uk-lightbox :focus-visible { + outline-color: rgba(255, 255, 255, 0.7); +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* Hover */ +.uk-lightbox-button:hover { + color: #fff; +} +/* OnClick */ +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*='uk-animation-'] { + animation: 0.5s ease-out both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade, uk-scale-up; +} +.uk-animation-scale-down { + animation-name: uk-fade, uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade, uk-slide-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade, uk-slide-bottom; +} +.uk-animation-slide-right { + animation-name: uk-fade, uk-slide-left; +} +.uk-animation-slide-left { + animation-name: uk-fade, uk-slide-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade, uk-slide-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade, uk-slide-bottom-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade, uk-slide-left-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade, uk-slide-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade, uk-slide-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade, uk-slide-bottom-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade, uk-slide-left-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade, uk-slide-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + animation-duration: 2s; + stroke-dasharray: var(--uk-animation-stroke); +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle animation based on the State of the Parent Element + ========================================================================== */ +.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale + */ +@keyframes uk-scale-up { + 0% { + transform: scale(0.9); + } + 100% { + transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* + * Slide + */ +@keyframes uk-slide-top { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Small + */ +@keyframes uk-slide-top-small { + 0% { + transform: translateY(-10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-small { + 0% { + transform: translateY(10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-small { + 0% { + transform: translateX(10px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-small { + 0% { + transform: translateX(-10px); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Medium + */ +@keyframes uk-slide-top-medium { + 0% { + transform: translateY(-50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-medium { + 0% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-medium { + 0% { + transform: translateX(50px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-medium { + 0% { + transform: translateX(-50px); + } + 100% { + transform: translateX(0); + } +} +/* + * Kenburns + */ +@keyframes uk-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(9px); + } + 20% { + transform: translateX(-8px); + } + 30% { + transform: translateX(7px); + } + 40% { + transform: translateX(-6px); + } + 50% { + transform: translateX(5px); + } + 60% { + transform: translateX(-4px); + } + 70% { + transform: translateX(3px); + } + 80% { + transform: translateX(-2px); + } + 90% { + transform: translateX(1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*='uk-width']) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-max-content { + width: max-content; +} +.uk-width-min-content { + width: min-content; +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +.uk-height-viewport-2 { + min-height: 200vh; +} +.uk-height-viewport-3 { + min-height: 300vh; +} +.uk-height-viewport-4 { + min-height: 400vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta > a { + color: #999; +} +.uk-text-meta > a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Decoration modifier + ========================================================================== */ +.uk-text-decoration-none { + text-decoration: none !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in all browsers. + * 2. Default color is set to transparent. + * 3. Container fits the text + * 4. Style + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + color: transparent !important; + /* 3 */ + display: inline-block; + /* 4 */ + background-color: #1e87f0; + background-image: linear-gradient(-90deg, #1e87f0 0%, #411ef0 100%); +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-right { + text-align: right !important; +} +.uk-text-left { + text-align: left !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * Wrap long words onto the next line and break them if they are too long to fit. + * 1. Make it work with table cells in all browsers. + * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. + */ +.uk-text-break { + overflow-wrap: break-word; +} +/* 1 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-word; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. + * 2. Reset responsiveness for embedded content + * 3. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +/* 1 */ +[uk-cover]:where(canvas, iframe, svg), +[data-uk-cover]:where(canvas, iframe, svg) { + /* 2 */ + max-width: none; + /* 3 */ + position: absolute; + right: 50%; + top: 50%; + --uk-position-translate-x: 50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); +} +iframe[uk-cover], +iframe[data-uk-cover] { + pointer-events: none; +} +[uk-cover]:where(img, video), +[data-uk-cover]:where(img, video) { + /* 3 */ + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + object-fit: cover; + object-position: center; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain, +.uk-background-width-1-1, +.uk-background-height-1-1 { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +.uk-background-width-1-1 { + background-size: 100%; +} +.uk-background-height-1-1 { + background-size: auto 100%; +} +/* Position + ========================================================================== */ +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-left { + background-position: 0% 0; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-left { + background-position: 0% 50%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-left { + background-position: 0% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-right: auto; + margin-left: auto; +} +/* + * Left/Right + */ +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-right { + float: right; +} +.uk-float-left { + float: left; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Box Sizing + ========================================================================== */ +.uk-box-sizing-content { + box-sizing: content-box; +} +.uk-box-sizing-border { + box-sizing: border-box; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-horizontal { + resize: horizontal; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force new layer without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* + * Fix initial iframe width. Without the viewport is expanded on iOS devices + */ +[uk-responsive], +[data-uk-responsive] { + max-width: 100%; +} +/* Object + ========================================================================== */ +.uk-object-cover { + object-fit: cover; +} +.uk-object-contain { + object-fit: contain; +} +.uk-object-fill { + object-fit: fill; +} +.uk-object-none { + object-fit: none; +} +.uk-object-scale-down { + object-fit: scale-down; +} +/* + * Position + */ +.uk-object-top-right { + object-position: 100% 0; +} +.uk-object-top-center { + object-position: 50% 0; +} +.uk-object-top-left { + object-position: 0% 0; +} +.uk-object-center-right { + object-position: 100% 50%; +} +.uk-object-center-center { + object-position: 50% 50%; +} +.uk-object-center-left { + object-position: 0% 50%; +} +.uk-object-bottom-right { + object-position: 100% 100%; +} +.uk-object-bottom-center { + object-position: 50% 100%; +} +.uk-object-bottom-left { + object-position: 0% 100%; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Fix shadow being clipped in Safari if container is animated + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + z-index: 0; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::after { + content: ""; + /* 1 */ + position: absolute; + bottom: -30px; + right: 0; + left: 0; + z-index: -1; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + /* 3 */ + will-change: filter; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-left: 10px; + float: right; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Style + * 2. Required for `a` + * 3. Behave like image but can be overridden through flex utility classes + */ +.uk-logo { + /* 1 */ + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #333; + /* 2 */ + text-decoration: none; +} +/* 3 */ +:where(.uk-logo) { + display: inline-block; + vertical-align: middle; +} +/* Hover */ +.uk-logo:hover { + color: #333; + /* 1 */ + text-decoration: none; +} +.uk-logo :where(img, svg, video) { + display: block; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-left { + transform-origin: 0% 0; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-center-left { + transform-origin: 0% 50%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-right { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-left { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-right\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-left\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-right\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-left\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-right\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-left\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-right\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-left\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-right: 0 !important; + padding-left: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +:root { + --uk-position-margin-offset: 0px; +} +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow. + */ +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-right'], +[class*='uk-position-left'], +[class*='uk-position-center'] { + position: absolute !important; + /* 1 */ + max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); + box-sizing: border-box; +} +/* + * Edges + * Don't use `width: 100%` because it's wrong if the parent has padding. + */ +.uk-position-top { + top: 0; + right: 0; + left: 0; +} +.uk-position-bottom { + bottom: 0; + right: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +/* + * Corners + */ +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + * Using `max-content` requires `max-width` of 100% which is set generally. + */ +.uk-position-center { + top: calc(50% - var(--uk-position-margin-offset)); + right: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: 50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); + /* 1 */ + width: max-content; +} +/* Vertical */ +[class*='uk-position-center-right'], +[class*='uk-position-center-left'] { + top: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-y: -50%; + transform: translate(0, var(--uk-position-translate-y)); +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + right: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: 50%; + transform: translate(var(--uk-position-translate-x), 0); + /* 1 */ + width: max-content; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +/* + * Cover + */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; +} +/* Margin + ========================================================================== */ +.uk-position-small { + margin: 15px; + --uk-position-margin-offset: 15px; +} +.uk-position-medium { + margin: 30px; + --uk-position-margin-offset: 30px; +} +.uk-position-large { + margin: 30px; + --uk-position-margin-offset: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + --uk-position-margin-offset: 50px; + } +} +/* Schemes + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-sticky { + position: sticky !important; +} +/* Layer + ========================================================================== */ +.uk-position-z-index { + z-index: 1; +} +.uk-position-z-index-zero { + z-index: 0; +} +.uk-position-z-index-negative { + z-index: -1; +} +.uk-position-z-index-high { + z-index: 990; +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + */ +:where(.uk-transition-fade), +:where([class*='uk-transition-scale']), +:where([class*='uk-transition-slide']) { + --uk-position-translate-x: 0; + --uk-position-translate-y: 0; +} +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + --uk-scale-x: 1; + --uk-scale-y: 1; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-toggle .uk-transition-fade:focus-within, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. + */ +/* 1 */ +[class*='uk-transition-scale'] { + -webkit-backface-visibility: hidden; +} +.uk-transition-scale-up { + --uk-scale-x: 1; + --uk-scale-y: 1; +} +.uk-transition-scale-down { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-toggle .uk-transition-scale-up:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-up { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; + opacity: 1; +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-toggle .uk-transition-scale-down:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-down { + --uk-scale-x: 1; + --uk-scale-y: 1; + opacity: 1; +} +/* + * Slide + */ +.uk-transition-slide-top { + --uk-translate-y: -100%; +} +.uk-transition-slide-bottom { + --uk-translate-y: 100%; +} +.uk-transition-slide-right { + --uk-translate-x: -100%; +} +.uk-transition-slide-left { + --uk-translate-x: 100%; +} +.uk-transition-slide-top-small { + --uk-translate-y: calc(-1 * 10px); +} +.uk-transition-slide-bottom-small { + --uk-translate-y: 10px; +} +.uk-transition-slide-right-small { + --uk-translate-x: calc(-1 * 10px); +} +.uk-transition-slide-left-small { + --uk-translate-x: 10px; +} +.uk-transition-slide-top-medium { + --uk-translate-y: calc(-1 * 50px); +} +.uk-transition-slide-bottom-medium { + --uk-translate-y: 50px; +} +.uk-transition-slide-right-medium { + --uk-translate-x: calc(-1 * 50px); +} +.uk-transition-slide-left-medium { + --uk-translate-x: 50px; +} +/* Show */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle:focus [class*='uk-transition-slide'], +.uk-transition-toggle [class*='uk-transition-slide']:focus-within, +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + opacity: 1; +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifier + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* Disable modifier + ========================================================================== */ +.uk-transition-disable, +.uk-transition-disable * { + transition: none !important; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Based on the State of the Parent Element + ========================================================================== */ +/* + * Mind that `display: none`, `visibility: hidden` and `opacity: 0` + * remove the element from the accessibility tree and that + * `display: none` and `visibility: hidden` are not focusable. + * + * The target stays visible if any element within receives focus through keyboard. + */ +/* + * Remove space when hidden. + * 1. Remove from document flow. + * 2. Hide element and shrink its dimension. Can't use zero dimensions together + * with `overflow: hidden` it would remove it from the accessibility tree. + * 3. Hide the single rendered pixel. + * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation + * by screen readers and the visual tracking indicator of other assistive technologies. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 1px !important; + height: 1px !important; + padding: 0 !important; + border: 0 !important; + margin: 0 !important; + overflow: hidden !important; + /* 3 */ + clip-path: inset(50%) !important; + /* 4 */ + white-space: nowrap !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Unfortunately, can't use `clip-path: inset(50%)` because hover won't work + * if the element is positioned outside of the toggle box. + */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + opacity: 0 !important; +} +/* Based on Hover Capability of the Pointing Device + ========================================================================== */ +/* + * Hover + */ +/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ +@media (hover: none) { + .uk-hidden-touch { + display: none !important; + } +} +/* Hide if primary pointing device supports hover, e.g. mice. */ +@media (hover) { + .uk-hidden-notouch { + display: none !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-light .uk-link-toggle:hover .uk-link, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-light .uk-heading-3xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary.uk-card-body .uk-heading-3xlarge, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-3xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body .uk-heading-3xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-3xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-overlay-primary .uk-heading-3xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge, +.uk-offcanvas-bar .uk-heading-3xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light :focus-visible, +.uk-section-primary:not(.uk-preserve-color) :focus-visible, +.uk-section-secondary:not(.uk-preserve-color) :focus-visible, +.uk-tile-primary:not(.uk-preserve-color) :focus-visible, +.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, +.uk-card-primary.uk-card-body :focus-visible, +.uk-card-primary > :not([class*='uk-card-media']) :focus-visible, +.uk-card-secondary.uk-card-body :focus-visible, +.uk-card-secondary > :not([class*='uk-card-media']) :focus-visible, +.uk-overlay-primary :focus-visible, +.uk-offcanvas-bar :focus-visible { + outline-color: #fff; +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-light .uk-link-toggle:hover .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-light .uk-link-toggle:hover .uk-link-text, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-light .uk-link-toggle:hover .uk-link-heading, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary.uk-card-body a.uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary.uk-card-body a.uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-overlay-primary a.uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, +.uk-offcanvas-bar a.uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: #fff; +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #ffffff; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:hover { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:hover { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: #fff; +} +.uk-light .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light.uk-card-badge, +.uk-section-primary:not(.uk-preserve-color).uk-card-badge, +.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-card-primary.uk-card-body.uk-card-badge, +.uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, +.uk-card-secondary.uk-card-body.uk-card-badge, +.uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, +.uk-overlay-primary.uk-card-badge, +.uk-offcanvas-bar.uk-card-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-overlay-primary .uk-close:hover, +.uk-offcanvas-bar .uk-close:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-overlay-primary .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-overlay-primary .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:hover { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666 !important; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-overlay-primary .uk-nav-secondary > li > a, +.uk-offcanvas-bar .uk-nav-secondary > li > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-overlay-primary .uk-nav-secondary > li > a:hover, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-overlay-primary .uk-nav-secondary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-secondary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:hover { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :hover { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-thumbnav > * > *::after, +.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-card-primary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-card-secondary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-overlay-primary .uk-thumbnav > * > *::after, +.uk-offcanvas-bar .uk-thumbnav > * > *::after { + background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: #fff; +} +.uk-light .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-overlay-primary .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:hover { + color: #fff; +} +.uk-light .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-light .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: block; +} +.uk-light .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Pass dropbar behind color to JS + */ +* { + --uk-inverse: initial; +} +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + --uk-inverse: light; +} +.uk-dark, +.uk-section-default:not(.uk-preserve-color), +.uk-section-muted:not(.uk-preserve-color), +.uk-tile-default:not(.uk-preserve-color), +.uk-tile-muted:not(.uk-preserve-color), +.uk-card-default.uk-card-body, +.uk-card-default > :not([class*='uk-card-media']), +.uk-overlay-default, +.uk-dropbar, +.uk-navbar-container:not(.uk-navbar-transparent), +.uk-navbar-dropdown, +.uk-dropdown { + --uk-inverse: dark; +} +.uk-inverse-light { + --uk-inverse: light !important; +} +.uk-inverse-dark { + --uk-inverse: dark !important; +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/my_flask_app/static/uikit-3.18.0/css/uikit-rtl.min.css b/my_flask_app/static/uikit-3.18.0/css/uikit-rtl.min.css new file mode 100644 index 0000000..fb08589 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/css/uikit-rtl.min.css @@ -0,0 +1 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,svg,video{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-3xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-3xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-right:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-right:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:0.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}:focus{outline:0}:focus-visible{outline:2px dotted #333}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,.uk-link-toggle .uk-link-muted,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,.uk-link-toggle .uk-link-text,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,.uk-link-toggle .uk-link-heading,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}.uk-heading-3xlarge{font-size:8rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}.uk-heading-3xlarge{font-size:11rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}.uk-heading-3xlarge{font-size:15rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-left:calc(5px + .2em);border-right:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - (calc(.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{left:100%;margin-left:calc(5px + .3em)}.uk-heading-line>::after{right:100%;margin-right:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{left:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{right:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:max-content;height:100px;margin-right:auto;margin-left:auto;border-right:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*{break-inside:avoid-column}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle>*,.uk-list-decimal>*,.uk-list-disc>*,.uk-list-hyphen>*,.uk-list-square>*{padding-right:30px}.uk-list-decimal{counter-reset:decimal}.uk-list-decimal>*{counter-increment:decimal}.uk-list-circle>::before,.uk-list-decimal>::before,.uk-list-disc>::before,.uk-list-hyphen>::before,.uk-list-square>::before{content:"";position:relative;right:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;display:list-item;list-style-position:inside;text-align:left}.uk-list-disc>::before{list-style-type:disc}.uk-list-circle>::before{list-style-type:circle}.uk-list-square>::before{list-style-type:square}.uk-list-decimal>::before{content:counter(decimal,decimal) '\200A.\00A0'}.uk-list-hyphen>::before{content:'–\00A0\00A0'}.uk-list-muted>::before{color:#999!important}.uk-list-emphasis>::before{color:#333!important}.uk-list-primary>::before{color:#1e87f0!important}.uk-list-secondary>::before{color:#222!important}.uk-list-bullet>*{padding-right:30px}.uk-list-bullet>::before{content:"";display:list-item;position:relative;right:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:right;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:right;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-right:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-left:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-right:0;padding-left:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom:1px solid #e5e5e5}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle;object-fit:scale-down;max-width:none}.uk-icon-link{color:#999;text-decoration:none!important}.uk-icon-link:hover{color:#666}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:hover{background-color:#ebebeb;color:#666}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{-webkit-appearance:none;box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;background:0 0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;margin-top:-7px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0;min-width:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::placeholder{color:#999}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-right:8px;padding-left:8px}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-right:12px;padding-left:12px}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:solid}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-left:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:0 50%}.uk-select:not([multiple]):not([size]) option{color:#666}.uk-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]{padding-left:20px;background-repeat:no-repeat;background-position:0 50%}.uk-input[list]:focus,.uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none!important}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{background-color:rgba(0,0,0,0);outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;right:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:right}.uk-form-horizontal .uk-form-controls{margin-right:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;right:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-right:40px!important}.uk-form-icon-flip{left:0;right:auto}.uk-form-icon-flip~.uk-input{padding-left:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;right:0;left:100%;border-bottom:1px solid currentColor;transition:left .3s ease-out}.uk-button-text:hover{color:#333}.uk-button-text:hover::before{left:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#333}.uk-button-link:hover{color:#999;text-decoration:none}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-right:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress::-webkit-progress-bar{background-color:transparent}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0;transition:width .6s ease}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{background:#fff}.uk-section-muted{background:#f8f8f8}.uk-section-primary{background:#1e87f0}.uk-section-secondary{background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:640px){.uk-container{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-container{padding-right:40px;padding-left:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-right:0;padding-left:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-right{margin-right:0}.uk-container-expand-left{margin-left:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-right{margin-right:-15px}.uk-container-item-padding-remove-left{margin-left:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-right{margin-right:-30px}.uk-container-item-padding-remove-left{margin-left:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-right{margin-right:-40px}.uk-container-item-padding-remove-left{margin-left:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-right:15px;padding-left:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-tile{padding-right:40px;padding-left:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{background-color:#fff}.uk-tile-muted{background-color:#f8f8f8}.uk-tile-primary{background-color:#1e87f0}.uk-tile-secondary{background-color:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:15px;left:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background-color:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{background-color:#1e87f0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-secondary{background-color:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-right:-30px;margin-left:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-right:30px;padding-left:30px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-right:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-right:-40px;margin-left:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-right:40px;padding-left:40px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-right:55px}}.uk-card-small>.uk-nav-default{margin-right:-20px;margin-left:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small>.uk-nav-default .uk-nav-divider,.uk-card-small>.uk-nav-default .uk-nav-header,.uk-card-small>.uk-nav-default>li>a{padding-right:20px;padding-left:20px}.uk-card-small>.uk-nav-default .uk-nav-sub{padding-right:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large>.uk-nav-default .uk-nav-divider,.uk-card-large>.uk-nav-default .uk-nav-header,.uk-card-large>.uk-nav-default>li>a{padding-right:0;padding-left:0}.uk-card-large>.uk-nav-default .uk-nav-sub{padding-right:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:hover{color:#666}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(-270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:-88px}50%{stroke-dashoffset:-22px;transform:rotate(-135deg)}100%{stroke-dashoffset:-88px;transform:rotate(-450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:hover{color:#666}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:hover{color:#fff}.uk-alert{position:relative;margin-bottom:20px;padding:15px 15px 15px 29px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;left:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:hover{text-decoration:none}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,.8)}.uk-overlay-primary{background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-right:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-right:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input::placeholder{color:#999}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;right:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{left:0;right:auto}.uk-search-default{width:240px}.uk-search-default .uk-search-input{height:40px;padding-right:10px;padding-left:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-default .uk-search-icon{width:40px}.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:40px}.uk-search-default .uk-search-icon-flip~.uk-search-input{padding-left:40px}.uk-search-navbar{width:400px}.uk-search-navbar .uk-search-input{height:40px;background:0 0;font-size:1.5rem}.uk-search-navbar .uk-search-icon{width:40px}.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:40px}.uk-search-navbar .uk-search-icon-flip~.uk-search-input{padding-left:40px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:80px;background:0 0;font-size:2.625rem}.uk-search-large .uk-search-icon{width:80px}.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:80px}.uk-search-large .uk-search-icon-flip~.uk-search-input{padding-left:80px}.uk-search-toggle{color:#999}.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-right:10px;float:left;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:hover{color:#666;text-decoration:none}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;--uk-position-offset:20px;--uk-position-viewport-offset:15px;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-drop-parent-icon{margin-right:.25em;transition:transform .3s ease-out}[aria-expanded=true]>.uk-drop-parent-icon{transform:rotateX(180deg)}.uk-dropbar{--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:0;width:auto;padding:25px 15px 25px 15px;background:#fff;color:#666}.uk-dropbar>:last-child{margin-bottom:0}@media (min-width:640px){.uk-dropbar{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-dropbar{padding-right:40px;padding-left:40px}}.uk-dropbar :focus-visible{outline-color:#333!important}.uk-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropbar-top{box-shadow:0 12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-bottom{box-shadow:0 -12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-right{box-shadow:-12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropbar-left{box-shadow:12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropnav-dropbar{position:absolute;z-index:980;padding:0;right:0;left:0}.uk-modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1010;overflow-y:auto;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-right:40px;padding-left:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:100%!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:20px 20px}.uk-modal-header{display:flow-root;padding:10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:10px 20px;background:#fff;border-top:1px solid #e5e5e5}@media (min-width:640px){.uk-modal-body{padding:30px 30px}.uk-modal-header{padding:15px 30px}.uk-modal-footer{padding:15px 30px}}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;left:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;left:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{left:0;transform:translate(-100%,-100%)}}.uk-modal-close-full{top:0;left:0;padding:10px;background:#fff}@media (min-width:960px){.uk-modal-close-full{padding:20px}}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none;touch-action:pan-y}.uk-slideshow-items>*{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;will-change:transform,opacity}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden;overflow:clip}.uk-slider-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.uk-slider-items{will-change:transform;position:relative;touch-action:pan-y}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none;box-sizing:border-box;max-width:100%;position:relative}.uk-sticky{position:relative;z-index:980;box-sizing:border-box}.uk-sticky-fixed{margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-sticky-placeholder{pointer-events:none}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;right:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{left:0;right:auto}.uk-offcanvas-bar{position:absolute;top:0;bottom:0;right:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto}@media (min-width:640px){.uk-offcanvas-bar{right:-350px;width:350px;padding:30px 30px}}.uk-offcanvas-flip .uk-offcanvas-bar{right:auto;left:-270px}@media (min-width:640px){.uk-offcanvas-flip .uk-offcanvas-bar{left:-350px}}.uk-open>.uk-offcanvas-bar{right:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{right:auto;left:0}.uk-offcanvas-bar-animation{transition:right .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:left}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{right:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{right:auto;left:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:640px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{left:0;right:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:5px;left:5px;padding:5px}@media (min-width:640px){.uk-offcanvas-close{top:10px;left:10px}}.uk-offcanvas-close:first-child+*{margin-top:0}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden;overflow-x:clip}.uk-offcanvas-container{position:relative;right:0;transition:right .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{right:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{right:-270px}@media (min-width:640px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{right:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{right:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-right:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;right:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-left,.uk-notification-top-left{right:auto;left:10px}.uk-notification-bottom-center,.uk-notification-top-center{right:50%;margin-right:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{right:10px;left:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;left:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;--uk-position-offset:10px;--uk-position-viewport-offset:10;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-right:-30px}.uk-grid>*{padding-right:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-right:-40px}.uk-grid>*{padding-right:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-right:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-right:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-right:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-right:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-right:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-right:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-right:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-right:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-right:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-right:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-right:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;right:0;left:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-right:-60px}.uk-grid-divider>*{padding-right:60px}.uk-grid-divider>:not(.uk-first-column)::before{right:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;right:60px}@media (min-width:1200px){.uk-grid-divider{margin-right:-80px}.uk-grid-divider>*{padding-right:80px}.uk-grid-divider>:not(.uk-first-column)::before{right:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;right:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-right:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-right:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{right:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;right:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{right:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-right:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-right:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{right:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;right:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{right:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-right:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-right:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{right:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;right:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{right:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-right:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-right:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{right:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;right:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{right:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 15px 5px 0}.uk-nav-sub ul{padding-right:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon{margin-right:auto;transition:transform .3s ease-out}.uk-nav>li.uk-open>a .uk-nav-parent-icon{transform:rotateX(180deg)}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav .uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem;line-height:1.5}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-subtitle{font-size:12px}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary{font-size:1.5rem;line-height:1.5}.uk-nav-primary>li>a{color:#999}.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-subtitle{font-size:1.25rem}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub{font-size:1.25rem;line-height:1.5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-secondary{font-size:16px;line-height:1.5}.uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0}.uk-nav-secondary>li>a{color:#333;padding:10px 10px}.uk-nav-secondary>li>a:hover{color:#333;background-color:#f8f8f8}.uk-nav-secondary>li.uk-active>a{color:#333;background-color:#f8f8f8}.uk-nav-secondary .uk-nav-subtitle{font-size:.875rem;color:#999}.uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:#666}.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#333}.uk-nav-secondary .uk-nav-header{color:#333}.uk-nav-secondary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-secondary .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-secondary .uk-nav-sub a{color:#999}.uk-nav-secondary .uk-nav-sub a:hover{color:#666}.uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-medium{font-size:2.8875rem;line-height:1}.uk-nav-large{font-size:3.4rem;line-height:1}.uk-nav-xlarge{font-size:4rem;line-height:1}@media (min-width:960px){.uk-nav-medium{font-size:3.5rem}.uk-nav-large{font-size:4rem}.uk-nav-xlarge{font-size:6rem}}@media (min-width:1200px){.uk-nav-medium{font-size:4rem}.uk-nav-large{font-size:6rem}.uk-nav-xlarge{font-size:8rem}}.uk-nav-center{text-align:center}.uk-nav-center li>a{justify-content:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-right:0}.uk-nav-center .uk-nav-parent-icon{margin-right:.25em}.uk-nav.uk-nav-divider>:not(.uk-nav-header,.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:5px;padding-top:5px;border-top:1px solid #e5e5e5}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{display:flex;gap:15px;align-items:center}.uk-navbar-left{margin-right:auto}.uk-navbar-center:only-child{margin-right:auto;margin-left:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-right{left:calc(100% + 15px)}.uk-navbar-center-left{right:calc(100% + 15px)}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;gap:15px;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;column-gap:.25em;box-sizing:border-box;min-height:80px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{padding:0 0;color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true]{color:#666}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-parent-icon{margin-right:4px;transition:transform .3s ease-out}.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon{transform:rotateX(180deg)}.uk-navbar-item{padding:0 0;color:#666}.uk-navbar-item>:last-child{margin-bottom:0}.uk-navbar-toggle{padding:0 0;color:#999}.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{color:#666;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-justify .uk-navbar-item,.uk-navbar-justify .uk-navbar-left,.uk-navbar-justify .uk-navbar-nav,.uk-navbar-justify .uk-navbar-nav>li,.uk-navbar-justify .uk-navbar-right,.uk-navbar-justify .uk-navbar-toggle{flex-grow:1}.uk-navbar-dropdown{--uk-position-offset:15px;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown>:last-child{margin-bottom:0}.uk-navbar-dropdown :focus-visible{outline-color:#333!important}.uk-navbar-dropdown .uk-drop-grid{margin-right:-30px}.uk-navbar-dropdown .uk-drop-grid>*{padding-right:30px}.uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin{margin-top:30px}.uk-navbar-dropdown-width-2:not(.uk-drop-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-drop-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-drop-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-drop-stack){width:1000px}.uk-navbar-dropdown-large{--uk-position-shift-offset:0;padding:40px}.uk-navbar-dropdown-dropbar{width:auto;background:0 0;padding:25px 0 25px 0;--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-navbar-dropdown-dropbar-large{--uk-position-shift-offset:0;padding-top:40px;padding-bottom:40px}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-container{transition:.1s ease-in-out;transition-property:background-color}@media (min-width:960px){.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{gap:30px}.uk-navbar-center-right{left:calc(100% + 30px)}.uk-navbar-center-left{right:calc(100% + 30px)}}@media (min-width:960px){.uk-navbar-nav{gap:30px}}.uk-subnav{display:flex;flex-wrap:wrap;align-items:center;margin-right:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-right:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:hover{color:#666;text-decoration:none}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-right:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-right:0;margin-left:20px;border-right:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-right-color:#e5e5e5}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{padding:0;list-style:none}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{font-size:.875rem;color:#999}.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 calc(20px - 4px) 0 20px;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;align-items:center;margin-right:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-right:0;position:relative}.uk-pagination>*>*{display:flex;align-items:center;column-gap:.25em;padding:5px 10px;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-right:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;right:20px;left:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-right:20px;position:relative}.uk-tab>*>a{display:flex;align-items:center;column-gap:.25em;justify-content:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-right:0}.uk-tab-left>*,.uk-tab-right>*{padding-right:0}.uk-tab-right::before{top:0;bottom:0;right:auto;left:0;border-right:1px solid #e5e5e5;border-bottom:none}.uk-tab-left::before{top:0;bottom:0;right:0;left:auto;border-right:1px solid #e5e5e5;border-bottom:none}.uk-tab-right>*>a{justify-content:right;border-left:1px solid transparent;border-bottom:none}.uk-tab-left>*>a{justify-content:right;border-right:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-right:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:hover{color:rgba(102,102,102,.9)}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-12px}.uk-dotnav>*{flex:none;padding-right:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-right:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-right:0;padding-top:12px}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-15px}.uk-thumbnav>*{padding-right:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(-180deg,rgba(255,255,255,0),rgba(255,255,255,.4));transition:opacity .1s ease-in-out}.uk-thumbnav>*>:hover::after{opacity:0}.uk-thumbnav>.uk-active>::after{opacity:0}.uk-thumbnav-vertical{flex-direction:column;margin-right:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-right:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-10px}.uk-iconnav>*{padding-right:10px}.uk-iconnav>*>a{display:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.uk-iconnav>*>a:hover{color:#666}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-right:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-right:0;padding-top:10px}.uk-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;width:auto;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown>:last-child{margin-bottom:0}.uk-dropdown :focus-visible{outline-color:#333!important}.uk-dropdown-large{padding:40px}.uk-dropdown-dropbar{width:auto;background:0 0;padding:5px 0 25px 0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-dropdown-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropdown-nav{font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}.uk-lightbox{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox :focus-visible{outline-color:rgba(255,255,255,.7)}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items>*{position:absolute;top:0;left:0;bottom:0;right:0;display:none;justify-content:center;align-items:center;color:rgba(255,255,255,.7);will-change:transform,opacity}.uk-lightbox-items>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-toolbar{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-toolbar>*{color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon{padding:5px;color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon:hover{color:#fff}.uk-lightbox-button{box-sizing:border-box;width:50px;height:50px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7);display:inline-flex;justify-content:center;align-items:center}.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[class*=uk-animation-]{animation:.5s ease-out both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade,uk-scale-up}.uk-animation-scale-down{animation-name:uk-fade,uk-scale-down}.uk-animation-slide-top{animation-name:uk-fade,uk-slide-top}.uk-animation-slide-bottom{animation-name:uk-fade,uk-slide-bottom}.uk-animation-slide-right{animation-name:uk-fade,uk-slide-left}.uk-animation-slide-left{animation-name:uk-fade,uk-slide-right}.uk-animation-slide-top-small{animation-name:uk-fade,uk-slide-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade,uk-slide-bottom-small}.uk-animation-slide-right-small{animation-name:uk-fade,uk-slide-left-small}.uk-animation-slide-left-small{animation-name:uk-fade,uk-slide-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade,uk-slide-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade,uk-slide-bottom-medium}.uk-animation-slide-right-medium{animation-name:uk-fade,uk-slide-left-medium}.uk-animation-slide-left-medium{animation-name:uk-fade,uk-slide-right-medium}.uk-animation-kenburns{animation-name:uk-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;animation-duration:2s;stroke-dasharray:var(--uk-animation-stroke)}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-scale-up{0%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes uk-scale-down{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes uk-slide-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes uk-slide-left{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes uk-slide-right{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes uk-slide-top-small{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-small{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-small{0%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-small{0%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes uk-slide-top-medium{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-medium{0%{transform:translateY(50px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-medium{0%{transform:translateX(50px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-medium{0%{transform:translateX(-50px)}100%{transform:translateX(0)}}@keyframes uk-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(9px)}20%{transform:translateX(-8px)}30%{transform:translateX(7px)}40%{transform:translateX(-6px)}50%{transform:translateX(5px)}60%{transform:translateX(-4px)}70%{transform:translateX(3px)}80%{transform:translateX(-2px)}90%{transform:translateX(1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% * 1 / 3.001)}.uk-width-2-3{width:calc(100% * 2 / 3.001)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% * 1 / 6.001)}.uk-width-5-6{width:calc(100% * 5 / 6.001)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}}.uk-width-max-content{width:max-content}.uk-width-min-content{width:min-content}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-viewport-2{min-height:200vh}.uk-height-viewport-3{min-height:300vh}.uk-height-viewport-4{min-height:400vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta>a{color:#999}.uk-text-meta>a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-decoration-none{text-decoration:none!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;color:transparent!important;display:inline-block;background-color:#1e87f0;background-image:linear-gradient(-90deg,#1e87f0 0,#411ef0 100%)}.uk-text-right{text-align:right!important}.uk-text-left{text-align:left!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-right\@s{text-align:right!important}.uk-text-left\@s{text-align:left!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-right\@m{text-align:right!important}.uk-text-left\@m{text-align:left!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-right\@l{text-align:right!important}.uk-text-left\@l{text-align:left!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-right\@xl{text-align:right!important}.uk-text-left\@xl{text-align:left!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-word}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}[data-uk-cover]:where(canvas,iframe,svg),[uk-cover]:where(canvas,iframe,svg){max-width:none;position:absolute;right:50%;top:50%;--uk-position-translate-x:50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y))}iframe[data-uk-cover],iframe[uk-cover]{pointer-events:none}[data-uk-cover]:where(img,video),[uk-cover]:where(img,video){position:absolute;top:0;right:0;width:100%;height:100%;box-sizing:border-box;object-fit:cover;object-position:center}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.uk-background-top-right{background-position:100% 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-left{background-position:0 0}.uk-background-center-right{background-position:100% 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-left{background-position:0 50%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-left{background-position:0 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed;backface-visibility:hidden}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-right:auto;margin-left:auto}.uk-align-right{margin-top:0;margin-left:30px;float:right}.uk-align-left{margin-top:0;margin-right:30px;float:left}@media (min-width:640px){.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}}@media (min-width:960px){.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}}@media (min-width:1200px){.uk-align-right\@l{margin-top:0;float:right}.uk-align-left\@l{margin-top:0;float:left}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}}@media (min-width:1600px){.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-right{float:right}.uk-float-left{float:left}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-box-sizing-content{box-sizing:content-box}.uk-box-sizing-border{box-sizing:border-box}.uk-resize{resize:both}.uk-resize-horizontal{resize:horizontal}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}[data-uk-responsive],[uk-responsive]{max-width:100%}.uk-object-cover{object-fit:cover}.uk-object-contain{object-fit:contain}.uk-object-fill{object-fit:fill}.uk-object-none{object-fit:none}.uk-object-scale-down{object-fit:scale-down}.uk-object-top-right{object-position:100% 0}.uk-object-top-center{object-position:50% 0}.uk-object-top-left{object-position:0% 0}.uk-object-center-right{object-position:100% 50%}.uk-object-center-center{object-position:50% 50%}.uk-object-center-left{object-position:0% 50%}.uk-object-bottom-right{object-position:100% 100%}.uk-object-bottom-center{object-position:50% 100%}.uk-object-bottom-left{object-position:0% 100%}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-large{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-hover-large:hover{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:"";position:absolute;bottom:-30px;right:0;left:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-left:10px;float:right;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#333;text-decoration:none}:where(.uk-logo){display:inline-block;vertical-align:middle}.uk-logo:hover{color:#333;text-decoration:none}.uk-logo :where(img,svg,video){display:block}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(50%,-50%)}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-left{transform-origin:0% 0}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-center-left{transform-origin:0% 50%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-left{transform-origin:0% 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-right{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-left{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-right\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-left\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-right\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-left\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-right\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-left\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-right\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-left\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-right{margin-right:40px!important}.uk-margin-large-left{margin-left:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-right{margin-right:70px!important}.uk-margin-large-left{margin-left:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}}.uk-margin-auto{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-right\@s{margin-right:0!important}.uk-margin-remove-left\@s{margin-left:0!important}}@media (min-width:960px){.uk-margin-remove-right\@m{margin-right:0!important}.uk-margin-remove-left\@m{margin-left:0!important}}@media (min-width:1200px){.uk-margin-remove-right\@l{margin-right:0!important}.uk-margin-remove-left\@l{margin-left:0!important}}@media (min-width:1600px){.uk-margin-remove-right\@xl{margin-right:0!important}.uk-margin-remove-left\@xl{margin-left:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:40px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-right:0!important;padding-left:0!important}:root{--uk-position-margin-offset:0px}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:calc(100% - (var(--uk-position-margin-offset) * 2));box-sizing:border-box}.uk-position-top{top:0;right:0;left:0}.uk-position-bottom{bottom:0;right:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-center{top:calc(50% - var(--uk-position-margin-offset));right:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y));width:max-content}[class*=uk-position-center-left],[class*=uk-position-center-right]{top:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-y:-50%;transform:translate(0,var(--uk-position-translate-y))}.uk-position-center-right{right:0}.uk-position-center-left{left:0}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-bottom-center,.uk-position-top-center{right:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:50%;transform:translate(var(--uk-position-translate-x),0);width:max-content}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;right:0;left:0}.uk-position-small{margin:15px;--uk-position-margin-offset:15px}.uk-position-medium{margin:30px;--uk-position-margin-offset:30px}.uk-position-large{margin:30px;--uk-position-margin-offset:30px}@media (min-width:1200px){.uk-position-large{margin:50px;--uk-position-margin-offset:50px}}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-sticky{position:sticky!important}.uk-position-z-index{z-index:1}.uk-position-z-index-zero{z-index:0}.uk-position-z-index-negative{z-index:-1}.uk-position-z-index-high{z-index:990}:where(.uk-transition-fade),:where([class*=uk-transition-scale]),:where([class*=uk-transition-slide]){--uk-position-translate-x:0;--uk-position-translate-y:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;--uk-scale-x:1;--uk-scale-y:1;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle .uk-transition-fade:focus-within,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}[class*=uk-transition-scale]{-webkit-backface-visibility:hidden}.uk-transition-scale-up{--uk-scale-x:1;--uk-scale-y:1}.uk-transition-scale-down{--uk-scale-x:1.03;--uk-scale-y:1.03}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle .uk-transition-scale-up:focus-within,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{--uk-scale-x:1.03;--uk-scale-y:1.03;opacity:1}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle .uk-transition-scale-down:focus-within,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{--uk-scale-x:1;--uk-scale-y:1;opacity:1}.uk-transition-slide-top{--uk-translate-y:-100%}.uk-transition-slide-bottom{--uk-translate-y:100%}.uk-transition-slide-right{--uk-translate-x:-100%}.uk-transition-slide-left{--uk-translate-x:100%}.uk-transition-slide-top-small{--uk-translate-y:calc(-1 * 10px)}.uk-transition-slide-bottom-small{--uk-translate-y:10px}.uk-transition-slide-right-small{--uk-translate-x:calc(-1 * 10px)}.uk-transition-slide-left-small{--uk-translate-x:10px}.uk-transition-slide-top-medium{--uk-translate-y:calc(-1 * 50px)}.uk-transition-slide-bottom-medium{--uk-translate-y:50px}.uk-transition-slide-right-medium{--uk-translate-x:calc(-1 * 50px)}.uk-transition-slide-left-medium{--uk-translate-x:50px}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle [class*=uk-transition-slide]:focus-within,.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;opacity:1}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-transition-disable,.uk-transition-disable *{transition:none!important}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}@media (hover:none){.uk-hidden-touch{display:none!important}}@media (hover){.uk-hidden-notouch{display:none!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-3xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-3xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-3xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-3xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-3xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-3xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-3xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,.uk-light :focus-visible,.uk-offcanvas-bar :focus-visible,.uk-overlay-primary :focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible{outline-color:#fff}.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-light .uk-list-muted>::before,.uk-offcanvas-bar .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-light .uk-list-emphasis>::before,.uk-offcanvas-bar .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-light .uk-list-primary>::before,.uk-offcanvas-bar .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-light .uk-list-secondary>::before,.uk-offcanvas-bar .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#fff}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:#fff}.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666!important}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-light .uk-nav-secondary>li>a,.uk-offcanvas-bar .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-light .uk-nav-secondary>li>a:hover,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-light .uk-nav-secondary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-light .uk-nav-secondary .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-light .uk-nav-secondary .uk-nav-header,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-light .uk-nav-secondary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-light .uk-nav-secondary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-light .uk-nav-secondary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-thumbnav>*>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-light .uk-thumbnav>*>::after,.uk-offcanvas-bar .uk-thumbnav>*>::after,.uk-overlay-primary .uk-thumbnav>*>::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after{background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,0.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:#fff}.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:#fff}.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-light .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-light .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:block}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}*{--uk-inverse:initial}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){--uk-inverse:light}.uk-card-default.uk-card-body,.uk-card-default>:not([class*=uk-card-media]),.uk-dark,.uk-dropbar,.uk-dropdown,.uk-navbar-container:not(.uk-navbar-transparent),.uk-navbar-dropdown,.uk-overlay-default,.uk-section-default:not(.uk-preserve-color),.uk-section-muted:not(.uk-preserve-color),.uk-tile-default:not(.uk-preserve-color),.uk-tile-muted:not(.uk-preserve-color){--uk-inverse:dark}.uk-inverse-light{--uk-inverse:light!important}.uk-inverse-dark{--uk-inverse:dark!important}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/my_flask_app/static/uikit-3.18.0/css/uikit.css b/my_flask_app/static/uikit-3.18.0/css/uikit.css new file mode 100644 index 0000000..da238eb --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/css/uikit.css @@ -0,0 +1,12627 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ +html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between the element and the bottom of its parent container. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Constrain the element to its parent width. + * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. + * 3. Take border and padding into account. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Deprecated: only needed for `img` elements with `uk-img` + * 1. Hide `alt` text for lazy load images. + * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + */ +img:not([src]) { + /* 1 */ + visibility: hidden; + /* 2 */ + min-width: 1px; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge, +.uk-heading-3xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge, +* + .uk-heading-3xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-left: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Focus + ========================================================================== */ +:focus { + outline: none; +} +:focus-visible { + outline: 2px dotted #333; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a, +.uk-link-toggle .uk-link-muted { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a, +.uk-link-toggle .uk-link-text { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a, +.uk-link-toggle .uk-link-heading { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +.uk-heading-3xlarge { + font-size: 8rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } + .uk-heading-3xlarge { + font-size: 11rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } + .uk-heading-3xlarge { + font-size: 15rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-right: calc(5px + 0.2em); + border-left: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (calc(0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + right: 100%; + margin-right: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + left: 100%; + margin-left: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + right: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + left: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: max-content; + height: 100px; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Avoid column break within the list item, when using `column-count` + */ +.uk-list > * { + break-inside: avoid-column; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari + ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-left: 30px; +} +/* + * Type modifiers + */ +.uk-list-decimal { + counter-reset: decimal; +} +.uk-list-decimal > * { + counter-increment: decimal; +} +.uk-list-disc > ::before, +.uk-list-circle > ::before, +.uk-list-square > ::before, +.uk-list-decimal > ::before, +.uk-list-hyphen > ::before { + content: ""; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: right; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; +} +/* + * Color modifiers + */ +.uk-list-muted > ::before { + color: #999 !important; +} +.uk-list-emphasis > ::before { + color: #333 !important; +} +.uk-list-primary > ::before { + color: #1e87f0 !important; +} +.uk-list-secondary > ::before { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-left: 30px; +} +.uk-list-bullet > ::before { + content: ""; + display: list-item; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: left; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: left; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-left: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-right: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-left: 0; + padding-right: 0; + } +} +.uk-table tbody tr { + transition: background-color 0.1s linear; +} +.uk-table-striped > tr:nth-of-type(even):last-child, +.uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + * 1. Required for `span` with background image + * 2. Required for `image` + */ +.uk-icon-image { + width: 20px; + height: 20px; + /* 1 */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + /* 2 */ + object-fit: scale-down; + max-width: none; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + * 1. Allow text within link + */ +.uk-icon-link { + color: #999; + /* 1 */ + text-decoration: none !important; +} +.uk-icon-link:hover { + color: #666; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-icon-button:hover { + background-color: #ebebeb; + color: #666; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Remove default style. + * 2. Define consistent box sizing. + * 3. Remove `margin` in all browsers. + * 4. Align to the center of the line box. + * 5. Prevent content overflow if a fixed width is used. + * 6. Take the full width. + * 7. Remove white background in Chrome. + */ +.uk-range { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + box-sizing: border-box; + /* 3 */ + margin: 0; + /* 4 */ + vertical-align: middle; + /* 5 */ + max-width: 100%; + /* 6 */ + width: 100%; + /* 7 */ + background: transparent; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +/* + * Track + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #dedede; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #dedede; +} +/* + * Thumb + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + margin-top: -7px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + * 1. Reset `min-width` + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; + /* 1 */ + min-width: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 6px; + padding-bottom: 6px; + vertical-align: top; +} +.uk-select[multiple], +.uk-select[size] { + resize: vertical; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input::placeholder { + color: #999; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +/* Multi-line */ +textarea.uk-form-small, +[multiple].uk-form-small, +[size].uk-form-small { + padding: 5px 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-left: 12px; + padding-right: 12px; +} +/* Multi-line */ +textarea.uk-form-large, +[multiple].uk-form-large, +[size].uk-form-large { + padding: 7px 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: solid; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-right: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 100% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size]) option { + color: #666; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-right: 20px; + background-repeat: no-repeat; + background-position: 100% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none !important; +} +/* Radio and checkbox + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + background-color: rgba(0, 0, 0, 0); + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + left: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-left: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + right: 0; + left: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-right: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover */ +.uk-button-default:hover { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-primary:hover { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-secondary:hover { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-danger:hover { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 100%; + border-bottom: 1px solid currentColor; + transition: right 0.3s ease-out; +} +/* Hover */ +.uk-button-text:hover { + color: #333; +} +.uk-button-text:hover::before { + right: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-link:hover { + color: #999; + text-decoration: none; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-left: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in all browsers. + * 2. Behave like a block element. + * 3. Remove borders in Firefox. + * 4. Remove default style in Chrome, Safari and Edge. + * 5. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Show background color set on `uk-progress` in Chrome, Safari and Edge. + */ +.uk-progress::-webkit-progress-bar { + background-color: transparent; +} +/* + * Progress Bar + * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. + * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; + /* 1 */ + transition: width 0.6s ease; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-left: 0; + padding-right: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-left { + margin-left: 0; +} +.uk-container-expand-right { + margin-right: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-left, + .uk-container-expand-right { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-left.uk-container-large, + .uk-container-expand-right.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xlarge, + .uk-container-expand-right.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-left, +.uk-container-item-padding-remove-right { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-left: 15px; + padding-right: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-left: 40px; + padding-right: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + background-color: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +/* + * 1. Position + * 2. Size + * 3. Style + * 4. Center child vertically + */ +.uk-card-badge { + /* 1 */ + position: absolute; + top: 15px; + right: 15px; + z-index: 1; + /* 2 */ + height: 22px; + padding: 0 10px; + /* 3 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 4 */ + display: flex; + justify-content: center; + align-items: center; + line-height: 0; + border-radius: 2px; + text-transform: uppercase; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background-color: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + background-color: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + background-color: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-left: -30px; + margin-right: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body > .uk-nav-default > li > a, +.uk-card-body > .uk-nav-default .uk-nav-header, +.uk-card-body > .uk-nav-default .uk-nav-divider { + padding-left: 30px; + padding-right: 30px; +} +.uk-card-body > .uk-nav-default .uk-nav-sub { + padding-left: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-left: -40px; + margin-right: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body > .uk-nav-default > li > a, + .uk-card-body > .uk-nav-default .uk-nav-header, + .uk-card-body > .uk-nav-default .uk-nav-divider { + padding-left: 40px; + padding-right: 40px; + } + .uk-card-body > .uk-nav-default .uk-nav-sub { + padding-left: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-left: -20px; + margin-right: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small > .uk-nav-default > li > a, +.uk-card-small > .uk-nav-default .uk-nav-header, +.uk-card-small > .uk-nav-default .uk-nav-divider { + padding-left: 20px; + padding-right: 20px; +} +.uk-card-small > .uk-nav-default .uk-nav-sub { + padding-left: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large > .uk-nav-default > li > a, + .uk-card-large > .uk-nav-default .uk-nav-header, + .uk-card-large > .uk-nav-default .uk-nav-divider { + padding-left: 0; + padding-right: 0; + } + .uk-card-large > .uk-nav-default .uk-nav-sub { + padding-left: 15px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; +} +/* Hover */ +.uk-close:hover { + color: #666; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + transform: rotate(450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-totop:hover { + color: #666; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover */ +.uk-marker:hover { + color: #fff; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 29px 15px 15px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + right: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +.uk-alert-close:hover { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff !important; + font-size: 11px; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Required for `a` + */ +.uk-badge:hover { + text-decoration: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-left: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-left: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + right: 0; + left: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 240px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 40px; +} +.uk-search-default .uk-search-icon-flip ~ .uk-search-input { + padding-right: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 40px; +} +.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { + padding-right: 40px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; +} +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 80px; +} +.uk-search-large .uk-search-icon-flip ~ .uk-search-input { + padding-right: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover */ +.uk-search-toggle:hover { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; +} +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-left: 10px; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Hover */ +.uk-accordion-title:hover { + color: #666; + text-decoration: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + --uk-position-offset: 20px; + --uk-position-viewport-offset: 15px; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* Parent icon + ========================================================================== */ +.uk-drop-parent-icon { + margin-left: 0.25em; + transition: transform 0.3s ease-out; +} +[aria-expanded="true"] > .uk-drop-parent-icon { + transform: rotateX(180deg); +} +/* ======================================================================== + Component: Dropbar + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop + * 2. Style + */ +.uk-dropbar { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 0; + /* 1 */ + width: auto; + /* 2 */ + padding: 25px 15px 25px 15px; + background: #fff; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropbar > :last-child { + margin-bottom: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropbar { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropbar { + padding-left: 40px; + padding-right: 40px; + } +} +.uk-dropbar :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Direction modifier + ========================================================================== */ +.uk-dropbar-top { + box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-bottom { + box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-left { + box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-right { + box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +/* ======================================================================== + Component: Dropnav + ========================================================================== */ +/* + * 1. Position + * 2. Reset dropbar + * 3. Width + */ +.uk-dropnav-dropbar { + /* 1 */ + position: absolute; + z-index: 980; + /* 2 */ + padding: 0; + /* 3 */ + left: 0; + right: 0; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: 100% !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 20px 20px; +} +.uk-modal-header { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal-body { + padding: 30px 30px; + } + .uk-modal-header { + padding: 15px 30px; + } + .uk-modal-footer { + padding: 15px 30px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + right: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + right: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + right: 0; + transform: translate(100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + right: 0; + padding: 10px; + background: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal-close-full { + padding: 20px; + } +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + * 5. Disable horizontal panning gestures + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; + /* 5 */ + touch-action: pan-y; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + right: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + * 2. Prevent accidental scrolling through elements in slide getting focused + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; + /* 2 */ + overflow: clip; +} +/* + * Widen container to prevent box-shadows from clipping, `large-box-shadow` + */ +.uk-slider-container-offset { + margin: -11px -25px -39px -25px; + padding: 11px 25px 39px 25px; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + * 3. Disable horizontal panning gestures + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * `max-width` needed to keep image responsiveness and prevent content overflow + * 2. Create position context + */ +.uk-slider-items > * { + /* 1 */ + flex: none; + box-sizing: border-box; + max-width: 100%; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Create position context so it's t the same like when fixed. + * 2. Create stacking context already when not sticky to have the same context +* for position set to `sticky` and `relative` + * 2. More robust if padding and border are used and the sticky height is transitioned + */ +.uk-sticky { + /* 1 */ + position: relative; + /* 2 */ + z-index: 980; + /* 3 */ + box-sizing: border-box; +} +/* + * 1. Force new layer to resolve frame rate issues on devices with lower frame rates + */ +.uk-sticky-fixed { + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* + * Placeholder + * Make content clickable for sticky cover and reveal effects + */ +.uk-sticky-placeholder { + pointer-events: none; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + right: 0; + left: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-bar { + left: -350px; + width: 350px; + padding: 30px 30px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + left: auto; + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + right: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + left: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + left: auto; + right: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: left 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: right; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: auto; + right: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + right: 0; + left: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 5px; + right: 5px; + padding: 5px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-close { + top: 10px; + right: 10px; + } +} +/* + * Remove margin from adjacent element + */ +.uk-offcanvas-close:first-child + * { + margin-top: 0; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + * 1. `clip` is needed for `position: sticky` elements to keep their position + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; + /* 1 */ + overflow-x: clip; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + left: 0; + transition: left 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-left: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-right, +.uk-notification-bottom-right { + left: auto; + right: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notification-bottom-left, +.uk-notification-bottom-right, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + right: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + --uk-position-offset: 10px; + --uk-position-viewport-offset: 10; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-left: -30px; +} +.uk-grid > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-left: -40px; + } + .uk-grid > * { + padding-left: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-left: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-left: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-left: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-left: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-left: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-left: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-left: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-left: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-left: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-left: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + left: 0; + right: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-left: -60px; +} +.uk-grid-divider > * { + padding-left: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-left: -80px; + } + .uk-grid-divider > * { + padding-left: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + left: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-left: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-left: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + left: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + left: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + left: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-left: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-left: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + left: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-left: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-left: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-left: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-left: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + left: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* +* 1. Center content vertically, e.g. an icon +* 2. Imitate white space gap when using flexbox +* 3. Reset link + */ +.uk-nav li > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3*/ + text-decoration: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-left: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon + ========================================================================== */ +.uk-nav-parent-icon { + margin-left: auto; + transition: transform 0.3s ease-out; +} +.uk-nav > li.uk-open > a .uk-nav-parent-icon { + transform: rotateX(180deg); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav .uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover */ +.uk-nav-default > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-default .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +.uk-nav-primary { + font-size: 1.5rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-primary > li > a { + color: #999; +} +/* Hover */ +.uk-nav-primary > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-primary .uk-nav-subtitle { + font-size: 1.25rem; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub { + font-size: 1.25rem; + line-height: 1.5; +} +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Secondary modifier + ========================================================================== */ +.uk-nav-secondary { + font-size: 16px; + line-height: 1.5; +} +.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 0; +} +/* + * Items + */ +.uk-nav-secondary > li > a { + color: #333; + padding: 10px 10px; +} +/* Hover */ +.uk-nav-secondary > li > a:hover { + color: #333; + background-color: #f8f8f8; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a { + color: #333; + background-color: #f8f8f8; +} +/* + * Subtitle + */ +.uk-nav-secondary .uk-nav-subtitle { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: #666; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #333; +} +/* + * Header + */ +.uk-nav-secondary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-secondary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-secondary .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-secondary .uk-nav-sub a { + color: #999; +} +.uk-nav-secondary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Size modifier + ========================================================================== */ +/* + * Medium + */ +.uk-nav-medium { + font-size: 2.8875rem; + line-height: 1; +} +.uk-nav-large { + font-size: 3.4rem; + line-height: 1; +} +.uk-nav-xlarge { + font-size: 4rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-nav-medium { + font-size: 3.5rem; + } + .uk-nav-large { + font-size: 4rem; + } + .uk-nav-xlarge { + font-size: 6rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-nav-medium { + font-size: 4rem; + } + .uk-nav-large { + font-size: 6rem; + } + .uk-nav-xlarge { + font-size: 8rem; + } +} +/* Alignment modifier + ========================================================================== */ +/* + * 1. Center header + * 2. Center items + */ +/* 1 */ +.uk-nav-center { + text-align: center; +} +/* 2 */ +.uk-nav-center li > a { + justify-content: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-left: 0; +} +/* Parent icon */ +.uk-nav-center .uk-nav-parent-icon { + margin-left: 0.25em; +} +/* Style modifier + ========================================================================== */ +/* + * Divider + * Naming is in plural to prevent conflicts with divider sub object. + */ +.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + */ +.uk-navbar-left, +.uk-navbar-right, +[class*='uk-navbar-center'] { + display: flex; + gap: 15px; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-right { + margin-left: auto; +} +.uk-navbar-center:only-child { + margin-left: auto; + margin-right: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-left, +.uk-navbar-center-right { + position: absolute; + top: 0; +} +.uk-navbar-center-left { + right: calc(100% + 15px); +} +.uk-navbar-center-right { + left: calc(100% + 15px); +} +[class*='uk-navbar-center-'] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Imitate white space gap when using flexbox + * 3. Dimensions + * 4. Style + * 5. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + box-sizing: border-box; + min-height: 80px; + /* 4 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 5 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + padding: 0 0; + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a[aria-expanded="true"] { + color: #666; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Parent icon modifier + ========================================================================== */ +.uk-navbar-parent-icon { + margin-left: 4px; + transition: transform 0.3s ease-out; +} +.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { + transform: rotateX(180deg); +} +/* Item + ========================================================================== */ +.uk-navbar-item { + padding: 0 0; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-item > :last-child { + margin-bottom: 0; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + padding: 0 0; + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle[aria-expanded="true"] { + color: #666; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Justify modifier + ========================================================================== */ +.uk-navbar-justify .uk-navbar-left, +.uk-navbar-justify .uk-navbar-right, +.uk-navbar-justify .uk-navbar-nav, +.uk-navbar-justify .uk-navbar-nav > li, +.uk-navbar-justify .uk-navbar-item, +.uk-navbar-justify .uk-navbar-toggle { + flex-grow: 1; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Set a default width + * 2. Style + */ +.uk-navbar-dropdown { + --uk-position-offset: 15px; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: 200px; + /* 2 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-navbar-dropdown > :last-child { + margin-bottom: 0; +} +.uk-navbar-dropdown :focus-visible { + outline-color: #333 !important; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown .uk-drop-grid { + margin-left: -30px; +} +.uk-navbar-dropdown .uk-drop-grid > * { + padding-left: 30px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { + margin-top: 30px; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { + width: 1000px; +} +/* + * Size modifier + */ +.uk-navbar-dropdown-large { + --uk-position-shift-offset: 0; + padding: 40px; +} +/* + * Dropbar modifier + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-navbar-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 25px 0 25px 0; + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-navbar-dropdown-dropbar-large { + --uk-position-shift-offset: 0; + padding-top: 40px; + padding-bottom: 40px; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover */ +.uk-navbar-dropdown-nav > li > a:hover { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-navbar-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +/* + * Adopts `uk-dropnav-dropbar` + */ +.uk-navbar-container { + transition: 0.1s ease-in-out; + transition-property: background-color; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-left, + .uk-navbar-right, + [class*='uk-navbar-center'] { + gap: 30px; + } + .uk-navbar-center-left { + right: calc(100% + 30px); + } + .uk-navbar-center-right { + left: calc(100% + 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-nav { + gap: 30px; + } +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: -20px; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-subnav > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-left: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-left: 0px; + margin-right: 20px; + border-left: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover */ +.uk-subnav-pill > * > a:hover { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * Reset list + */ +.uk-breadcrumb { + padding: 0; + list-style: none; +} +/* + * 1. Doesn't generate any box and replaced by child boxes + */ +.uk-breadcrumb > * { + display: contents; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-breadcrumb > * > :hover { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + * 1. Remove space between inline block elements. + * 2. Style + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + /* 1 */ + margin: 0 20px 0 calc(20px - 4px); + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: 0; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + padding: 5px 10px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-pagination > * > :hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + left: 20px; + right: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Center content if a width is set + * 4. Style + */ +.uk-tab > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + justify-content: center; + /* 4 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-tab > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-left, +.uk-tab-right { + flex-direction: column; + /* 1 */ + margin-left: 0; +} +/* 1 */ +.uk-tab-left > *, +.uk-tab-right > * { + padding-left: 0; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + left: auto; + right: 0; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + left: 0; + right: auto; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left > * > a { + justify-content: left; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab-right > * > a { + justify-content: left; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-left: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-slidenav:hover { + color: rgba(102, 102, 102, 0.9); +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover */ +.uk-dotnav > * > :hover { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-left: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-left: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); + transition: opacity 0.1s ease-in-out; +} +/* Hover */ +.uk-thumbnav > * > :hover::after { + opacity: 0; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + opacity: 0; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-left: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-left: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically if there is still some text + * 2. Imitate white space gap when using flexbox + * 3. Force text not to affect item height + * 4. Style + * 5. Required for `a` if there is still some text + */ +.uk-iconnav > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + line-height: 0; + /* 4 */ + color: #999; + /* 5 */ + text-decoration: none; + font-size: 0.875rem; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-iconnav > * > a:hover { + color: #666; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-left: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop and let text expand the width instead of wrapping + * 2. Set a default width + * 3. Style + */ +.uk-dropdown { + --uk-position-offset: 10px; + --uk-position-viewport-offset: 15px; + /* 1 */ + width: auto; + /* 2 */ + min-width: 200px; + /* 3 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-dropdown > :last-child { + margin-bottom: 0; +} +.uk-dropdown :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropdown-large { + padding: 40px; +} +/* Dropbar modifier + ========================================================================== */ +/* + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 5px 0 25px 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-dropdown-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Subtitle + */ +.uk-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* + * Focus + */ +.uk-lightbox :focus-visible { + outline-color: rgba(255, 255, 255, 0.7); +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* Hover */ +.uk-lightbox-button:hover { + color: #fff; +} +/* OnClick */ +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*='uk-animation-'] { + animation: 0.5s ease-out both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade, uk-scale-up; +} +.uk-animation-scale-down { + animation-name: uk-fade, uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade, uk-slide-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade, uk-slide-bottom; +} +.uk-animation-slide-left { + animation-name: uk-fade, uk-slide-left; +} +.uk-animation-slide-right { + animation-name: uk-fade, uk-slide-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade, uk-slide-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade, uk-slide-bottom-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade, uk-slide-left-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade, uk-slide-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade, uk-slide-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade, uk-slide-bottom-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade, uk-slide-left-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade, uk-slide-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + animation-duration: 2s; + stroke-dasharray: var(--uk-animation-stroke); +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle animation based on the State of the Parent Element + ========================================================================== */ +.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale + */ +@keyframes uk-scale-up { + 0% { + transform: scale(0.9); + } + 100% { + transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* + * Slide + */ +@keyframes uk-slide-top { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Small + */ +@keyframes uk-slide-top-small { + 0% { + transform: translateY(-10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-small { + 0% { + transform: translateY(10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-small { + 0% { + transform: translateX(-10px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-small { + 0% { + transform: translateX(10px); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Medium + */ +@keyframes uk-slide-top-medium { + 0% { + transform: translateY(-50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-medium { + 0% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-medium { + 0% { + transform: translateX(-50px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-medium { + 0% { + transform: translateX(50px); + } + 100% { + transform: translateX(0); + } +} +/* + * Kenburns + */ +@keyframes uk-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(-9px); + } + 20% { + transform: translateX(8px); + } + 30% { + transform: translateX(-7px); + } + 40% { + transform: translateX(6px); + } + 50% { + transform: translateX(-5px); + } + 60% { + transform: translateX(4px); + } + 70% { + transform: translateX(-3px); + } + 80% { + transform: translateX(2px); + } + 90% { + transform: translateX(-1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*='uk-width']) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-max-content { + width: max-content; +} +.uk-width-min-content { + width: min-content; +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +.uk-height-viewport-2 { + min-height: 200vh; +} +.uk-height-viewport-3 { + min-height: 300vh; +} +.uk-height-viewport-4 { + min-height: 400vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta > a { + color: #999; +} +.uk-text-meta > a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Decoration modifier + ========================================================================== */ +.uk-text-decoration-none { + text-decoration: none !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in all browsers. + * 2. Default color is set to transparent. + * 3. Container fits the text + * 4. Style + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + color: transparent !important; + /* 3 */ + display: inline-block; + /* 4 */ + background-color: #1e87f0; + background-image: linear-gradient(90deg, #1e87f0 0%, #411ef0 100%); +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-left { + text-align: left !important; +} +.uk-text-right { + text-align: right !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * Wrap long words onto the next line and break them if they are too long to fit. + * 1. Make it work with table cells in all browsers. + * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. + */ +.uk-text-break { + overflow-wrap: break-word; +} +/* 1 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-word; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. + * 2. Reset responsiveness for embedded content + * 3. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +/* 1 */ +[uk-cover]:where(canvas, iframe, svg), +[data-uk-cover]:where(canvas, iframe, svg) { + /* 2 */ + max-width: none; + /* 3 */ + position: absolute; + left: 50%; + top: 50%; + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); +} +iframe[uk-cover], +iframe[data-uk-cover] { + pointer-events: none; +} +[uk-cover]:where(img, video), +[data-uk-cover]:where(img, video) { + /* 3 */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + object-fit: cover; + object-position: center; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain, +.uk-background-width-1-1, +.uk-background-height-1-1 { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +.uk-background-width-1-1 { + background-size: 100%; +} +.uk-background-height-1-1 { + background-size: auto 100%; +} +/* Position + ========================================================================== */ +.uk-background-top-left { + background-position: 0 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-center-left { + background-position: 0 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-bottom-left { + background-position: 0 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* + * Left/Right + */ +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Box Sizing + ========================================================================== */ +.uk-box-sizing-content { + box-sizing: content-box; +} +.uk-box-sizing-border { + box-sizing: border-box; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-horizontal { + resize: horizontal; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force new layer without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* + * Fix initial iframe width. Without the viewport is expanded on iOS devices + */ +[uk-responsive], +[data-uk-responsive] { + max-width: 100%; +} +/* Object + ========================================================================== */ +.uk-object-cover { + object-fit: cover; +} +.uk-object-contain { + object-fit: contain; +} +.uk-object-fill { + object-fit: fill; +} +.uk-object-none { + object-fit: none; +} +.uk-object-scale-down { + object-fit: scale-down; +} +/* + * Position + */ +.uk-object-top-left { + object-position: 0 0; +} +.uk-object-top-center { + object-position: 50% 0; +} +.uk-object-top-right { + object-position: 100% 0; +} +.uk-object-center-left { + object-position: 0 50%; +} +.uk-object-center-center { + object-position: 50% 50%; +} +.uk-object-center-right { + object-position: 100% 50%; +} +.uk-object-bottom-left { + object-position: 0 100%; +} +.uk-object-bottom-center { + object-position: 50% 100%; +} +.uk-object-bottom-right { + object-position: 100% 100%; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Fix shadow being clipped in Safari if container is animated + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + z-index: 0; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::after { + content: ""; + /* 1 */ + position: absolute; + bottom: -30px; + left: 0; + right: 0; + z-index: -1; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + /* 3 */ + will-change: filter; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-right: 10px; + float: left; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Style + * 2. Required for `a` + * 3. Behave like image but can be overridden through flex utility classes + */ +.uk-logo { + /* 1 */ + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #333; + /* 2 */ + text-decoration: none; +} +/* 3 */ +:where(.uk-logo) { + display: inline-block; + vertical-align: middle; +} +/* Hover */ +.uk-logo:hover { + color: #333; + /* 1 */ + text-decoration: none; +} +.uk-logo :where(img, svg, video) { + display: block; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(-50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-left { + transform-origin: 0 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-center-left { + transform-origin: 0 50%; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-left { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-right { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-left\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-right\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-left\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-right\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-left\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-right\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-left\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-right\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +:root { + --uk-position-margin-offset: 0px; +} +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow. + */ +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-left'], +[class*='uk-position-right'], +[class*='uk-position-center'] { + position: absolute !important; + /* 1 */ + max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); + box-sizing: border-box; +} +/* + * Edges + * Don't use `width: 100%` because it's wrong if the parent has padding. + */ +.uk-position-top { + top: 0; + left: 0; + right: 0; +} +.uk-position-bottom { + bottom: 0; + left: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +/* + * Corners + */ +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + * Using `max-content` requires `max-width` of 100% which is set generally. + */ +.uk-position-center { + top: calc(50% - var(--uk-position-margin-offset)); + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); + /* 1 */ + width: max-content; +} +/* Vertical */ +[class*='uk-position-center-left'], +[class*='uk-position-center-right'] { + top: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-y: -50%; + transform: translate(0, var(--uk-position-translate-y)); +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + transform: translate(var(--uk-position-translate-x), 0); + /* 1 */ + width: max-content; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +/* + * Cover + */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +/* Margin + ========================================================================== */ +.uk-position-small { + margin: 15px; + --uk-position-margin-offset: 15px; +} +.uk-position-medium { + margin: 30px; + --uk-position-margin-offset: 30px; +} +.uk-position-large { + margin: 30px; + --uk-position-margin-offset: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + --uk-position-margin-offset: 50px; + } +} +/* Schemes + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-sticky { + position: sticky !important; +} +/* Layer + ========================================================================== */ +.uk-position-z-index { + z-index: 1; +} +.uk-position-z-index-zero { + z-index: 0; +} +.uk-position-z-index-negative { + z-index: -1; +} +.uk-position-z-index-high { + z-index: 990; +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + */ +:where(.uk-transition-fade), +:where([class*='uk-transition-scale']), +:where([class*='uk-transition-slide']) { + --uk-position-translate-x: 0; + --uk-position-translate-y: 0; +} +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + --uk-scale-x: 1; + --uk-scale-y: 1; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-toggle .uk-transition-fade:focus-within, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. + */ +/* 1 */ +[class*='uk-transition-scale'] { + -webkit-backface-visibility: hidden; +} +.uk-transition-scale-up { + --uk-scale-x: 1; + --uk-scale-y: 1; +} +.uk-transition-scale-down { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-toggle .uk-transition-scale-up:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-up { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; + opacity: 1; +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-toggle .uk-transition-scale-down:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-down { + --uk-scale-x: 1; + --uk-scale-y: 1; + opacity: 1; +} +/* + * Slide + */ +.uk-transition-slide-top { + --uk-translate-y: -100%; +} +.uk-transition-slide-bottom { + --uk-translate-y: 100%; +} +.uk-transition-slide-left { + --uk-translate-x: -100%; +} +.uk-transition-slide-right { + --uk-translate-x: 100%; +} +.uk-transition-slide-top-small { + --uk-translate-y: calc(-1 * 10px); +} +.uk-transition-slide-bottom-small { + --uk-translate-y: 10px; +} +.uk-transition-slide-left-small { + --uk-translate-x: calc(-1 * 10px); +} +.uk-transition-slide-right-small { + --uk-translate-x: 10px; +} +.uk-transition-slide-top-medium { + --uk-translate-y: calc(-1 * 50px); +} +.uk-transition-slide-bottom-medium { + --uk-translate-y: 50px; +} +.uk-transition-slide-left-medium { + --uk-translate-x: calc(-1 * 50px); +} +.uk-transition-slide-right-medium { + --uk-translate-x: 50px; +} +/* Show */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle:focus [class*='uk-transition-slide'], +.uk-transition-toggle [class*='uk-transition-slide']:focus-within, +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + --uk-translate-x: 0; + --uk-translate-y: 0; + opacity: 1; +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifier + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* Disable modifier + ========================================================================== */ +.uk-transition-disable, +.uk-transition-disable * { + transition: none !important; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Based on the State of the Parent Element + ========================================================================== */ +/* + * Mind that `display: none`, `visibility: hidden` and `opacity: 0` + * remove the element from the accessibility tree and that + * `display: none` and `visibility: hidden` are not focusable. + * + * The target stays visible if any element within receives focus through keyboard. + */ +/* + * Remove space when hidden. + * 1. Remove from document flow. + * 2. Hide element and shrink its dimension. Can't use zero dimensions together + * with `overflow: hidden` it would remove it from the accessibility tree. + * 3. Hide the single rendered pixel. + * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation + * by screen readers and the visual tracking indicator of other assistive technologies. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 1px !important; + height: 1px !important; + padding: 0 !important; + border: 0 !important; + margin: 0 !important; + overflow: hidden !important; + /* 3 */ + clip-path: inset(50%) !important; + /* 4 */ + white-space: nowrap !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Unfortunately, can't use `clip-path: inset(50%)` because hover won't work + * if the element is positioned outside of the toggle box. + */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + opacity: 0 !important; +} +/* Based on Hover Capability of the Pointing Device + ========================================================================== */ +/* + * Hover + */ +/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ +@media (hover: none) { + .uk-hidden-touch { + display: none !important; + } +} +/* Hide if primary pointing device supports hover, e.g. mice. */ +@media (hover) { + .uk-hidden-notouch { + display: none !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-light .uk-link-toggle:hover .uk-link, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-light .uk-heading-3xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary.uk-card-body .uk-heading-3xlarge, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-3xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body .uk-heading-3xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-3xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-overlay-primary .uk-heading-3xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge, +.uk-offcanvas-bar .uk-heading-3xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light :focus-visible, +.uk-section-primary:not(.uk-preserve-color) :focus-visible, +.uk-section-secondary:not(.uk-preserve-color) :focus-visible, +.uk-tile-primary:not(.uk-preserve-color) :focus-visible, +.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, +.uk-card-primary.uk-card-body :focus-visible, +.uk-card-primary > :not([class*='uk-card-media']) :focus-visible, +.uk-card-secondary.uk-card-body :focus-visible, +.uk-card-secondary > :not([class*='uk-card-media']) :focus-visible, +.uk-overlay-primary :focus-visible, +.uk-offcanvas-bar :focus-visible { + outline-color: #fff; +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-light .uk-link-toggle:hover .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-light .uk-link-toggle:hover .uk-link-text, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-light .uk-link-toggle:hover .uk-link-heading, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary.uk-card-body a.uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary.uk-card-body a.uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, +.uk-overlay-primary a.uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, +.uk-offcanvas-bar a.uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: #fff; +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #ffffff; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:hover { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:hover { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: #fff; +} +.uk-light .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light.uk-card-badge, +.uk-section-primary:not(.uk-preserve-color).uk-card-badge, +.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-card-primary.uk-card-body.uk-card-badge, +.uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, +.uk-card-secondary.uk-card-body.uk-card-badge, +.uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, +.uk-overlay-primary.uk-card-badge, +.uk-offcanvas-bar.uk-card-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-overlay-primary .uk-close:hover, +.uk-offcanvas-bar .uk-close:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-overlay-primary .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-overlay-primary .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:hover { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666 !important; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a, +.uk-overlay-primary .uk-nav-secondary > li > a, +.uk-offcanvas-bar .uk-nav-secondary > li > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover, +.uk-overlay-primary .uk-nav-secondary > li > a:hover, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-header, +.uk-overlay-primary .uk-nav-secondary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-divider, +.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-secondary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:hover { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :hover { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-thumbnav > * > *::after, +.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-card-primary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-card-secondary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-thumbnav > * > *::after, +.uk-overlay-primary .uk-thumbnav > * > *::after, +.uk-offcanvas-bar .uk-thumbnav > * > *::after { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: #fff; +} +.uk-light .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-overlay-primary .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:hover { + color: #fff; +} +.uk-light .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-light .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: block; +} +.uk-light .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Pass dropbar behind color to JS + */ +* { + --uk-inverse: initial; +} +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + --uk-inverse: light; +} +.uk-dark, +.uk-section-default:not(.uk-preserve-color), +.uk-section-muted:not(.uk-preserve-color), +.uk-tile-default:not(.uk-preserve-color), +.uk-tile-muted:not(.uk-preserve-color), +.uk-card-default.uk-card-body, +.uk-card-default > :not([class*='uk-card-media']), +.uk-overlay-default, +.uk-dropbar, +.uk-navbar-container:not(.uk-navbar-transparent), +.uk-navbar-dropdown, +.uk-dropdown { + --uk-inverse: dark; +} +.uk-inverse-light { + --uk-inverse: light !important; +} +.uk-inverse-dark { + --uk-inverse: dark !important; +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/my_flask_app/static/uikit-3.18.0/css/uikit.min.css b/my_flask_app/static/uikit-3.18.0/css/uikit.min.css new file mode 100644 index 0000000..426b875 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/css/uikit.min.css @@ -0,0 +1 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,svg,video{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-3xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-3xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-left:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:0.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}:focus{outline:0}:focus-visible{outline:2px dotted #333}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,.uk-link-toggle .uk-link-muted,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,.uk-link-toggle .uk-link-text,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,.uk-link-toggle .uk-link-heading,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}.uk-heading-3xlarge{font-size:8rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}.uk-heading-3xlarge{font-size:11rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}.uk-heading-3xlarge{font-size:15rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-right:calc(5px + .2em);border-left:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - (calc(.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{right:100%;margin-right:calc(5px + .3em)}.uk-heading-line>::after{left:100%;margin-left:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{right:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{left:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:max-content;height:100px;margin-left:auto;margin-right:auto;border-left:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*{break-inside:avoid-column}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle>*,.uk-list-decimal>*,.uk-list-disc>*,.uk-list-hyphen>*,.uk-list-square>*{padding-left:30px}.uk-list-decimal{counter-reset:decimal}.uk-list-decimal>*{counter-increment:decimal}.uk-list-circle>::before,.uk-list-decimal>::before,.uk-list-disc>::before,.uk-list-hyphen>::before,.uk-list-square>::before{content:"";position:relative;left:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;display:list-item;list-style-position:inside;text-align:right}.uk-list-disc>::before{list-style-type:disc}.uk-list-circle>::before{list-style-type:circle}.uk-list-square>::before{list-style-type:square}.uk-list-decimal>::before{content:counter(decimal,decimal) '\200A.\00A0'}.uk-list-hyphen>::before{content:'–\00A0\00A0'}.uk-list-muted>::before{color:#999!important}.uk-list-emphasis>::before{color:#333!important}.uk-list-primary>::before{color:#1e87f0!important}.uk-list-secondary>::before{color:#222!important}.uk-list-bullet>*{padding-left:30px}.uk-list-bullet>::before{content:"";display:list-item;position:relative;left:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:left;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-left:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-right:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-left:0;padding-right:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom:1px solid #e5e5e5}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle;object-fit:scale-down;max-width:none}.uk-icon-link{color:#999;text-decoration:none!important}.uk-icon-link:hover{color:#666}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:hover{background-color:#ebebeb;color:#666}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{-webkit-appearance:none;box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;background:0 0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;margin-top:-7px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0;min-width:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::placeholder{color:#999}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-left:8px;padding-right:8px}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-left:12px;padding-right:12px}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:solid}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-right:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:100% 50%}.uk-select:not([multiple]):not([size]) option{color:#666}.uk-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]{padding-right:20px;background-repeat:no-repeat;background-position:100% 50%}.uk-input[list]:focus,.uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none!important}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{background-color:rgba(0,0,0,0);outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;left:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;left:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-left:40px!important}.uk-form-icon-flip{right:0;left:auto}.uk-form-icon-flip~.uk-input{padding-right:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;left:0;right:100%;border-bottom:1px solid currentColor;transition:right .3s ease-out}.uk-button-text:hover{color:#333}.uk-button-text:hover::before{right:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#333}.uk-button-link:hover{color:#999;text-decoration:none}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress::-webkit-progress-bar{background-color:transparent}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0;transition:width .6s ease}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{background:#fff}.uk-section-muted{background:#f8f8f8}.uk-section-primary{background:#1e87f0}.uk-section-secondary{background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:640px){.uk-container{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-container{padding-left:40px;padding-right:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-left:0;padding-right:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-left{margin-left:0}.uk-container-expand-right{margin-right:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-left{margin-left:-15px}.uk-container-item-padding-remove-right{margin-right:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-left{margin-left:-30px}.uk-container-item-padding-remove-right{margin-right:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-left{margin-left:-40px}.uk-container-item-padding-remove-right{margin-right:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-left:15px;padding-right:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-tile{padding-left:40px;padding-right:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{background-color:#fff}.uk-tile-muted{background-color:#f8f8f8}.uk-tile-primary{background-color:#1e87f0}.uk-tile-secondary{background-color:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:15px;right:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background-color:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{background-color:#1e87f0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-secondary{background-color:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-left:-30px;margin-right:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-left:30px;padding-right:30px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-left:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-left:-40px;margin-right:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-left:40px;padding-right:40px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-left:55px}}.uk-card-small>.uk-nav-default{margin-left:-20px;margin-right:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small>.uk-nav-default .uk-nav-divider,.uk-card-small>.uk-nav-default .uk-nav-header,.uk-card-small>.uk-nav-default>li>a{padding-left:20px;padding-right:20px}.uk-card-small>.uk-nav-default .uk-nav-sub{padding-left:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large>.uk-nav-default .uk-nav-divider,.uk-card-large>.uk-nav-default .uk-nav-header,.uk-card-large>.uk-nav-default>li>a{padding-left:0;padding-right:0}.uk-card-large>.uk-nav-default .uk-nav-sub{padding-left:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:hover{color:#666}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:hover{color:#666}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:hover{color:#fff}.uk-alert{position:relative;margin-bottom:20px;padding:15px 29px 15px 15px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;right:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:hover{text-decoration:none}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,.8)}.uk-overlay-primary{background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-left:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-left:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input::placeholder{color:#999}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;left:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{right:0;left:auto}.uk-search-default{width:240px}.uk-search-default .uk-search-input{height:40px;padding-left:10px;padding-right:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-default .uk-search-icon{width:40px}.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:40px}.uk-search-default .uk-search-icon-flip~.uk-search-input{padding-right:40px}.uk-search-navbar{width:400px}.uk-search-navbar .uk-search-input{height:40px;background:0 0;font-size:1.5rem}.uk-search-navbar .uk-search-icon{width:40px}.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:40px}.uk-search-navbar .uk-search-icon-flip~.uk-search-input{padding-right:40px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:80px;background:0 0;font-size:2.625rem}.uk-search-large .uk-search-icon{width:80px}.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:80px}.uk-search-large .uk-search-icon-flip~.uk-search-input{padding-right:80px}.uk-search-toggle{color:#999}.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-left:10px;float:right;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:hover{color:#666;text-decoration:none}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;--uk-position-offset:20px;--uk-position-viewport-offset:15px;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-drop-parent-icon{margin-left:.25em;transition:transform .3s ease-out}[aria-expanded=true]>.uk-drop-parent-icon{transform:rotateX(180deg)}.uk-dropbar{--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:0;width:auto;padding:25px 15px 25px 15px;background:#fff;color:#666}.uk-dropbar>:last-child{margin-bottom:0}@media (min-width:640px){.uk-dropbar{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-dropbar{padding-left:40px;padding-right:40px}}.uk-dropbar :focus-visible{outline-color:#333!important}.uk-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropbar-top{box-shadow:0 12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-bottom{box-shadow:0 -12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-left{box-shadow:12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropbar-right{box-shadow:-12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropnav-dropbar{position:absolute;z-index:980;padding:0;left:0;right:0}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-left:40px;padding-right:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:100%!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:20px 20px}.uk-modal-header{display:flow-root;padding:10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:10px 20px;background:#fff;border-top:1px solid #e5e5e5}@media (min-width:640px){.uk-modal-body{padding:30px 30px}.uk-modal-header{padding:15px 30px}.uk-modal-footer{padding:15px 30px}}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;right:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;right:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{right:0;transform:translate(100%,-100%)}}.uk-modal-close-full{top:0;right:0;padding:10px;background:#fff}@media (min-width:960px){.uk-modal-close-full{padding:20px}}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none;touch-action:pan-y}.uk-slideshow-items>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;will-change:transform,opacity}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden;overflow:clip}.uk-slider-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.uk-slider-items{will-change:transform;position:relative;touch-action:pan-y}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none;box-sizing:border-box;max-width:100%;position:relative}.uk-sticky{position:relative;z-index:980;box-sizing:border-box}.uk-sticky-fixed{margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-sticky-placeholder{pointer-events:none}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;left:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{right:0;left:auto}.uk-offcanvas-bar{position:absolute;top:0;bottom:0;left:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto}@media (min-width:640px){.uk-offcanvas-bar{left:-350px;width:350px;padding:30px 30px}}.uk-offcanvas-flip .uk-offcanvas-bar{left:auto;right:-270px}@media (min-width:640px){.uk-offcanvas-flip .uk-offcanvas-bar{right:-350px}}.uk-open>.uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{left:auto;right:0}.uk-offcanvas-bar-animation{transition:left .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:right}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{left:auto;right:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:640px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{right:0;left:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:5px;right:5px;padding:5px}@media (min-width:640px){.uk-offcanvas-close{top:10px;right:10px}}.uk-offcanvas-close:first-child+*{margin-top:0}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden;overflow-x:clip}.uk-offcanvas-container{position:relative;left:0;transition:left .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-270px}@media (min-width:640px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-left:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;left:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-right,.uk-notification-top-right{left:auto;right:10px}.uk-notification-bottom-center,.uk-notification-top-center{left:50%;margin-left:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{left:10px;right:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;right:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;--uk-position-offset:10px;--uk-position-viewport-offset:10;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-left:-30px}.uk-grid>*{padding-left:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-left:-40px}.uk-grid>*{padding-left:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-left:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-left:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-left:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-left:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-left:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-left:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-left:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-left:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;left:0;right:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-left:-60px}.uk-grid-divider>*{padding-left:60px}.uk-grid-divider>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}@media (min-width:1200px){.uk-grid-divider{margin-left:-80px}.uk-grid-divider>*{padding-left:80px}.uk-grid-divider>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-left:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-left:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{left:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;left:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{left:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-left:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-left:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{left:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;left:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-sub ul{padding-left:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon{margin-left:auto;transition:transform .3s ease-out}.uk-nav>li.uk-open>a .uk-nav-parent-icon{transform:rotateX(180deg)}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav .uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem;line-height:1.5}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-subtitle{font-size:12px}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary{font-size:1.5rem;line-height:1.5}.uk-nav-primary>li>a{color:#999}.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-subtitle{font-size:1.25rem}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub{font-size:1.25rem;line-height:1.5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-secondary{font-size:16px;line-height:1.5}.uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0}.uk-nav-secondary>li>a{color:#333;padding:10px 10px}.uk-nav-secondary>li>a:hover{color:#333;background-color:#f8f8f8}.uk-nav-secondary>li.uk-active>a{color:#333;background-color:#f8f8f8}.uk-nav-secondary .uk-nav-subtitle{font-size:.875rem;color:#999}.uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:#666}.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#333}.uk-nav-secondary .uk-nav-header{color:#333}.uk-nav-secondary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-secondary .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-secondary .uk-nav-sub a{color:#999}.uk-nav-secondary .uk-nav-sub a:hover{color:#666}.uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-medium{font-size:2.8875rem;line-height:1}.uk-nav-large{font-size:3.4rem;line-height:1}.uk-nav-xlarge{font-size:4rem;line-height:1}@media (min-width:960px){.uk-nav-medium{font-size:3.5rem}.uk-nav-large{font-size:4rem}.uk-nav-xlarge{font-size:6rem}}@media (min-width:1200px){.uk-nav-medium{font-size:4rem}.uk-nav-large{font-size:6rem}.uk-nav-xlarge{font-size:8rem}}.uk-nav-center{text-align:center}.uk-nav-center li>a{justify-content:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-left:0}.uk-nav-center .uk-nav-parent-icon{margin-left:.25em}.uk-nav.uk-nav-divider>:not(.uk-nav-header,.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:5px;padding-top:5px;border-top:1px solid #e5e5e5}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{display:flex;gap:15px;align-items:center}.uk-navbar-right{margin-left:auto}.uk-navbar-center:only-child{margin-left:auto;margin-right:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-left{right:calc(100% + 15px)}.uk-navbar-center-right{left:calc(100% + 15px)}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;gap:15px;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;column-gap:.25em;box-sizing:border-box;min-height:80px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{padding:0 0;color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true]{color:#666}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-parent-icon{margin-left:4px;transition:transform .3s ease-out}.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon{transform:rotateX(180deg)}.uk-navbar-item{padding:0 0;color:#666}.uk-navbar-item>:last-child{margin-bottom:0}.uk-navbar-toggle{padding:0 0;color:#999}.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{color:#666;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-justify .uk-navbar-item,.uk-navbar-justify .uk-navbar-left,.uk-navbar-justify .uk-navbar-nav,.uk-navbar-justify .uk-navbar-nav>li,.uk-navbar-justify .uk-navbar-right,.uk-navbar-justify .uk-navbar-toggle{flex-grow:1}.uk-navbar-dropdown{--uk-position-offset:15px;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown>:last-child{margin-bottom:0}.uk-navbar-dropdown :focus-visible{outline-color:#333!important}.uk-navbar-dropdown .uk-drop-grid{margin-left:-30px}.uk-navbar-dropdown .uk-drop-grid>*{padding-left:30px}.uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin{margin-top:30px}.uk-navbar-dropdown-width-2:not(.uk-drop-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-drop-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-drop-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-drop-stack){width:1000px}.uk-navbar-dropdown-large{--uk-position-shift-offset:0;padding:40px}.uk-navbar-dropdown-dropbar{width:auto;background:0 0;padding:25px 0 25px 0;--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-navbar-dropdown-dropbar-large{--uk-position-shift-offset:0;padding-top:40px;padding-bottom:40px}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-container{transition:.1s ease-in-out;transition-property:background-color}@media (min-width:960px){.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{gap:30px}.uk-navbar-center-left{right:calc(100% + 30px)}.uk-navbar-center-right{left:calc(100% + 30px)}}@media (min-width:960px){.uk-navbar-nav{gap:30px}}.uk-subnav{display:flex;flex-wrap:wrap;align-items:center;margin-left:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-left:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:hover{color:#666;text-decoration:none}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-left:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-left:0;margin-right:20px;border-left:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:#e5e5e5}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{padding:0;list-style:none}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{font-size:.875rem;color:#999}.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 20px 0 calc(20px - 4px);font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;align-items:center;margin-left:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-left:0;position:relative}.uk-pagination>*>*{display:flex;align-items:center;column-gap:.25em;padding:5px 10px;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;left:20px;right:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-left:20px;position:relative}.uk-tab>*>a{display:flex;align-items:center;column-gap:.25em;justify-content:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-left:0}.uk-tab-left>*,.uk-tab-right>*{padding-left:0}.uk-tab-left::before{top:0;bottom:0;left:auto;right:0;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-right::before{top:0;bottom:0;left:0;right:auto;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-left>*>a{justify-content:left;border-right:1px solid transparent;border-bottom:none}.uk-tab-right>*>a{justify-content:left;border-left:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-left:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:hover{color:rgba(102,102,102,.9)}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-12px}.uk-dotnav>*{flex:none;padding-left:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-left:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-left:0;padding-top:12px}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-15px}.uk-thumbnav>*{padding-left:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.4));transition:opacity .1s ease-in-out}.uk-thumbnav>*>:hover::after{opacity:0}.uk-thumbnav>.uk-active>::after{opacity:0}.uk-thumbnav-vertical{flex-direction:column;margin-left:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-left:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-10px}.uk-iconnav>*{padding-left:10px}.uk-iconnav>*>a{display:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.uk-iconnav>*>a:hover{color:#666}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-left:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-left:0;padding-top:10px}.uk-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;width:auto;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown>:last-child{margin-bottom:0}.uk-dropdown :focus-visible{outline-color:#333!important}.uk-dropdown-large{padding:40px}.uk-dropdown-dropbar{width:auto;background:0 0;padding:5px 0 25px 0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-dropdown-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropdown-nav{font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}.uk-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox :focus-visible{outline-color:rgba(255,255,255,.7)}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items>*{position:absolute;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;color:rgba(255,255,255,.7);will-change:transform,opacity}.uk-lightbox-items>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-toolbar{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-toolbar>*{color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon{padding:5px;color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon:hover{color:#fff}.uk-lightbox-button{box-sizing:border-box;width:50px;height:50px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7);display:inline-flex;justify-content:center;align-items:center}.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[class*=uk-animation-]{animation:.5s ease-out both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade,uk-scale-up}.uk-animation-scale-down{animation-name:uk-fade,uk-scale-down}.uk-animation-slide-top{animation-name:uk-fade,uk-slide-top}.uk-animation-slide-bottom{animation-name:uk-fade,uk-slide-bottom}.uk-animation-slide-left{animation-name:uk-fade,uk-slide-left}.uk-animation-slide-right{animation-name:uk-fade,uk-slide-right}.uk-animation-slide-top-small{animation-name:uk-fade,uk-slide-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade,uk-slide-bottom-small}.uk-animation-slide-left-small{animation-name:uk-fade,uk-slide-left-small}.uk-animation-slide-right-small{animation-name:uk-fade,uk-slide-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade,uk-slide-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade,uk-slide-bottom-medium}.uk-animation-slide-left-medium{animation-name:uk-fade,uk-slide-left-medium}.uk-animation-slide-right-medium{animation-name:uk-fade,uk-slide-right-medium}.uk-animation-kenburns{animation-name:uk-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;animation-duration:2s;stroke-dasharray:var(--uk-animation-stroke)}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-scale-up{0%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes uk-scale-down{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes uk-slide-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes uk-slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes uk-slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes uk-slide-top-small{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-small{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-small{0%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-small{0%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes uk-slide-top-medium{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-medium{0%{transform:translateY(50px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-medium{0%{transform:translateX(-50px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-medium{0%{transform:translateX(50px)}100%{transform:translateX(0)}}@keyframes uk-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% * 1 / 3.001)}.uk-width-2-3{width:calc(100% * 2 / 3.001)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% * 1 / 6.001)}.uk-width-5-6{width:calc(100% * 5 / 6.001)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}}.uk-width-max-content{width:max-content}.uk-width-min-content{width:min-content}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-viewport-2{min-height:200vh}.uk-height-viewport-3{min-height:300vh}.uk-height-viewport-4{min-height:400vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta>a{color:#999}.uk-text-meta>a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-decoration-none{text-decoration:none!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;color:transparent!important;display:inline-block;background-color:#1e87f0;background-image:linear-gradient(90deg,#1e87f0 0,#411ef0 100%)}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-left\@s{text-align:left!important}.uk-text-right\@s{text-align:right!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-left\@m{text-align:left!important}.uk-text-right\@m{text-align:right!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-left\@l{text-align:left!important}.uk-text-right\@l{text-align:right!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-left\@xl{text-align:left!important}.uk-text-right\@xl{text-align:right!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-word}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}[data-uk-cover]:where(canvas,iframe,svg),[uk-cover]:where(canvas,iframe,svg){max-width:none;position:absolute;left:50%;top:50%;--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y))}iframe[data-uk-cover],iframe[uk-cover]{pointer-events:none}[data-uk-cover]:where(img,video),[uk-cover]:where(img,video){position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;object-fit:cover;object-position:center}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.uk-background-top-left{background-position:0 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-right{background-position:100% 0}.uk-background-center-left{background-position:0 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-right{background-position:100% 50%}.uk-background-bottom-left{background-position:0 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed;backface-visibility:hidden}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-left:auto;margin-right:auto}.uk-align-left{margin-top:0;margin-right:30px;float:left}.uk-align-right{margin-top:0;margin-left:30px;float:right}@media (min-width:640px){.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}}@media (min-width:960px){.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}}@media (min-width:1200px){.uk-align-left\@l{margin-top:0;float:left}.uk-align-right\@l{margin-top:0;float:right}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}}@media (min-width:1600px){.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-box-sizing-content{box-sizing:content-box}.uk-box-sizing-border{box-sizing:border-box}.uk-resize{resize:both}.uk-resize-horizontal{resize:horizontal}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}[data-uk-responsive],[uk-responsive]{max-width:100%}.uk-object-cover{object-fit:cover}.uk-object-contain{object-fit:contain}.uk-object-fill{object-fit:fill}.uk-object-none{object-fit:none}.uk-object-scale-down{object-fit:scale-down}.uk-object-top-left{object-position:0 0}.uk-object-top-center{object-position:50% 0}.uk-object-top-right{object-position:100% 0}.uk-object-center-left{object-position:0 50%}.uk-object-center-center{object-position:50% 50%}.uk-object-center-right{object-position:100% 50%}.uk-object-bottom-left{object-position:0 100%}.uk-object-bottom-center{object-position:50% 100%}.uk-object-bottom-right{object-position:100% 100%}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-large{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-hover-large:hover{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:"";position:absolute;bottom:-30px;left:0;right:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-right:10px;float:left;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#333;text-decoration:none}:where(.uk-logo){display:inline-block;vertical-align:middle}.uk-logo:hover{color:#333;text-decoration:none}.uk-logo :where(img,svg,video){display:block}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(-50%,-50%)}.uk-transform-origin-top-left{transform-origin:0 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-center-left{transform-origin:0 50%}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-bottom-left{transform-origin:0 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-left{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-right{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-left\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-right\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-left\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-right\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-left\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-right\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-left\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-right\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-left{margin-left:40px!important}.uk-margin-large-right{margin-right:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-left{margin-left:70px!important}.uk-margin-large-right{margin-right:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}}.uk-margin-auto{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-left\@s{margin-left:0!important}.uk-margin-remove-right\@s{margin-right:0!important}}@media (min-width:960px){.uk-margin-remove-left\@m{margin-left:0!important}.uk-margin-remove-right\@m{margin-right:0!important}}@media (min-width:1200px){.uk-margin-remove-left\@l{margin-left:0!important}.uk-margin-remove-right\@l{margin-right:0!important}}@media (min-width:1600px){.uk-margin-remove-left\@xl{margin-left:0!important}.uk-margin-remove-right\@xl{margin-right:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:40px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-left:0!important;padding-right:0!important}:root{--uk-position-margin-offset:0px}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:calc(100% - (var(--uk-position-margin-offset) * 2));box-sizing:border-box}.uk-position-top{top:0;left:0;right:0}.uk-position-bottom{bottom:0;left:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-center{top:calc(50% - var(--uk-position-margin-offset));left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y));width:max-content}[class*=uk-position-center-left],[class*=uk-position-center-right]{top:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-y:-50%;transform:translate(0,var(--uk-position-translate-y))}.uk-position-center-left{left:0}.uk-position-center-right{right:0}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-bottom-center,.uk-position-top-center{left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;transform:translate(var(--uk-position-translate-x),0);width:max-content}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}.uk-position-small{margin:15px;--uk-position-margin-offset:15px}.uk-position-medium{margin:30px;--uk-position-margin-offset:30px}.uk-position-large{margin:30px;--uk-position-margin-offset:30px}@media (min-width:1200px){.uk-position-large{margin:50px;--uk-position-margin-offset:50px}}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-sticky{position:sticky!important}.uk-position-z-index{z-index:1}.uk-position-z-index-zero{z-index:0}.uk-position-z-index-negative{z-index:-1}.uk-position-z-index-high{z-index:990}:where(.uk-transition-fade),:where([class*=uk-transition-scale]),:where([class*=uk-transition-slide]){--uk-position-translate-x:0;--uk-position-translate-y:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;--uk-scale-x:1;--uk-scale-y:1;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle .uk-transition-fade:focus-within,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}[class*=uk-transition-scale]{-webkit-backface-visibility:hidden}.uk-transition-scale-up{--uk-scale-x:1;--uk-scale-y:1}.uk-transition-scale-down{--uk-scale-x:1.03;--uk-scale-y:1.03}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle .uk-transition-scale-up:focus-within,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{--uk-scale-x:1.03;--uk-scale-y:1.03;opacity:1}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle .uk-transition-scale-down:focus-within,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{--uk-scale-x:1;--uk-scale-y:1;opacity:1}.uk-transition-slide-top{--uk-translate-y:-100%}.uk-transition-slide-bottom{--uk-translate-y:100%}.uk-transition-slide-left{--uk-translate-x:-100%}.uk-transition-slide-right{--uk-translate-x:100%}.uk-transition-slide-top-small{--uk-translate-y:calc(-1 * 10px)}.uk-transition-slide-bottom-small{--uk-translate-y:10px}.uk-transition-slide-left-small{--uk-translate-x:calc(-1 * 10px)}.uk-transition-slide-right-small{--uk-translate-x:10px}.uk-transition-slide-top-medium{--uk-translate-y:calc(-1 * 50px)}.uk-transition-slide-bottom-medium{--uk-translate-y:50px}.uk-transition-slide-left-medium{--uk-translate-x:calc(-1 * 50px)}.uk-transition-slide-right-medium{--uk-translate-x:50px}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle [class*=uk-transition-slide]:focus-within,.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;opacity:1}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-transition-disable,.uk-transition-disable *{transition:none!important}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}@media (hover:none){.uk-hidden-touch{display:none!important}}@media (hover){.uk-hidden-notouch{display:none!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-3xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-3xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-3xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-3xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-3xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-3xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-3xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,.uk-light :focus-visible,.uk-offcanvas-bar :focus-visible,.uk-overlay-primary :focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible{outline-color:#fff}.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-light .uk-list-muted>::before,.uk-offcanvas-bar .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-light .uk-list-emphasis>::before,.uk-offcanvas-bar .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-light .uk-list-primary>::before,.uk-offcanvas-bar .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-light .uk-list-secondary>::before,.uk-offcanvas-bar .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#fff}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:#fff}.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666!important}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-light .uk-nav-secondary>li>a,.uk-offcanvas-bar .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-light .uk-nav-secondary>li>a:hover,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-light .uk-nav-secondary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-light .uk-nav-secondary .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-light .uk-nav-secondary .uk-nav-header,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-light .uk-nav-secondary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-light .uk-nav-secondary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-light .uk-nav-secondary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-thumbnav>*>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-light .uk-thumbnav>*>::after,.uk-offcanvas-bar .uk-thumbnav>*>::after,.uk-overlay-primary .uk-thumbnav>*>::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,0.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:#fff}.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:#fff}.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-light .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-light .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:block}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}*{--uk-inverse:initial}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){--uk-inverse:light}.uk-card-default.uk-card-body,.uk-card-default>:not([class*=uk-card-media]),.uk-dark,.uk-dropbar,.uk-dropdown,.uk-navbar-container:not(.uk-navbar-transparent),.uk-navbar-dropdown,.uk-overlay-default,.uk-section-default:not(.uk-preserve-color),.uk-section-muted:not(.uk-preserve-color),.uk-tile-default:not(.uk-preserve-color),.uk-tile-muted:not(.uk-preserve-color){--uk-inverse:dark}.uk-inverse-light{--uk-inverse:light!important}.uk-inverse-dark{--uk-inverse:dark!important}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/my_flask_app/static/uikit-3.18.0/js/uikit-icons.js b/my_flask_app/static/uikit-3.18.0/js/uikit-icons.js new file mode 100644 index 0000000..fc391f7 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/js/uikit-icons.js @@ -0,0 +1,181 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define('uikiticons', factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitIcons = factory()); +})(this, (function () { 'use strict'; + + function plugin(UIkit) { + if (plugin.installed) { + return; + } + UIkit.icon.add({ + "youtube": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"/></svg>', + "yootheme": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m16.15,5.48c-1.37,0-2.45.61-3.11,1.54-.66-.93-1.74-1.54-3.11-1.54-1.75,0-3.03,1-3.57,2.41v-2.22h-2.01v4.45c0,.85-.31,1.35-1.18,1.35s-1.18-.5-1.18-1.35v-4.45H0v4.86c0,.7.17,1.33.53,1.82.34.49.88.85,1.6,1v3.16h2.1v-3.16c1.28-.28,1.96-1.17,2.1-2.35.52,1.44,1.81,2.48,3.59,2.48,1.37,0,2.45-.61,3.11-1.54.66.93,1.74,1.54,3.11,1.54,2.37,0,3.85-1.82,3.85-4s-1.49-4-3.85-4Zm-6.22,5.99c-1.11,0-1.85-.72-1.85-1.99s.74-1.99,1.85-1.99,1.85.72,1.85,1.99-.74,1.99-1.85,1.99Zm6.22,0c-1.11,0-1.85-.72-1.85-1.99s.74-1.99,1.85-1.99,1.85.72,1.85,1.99-.74,1.99-1.85,1.99Z"/></svg>', + "yelp": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.175,14.971c-0.112,0.77-1.686,2.767-2.406,3.054c-0.246,0.1-0.487,0.076-0.675-0.069 c-0.122-0.096-2.446-3.859-2.446-3.859c-0.194-0.293-0.157-0.682,0.083-0.978c0.234-0.284,0.581-0.393,0.881-0.276 c0.016,0.01,4.21,1.394,4.332,1.482c0.178,0.148,0.263,0.379,0.225,0.646L17.175,14.971L17.175,14.971z M11.464,10.789 c-0.203-0.307-0.199-0.666,0.009-0.916c0,0,2.625-3.574,2.745-3.657c0.203-0.135,0.452-0.141,0.69-0.025 c0.691,0.335,2.085,2.405,2.167,3.199v0.027c0.024,0.271-0.082,0.491-0.273,0.623c-0.132,0.083-4.43,1.155-4.43,1.155 c-0.322,0.096-0.68-0.06-0.882-0.381L11.464,10.789z M9.475,9.563C9.32,9.609,8.848,9.757,8.269,8.817c0,0-3.916-6.16-4.007-6.351 c-0.057-0.212,0.011-0.455,0.202-0.65C5.047,1.211,8.21,0.327,9.037,0.529c0.27,0.069,0.457,0.238,0.522,0.479 c0.047,0.266,0.433,5.982,0.488,7.264C10.098,9.368,9.629,9.517,9.475,9.563z M9.927,19.066c-0.083,0.225-0.273,0.373-0.54,0.421 c-0.762,0.13-3.15-0.751-3.647-1.342c-0.096-0.131-0.155-0.262-0.167-0.394c-0.011-0.095,0-0.189,0.036-0.272 c0.061-0.155,2.917-3.538,2.917-3.538c0.214-0.272,0.595-0.355,0.952-0.213c0.345,0.13,0.56,0.428,0.536,0.749 C10.014,14.479,9.977,18.923,9.927,19.066z M3.495,13.912c-0.235-0.009-0.444-0.148-0.568-0.382c-0.089-0.17-0.151-0.453-0.19-0.794 C2.63,11.701,2.761,10.144,3.07,9.648c0.145-0.226,0.357-0.345,0.592-0.336c0.154,0,4.255,1.667,4.255,1.667 c0.321,0.118,0.521,0.453,0.5,0.833c-0.023,0.37-0.236,0.655-0.551,0.738L3.495,13.912z"/></svg>', + "xing": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M4.4,4.56 C4.24,4.56 4.11,4.61 4.05,4.72 C3.98,4.83 3.99,4.97 4.07,5.12 L5.82,8.16 L5.82,8.17 L3.06,13.04 C2.99,13.18 2.99,13.33 3.06,13.44 C3.12,13.55 3.24,13.62 3.4,13.62 L6,13.62 C6.39,13.62 6.57,13.36 6.71,13.12 C6.71,13.12 9.41,8.35 9.51,8.16 C9.49,8.14 7.72,5.04 7.72,5.04 C7.58,4.81 7.39,4.56 6.99,4.56 L4.4,4.56 L4.4,4.56 Z"/><path d="M15.3,1 C14.91,1 14.74,1.25 14.6,1.5 C14.6,1.5 9.01,11.42 8.82,11.74 C8.83,11.76 12.51,18.51 12.51,18.51 C12.64,18.74 12.84,19 13.23,19 L15.82,19 C15.98,19 16.1,18.94 16.16,18.83 C16.23,18.72 16.23,18.57 16.16,18.43 L12.5,11.74 L12.5,11.72 L18.25,1.56 C18.32,1.42 18.32,1.27 18.25,1.16 C18.21,1.06 18.08,1 17.93,1 L15.3,1 L15.3,1 Z"/></svg>', + "x": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m15.08,2.1h2.68l-5.89,6.71,6.88,9.1h-5.4l-4.23-5.53-4.84,5.53H1.59l6.24-7.18L1.24,2.1h5.54l3.82,5.05,4.48-5.05Zm-.94,14.23h1.48L6,3.61h-1.6l9.73,12.71h0Z"/></svg>', + "world": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M1,10.5 L19,10.5"/><path fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"/><path fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"/><path fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"/><circle fill="none" stroke="#000" cx="10" cy="10.5" r="9"/></svg>', + "wordpress": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10,0.5c-5.2,0-9.5,4.3-9.5,9.5s4.3,9.5,9.5,9.5c5.2,0,9.5-4.3,9.5-9.5S15.2,0.5,10,0.5L10,0.5L10,0.5z M15.6,3.9h-0.1 c-0.8,0-1.4,0.7-1.4,1.5c0,0.7,0.4,1.3,0.8,1.9c0.3,0.6,0.7,1.3,0.7,2.3c0,0.7-0.3,1.5-0.6,2.7L14.1,15l-3-8.9 c0.5,0,0.9-0.1,0.9-0.1C12.5,6,12.5,5.3,12,5.4c0,0-1.3,0.1-2.2,0.1C9,5.5,7.7,5.4,7.7,5.4C7.2,5.3,7.2,6,7.6,6c0,0,0.4,0.1,0.9,0.1 l1.3,3.5L8,15L5,6.1C5.5,6.1,5.9,6,5.9,6C6.4,6,6.3,5.3,5.9,5.4c0,0-1.3,0.1-2.2,0.1c-0.2,0-0.3,0-0.5,0c1.5-2.2,4-3.7,6.9-3.7 C12.2,1.7,14.1,2.6,15.6,3.9L15.6,3.9L15.6,3.9z M2.5,6.6l3.9,10.8c-2.7-1.3-4.6-4.2-4.6-7.4C1.8,8.8,2,7.6,2.5,6.6L2.5,6.6L2.5,6.6 z M10.2,10.7l2.5,6.9c0,0,0,0.1,0.1,0.1C11.9,18,11,18.2,10,18.2c-0.8,0-1.6-0.1-2.3-0.3L10.2,10.7L10.2,10.7L10.2,10.7z M14.2,17.1 l2.5-7.3c0.5-1.2,0.6-2.1,0.6-2.9c0-0.3,0-0.6-0.1-0.8c0.6,1.2,1,2.5,1,4C18.3,13,16.6,15.7,14.2,17.1L14.2,17.1L14.2,17.1z"/></svg>', + "whatsapp": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M16.7,3.3c-1.8-1.8-4.1-2.8-6.7-2.8c-5.2,0-9.4,4.2-9.4,9.4c0,1.7,0.4,3.3,1.3,4.7l-1.3,4.9l5-1.3c1.4,0.8,2.9,1.2,4.5,1.2 l0,0l0,0c5.2,0,9.4-4.2,9.4-9.4C19.5,7.4,18.5,5,16.7,3.3 M10.1,17.7L10.1,17.7c-1.4,0-2.8-0.4-4-1.1l-0.3-0.2l-3,0.8l0.8-2.9 l-0.2-0.3c-0.8-1.2-1.2-2.7-1.2-4.2c0-4.3,3.5-7.8,7.8-7.8c2.1,0,4.1,0.8,5.5,2.3c1.5,1.5,2.3,3.4,2.3,5.5 C17.9,14.2,14.4,17.7,10.1,17.7 M14.4,11.9c-0.2-0.1-1.4-0.7-1.6-0.8c-0.2-0.1-0.4-0.1-0.5,0.1c-0.2,0.2-0.6,0.8-0.8,0.9 c-0.1,0.2-0.3,0.2-0.5,0.1c-0.2-0.1-1-0.4-1.9-1.2c-0.7-0.6-1.2-1.4-1.3-1.6c-0.1-0.2,0-0.4,0.1-0.5C8,8.8,8.1,8.7,8.2,8.5 c0.1-0.1,0.2-0.2,0.2-0.4c0.1-0.2,0-0.3,0-0.4C8.4,7.6,7.9,6.5,7.7,6C7.5,5.5,7.3,5.6,7.2,5.6c-0.1,0-0.3,0-0.4,0 c-0.2,0-0.4,0.1-0.6,0.3c-0.2,0.2-0.8,0.8-0.8,2c0,1.2,0.8,2.3,1,2.4c0.1,0.2,1.7,2.5,4,3.5c0.6,0.2,1,0.4,1.3,0.5 c0.6,0.2,1.1,0.2,1.5,0.1c0.5-0.1,1.4-0.6,1.6-1.1c0.2-0.5,0.2-1,0.1-1.1C14.8,12.1,14.6,12,14.4,11.9"/></svg>', + "warning": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="14" r="1"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><path d="M10.97,7.72 C10.85,9.54 10.56,11.29 10.56,11.29 C10.51,11.87 10.27,12 9.99,12 C9.69,12 9.49,11.87 9.43,11.29 C9.43,11.29 9.16,9.54 9.03,7.72 C8.96,6.54 9.03,6 9.03,6 C9.03,5.45 9.46,5.02 9.99,5 C10.53,5.01 10.97,5.44 10.97,6 C10.97,6 11.04,6.54 10.97,7.72 L10.97,7.72 Z"/></svg>', + "vimeo": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M2.065,7.59C1.84,7.367,1.654,7.082,1.468,6.838c-0.332-0.42-0.137-0.411,0.274-0.772c1.026-0.91,2.004-1.896,3.127-2.688 c1.017-0.713,2.365-1.173,3.286-0.039c0.849,1.045,0.869,2.629,1.084,3.891c0.215,1.309,0.421,2.648,0.88,3.901 c0.127,0.352,0.37,1.018,0.81,1.074c0.567,0.078,1.145-0.917,1.408-1.289c0.684-0.987,1.611-2.317,1.494-3.587 c-0.115-1.349-1.572-1.095-2.482-0.773c0.146-1.514,1.555-3.216,2.912-3.792c1.439-0.597,3.579-0.587,4.302,1.036 c0.772,1.759,0.078,3.802-0.763,5.396c-0.918,1.731-2.1,3.333-3.363,4.829c-1.114,1.329-2.432,2.787-4.093,3.422 c-1.897,0.723-3.021-0.686-3.667-2.318c-0.705-1.777-1.056-3.771-1.565-5.621C4.898,8.726,4.644,7.836,4.136,7.191 C3.473,6.358,2.72,7.141,2.065,7.59C1.977,7.502,2.115,7.551,2.065,7.59L2.065,7.59z"/></svg>', + "video-camera": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="19.5 5.9 19.5 14.1 14.5 10.4 14.5 15.5 .5 15.5 .5 4.5 14.5 4.5 14.5 9.6 19.5 5.9"/></svg>', + "users": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"/><path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"/></svg>', + "user": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.9" cy="6.4" r="4.4"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2"/></svg>', + "upload": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"/><rect x="3" y="17" width="13" height="1"/><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"/></svg>', + "unlock": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="8.5" width="13" height="10"/><path fill="none" stroke="#000" d="M6.5,8.5 L6.5,4.9 C6.5,3 8.1,1.5 10,1.5 C11.9,1.5 13.5,3 13.5,4.9"/></svg>', + "uikit": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="14.4,3.1 11.3,5.1 15,7.3 15,12.9 10,15.7 5,12.9 5,8.5 2,6.8 2,14.8 9.9,19.5 18,14.8 18,5.3"/><polygon points="9.8,4.2 6.7,2.4 9.8,0.4 12.9,2.3"/></svg>', + "twitter": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M19,4.74 C18.339,5.029 17.626,5.229 16.881,5.32 C17.644,4.86 18.227,4.139 18.503,3.28 C17.79,3.7 17.001,4.009 16.159,4.17 C15.485,3.45 14.526,3 13.464,3 C11.423,3 9.771,4.66 9.771,6.7 C9.771,6.99 9.804,7.269 9.868,7.539 C6.795,7.38 4.076,5.919 2.254,3.679 C1.936,4.219 1.754,4.86 1.754,5.539 C1.754,6.82 2.405,7.95 3.397,8.61 C2.79,8.589 2.22,8.429 1.723,8.149 L1.723,8.189 C1.723,9.978 2.997,11.478 4.686,11.82 C4.376,11.899 4.049,11.939 3.713,11.939 C3.475,11.939 3.245,11.919 3.018,11.88 C3.49,13.349 4.852,14.419 6.469,14.449 C5.205,15.429 3.612,16.019 1.882,16.019 C1.583,16.019 1.29,16.009 1,15.969 C2.635,17.019 4.576,17.629 6.662,17.629 C13.454,17.629 17.17,12 17.17,7.129 C17.17,6.969 17.166,6.809 17.157,6.649 C17.879,6.129 18.504,5.478 19,4.74"/></svg>', + "twitch": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M5.23,1,2,4.23V15.85H5.88v3.23L9.1,15.85h2.59L17.5,10V1Zm11,8.4L13.62,12H11L8.78,14.24V12H5.88V2.29H16.21Z"/><rect x="12.98" y="4.55" width="1.29" height="3.88"/><rect x="9.43" y="4.55" width="1.29" height="3.88"/></svg>', + "tv": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="7" y="16" width="6" height="1"/><rect fill="none" stroke="#000" x=".5" y="3.5" width="19" height="11"/></svg>', + "tumblr": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M6.885,8.598c0,0,0,3.393,0,4.996c0,0.282,0,0.66,0.094,0.942c0.377,1.509,1.131,2.545,2.545,3.11 c1.319,0.472,2.356,0.472,3.676,0c0.565-0.188,1.132-0.659,1.132-0.659l-0.849-2.263c0,0-1.036,0.378-1.603,0.283 c-0.565-0.094-1.226-0.66-1.226-1.508c0-1.603,0-4.902,0-4.902h2.828V5.771h-2.828V2H8.205c0,0-0.094,0.66-0.188,0.942 C7.828,3.791,7.262,4.733,6.603,5.394C5.848,6.147,5,6.43,5,6.43v2.168H6.885z"/></svg>', + "tripadvisor": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M19.021,7.866C19.256,6.862,20,5.854,20,5.854h-3.346C14.781,4.641,12.504,4,9.98,4C7.363,4,4.999,4.651,3.135,5.876H0 c0,0,0.738,0.987,0.976,1.988c-0.611,0.837-0.973,1.852-0.973,2.964c0,2.763,2.249,5.009,5.011,5.009 c1.576,0,2.976-0.737,3.901-1.879l1.063,1.599l1.075-1.615c0.475,0.611,1.1,1.111,1.838,1.451c1.213,0.547,2.574,0.612,3.825,0.15 c2.589-0.963,3.913-3.852,2.964-6.439c-0.175-0.463-0.4-0.876-0.675-1.238H19.021z M16.38,14.594 c-1.002,0.371-2.088,0.328-3.06-0.119c-0.688-0.317-1.252-0.817-1.657-1.438c-0.164-0.25-0.313-0.52-0.417-0.811 c-0.124-0.328-0.186-0.668-0.217-1.014c-0.063-0.689,0.037-1.396,0.339-2.043c0.448-0.971,1.251-1.71,2.25-2.079 c2.075-0.765,4.375,0.3,5.14,2.366c0.762,2.066-0.301,4.37-2.363,5.134L16.38,14.594L16.38,14.594z M8.322,13.066 c-0.72,1.059-1.935,1.76-3.309,1.76c-2.207,0-4.001-1.797-4.001-3.996c0-2.203,1.795-4.002,4.001-4.002 c2.204,0,3.999,1.8,3.999,4.002c0,0.137-0.024,0.261-0.04,0.396c-0.067,0.678-0.284,1.313-0.648,1.853v-0.013H8.322z M2.472,10.775 c0,1.367,1.112,2.479,2.476,2.479c1.363,0,2.472-1.11,2.472-2.479c0-1.359-1.11-2.468-2.472-2.468 C3.584,8.306,2.473,9.416,2.472,10.775L2.472,10.775z M12.514,10.775c0,1.367,1.104,2.479,2.471,2.479 c1.363,0,2.474-1.108,2.474-2.479c0-1.359-1.11-2.468-2.474-2.468c-1.364,0-2.477,1.109-2.477,2.468H12.514z M3.324,10.775 c0-0.893,0.726-1.618,1.614-1.618c0.889,0,1.625,0.727,1.625,1.618c0,0.898-0.725,1.627-1.625,1.627 c-0.901,0-1.625-0.729-1.625-1.627H3.324z M13.354,10.775c0-0.893,0.726-1.618,1.627-1.618c0.886,0,1.61,0.727,1.61,1.618 c0,0.898-0.726,1.627-1.626,1.627s-1.625-0.729-1.625-1.627H13.354z M9.977,4.875c1.798,0,3.425,0.324,4.849,0.968 c-0.535,0.015-1.061,0.108-1.586,0.3c-1.264,0.463-2.264,1.388-2.815,2.604c-0.262,0.551-0.398,1.133-0.448,1.72 C9.79,7.905,7.677,5.873,5.076,5.82C6.501,5.208,8.153,4.875,9.94,4.875H9.977z"/></svg>', + "triangle-up": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="5 13 10 8 15 13"/></svg>', + "triangle-right": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="8 5 13 10 8 15"/></svg>', + "triangle-left": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="12 5 7 10 12 15"/></svg>', + "triangle-down": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="5 7 15 7 10 12"/></svg>', + "trash": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"/><polyline fill="none" stroke="#000" points="4.5 4 4.5 18.5 15.5 18.5 15.5 4"/><rect x="8" y="7" width="1" height="9"/><rect x="11" y="7" width="1" height="9"/><rect x="2" y="3" width="16" height="1"/></svg>', + "tiktok": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.24,6V8.82a6.79,6.79,0,0,1-4-1.28v5.81A5.26,5.26,0,1,1,8,8.1a4.36,4.36,0,0,1,.72.05v2.9A2.57,2.57,0,0,0,7.64,11a2.4,2.4,0,1,0,2.77,2.38V2h2.86a4,4,0,0,0,1.84,3.38A4,4,0,0,0,17.24,6Z"/></svg>', + "thumbnails": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="3.5" width="5" height="5"/><rect fill="none" stroke="#000" x="11.5" y="3.5" width="5" height="5"/><rect fill="none" stroke="#000" x="11.5" y="11.5" width="5" height="5"/><rect fill="none" stroke="#000" x="3.5" y="11.5" width="5" height="5"/></svg>', + "threads": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m14.47,9.29c-.08-.04-.16-.08-.25-.11-.14-2.66-1.6-4.18-4.04-4.2-.01,0-.02,0-.03,0-1.46,0-2.67.62-3.42,1.76l1.34.92c.56-.85,1.43-1.03,2.08-1.03,0,0,.01,0,.02,0,.8,0,1.41.24,1.8.69.29.33.48.79.57,1.37-.71-.12-1.48-.16-2.31-.11-2.32.13-3.81,1.49-3.71,3.37.05.95.53,1.77,1.34,2.31.69.45,1.57.67,2.49.62,1.21-.07,2.16-.53,2.83-1.38.5-.64.82-1.48.96-2.52.58.35,1.01.81,1.24,1.36.4.94.43,2.48-.83,3.74-1.1,1.1-2.43,1.58-4.43,1.59-2.22-.02-3.9-.73-4.99-2.12-1.02-1.3-1.55-3.18-1.57-5.58.02-2.4.55-4.28,1.57-5.58,1.09-1.39,2.77-2.1,4.99-2.12,2.24.02,3.95.73,5.08,2.13.56.68.98,1.54,1.25,2.55l1.57-.42c-.33-1.23-.86-2.3-1.58-3.18-1.45-1.79-3.58-2.7-6.32-2.72h-.01c-2.73.02-4.84.94-6.25,2.73-1.26,1.6-1.9,3.82-1.93,6.61h0s0,.01,0,.01c.02,2.79.67,5.01,1.93,6.61,1.41,1.8,3.51,2.71,6.25,2.73h.01c2.43-.02,4.14-.65,5.55-2.06,1.85-1.84,1.79-4.16,1.18-5.58-.44-1.02-1.27-1.84-2.41-2.39Zm-4.2,3.95c-1.02.06-2.07-.4-2.12-1.38-.04-.72.52-1.53,2.19-1.63.19-.01.38-.02.56-.02.61,0,1.17.06,1.69.17-.19,2.41-1.32,2.8-2.32,2.85Z"/></svg>', + "telegram": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m10,1.09C5.08,1.09,1.09,5.08,1.09,10s3.99,8.91,8.91,8.91,8.91-3.99,8.91-8.91S14.92,1.09,10,1.09Zm4.25,5.8c-.03.36-.23,1.62-.44,2.99-.31,1.93-.64,4.04-.64,4.04,0,0-.05.59-.49.7s-1.16-.36-1.29-.46c-.1-.08-1.93-1.24-2.6-1.8-.18-.15-.39-.46.03-.82.93-.85,2.04-1.91,2.7-2.58.31-.31.62-1.03-.67-.15-1.83,1.26-3.63,2.45-3.63,2.45,0,0-.41.26-1.19.03-.77-.23-1.67-.54-1.67-.54,0,0-.62-.39.44-.8h0s4.46-1.83,6-2.47c.59-.26,2.6-1.08,2.6-1.08,0,0,.93-.36.85.52Z"/></svg>', + "tag": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M17.5,3.71 L17.5,7.72 C17.5,7.96 17.4,8.2 17.21,8.39 L8.39,17.2 C7.99,17.6 7.33,17.6 6.93,17.2 L2.8,13.07 C2.4,12.67 2.4,12.01 2.8,11.61 L11.61,2.8 C11.81,2.6 12.08,2.5 12.34,2.5 L16.19,2.5 C16.52,2.5 16.86,2.63 17.11,2.88 C17.35,3.11 17.48,3.4 17.5,3.71 L17.5,3.71 Z"/><circle cx="14" cy="6" r="1"/></svg>', + "tablet": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M5,18.5 C4.2,18.5 3.5,17.8 3.5,17 L3.5,3 C3.5,2.2 4.2,1.5 5,1.5 L16,1.5 C16.8,1.5 17.5,2.2 17.5,3 L17.5,17 C17.5,17.8 16.8,18.5 16,18.5 L5,18.5 L5,18.5 L5,18.5 Z"/><circle cx="10.5" cy="16.3" r=".8"/></svg>', + "tablet-landscape": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M1.5,5 C1.5,4.2 2.2,3.5 3,3.5 L17,3.5 C17.8,3.5 18.5,4.2 18.5,5 L18.5,16 C18.5,16.8 17.8,17.5 17,17.5 L3,17.5 C2.2,17.5 1.5,16.8 1.5,16 L1.5,5 L1.5,5 L1.5,5 Z"/><circle cx="3.7" cy="10.5" r=".8"/></svg>', + "table": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="1" y="3" width="18" height="1"/><rect x="1" y="7" width="18" height="1"/><rect x="1" y="11" width="18" height="1"/><rect x="1" y="15" width="18" height="1"/></svg>', + "strikethrough": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M6,13.02 L6.65,13.02 C7.64,15.16 8.86,16.12 10.41,16.12 C12.22,16.12 12.92,14.93 12.92,13.89 C12.92,12.55 11.99,12.03 9.74,11.23 C8.05,10.64 6.23,10.11 6.23,7.83 C6.23,5.5 8.09,4.09 10.4,4.09 C11.44,4.09 12.13,4.31 12.72,4.54 L13.33,4 L13.81,4 L13.81,7.59 L13.16,7.59 C12.55,5.88 11.52,4.89 10.07,4.89 C8.84,4.89 7.89,5.69 7.89,7.03 C7.89,8.29 8.89,8.78 10.88,9.45 C12.57,10.03 14.38,10.6 14.38,12.91 C14.38,14.75 13.27,16.93 10.18,16.93 C9.18,16.93 8.17,16.69 7.46,16.39 L6.52,17 L6,17 L6,13.02 L6,13.02 Z"/><rect x="3" y="10" width="15" height="1"/></svg>', + "star": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" stroke-width="1.01" points="10 2 12.63 7.27 18.5 8.12 14.25 12.22 15.25 18 10 15.27 4.75 18 5.75 12.22 1.5 8.12 7.37 7.27"/></svg>', + "soundcloud": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.2,9.4c-0.4,0-0.8,0.1-1.101,0.2c-0.199-2.5-2.399-4.5-5-4.5c-0.6,0-1.2,0.1-1.7,0.3C9.2,5.5,9.1,5.6,9.1,5.6V15h8 c1.601,0,2.801-1.2,2.801-2.8C20,10.7,18.7,9.4,17.2,9.4L17.2,9.4z"/><rect x="6" y="6.5" width="1.5" height="8.5"/><rect x="3" y="8" width="1.5" height="7"/><rect y="10" width="1.5" height="5"/></svg>', + "social": '<svg width="20" height="20" viewBox="0 0 20 20"><line fill="none" stroke="#000" stroke-width="1.1" x1="13.4" y1="14" x2="6.3" y2="10.7"/><line fill="none" stroke="#000" stroke-width="1.1" x1="13.5" y1="5.5" x2="6.5" y2="8.8"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="4.6" r="2.3"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="14.8" r="2.3"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="4.5" cy="9.8" r="2.3"/></svg>', + "signal": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m7.86,1.34l.2.81c-.79.19-1.54.51-2.24.93l-.43-.71c.77-.46,1.6-.81,2.47-1.02Zm4.28,0l-.2.81c.79.19,1.54.51,2.24.93l.43-.72c-.77-.46-1.6-.81-2.47-1.02h0ZM2.37,5.39c-.46.77-.81,1.6-1.02,2.47l.81.2c.19-.79.51-1.54.93-2.24l-.71-.43Zm-.45,4.61c0-.41.03-.81.09-1.21l-.83-.13c-.13.89-.13,1.79,0,2.67l.83-.13c-.06-.4-.09-.81-.09-1.21h0Zm12.69,7.63l-.43-.72c-.7.42-1.45.73-2.24.93l.2.81c.87-.21,1.7-.56,2.46-1.02h0Zm3.47-7.63c0,.41-.03.81-.09,1.21l.83.13c.13-.89.13-1.79,0-2.67l-.83.13c.06.4.09.81.09,1.21Zm.58,2.14l-.81-.2c-.19.79-.51,1.54-.93,2.24l.72.43c.46-.77.81-1.6,1.02-2.47h0Zm-7.44,5.85c-.8.12-1.62.12-2.42,0l-.13.83c.89.13,1.79.13,2.67,0l-.13-.83Zm5.29-3.2c-.48.65-1.06,1.23-1.71,1.71l.5.67c.72-.53,1.36-1.16,1.89-1.88l-.67-.5Zm-1.71-11.29c.65.48,1.23,1.06,1.71,1.71l.67-.5c-.53-.72-1.17-1.35-1.88-1.88l-.5.67Zm-11.29,1.71c.48-.65,1.06-1.23,1.71-1.71l-.5-.67c-.72.53-1.35,1.17-1.88,1.88l.67.5Zm14.14.18l-.72.43c.42.7.73,1.45.93,2.24l.81-.2c-.21-.87-.56-1.7-1.02-2.46h0Zm-8.84-3.38c.8-.12,1.62-.12,2.42,0l.13-.83c-.89-.13-1.79-.13-2.67,0l.13.83Zm-4.86,15.38l-1.73.4.4-1.73-.81-.19-.4,1.73c-.07.28.02.58.22.78s.5.29.78.22l1.73-.39-.19-.82Zm-1.96-2.26l.81.19.28-1.2c-.41-.68-.71-1.42-.9-2.19l-.81.2c.18.74.46,1.45.82,2.12l-.2.88Zm3.9,1.81l-1.19.28.19.81.88-.2c.67.36,1.38.64,2.12.82l.2-.81c-.77-.19-1.51-.5-2.19-.9h0ZM10,2.75c-2.63,0-5.06,1.43-6.34,3.74s-1.19,5.12.21,7.36l-.7,2.97,2.97-.7c2.61,1.64,5.96,1.46,8.37-.46s3.34-5.15,2.32-8.06c-1.02-2.91-3.77-4.85-6.85-4.85Z"/></svg>', + "sign-out": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="13.1 13.4 12.5 12.8 15.28 10 8 10 8 9 15.28 9 12.5 6.2 13.1 5.62 17 9.5"/><polygon points="13 2 3 2 3 17 13 17 13 16 4 16 4 3 13 3"/></svg>', + "sign-in": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="7 2 17 2 17 17 7 17 7 16 16 16 16 3 7 3"/><polygon points="9.1 13.4 8.5 12.8 11.28 10 4 10 4 9 11.28 9 8.5 6.2 9.1 5.62 13 9.5"/></svg>', + "shrink": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="11 4 12 4 12 8 16 8 16 9 11 9"/><polygon points="4 11 9 11 9 16 8 16 8 12 4 12"/><path fill="none" stroke="#000" stroke-width="1.1" d="M12,8 L18,2"/><path fill="none" stroke="#000" stroke-width="1.1" d="M2,18 L8,12"/></svg>', + "settings": '<svg width="20" height="20" viewBox="0 0 20 20"><ellipse fill="none" stroke="#000" cx="6.11" cy="3.55" rx="2.11" ry="2.15"/><ellipse fill="none" stroke="#000" cx="6.11" cy="15.55" rx="2.11" ry="2.15"/><circle fill="none" stroke="#000" cx="13.15" cy="9.55" r="2.15"/><rect x="1" y="3" width="3" height="1"/><rect x="10" y="3" width="8" height="1"/><rect x="1" y="9" width="8" height="1"/><rect x="15" y="9" width="3" height="1"/><rect x="1" y="15" width="3" height="1"/><rect x="10" y="15" width="8" height="1"/></svg>', + "server": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="3" y="3" width="1" height="2"/><rect x="5" y="3" width="1" height="2"/><rect x="7" y="3" width="1" height="2"/><rect x="16" y="3" width="1" height="1"/><rect x="16" y="10" width="1" height="1"/><circle fill="none" stroke="#000" cx="9.9" cy="17.4" r="1.4"/><rect x="3" y="10" width="1" height="2"/><rect x="5" y="10" width="1" height="2"/><rect x="9.5" y="14" width="1" height="2"/><rect x="3" y="17" width="6" height="1"/><rect x="11" y="17" width="6" height="1"/><rect fill="none" stroke="#000" x="1.5" y="1.5" width="17" height="5"/><rect fill="none" stroke="#000" x="1.5" y="8.5" width="17" height="5"/></svg>', + "search": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/></svg>', + "rss": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="3.12" cy="16.8" r="1.85"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"/></svg>', + "reply": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.7,13.11 C16.12,10.02 13.84,7.85 11.02,6.61 C10.57,6.41 9.75,6.13 9,5.91 L9,2 L1,9 L9,16 L9,12.13 C10.78,12.47 12.5,13.19 14.09,14.25 C17.13,16.28 18.56,18.54 18.56,18.54 C18.56,18.54 18.81,15.28 17.7,13.11 L17.7,13.11 Z M14.82,13.53 C13.17,12.4 11.01,11.4 8,10.92 L8,13.63 L2.55,9 L8,4.25 L8,6.8 C8.3,6.86 9.16,7.02 10.37,7.49 C13.3,8.65 15.54,10.96 16.65,13.08 C16.97,13.7 17.48,14.86 17.68,16 C16.87,15.05 15.73,14.15 14.82,13.53 L14.82,13.53 Z"/></svg>', + "refresh": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M17.08,11.15 C17.09,11.31 17.1,11.47 17.1,11.64 C17.1,15.53 13.94,18.69 10.05,18.69 C6.16,18.68 3,15.53 3,11.63 C3,7.74 6.16,4.58 10.05,4.58 C10.9,4.58 11.71,4.73 12.46,5"/><polyline fill="none" stroke="#000" points="9.9 2 12.79 4.89 9.79 7.9"/></svg>', + "reddit": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M19 9.05a2.56 2.56 0 0 0-2.56-2.56 2.59 2.59 0 0 0-1.88.82 10.63 10.63 0 0 0-4.14-1v-.08c.58-1.62 1.58-3.89 2.7-4.1.38-.08.77.12 1.19.57a1.15 1.15 0 0 0-.06.37 1.48 1.48 0 1 0 1.51-1.45 1.43 1.43 0 0 0-.76.19A2.29 2.29 0 0 0 12.91 1c-2.11.43-3.39 4.38-3.63 5.19 0 0 0 .11-.06.11a10.65 10.65 0 0 0-3.75 1A2.56 2.56 0 0 0 1 9.05a2.42 2.42 0 0 0 .72 1.76A5.18 5.18 0 0 0 1.24 13c0 3.66 3.92 6.64 8.73 6.64s8.74-3 8.74-6.64a5.23 5.23 0 0 0-.46-2.13A2.58 2.58 0 0 0 19 9.05zm-16.88 0a1.44 1.44 0 0 1 2.27-1.19 7.68 7.68 0 0 0-2.07 1.91 1.33 1.33 0 0 1-.2-.72zM10 18.4c-4.17 0-7.55-2.4-7.55-5.4S5.83 7.53 10 7.53 17.5 10 17.5 13s-3.38 5.4-7.5 5.4zm7.69-8.61a7.62 7.62 0 0 0-2.09-1.91 1.41 1.41 0 0 1 .84-.28 1.47 1.47 0 0 1 1.44 1.45 1.34 1.34 0 0 1-.21.72z"/><path d="M6.69 12.58a1.39 1.39 0 1 1 1.39-1.39 1.38 1.38 0 0 1-1.38 1.39z"/><path d="M14.26 11.2a1.39 1.39 0 1 1-1.39-1.39 1.39 1.39 0 0 1 1.39 1.39z"/><path d="M13.09 14.88a.54.54 0 0 1-.09.77 5.3 5.3 0 0 1-3.26 1.19 5.61 5.61 0 0 1-3.4-1.22.55.55 0 1 1 .73-.83 4.09 4.09 0 0 0 5.25 0 .56.56 0 0 1 .77.09z"/></svg>', + "receiver": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.01" d="M6.189,13.611C8.134,15.525 11.097,18.239 13.867,18.257C16.47,18.275 18.2,16.241 18.2,16.241L14.509,12.551L11.539,13.639L6.189,8.29L7.313,5.355L3.76,1.8C3.76,1.8 1.732,3.537 1.7,6.092C1.667,8.809 4.347,11.738 6.189,13.611"/></svg>', + "quote-right": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.27,7.79 C17.27,9.45 16.97,10.43 15.99,12.02 C14.98,13.64 13,15.23 11.56,15.97 L11.1,15.08 C12.34,14.2 13.14,13.51 14.02,11.82 C14.27,11.34 14.41,10.92 14.49,10.54 C14.3,10.58 14.09,10.6 13.88,10.6 C12.06,10.6 10.59,9.12 10.59,7.3 C10.59,5.48 12.06,4 13.88,4 C15.39,4 16.67,5.02 17.05,6.42 C17.19,6.82 17.27,7.27 17.27,7.79 L17.27,7.79 Z"/><path d="M8.68,7.79 C8.68,9.45 8.38,10.43 7.4,12.02 C6.39,13.64 4.41,15.23 2.97,15.97 L2.51,15.08 C3.75,14.2 4.55,13.51 5.43,11.82 C5.68,11.34 5.82,10.92 5.9,10.54 C5.71,10.58 5.5,10.6 5.29,10.6 C3.47,10.6 2,9.12 2,7.3 C2,5.48 3.47,4 5.29,4 C6.8,4 8.08,5.02 8.46,6.42 C8.6,6.82 8.68,7.27 8.68,7.79 L8.68,7.79 Z"/></svg>', + "question": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><circle cx="9.99" cy="14.24" r="1.05"/><path fill="none" stroke="#000" stroke-width="1.2" d="m7.72,7.61c0-3.04,4.55-3.06,4.55-.07,0,.95-.91,1.43-1.49,2.03-.48.49-.72.98-.78,1.65-.01.13-.02.24-.02.35"/></svg>', + "push": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="12.15,4 9.5,1.4 6.85,4 6.15,3.3 9.5,0 12.85,3.3"/><line fill="none" stroke="#000" x1="9.5" y1="10" x2="9.5" y2="1"/><polyline fill="none" stroke="#000" points="6 5.5 3.5 5.5 3.5 18.5 15.5 18.5 15.5 5.5 13 5.5"/></svg>', + "pull": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="6.85,8 9.5,10.6 12.15,8 12.85,8.7 9.5,12 6.15,8.7"/><line fill="none" stroke="#000" x1="9.5" y1="11" x2="9.5" y2="2"/><polyline fill="none" stroke="#000" points="6,5.5 3.5,5.5 3.5,18.5 15.5,18.5 15.5,5.5 13,5.5"/></svg>', + "print": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="4.5 13.5 1.5 13.5 1.5 6.5 18.5 6.5 18.5 13.5 15.5 13.5"/><polyline fill="none" stroke="#000" points="15.5 6.5 15.5 2.5 4.5 2.5 4.5 6.5"/><rect fill="none" stroke="#000" width="11" height="6" x="4.5" y="11.5"/><rect width="8" height="1" x="6" y="13"/><rect width="8" height="1" x="6" y="15"/></svg>', + "plus": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="9" y="1" width="1" height="17"/><rect x="1" y="9" width="17" height="1"/></svg>', + "plus-circle": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.5" cy="9.5" r="9"/><line fill="none" stroke="#000" x1="9.5" y1="5" x2="9.5" y2="14"/><line fill="none" stroke="#000" x1="5" y1="9.5" x2="14" y2="9.5"/></svg>', + "play": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="6.5,5 14.5,10 6.5,15"/></svg>', + "play-circle": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" stroke-width="1.1" points="8.5 7 13.5 10 8.5 13"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/></svg>', + "pinterest": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10.21,1 C5.5,1 3,4.16 3,7.61 C3,9.21 3.85,11.2 5.22,11.84 C5.43,11.94 5.54,11.89 5.58,11.69 C5.62,11.54 5.8,10.8 5.88,10.45 C5.91,10.34 5.89,10.24 5.8,10.14 C5.36,9.59 5,8.58 5,7.65 C5,5.24 6.82,2.91 9.93,2.91 C12.61,2.91 14.49,4.74 14.49,7.35 C14.49,10.3 13,12.35 11.06,12.35 C9.99,12.35 9.19,11.47 9.44,10.38 C9.75,9.08 10.35,7.68 10.35,6.75 C10.35,5.91 9.9,5.21 8.97,5.21 C7.87,5.21 6.99,6.34 6.99,7.86 C6.99,8.83 7.32,9.48 7.32,9.48 C7.32,9.48 6.24,14.06 6.04,14.91 C5.7,16.35 6.08,18.7 6.12,18.9 C6.14,19.01 6.26,19.05 6.33,18.95 C6.44,18.81 7.74,16.85 8.11,15.44 C8.24,14.93 8.79,12.84 8.79,12.84 C9.15,13.52 10.19,14.09 11.29,14.09 C14.58,14.09 16.96,11.06 16.96,7.3 C16.94,3.7 14,1 10.21,1"/></svg>', + "phone": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M15.5,17 C15.5,17.8 14.8,18.5 14,18.5 L7,18.5 C6.2,18.5 5.5,17.8 5.5,17 L5.5,3 C5.5,2.2 6.2,1.5 7,1.5 L14,1.5 C14.8,1.5 15.5,2.2 15.5,3 L15.5,17 L15.5,17 L15.5,17 Z"/><circle cx="10.5" cy="16.5" r=".8"/></svg>', + "phone-landscape": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M17,5.5 C17.8,5.5 18.5,6.2 18.5,7 L18.5,14 C18.5,14.8 17.8,15.5 17,15.5 L3,15.5 C2.2,15.5 1.5,14.8 1.5,14 L1.5,7 C1.5,6.2 2.2,5.5 3,5.5 L17,5.5 L17,5.5 L17,5.5 Z"/><circle cx="3.8" cy="10.5" r=".8"/></svg>', + "pencil": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M17.25,6.01 L7.12,16.1 L3.82,17.2 L5.02,13.9 L15.12,3.88 C15.71,3.29 16.66,3.29 17.25,3.88 C17.83,4.47 17.83,5.42 17.25,6.01 L17.25,6.01 Z"/><path fill="none" stroke="#000" d="M15.98,7.268 L13.851,5.148"/></svg>', + "paint-bucket": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="m6.42,2.16l5.28,5.28"/><path d="m18.49,11.83s1.51,2.06,1.51,3.36c0,.92-.76,1.64-1.51,1.64h0c-.75,0-1.49-.72-1.49-1.64,0-1.3,1.49-3.36,1.49-3.36h0Z"/><line fill="none" stroke="#000" x1="1.26" y1="10.5" x2="16" y2="10.5"/><polygon fill="none" stroke="#000" stroke-width="1.1" points="10.2 1.55 17.6 8.93 8.08 18.45 .7 11.07 10.2 1.55"/></svg>', + "pagekit": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="3,1 17,1 17,16 10,16 10,13 14,13 14,4 6,4 6,16 10,16 10,19 3,19"/></svg>', + "nut": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="2.5,5.7 10,1.3 17.5,5.7 17.5,14.3 10,18.7 2.5,14.3"/><circle fill="none" stroke="#000" cx="10" cy="10" r="3.5"/></svg>', + "move": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="4,5 1,5 1,9 2,9 2,6 4,6"/><polygon points="1,16 2,16 2,18 4,18 4,19 1,19"/><polygon points="14,16 14,19 11,19 11,18 13,18 13,16"/><rect fill="none" stroke="#000" x="5.5" y="1.5" width="13" height="13"/><rect x="1" y="11" width="1" height="3"/><rect x="6" y="18" width="3" height="1"/></svg>', + "more": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="3" cy="10" r="2"/><circle cx="10" cy="10" r="2"/><circle cx="17" cy="10" r="2"/></svg>', + "more-vertical": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="3" r="2"/><circle cx="10" cy="10" r="2"/><circle cx="10" cy="17" r="2"/></svg>', + "minus": '<svg width="20" height="20" viewBox="0 0 20 20"><rect height="1" width="18" y="9" x="1"/></svg>', + "minus-circle": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.5" cy="9.5" r="9"/><line fill="none" stroke="#000" x1="5" y1="9.5" x2="14" y2="9.5"/></svg>', + "microsoft": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m2,2h7.58v7.58H2V2Zm8.42,0h7.58v7.58h-7.58V2ZM2,10.42h7.58v7.58H2v-7.58Zm8.42,0h7.58v7.58h-7.58"/></svg>', + "microphone": '<svg width="20" height="20" viewBox="0 0 20 20"><line fill="none" stroke="#000" x1="10" x2="10" y1="16.44" y2="18.5"/><line fill="none" stroke="#000" x1="7" x2="13" y1="18.5" y2="18.5"/><path fill="none" stroke="#000" stroke-width="1.1" d="M13.5 4.89v5.87a3.5 3.5 0 0 1-7 0V4.89a3.5 3.5 0 0 1 7 0z"/><path fill="none" stroke="#000" stroke-width="1.1" d="M15.5 10.36V11a5.5 5.5 0 0 1-11 0v-.6"/></svg>', + "menu": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="2" y="4" width="16" height="1"/><rect x="2" y="9" width="16" height="1"/><rect x="2" y="14" width="16" height="1"/></svg>', + "mastodon": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m18.5,6.87c0-3.95-2.59-5.11-2.59-5.11-1.31-.6-3.55-.85-5.88-.87h-.06c-2.33.02-4.57.27-5.88.87,0,0-2.59,1.16-2.59,5.11,0,.91-.02,1.99.01,3.14.09,3.87.71,7.68,4.28,8.62,1.65.44,3.06.53,4.2.47,2.07-.11,3.23-.74,3.23-.74l-.07-1.5s-1.48.47-3.14.41c-1.64-.06-3.38-.18-3.64-2.2-.02-.18-.04-.37-.04-.57,0,0,1.61.39,3.66.49,1.25.06,2.42-.07,3.61-.22,2.28-.27,4.27-1.68,4.52-2.97.39-2.02.36-4.94.36-4.94Zm-3.05,5.09h-1.9v-4.65c0-.98-.41-1.48-1.24-1.48-.91,0-1.37.59-1.37,1.76v2.54h-1.89v-2.54c0-1.17-.46-1.76-1.37-1.76-.82,0-1.24.5-1.24,1.48v4.65h-1.9v-4.79c0-.98.25-1.76.75-2.33.52-.58,1.19-.87,2.03-.87.97,0,1.71.37,2.19,1.12l.47.79.47-.79c.49-.75,1.22-1.12,2.19-1.12.84,0,1.51.29,2.03.87.5.58.75,1.35.75,2.33v4.79Z"/></svg>', + "mail": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="1.4,6.5 10,11 18.6,6.5"/><path d="M 1,4 1,16 19,16 19,4 1,4 Z M 18,15 2,15 2,5 18,5 18,15 Z"/></svg>', + "lock": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" height="10" width="13" y="8.5" x="3.5"/><path fill="none" stroke="#000" d="M6.5,8 L6.5,4.88 C6.5,3.01 8.07,1.5 10,1.5 C11.93,1.5 13.5,3.01 13.5,4.88 L13.5,8"/></svg>', + "location": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.01" d="M10,0.5 C6.41,0.5 3.5,3.39 3.5,6.98 C3.5,11.83 10,19 10,19 C10,19 16.5,11.83 16.5,6.98 C16.5,3.39 13.59,0.5 10,0.5 L10,0.5 Z"/><circle fill="none" stroke="#000" cx="10" cy="6.8" r="2.3"/></svg>', + "list": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="6" y="4" width="12" height="1"/><rect x="6" y="9" width="12" height="1"/><rect x="6" y="14" width="12" height="1"/><rect x="2" y="4" width="2" height="1"/><rect x="2" y="9" width="2" height="1"/><rect x="2" y="14" width="2" height="1"/></svg>', + "linkedin": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M5.77,17.89 L5.77,7.17 L2.21,7.17 L2.21,17.89 L5.77,17.89 L5.77,17.89 Z M3.99,5.71 C5.23,5.71 6.01,4.89 6.01,3.86 C5.99,2.8 5.24,2 4.02,2 C2.8,2 2,2.8 2,3.85 C2,4.88 2.77,5.7 3.97,5.7 L3.99,5.7 L3.99,5.71 L3.99,5.71 Z"/><path d="M7.75,17.89 L11.31,17.89 L11.31,11.9 C11.31,11.58 11.33,11.26 11.43,11.03 C11.69,10.39 12.27,9.73 13.26,9.73 C14.55,9.73 15.06,10.71 15.06,12.15 L15.06,17.89 L18.62,17.89 L18.62,11.74 C18.62,8.45 16.86,6.92 14.52,6.92 C12.6,6.92 11.75,7.99 11.28,8.73 L11.3,8.73 L11.3,7.17 L7.75,7.17 C7.79,8.17 7.75,17.89 7.75,17.89 L7.75,17.89 L7.75,17.89 Z"/></svg>', + "link": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"/><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"/><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"/></svg>', + "link-external": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="14.5 10.5 14.5 16.5 3.5 16.5 3.5 5.5 8.5 5.5"/><polyline fill="none" stroke="#000" points="17.5 8.5 17.5 2.5 11.5 2.5"/><line fill="none" stroke="#000" x1="6.5" y1="13.5" x2="17.5" y2="2.5"/></svg>', + "lifesaver": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="10" cy="10" r="9"/><circle fill="none" stroke="#000" cx="10" cy="10" r="5"/><line fill="none" stroke="#000" stroke-width="1.1" x1="5.17" y1="2.39" x2="8.11" y2="5.33"/><line fill="none" stroke="#000" stroke-width="1.1" x1="5.33" y1="8.11" x2="2.39" y2="5.17"/><line fill="none" stroke="#000" stroke-width="1.1" x1="14.83" y1="17.61" x2="11.89" y2="14.67"/><line fill="none" stroke="#000" stroke-width="1.1" x1="14.67" y1="11.89" x2="17.61" y2="14.83"/><line fill="none" stroke="#000" stroke-width="1.1" x1="17.61" y1="5.17" x2="14.67" y2="8.11"/><line fill="none" stroke="#000" stroke-width="1.1" x1="11.89" y1="5.33" x2="14.83" y2="2.39"/><line fill="none" stroke="#000" stroke-width="1.1" x1="8.11" y1="14.67" x2="5.17" y2="17.61"/><line fill="none" stroke="#000" stroke-width="1.1" x1="2.39" y1="14.83" x2="5.33" y2="11.89"/></svg>', + "laptop": '<svg width="20" height="20" viewBox="0 0 20 20"><rect y="16" width="20" height="1"/><rect fill="none" stroke="#000" x="2.5" y="4.5" width="15" height="10"/></svg>', + "joomla": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M7.8,13.4l1.7-1.7L5.9,8c-0.6-0.5-0.6-1.5,0-2c0.6-0.6,1.4-0.6,2,0l1.7-1.7c-1-1-2.3-1.3-3.6-1C5.8,2.2,4.8,1.4,3.7,1.4 c-1.3,0-2.3,1-2.3,2.3c0,1.1,0.8,2,1.8,2.3c-0.4,1.3-0.1,2.8,1,3.8L7.8,13.4L7.8,13.4z"/><path d="M10.2,4.3c1-1,2.5-1.4,3.8-1c0.2-1.1,1.1-2,2.3-2c1.3,0,2.3,1,2.3,2.3c0,1.2-0.9,2.2-2,2.3c0.4,1.3,0,2.8-1,3.8L13.9,8 c0.6-0.5,0.6-1.5,0-2c-0.5-0.6-1.5-0.6-2,0L8.2,9.7L6.5,8"/><path d="M14.1,16.8c-1.3,0.4-2.8,0.1-3.8-1l1.7-1.7c0.6,0.6,1.5,0.6,2,0c0.5-0.6,0.6-1.5,0-2l-3.7-3.7L12,6.7l3.7,3.7 c1,1,1.3,2.4,1,3.6c1.1,0.2,2,1.1,2,2.3c0,1.3-1,2.3-2.3,2.3C15.2,18.6,14.3,17.8,14.1,16.8"/><path d="M13.2,12.2l-3.7,3.7c-1,1-2.4,1.3-3.6,1c-0.2,1-1.2,1.8-2.2,1.8c-1.3,0-2.3-1-2.3-2.3c0-1.1,0.8-2,1.8-2.3 c-0.3-1.3,0-2.7,1-3.7l1.7,1.7c-0.6,0.6-0.6,1.5,0,2c0.6,0.6,1.4,0.6,2,0l3.7-3.7"/></svg>', + "italic": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M12.63,5.48 L10.15,14.52 C10,15.08 10.37,15.25 11.92,15.3 L11.72,16 L6,16 L6.2,15.31 C7.78,15.26 8.19,15.09 8.34,14.53 L10.82,5.49 C10.97,4.92 10.63,4.76 9.09,4.71 L9.28,4 L15,4 L14.81,4.69 C13.23,4.75 12.78,4.91 12.63,5.48 L12.63,5.48 Z"/></svg>', + "instagram": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M13.55,1H6.46C3.45,1,1,3.44,1,6.44v7.12c0,3,2.45,5.44,5.46,5.44h7.08c3.02,0,5.46-2.44,5.46-5.44V6.44 C19.01,3.44,16.56,1,13.55,1z M17.5,14c0,1.93-1.57,3.5-3.5,3.5H6c-1.93,0-3.5-1.57-3.5-3.5V6c0-1.93,1.57-3.5,3.5-3.5h8 c1.93,0,3.5,1.57,3.5,3.5V14z"/><circle cx="14.87" cy="5.26" r="1.09"/><path d="M10.03,5.45c-2.55,0-4.63,2.06-4.63,4.6c0,2.55,2.07,4.61,4.63,4.61c2.56,0,4.63-2.061,4.63-4.61 C14.65,7.51,12.58,5.45,10.03,5.45L10.03,5.45L10.03,5.45z M10.08,13c-1.66,0-3-1.34-3-2.99c0-1.65,1.34-2.99,3-2.99s3,1.34,3,2.99 C13.08,11.66,11.74,13,10.08,13L10.08,13L10.08,13z"/></svg>', + "info": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M12.13,11.59 C11.97,12.84 10.35,14.12 9.1,14.16 C6.17,14.2 9.89,9.46 8.74,8.37 C9.3,8.16 10.62,7.83 10.62,8.81 C10.62,9.63 10.12,10.55 9.88,11.32 C8.66,15.16 12.13,11.15 12.14,11.18 C12.16,11.21 12.16,11.35 12.13,11.59 C12.08,11.95 12.16,11.35 12.13,11.59 L12.13,11.59 Z M11.56,5.67 C11.56,6.67 9.36,7.15 9.36,6.03 C9.36,5 11.56,4.54 11.56,5.67 L11.56,5.67 Z"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/></svg>', + "image": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="16.1" cy="6.1" r="1.1"/><rect fill="none" stroke="#000" x=".5" y="2.5" width="19" height="15"/><polyline fill="none" stroke="#000" stroke-width="1.01" points="4,13 8,9 13,14"/><polyline fill="none" stroke="#000" stroke-width="1.01" points="11,12 12.5,10.5 16,14"/></svg>', + "home": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="18.65 11.35 10 2.71 1.35 11.35 0.65 10.65 10 1.29 19.35 10.65"/><polygon points="15 4 18 4 18 7 17 7 17 5 15 5"/><polygon points="3 11 4 11 4 18 7 18 7 12 12 12 12 18 16 18 16 11 17 11 17 19 11 19 11 13 8 13 8 19 3 19"/></svg>', + "history": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="#000" points="1 2 2 2 2 6 6 6 6 7 1 7 1 2"/><path fill="none" stroke="#000" stroke-width="1.1" d="M2.1,6.548 C3.391,3.29 6.746,1 10.5,1 C15.5,1 19.5,5 19.5,10 C19.5,15 15.5,19 10.5,19 C5.5,19 1.5,15 1.5,10"/><rect x="9" y="4" width="1" height="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M13.018,14.197 L9.445,10.625"/></svg>', + "heart": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.03" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"/></svg>', + "hashtag": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M15.431,8 L15.661,7 L12.911,7 L13.831,3 L12.901,3 L11.98,7 L9.29,7 L10.21,3 L9.281,3 L8.361,7 L5.23,7 L5,8 L8.13,8 L7.21,12 L4.23,12 L4,13 L6.98,13 L6.061,17 L6.991,17 L7.911,13 L10.601,13 L9.681,17 L10.611,17 L11.531,13 L14.431,13 L14.661,12 L11.76,12 L12.681,8 L15.431,8 Z M10.831,12 L8.141,12 L9.061,8 L11.75,8 L10.831,12 Z"/></svg>', + "happy": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="13" cy="7" r="1"/><circle cx="7" cy="7" r="1"/><circle fill="none" stroke="#000" cx="10" cy="10" r="8.5"/><path fill="none" stroke="#000" d="M14.6,11.4 C13.9,13.3 12.1,14.5 10,14.5 C7.9,14.5 6.1,13.3 5.4,11.4"/></svg>', + "grid": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="2" y="2" width="3" height="3"/><rect x="8" y="2" width="3" height="3"/><rect x="14" y="2" width="3" height="3"/><rect x="2" y="8" width="3" height="3"/><rect x="8" y="8" width="3" height="3"/><rect x="14" y="8" width="3" height="3"/><rect x="2" y="14" width="3" height="3"/><rect x="8" y="14" width="3" height="3"/><rect x="14" y="14" width="3" height="3"/></svg>', + "google": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.86,9.09 C18.46,12.12 17.14,16.05 13.81,17.56 C9.45,19.53 4.13,17.68 2.47,12.87 C0.68,7.68 4.22,2.42 9.5,2.03 C11.57,1.88 13.42,2.37 15.05,3.65 C15.22,3.78 15.37,3.93 15.61,4.14 C14.9,4.81 14.23,5.45 13.5,6.14 C12.27,5.08 10.84,4.72 9.28,4.98 C8.12,5.17 7.16,5.76 6.37,6.63 C4.88,8.27 4.62,10.86 5.76,12.82 C6.95,14.87 9.17,15.8 11.57,15.25 C13.27,14.87 14.76,13.33 14.89,11.75 L10.51,11.75 L10.51,9.09 L17.86,9.09 L17.86,9.09 Z"/></svg>', + "gitter": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="3.5" y="1" width="1.531" height="11.471"/><rect x="7.324" y="4.059" width="1.529" height="15.294"/><rect x="11.148" y="4.059" width="1.527" height="15.294"/><rect x="14.971" y="4.059" width="1.529" height="8.412"/></svg>', + "github": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10,1 C5.03,1 1,5.03 1,10 C1,13.98 3.58,17.35 7.16,18.54 C7.61,18.62 7.77,18.34 7.77,18.11 C7.77,17.9 7.76,17.33 7.76,16.58 C5.26,17.12 4.73,15.37 4.73,15.37 C4.32,14.33 3.73,14.05 3.73,14.05 C2.91,13.5 3.79,13.5 3.79,13.5 C4.69,13.56 5.17,14.43 5.17,14.43 C5.97,15.8 7.28,15.41 7.79,15.18 C7.87,14.6 8.1,14.2 8.36,13.98 C6.36,13.75 4.26,12.98 4.26,9.53 C4.26,8.55 4.61,7.74 5.19,7.11 C5.1,6.88 4.79,5.97 5.28,4.73 C5.28,4.73 6.04,4.49 7.75,5.65 C8.47,5.45 9.24,5.35 10,5.35 C10.76,5.35 11.53,5.45 12.25,5.65 C13.97,4.48 14.72,4.73 14.72,4.73 C15.21,5.97 14.9,6.88 14.81,7.11 C15.39,7.74 15.73,8.54 15.73,9.53 C15.73,12.99 13.63,13.75 11.62,13.97 C11.94,14.25 12.23,14.8 12.23,15.64 C12.23,16.84 12.22,17.81 12.22,18.11 C12.22,18.35 12.38,18.63 12.84,18.54 C16.42,17.35 19,13.98 19,10 C19,5.03 14.97,1 10,1 L10,1 Z"/></svg>', + "github-alt": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10,0.5 C4.75,0.5 0.5,4.76 0.5,10.01 C0.5,15.26 4.75,19.51 10,19.51 C15.24,19.51 19.5,15.26 19.5,10.01 C19.5,4.76 15.25,0.5 10,0.5 L10,0.5 Z M12.81,17.69 C12.81,17.69 12.81,17.7 12.79,17.69 C12.47,17.75 12.35,17.59 12.35,17.36 L12.35,16.17 C12.35,15.45 12.09,14.92 11.58,14.56 C12.2,14.51 12.77,14.39 13.26,14.21 C13.87,13.98 14.36,13.69 14.74,13.29 C15.42,12.59 15.76,11.55 15.76,10.17 C15.76,9.25 15.45,8.46 14.83,7.8 C15.1,7.08 15.07,6.29 14.75,5.44 L14.51,5.42 C14.34,5.4 14.06,5.46 13.67,5.61 C13.25,5.78 12.79,6.03 12.31,6.35 C11.55,6.16 10.81,6.05 10.09,6.05 C9.36,6.05 8.61,6.15 7.88,6.35 C7.28,5.96 6.75,5.68 6.26,5.54 C6.07,5.47 5.9,5.44 5.78,5.44 L5.42,5.44 C5.06,6.29 5.04,7.08 5.32,7.8 C4.7,8.46 4.4,9.25 4.4,10.17 C4.4,11.94 4.96,13.16 6.08,13.84 C6.53,14.13 7.05,14.32 7.69,14.43 C8.03,14.5 8.32,14.54 8.55,14.55 C8.07,14.89 7.82,15.42 7.82,16.16 L7.82,17.51 C7.8,17.69 7.7,17.8 7.51,17.8 C4.21,16.74 1.82,13.65 1.82,10.01 C1.82,5.5 5.49,1.83 10,1.83 C14.5,1.83 18.17,5.5 18.17,10.01 C18.18,13.53 15.94,16.54 12.81,17.69 L12.81,17.69 Z"/></svg>', + "git-fork": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="6" cy="3" r="1.79"/><circle fill="none" stroke="#000" cx="14" cy="3" r="1.79"/><circle fill="none" stroke="#000" cx="10" cy="17" r="1.79"/><path fill="none" stroke="#000" d="m6,4.78v1.99c0,2.63,4,3.66,4,6.75,0,1.55.01,1.24.01,1.24,0-.18,0,.31,0-1.24,0-3.09,3.99-4.12,3.99-6.75v-1.99"/></svg>', + "git-branch": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="m13.5,8c0,2.41-1.57,2.87-3.44,3.25-1.47.29-3.56.81-3.56,3.75V5"/><circle fill="none" stroke="#000" cx="6.5" cy="3" r="1.79"/><circle fill="none" stroke="#000" cx="13.5" cy="6" r="1.79"/><circle fill="none" stroke="#000" cx="6.5" cy="17" r="1.79"/></svg>', + "future": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline points="19 2 18 2 18 6 14 6 14 7 19 7 19 2"/><path fill="none" stroke="#000" stroke-width="1.1" d="M18,6.548 C16.709,3.29 13.354,1 9.6,1 C4.6,1 0.6,5 0.6,10 C0.6,15 4.6,19 9.6,19 C14.6,19 18.6,15 18.6,10"/><rect x="9" y="4" width="1" height="7"/><path d="M13.018,14.197 L9.445,10.625" fill="none" stroke="#000" stroke-width="1.1"/></svg>', + "foursquare": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M15.23,2 C15.96,2 16.4,2.41 16.5,2.86 C16.57,3.15 16.56,3.44 16.51,3.73 C16.46,4.04 14.86,11.72 14.75,12.03 C14.56,12.56 14.16,12.82 13.61,12.83 C13.03,12.84 11.09,12.51 10.69,13 C10.38,13.38 7.79,16.39 6.81,17.53 C6.61,17.76 6.4,17.96 6.08,17.99 C5.68,18.04 5.29,17.87 5.17,17.45 C5.12,17.28 5.1,17.09 5.1,16.91 C5.1,12.4 4.86,7.81 5.11,3.31 C5.17,2.5 5.81,2.12 6.53,2 L15.23,2 L15.23,2 Z M9.76,11.42 C9.94,11.19 10.17,11.1 10.45,11.1 L12.86,11.1 C13.12,11.1 13.31,10.94 13.36,10.69 C13.37,10.64 13.62,9.41 13.74,8.83 C13.81,8.52 13.53,8.28 13.27,8.28 C12.35,8.29 11.42,8.28 10.5,8.28 C9.84,8.28 9.83,7.69 9.82,7.21 C9.8,6.85 10.13,6.55 10.5,6.55 C11.59,6.56 12.67,6.55 13.76,6.55 C14.03,6.55 14.23,6.4 14.28,6.14 C14.34,5.87 14.67,4.29 14.67,4.29 C14.67,4.29 14.82,3.74 14.19,3.74 L7.34,3.74 C7,3.75 6.84,4.02 6.84,4.33 C6.84,7.58 6.85,14.95 6.85,14.99 C6.87,15 8.89,12.51 9.76,11.42 L9.76,11.42 Z"/></svg>', + "forward": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M2.47,13.11 C4.02,10.02 6.27,7.85 9.04,6.61 C9.48,6.41 10.27,6.13 11,5.91 L11,2 L18.89,9 L11,16 L11,12.13 C9.25,12.47 7.58,13.19 6.02,14.25 C3.03,16.28 1.63,18.54 1.63,18.54 C1.63,18.54 1.38,15.28 2.47,13.11 L2.47,13.11 Z M5.3,13.53 C6.92,12.4 9.04,11.4 12,10.92 L12,13.63 L17.36,9 L12,4.25 L12,6.8 C11.71,6.86 10.86,7.02 9.67,7.49 C6.79,8.65 4.58,10.96 3.49,13.08 C3.18,13.7 2.68,14.87 2.49,16 C3.28,15.05 4.4,14.15 5.3,13.53 L5.3,13.53 Z"/></svg>', + "folder": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="9.5 5.5 8.5 3.5 1.5 3.5 1.5 16.5 18.5 16.5 18.5 5.5"/></svg>', + "flickr": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="5.5" cy="9.5" r="3.5"/><circle cx="14.5" cy="9.5" r="3.5"/></svg>', + "file": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="1.5" width="13" height="17"/></svg>', + "file-text": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" width="13" height="17" x="3.5" y="1.5"/><line fill="none" stroke="#000" x1="6" x2="12" y1="12.5" y2="12.5"/><line fill="none" stroke="#000" x1="6" x2="14" y1="8.5" y2="8.5"/><line fill="none" stroke="#000" x1="6" x2="14" y1="6.5" y2="6.5"/><line fill="none" stroke="#000" x1="6" x2="14" y1="10.5" y2="10.5"/></svg>', + "file-pdf": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" width="13" height="17" x="3.5" y="1.5"/><path d="M14.65 11.67c-.48.3-1.37-.19-1.79-.37a4.65 4.65 0 0 1 1.49.06c.35.1.36.28.3.31zm-6.3.06l.43-.79a14.7 14.7 0 0 0 .75-1.64 5.48 5.48 0 0 0 1.25 1.55l.2.15a16.36 16.36 0 0 0-2.63.73zM9.5 5.32c.2 0 .32.5.32.97a1.99 1.99 0 0 1-.23 1.04 5.05 5.05 0 0 1-.17-1.3s0-.71.08-.71zm-3.9 9a4.35 4.35 0 0 1 1.21-1.46l.24-.22a4.35 4.35 0 0 1-1.46 1.68zm9.23-3.3a2.05 2.05 0 0 0-1.32-.3 11.07 11.07 0 0 0-1.58.11 4.09 4.09 0 0 1-.74-.5 5.39 5.39 0 0 1-1.32-2.06 10.37 10.37 0 0 0 .28-2.62 1.83 1.83 0 0 0-.07-.25.57.57 0 0 0-.52-.4H9.4a.59.59 0 0 0-.6.38 6.95 6.95 0 0 0 .37 3.14c-.26.63-1 2.12-1 2.12-.3.58-.57 1.08-.82 1.5l-.8.44A3.11 3.11 0 0 0 5 14.16a.39.39 0 0 0 .15.42l.24.13c1.15.56 2.28-1.74 2.66-2.42a23.1 23.1 0 0 1 3.59-.85 4.56 4.56 0 0 0 2.91.8.5.5 0 0 0 .3-.21 1.1 1.1 0 0 0 .12-.75.84.84 0 0 0-.14-.25z"/></svg>', + "file-edit": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M18.65,1.68 C18.41,1.45 18.109,1.33 17.81,1.33 C17.499,1.33 17.209,1.45 16.98,1.68 L8.92,9.76 L8,12.33 L10.55,11.41 L18.651,3.34 C19.12,2.87 19.12,2.15 18.65,1.68 L18.65,1.68 L18.65,1.68 Z"/><polyline fill="none" stroke="#000" points="16.5 8.482 16.5 18.5 3.5 18.5 3.5 1.5 14.211 1.5"/></svg>', + "facebook": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z"/></svg>', + "eye": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="10" cy="10" r="3.45"/><path fill="none" stroke="#000" d="m19.5,10c-2.4,3.66-5.26,7-9.5,7h0,0,0c-4.24,0-7.1-3.34-9.49-7C2.89,6.34,5.75,3,9.99,3h0,0,0c4.25,0,7.11,3.34,9.5,7Z"/></svg>', + "eye-slash": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="m7.56,7.56c.62-.62,1.49-1.01,2.44-1.01,1.91,0,3.45,1.54,3.45,3.45,0,.95-.39,1.82-1.01,2.44"/><path fill="none" stroke="#000" d="m19.5,10c-2.4,3.66-5.26,7-9.5,7h0,0,0c-4.24,0-7.1-3.34-9.49-7C2.89,6.34,5.75,3,9.99,3h0,0,0c4.25,0,7.11,3.34,9.5,7Z"/><line fill="none" stroke="#000" x1="2.5" y1="2.5" x2="17.5" y2="17.5"/></svg>', + "expand": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="13 2 18 2 18 7 17 7 17 3 13 3"/><polygon points="2 13 3 13 3 17 7 17 7 18 2 18"/><path fill="none" stroke="#000" stroke-width="1.1" d="M11,9 L17,3"/><path fill="none" stroke="#000" stroke-width="1.1" d="M3,17 L9,11"/></svg>', + "etsy": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M8,4.26C8,4.07,8,4,8.31,4h4.46c.79,0,1.22.67,1.53,1.91l.25,1h.76c.14-2.82.26-4,.26-4S13.65,3,12.52,3H6.81L3.75,2.92v.84l1,.2c.73.11.9.27,1,1,0,0,.06,2,.06,5.17s-.06,5.14-.06,5.14c0,.59-.23.81-1,.94l-1,.2v.84l3.06-.1h5.11c1.15,0,3.82.1,3.82.1,0-.7.45-3.88.51-4.22h-.73l-.76,1.69a2.25,2.25,0,0,1-2.45,1.47H9.4c-1,0-1.44-.4-1.44-1.24V10.44s2.16,0,2.86.06c.55,0,.85.19,1.06,1l.23,1H13L12.9,9.94,13,7.41h-.85l-.28,1.13c-.16.74-.28.84-1,1-1,.1-2.89.09-2.89.09Z"/></svg>', + "dribbble": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.4" d="M1.3,8.9c0,0,5,0.1,8.6-1c1.4-0.4,2.6-0.9,4-1.9 c1.4-1.1,2.5-2.5,2.5-2.5"/><path fill="none" stroke="#000" stroke-width="1.4" d="M3.9,16.6c0,0,1.7-2.8,3.5-4.2 c1.8-1.3,4-2,5.7-2.2C16,10,19,10.6,19,10.6"/><path fill="none" stroke="#000" stroke-width="1.4" d="M6.9,1.6c0,0,3.3,4.6,4.2,6.8 c0.4,0.9,1.3,3.1,1.9,5.2c0.6,2,0.9,4.4,0.9,4.4"/><circle fill="none" stroke="#000" stroke-width="1.4" cx="10" cy="10" r="9"/></svg>', + "download": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"/><rect x="3" y="17" width="13" height="1"/><line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"/></svg>', + "discord": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M16.074,4.361a14.243,14.243,0,0,0-3.61-1.134,10.61,10.61,0,0,0-.463.96,13.219,13.219,0,0,0-4,0,10.138,10.138,0,0,0-.468-.96A14.206,14.206,0,0,0,3.919,4.364,15.146,15.146,0,0,0,1.324,14.5a14.435,14.435,0,0,0,4.428,2.269A10.982,10.982,0,0,0,6.7,15.21a9.294,9.294,0,0,1-1.494-.727c.125-.093.248-.19.366-.289a10.212,10.212,0,0,0,8.854,0c.119.1.242.2.366.289a9.274,9.274,0,0,1-1.5.728,10.8,10.8,0,0,0,.948,1.562,14.419,14.419,0,0,0,4.431-2.27A15.128,15.128,0,0,0,16.074,4.361Zm-8.981,8.1a1.7,1.7,0,0,1-1.573-1.79A1.689,1.689,0,0,1,7.093,8.881a1.679,1.679,0,0,1,1.573,1.791A1.687,1.687,0,0,1,7.093,12.462Zm5.814,0a1.7,1.7,0,0,1-1.573-1.79,1.689,1.689,0,0,1,1.573-1.791,1.679,1.679,0,0,1,1.573,1.791A1.688,1.688,0,0,1,12.907,12.462Z"/></svg>', + "desktop": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="8" y="15" width="1" height="2"/><rect x="11" y="15" width="1" height="2"/><rect x="5" y="16" width="10" height="1"/><rect fill="none" stroke="#000" x="1.5" y="3.5" width="17" height="11"/></svg>', + "database": '<svg width="20" height="20" viewBox="0 0 20 20"><ellipse fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"/><path fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"/><path fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"/><path fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"/></svg>', + "crosshairs": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="10" cy="10" r="7.5"/><line fill="none" stroke="#000" x1="10" x2="10" y2="8"/><line fill="none" stroke="#000" x1="10" y1="12" x2="10" y2="20"/><line fill="none" stroke="#000" y1="10" x2="8" y2="10"/><line fill="none" stroke="#000" x1="12" y1="10" x2="20" y2="10"/></svg>', + "credit-card": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="1.5" y="4.5" width="17" height="12"/><rect x="1" y="7" width="18" height="3"/></svg>', + "copy": '<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"/><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"/></svg>', + "comments": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="2 0.5 19.5 0.5 19.5 13"/><path d="M5,19.71 L5,15 L0,15 L0,2 L18,2 L18,15 L9.71,15 L5,19.71 L5,19.71 L5,19.71 Z M1,14 L6,14 L6,17.29 L9.29,14 L17,14 L17,3 L1,3 L1,14 L1,14 L1,14 Z"/></svg>', + "commenting": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="1.5,1.5 18.5,1.5 18.5,13.5 10.5,13.5 6.5,17.5 6.5,13.5 1.5,13.5"/><circle cx="10" cy="8" r="1"/><circle cx="6" cy="8" r="1"/><circle cx="14" cy="8" r="1"/></svg>', + "comment": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M6,18.71 L6,14 L1,14 L1,1 L19,1 L19,14 L10.71,14 L6,18.71 L6,18.71 Z M2,13 L7,13 L7,16.29 L10.29,13 L18,13 L18,2 L2,2 L2,13 L2,13 Z"/></svg>', + "cog": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"/><path fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"/></svg>', + "code": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"/><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"/></svg>', + "cloud-upload": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M6.5,14.61 L3.75,14.61 C1.96,14.61 0.5,13.17 0.5,11.39 C0.5,9.76 1.72,8.41 3.31,8.2 C3.38,5.31 5.75,3 8.68,3 C11.19,3 13.31,4.71 13.89,7.02 C14.39,6.8 14.93,6.68 15.5,6.68 C17.71,6.68 19.5,8.45 19.5,10.64 C19.5,12.83 17.71,14.6 15.5,14.6 L12.5,14.6"/><polyline fill="none" stroke="#000" points="7.25 11.75 9.5 9.5 11.75 11.75"/><path fill="none" stroke="#000" d="M9.5,18 L9.5,9.5"/></svg>', + "cloud-download": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M6.5,14.61 L3.75,14.61 C1.96,14.61 0.5,13.17 0.5,11.39 C0.5,9.76 1.72,8.41 3.3,8.2 C3.38,5.31 5.75,3 8.68,3 C11.19,3 13.31,4.71 13.89,7.02 C14.39,6.8 14.93,6.68 15.5,6.68 C17.71,6.68 19.5,8.45 19.5,10.64 C19.5,12.83 17.71,14.6 15.5,14.6 L12.5,14.6"/><polyline fill="none" stroke="#000" points="11.75 16 9.5 18.25 7.25 16"/><path fill="none" stroke="#000" d="M9.5,18 L9.5,9.5"/></svg>', + "close": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"/><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"/></svg>', + "clock": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><rect x="9" y="4" width="1" height="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M13.018,14.197 L9.445,10.625"/></svg>', + "chevron-up": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13"/></svg>', + "chevron-right": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"/></svg>', + "chevron-left": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"/></svg>', + "chevron-down": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"/></svg>', + "chevron-double-right": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="10 6 14 10 10 14"/><polyline fill="none" stroke="#000" stroke-width="1.03" points="6 6 10 10 6 14"/></svg>', + "chevron-double-left": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="10 14 6 10 10 6"/><polyline fill="none" stroke="#000" stroke-width="1.03" points="14 14 10 10 14 6"/></svg>', + "check": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"/></svg>', + "cart": '<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="7.3" cy="17.3" r="1.4"/><circle cx="13.3" cy="17.3" r="1.4"/><polyline fill="none" stroke="#000" points="0 2 3.2 4 5.3 12.5 16 12.5 18 6.5 8 6.5"/></svg>', + "camera": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10.8" r="3.8"/><path fill="none" stroke="#000" d="M1,4.5 C0.7,4.5 0.5,4.7 0.5,5 L0.5,17 C0.5,17.3 0.7,17.5 1,17.5 L19,17.5 C19.3,17.5 19.5,17.3 19.5,17 L19.5,5 C19.5,4.7 19.3,4.5 19,4.5 L13.5,4.5 L13.5,2.9 C13.5,2.6 13.3,2.5 13,2.5 L7,2.5 C6.7,2.5 6.5,2.6 6.5,2.9 L6.5,4.5 L1,4.5 L1,4.5 Z"/></svg>', + "calendar": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M 2,3 2,17 18,17 18,3 2,3 Z M 17,16 3,16 3,8 17,8 17,16 Z M 17,7 3,7 3,4 17,4 17,7 Z"/><rect width="1" height="3" x="6" y="2"/><rect width="1" height="3" x="13" y="2"/></svg>', + "bookmark": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="5.5 1.5 15.5 1.5 15.5 17.5 10.5 12.5 5.5 17.5"/></svg>', + "bolt": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M4.74,20 L7.73,12 L3,12 L15.43,1 L12.32,9 L17.02,9 L4.74,20 L4.74,20 L4.74,20 Z M9.18,11 L7.1,16.39 L14.47,10 L10.86,10 L12.99,4.67 L5.61,11 L9.18,11 L9.18,11 L9.18,11 Z"/></svg>', + "bold": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M5,15.3 C5.66,15.3 5.9,15 5.9,14.53 L5.9,5.5 C5.9,4.92 5.56,4.7 5,4.7 L5,4 L8.95,4 C12.6,4 13.7,5.37 13.7,6.9 C13.7,7.87 13.14,9.17 10.86,9.59 L10.86,9.7 C13.25,9.86 14.29,11.28 14.3,12.54 C14.3,14.47 12.94,16 9,16 L5,16 L5,15.3 Z M9,9.3 C11.19,9.3 11.8,8.5 11.85,7 C11.85,5.65 11.3,4.8 9,4.8 L7.67,4.8 L7.67,9.3 L9,9.3 Z M9.185,15.22 C11.97,15 12.39,14 12.4,12.58 C12.4,11.15 11.39,10 9,10 L7.67,10 L7.67,15 L9.18,15 Z"/></svg>', + "bell": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M17,15.5 L3,15.5 C2.99,14.61 3.79,13.34 4.1,12.51 C4.58,11.3 4.72,10.35 5.19,7.01 C5.54,4.53 5.89,3.2 7.28,2.16 C8.13,1.56 9.37,1.5 9.81,1.5 L9.96,1.5 C9.96,1.5 11.62,1.41 12.67,2.17 C14.08,3.2 14.42,4.54 14.77,7.02 C15.26,10.35 15.4,11.31 15.87,12.52 C16.2,13.34 17.01,14.61 17,15.5 L17,15.5 Z"/><path fill="none" stroke="#000" d="M12.39,16 C12.39,17.37 11.35,18.43 9.91,18.43 C8.48,18.43 7.42,17.37 7.42,16"/></svg>', + "behance": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M9.5,10.6c-0.4-0.5-0.9-0.9-1.6-1.1c1.7-1,2.2-3.2,0.7-4.7C7.8,4,6.3,4,5.2,4C3.5,4,1.7,4,0,4v12c1.7,0,3.4,0,5.2,0 c1,0,2.1,0,3.1-0.5C10.2,14.6,10.5,12.3,9.5,10.6L9.5,10.6z M5.6,6.1c1.8,0,1.8,2.7-0.1,2.7c-1,0-2,0-2.9,0V6.1H5.6z M2.6,13.8v-3.1 c1.1,0,2.1,0,3.2,0c2.1,0,2.1,3.2,0.1,3.2L2.6,13.8z"/><path d="M19.9,10.9C19.7,9.2,18.7,7.6,17,7c-4.2-1.3-7.3,3.4-5.3,7.1c0.9,1.7,2.8,2.3,4.7,2.1c1.7-0.2,2.9-1.3,3.4-2.9h-2.2 c-0.4,1.3-2.4,1.5-3.5,0.6c-0.4-0.4-0.6-1.1-0.6-1.7H20C20,11.7,19.9,10.9,19.9,10.9z M13.5,10.6c0-1.6,2.3-2.7,3.5-1.4 c0.4,0.4,0.5,0.9,0.6,1.4H13.5L13.5,10.6z"/><rect x="13" y="4" width="5" height="1.4"/></svg>', + "ban": '<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><line fill="none" stroke="#000" stroke-width="1.1" x1="4" y1="3.5" x2="16" y2="16.5"/></svg>', + "bag": '<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M7.5,7.5V4A2.48,2.48,0,0,1,10,1.5,2.54,2.54,0,0,1,12.5,4V7.5"/><polygon fill="none" stroke="#000" points="16.5 7.5 3.5 7.5 2.5 18.5 17.5 18.5 16.5 7.5"/></svg>', + "arrow-up": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="10.5,4 15.37,9.4 14.63,10.08 10.5,5.49 6.37,10.08 5.63,9.4"/><line fill="none" stroke="#000" x1="10.5" y1="16" x2="10.5" y2="5"/></svg>', + "arrow-up-right": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="16 10 16 4 10 4"/><line fill="none" stroke="#000" x1="4" y1="16" x2="16" y2="4"/></svg>', + "arrow-right": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14"/><line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5"/></svg>', + "arrow-left": '<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="10 14 5 9.5 10 5"/><line fill="none" stroke="#000" x1="16" y1="9.5" x2="5" y2="9.52"/></svg>', + "arrow-down": '<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="10.5,16.08 5.63,10.66 6.37,10 10.5,14.58 14.63,10 15.37,10.66"/><line fill="none" stroke="#000" x1="10.5" y1="4" x2="10.5" y2="15"/></svg>', + "apple": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m17.23,6.93c-.1.08-1.95,1.12-1.95,3.43,0,2.67,2.35,3.62,2.42,3.64-.01.06-.37,1.29-1.24,2.55-.77,1.11-1.58,2.22-2.8,2.22s-1.54-.71-2.95-.71-1.87.73-2.99.73-1.9-1.03-2.8-2.29c-1.04-1.48-1.88-3.78-1.88-5.96,0-3.5,2.28-5.36,4.51-5.36,1.19,0,2.18.78,2.93.78s1.82-.83,3.17-.83c.51,0,2.36.05,3.57,1.79h0Zm-4.21-3.27c.56-.66.96-1.59.96-2.51,0-.13-.01-.26-.03-.36-.91.03-1.99.61-2.65,1.36-.51.58-.99,1.5-.99,2.44,0,.14.02.28.03.33.06.01.15.02.24.02.82,0,1.85-.55,2.44-1.28h0Z"/></svg>', + "android": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m14.88,6.77l1.66-2.87c.09-.16.04-.37-.12-.46-.16-.09-.37-.04-.46.12l-1.68,2.91c-1.28-.59-2.73-.91-4.28-.91s-3,.33-4.28.91l-1.68-2.91c-.09-.16-.3-.22-.46-.12-.16.09-.22.3-.12.46l1.66,2.87C2.26,8.32.32,11.22,0,14.61h20c-.32-3.39-2.26-6.29-5.12-7.84h0Zm-9.47,5.03c-.46,0-.84-.38-.84-.84s.38-.84.84-.84.84.38.84.84c0,.46-.37.84-.84.84Zm9.18,0c-.46,0-.84-.38-.84-.84s.38-.84.84-.84.84.38.84.84c0,.46-.37.84-.84.84Z"/></svg>', + "android-robot": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="m17.61,7.96v4.64c-.06,1.48-2.17,1.48-2.23,0v-4.64c.06-1.48,2.17-1.48,2.23,0Z"/><path d="m4.62,7.96v4.64c-.06,1.48-2.17,1.48-2.23,0v-4.64c.06-1.48,2.17-1.48,2.23,0Z"/><path d="m12.78,2.85c-.11-.07-.23-.13-.34-.19.13-.23.65-1.17.79-1.42.07-.12-.05-.27-.18-.23-.04.01-.07.04-.09.08l-.79,1.43c-1.32-.6-2.98-.6-4.3,0-.13-.23-.65-1.18-.79-1.43-.04-.07-.14-.1-.21-.06-.08.04-.1.14-.06.21,0,0,.79,1.42.79,1.42-1.49.77-2.53,2.28-2.53,3.99-.02,0,9.93,0,9.93,0,.01-1.55-.87-2.98-2.19-3.8Zm-5.07,1.98c-.23,0-.41-.19-.41-.41.01-.27.21-.41.41-.41s.4.14.42.41c0,.22-.18.42-.41.41Zm4.58,0c-.23,0-.42-.19-.41-.41.01-.28.21-.41.41-.41s.4.14.41.41c0,.23-.19.41-.41.41Z"/><path d="m14.97,7.03v7.2c0,.66-.54,1.2-1.2,1.2h-.8v2.46c-.06,1.48-2.16,1.48-2.23,0,0,0,0-2.46,0-2.46h-1.48v2.46c0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11v-2.46h-.8c-.66,0-1.2-.54-1.2-1.2,0,0,0-7.2,0-7.2h9.93Z"/></svg>', + "album": '<svg width="20" height="20" viewBox="0 0 20 20"><rect x="5" y="2" width="10" height="1"/><rect x="3" y="4" width="14" height="1"/><rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"/></svg>', + "500px": '<svg width="20" height="20" viewBox="0 0 20 20"><path d="M9.624,11.866c-0.141,0.132,0.479,0.658,0.662,0.418c0.051-0.046,0.607-0.61,0.662-0.664c0,0,0.738,0.719,0.814,0.719 c0.1,0,0.207-0.055,0.322-0.17c0.27-0.269,0.135-0.416,0.066-0.495l-0.631-0.616l0.658-0.668c0.146-0.156,0.021-0.314-0.1-0.449 c-0.182-0.18-0.359-0.226-0.471-0.125l-0.656,0.654l-0.654-0.654c-0.033-0.034-0.08-0.045-0.124-0.045 c-0.079,0-0.191,0.068-0.307,0.181c-0.202,0.202-0.247,0.351-0.133,0.462l0.665,0.665L9.624,11.866z"/><path d="M11.066,2.884c-1.061,0-2.185,0.248-3.011,0.604c-0.087,0.034-0.141,0.106-0.15,0.205C7.893,3.784,7.919,3.909,7.982,4.066 c0.05,0.136,0.187,0.474,0.452,0.372c0.844-0.326,1.779-0.507,2.633-0.507c0.963,0,1.9,0.191,2.781,0.564 c0.695,0.292,1.357,0.719,2.078,1.34c0.051,0.044,0.105,0.068,0.164,0.068c0.143,0,0.273-0.137,0.389-0.271 c0.191-0.214,0.324-0.395,0.135-0.575c-0.686-0.654-1.436-1.138-2.363-1.533C13.24,3.097,12.168,2.884,11.066,2.884z"/><path d="M16.43,15.747c-0.092-0.028-0.242,0.05-0.309,0.119l0,0c-0.652,0.652-1.42,1.169-2.268,1.521 c-0.877,0.371-1.814,0.551-2.779,0.551c-0.961,0-1.896-0.189-2.775-0.564c-0.848-0.36-1.612-0.879-2.268-1.53 c-0.682-0.688-1.196-1.455-1.529-2.268c-0.325-0.799-0.471-1.643-0.471-1.643c-0.045-0.24-0.258-0.249-0.567-0.203 c-0.128,0.021-0.519,0.079-0.483,0.36v0.01c0.105,0.644,0.289,1.284,0.545,1.895c0.417,0.969,1.002,1.849,1.756,2.604 c0.757,0.754,1.636,1.34,2.604,1.757C8.901,18.785,9.97,19,11.088,19c1.104,0,2.186-0.215,3.188-0.645 c1.838-0.896,2.604-1.757,2.604-1.757c0.182-0.204,0.227-0.317-0.1-0.643C16.779,15.956,16.525,15.774,16.43,15.747z"/><path d="M5.633,13.287c0.293,0.71,0.723,1.341,1.262,1.882c0.54,0.54,1.172,0.971,1.882,1.264c0.731,0.303,1.509,0.461,2.298,0.461 c0.801,0,1.578-0.158,2.297-0.461c0.711-0.293,1.344-0.724,1.883-1.264c0.543-0.541,0.971-1.172,1.264-1.882 c0.314-0.721,0.463-1.5,0.463-2.298c0-0.79-0.148-1.569-0.463-2.289c-0.293-0.699-0.721-1.329-1.264-1.881 c-0.539-0.541-1.172-0.959-1.867-1.263c-0.721-0.303-1.5-0.461-2.299-0.461c-0.802,0-1.613,0.159-2.322,0.461 c-0.577,0.25-1.544,0.867-2.119,1.454v0.012V2.108h8.16C15.1,2.104,15.1,1.69,15.1,1.552C15.1,1.417,15.1,1,14.809,1H5.915 C5.676,1,5.527,1.192,5.527,1.384v6.84c0,0.214,0.273,0.372,0.529,0.428c0.5,0.105,0.614-0.056,0.737-0.224l0,0 c0.18-0.273,0.776-0.884,0.787-0.894c0.901-0.905,2.117-1.408,3.416-1.408c1.285,0,2.5,0.501,3.412,1.408 c0.914,0.914,1.408,2.122,1.408,3.405c0,1.288-0.508,2.496-1.408,3.405c-0.9,0.896-2.152,1.406-3.438,1.406 c-0.877,0-1.711-0.229-2.433-0.671v-4.158c0-0.553,0.237-1.151,0.643-1.614c0.462-0.519,1.094-0.799,1.782-0.799 c0.664,0,1.293,0.253,1.758,0.715c0.459,0.459,0.709,1.071,0.709,1.723c0,1.385-1.094,2.468-2.488,2.468 c-0.273,0-0.769-0.121-0.781-0.125c-0.281-0.087-0.405,0.306-0.438,0.436c-0.159,0.496,0.079,0.585,0.123,0.607 c0.452,0.137,0.743,0.157,1.129,0.157c1.973,0,3.572-1.6,3.572-3.57c0-1.964-1.6-3.552-3.572-3.552c-0.97,0-1.872,0.36-2.546,1.038 c-0.656,0.631-1.027,1.487-1.027,2.322v3.438v-0.011c-0.372-0.42-0.732-1.041-0.981-1.682c-0.102-0.248-0.315-0.202-0.607-0.113 c-0.135,0.035-0.519,0.157-0.44,0.439C5.372,12.799,5.577,13.164,5.633,13.287z"/></svg>' + }); + } + if (typeof window !== "undefined" && window.UIkit) { + window.UIkit.use(plugin); + } + + return plugin; + +})); diff --git a/my_flask_app/static/uikit-3.18.0/js/uikit-icons.min.js b/my_flask_app/static/uikit-3.18.0/js/uikit-icons.min.js new file mode 100644 index 0000000..24609c9 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/js/uikit-icons.min.js @@ -0,0 +1 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */(function(t,i){typeof exports=="object"&&typeof module<"u"?module.exports=i():typeof define=="function"&&define.amd?define("uikiticons",i):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitIcons=i())})(this,function(){"use strict";function t(i){t.installed||i.icon.add({youtube:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"/></svg>',yootheme:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m16.15,5.48c-1.37,0-2.45.61-3.11,1.54-.66-.93-1.74-1.54-3.11-1.54-1.75,0-3.03,1-3.57,2.41v-2.22h-2.01v4.45c0,.85-.31,1.35-1.18,1.35s-1.18-.5-1.18-1.35v-4.45H0v4.86c0,.7.17,1.33.53,1.82.34.49.88.85,1.6,1v3.16h2.1v-3.16c1.28-.28,1.96-1.17,2.1-2.35.52,1.44,1.81,2.48,3.59,2.48,1.37,0,2.45-.61,3.11-1.54.66.93,1.74,1.54,3.11,1.54,2.37,0,3.85-1.82,3.85-4s-1.49-4-3.85-4Zm-6.22,5.99c-1.11,0-1.85-.72-1.85-1.99s.74-1.99,1.85-1.99,1.85.72,1.85,1.99-.74,1.99-1.85,1.99Zm6.22,0c-1.11,0-1.85-.72-1.85-1.99s.74-1.99,1.85-1.99,1.85.72,1.85,1.99-.74,1.99-1.85,1.99Z"/></svg>',yelp:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.175,14.971c-0.112,0.77-1.686,2.767-2.406,3.054c-0.246,0.1-0.487,0.076-0.675-0.069 c-0.122-0.096-2.446-3.859-2.446-3.859c-0.194-0.293-0.157-0.682,0.083-0.978c0.234-0.284,0.581-0.393,0.881-0.276 c0.016,0.01,4.21,1.394,4.332,1.482c0.178,0.148,0.263,0.379,0.225,0.646L17.175,14.971L17.175,14.971z M11.464,10.789 c-0.203-0.307-0.199-0.666,0.009-0.916c0,0,2.625-3.574,2.745-3.657c0.203-0.135,0.452-0.141,0.69-0.025 c0.691,0.335,2.085,2.405,2.167,3.199v0.027c0.024,0.271-0.082,0.491-0.273,0.623c-0.132,0.083-4.43,1.155-4.43,1.155 c-0.322,0.096-0.68-0.06-0.882-0.381L11.464,10.789z M9.475,9.563C9.32,9.609,8.848,9.757,8.269,8.817c0,0-3.916-6.16-4.007-6.351 c-0.057-0.212,0.011-0.455,0.202-0.65C5.047,1.211,8.21,0.327,9.037,0.529c0.27,0.069,0.457,0.238,0.522,0.479 c0.047,0.266,0.433,5.982,0.488,7.264C10.098,9.368,9.629,9.517,9.475,9.563z M9.927,19.066c-0.083,0.225-0.273,0.373-0.54,0.421 c-0.762,0.13-3.15-0.751-3.647-1.342c-0.096-0.131-0.155-0.262-0.167-0.394c-0.011-0.095,0-0.189,0.036-0.272 c0.061-0.155,2.917-3.538,2.917-3.538c0.214-0.272,0.595-0.355,0.952-0.213c0.345,0.13,0.56,0.428,0.536,0.749 C10.014,14.479,9.977,18.923,9.927,19.066z M3.495,13.912c-0.235-0.009-0.444-0.148-0.568-0.382c-0.089-0.17-0.151-0.453-0.19-0.794 C2.63,11.701,2.761,10.144,3.07,9.648c0.145-0.226,0.357-0.345,0.592-0.336c0.154,0,4.255,1.667,4.255,1.667 c0.321,0.118,0.521,0.453,0.5,0.833c-0.023,0.37-0.236,0.655-0.551,0.738L3.495,13.912z"/></svg>',xing:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M4.4,4.56 C4.24,4.56 4.11,4.61 4.05,4.72 C3.98,4.83 3.99,4.97 4.07,5.12 L5.82,8.16 L5.82,8.17 L3.06,13.04 C2.99,13.18 2.99,13.33 3.06,13.44 C3.12,13.55 3.24,13.62 3.4,13.62 L6,13.62 C6.39,13.62 6.57,13.36 6.71,13.12 C6.71,13.12 9.41,8.35 9.51,8.16 C9.49,8.14 7.72,5.04 7.72,5.04 C7.58,4.81 7.39,4.56 6.99,4.56 L4.4,4.56 L4.4,4.56 Z"/><path d="M15.3,1 C14.91,1 14.74,1.25 14.6,1.5 C14.6,1.5 9.01,11.42 8.82,11.74 C8.83,11.76 12.51,18.51 12.51,18.51 C12.64,18.74 12.84,19 13.23,19 L15.82,19 C15.98,19 16.1,18.94 16.16,18.83 C16.23,18.72 16.23,18.57 16.16,18.43 L12.5,11.74 L12.5,11.72 L18.25,1.56 C18.32,1.42 18.32,1.27 18.25,1.16 C18.21,1.06 18.08,1 17.93,1 L15.3,1 L15.3,1 Z"/></svg>',x:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m15.08,2.1h2.68l-5.89,6.71,6.88,9.1h-5.4l-4.23-5.53-4.84,5.53H1.59l6.24-7.18L1.24,2.1h5.54l3.82,5.05,4.48-5.05Zm-.94,14.23h1.48L6,3.61h-1.6l9.73,12.71h0Z"/></svg>',world:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M1,10.5 L19,10.5"/><path fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"/><path fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"/><path fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"/><circle fill="none" stroke="#000" cx="10" cy="10.5" r="9"/></svg>',wordpress:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10,0.5c-5.2,0-9.5,4.3-9.5,9.5s4.3,9.5,9.5,9.5c5.2,0,9.5-4.3,9.5-9.5S15.2,0.5,10,0.5L10,0.5L10,0.5z M15.6,3.9h-0.1 c-0.8,0-1.4,0.7-1.4,1.5c0,0.7,0.4,1.3,0.8,1.9c0.3,0.6,0.7,1.3,0.7,2.3c0,0.7-0.3,1.5-0.6,2.7L14.1,15l-3-8.9 c0.5,0,0.9-0.1,0.9-0.1C12.5,6,12.5,5.3,12,5.4c0,0-1.3,0.1-2.2,0.1C9,5.5,7.7,5.4,7.7,5.4C7.2,5.3,7.2,6,7.6,6c0,0,0.4,0.1,0.9,0.1 l1.3,3.5L8,15L5,6.1C5.5,6.1,5.9,6,5.9,6C6.4,6,6.3,5.3,5.9,5.4c0,0-1.3,0.1-2.2,0.1c-0.2,0-0.3,0-0.5,0c1.5-2.2,4-3.7,6.9-3.7 C12.2,1.7,14.1,2.6,15.6,3.9L15.6,3.9L15.6,3.9z M2.5,6.6l3.9,10.8c-2.7-1.3-4.6-4.2-4.6-7.4C1.8,8.8,2,7.6,2.5,6.6L2.5,6.6L2.5,6.6 z M10.2,10.7l2.5,6.9c0,0,0,0.1,0.1,0.1C11.9,18,11,18.2,10,18.2c-0.8,0-1.6-0.1-2.3-0.3L10.2,10.7L10.2,10.7L10.2,10.7z M14.2,17.1 l2.5-7.3c0.5-1.2,0.6-2.1,0.6-2.9c0-0.3,0-0.6-0.1-0.8c0.6,1.2,1,2.5,1,4C18.3,13,16.6,15.7,14.2,17.1L14.2,17.1L14.2,17.1z"/></svg>',whatsapp:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M16.7,3.3c-1.8-1.8-4.1-2.8-6.7-2.8c-5.2,0-9.4,4.2-9.4,9.4c0,1.7,0.4,3.3,1.3,4.7l-1.3,4.9l5-1.3c1.4,0.8,2.9,1.2,4.5,1.2 l0,0l0,0c5.2,0,9.4-4.2,9.4-9.4C19.5,7.4,18.5,5,16.7,3.3 M10.1,17.7L10.1,17.7c-1.4,0-2.8-0.4-4-1.1l-0.3-0.2l-3,0.8l0.8-2.9 l-0.2-0.3c-0.8-1.2-1.2-2.7-1.2-4.2c0-4.3,3.5-7.8,7.8-7.8c2.1,0,4.1,0.8,5.5,2.3c1.5,1.5,2.3,3.4,2.3,5.5 C17.9,14.2,14.4,17.7,10.1,17.7 M14.4,11.9c-0.2-0.1-1.4-0.7-1.6-0.8c-0.2-0.1-0.4-0.1-0.5,0.1c-0.2,0.2-0.6,0.8-0.8,0.9 c-0.1,0.2-0.3,0.2-0.5,0.1c-0.2-0.1-1-0.4-1.9-1.2c-0.7-0.6-1.2-1.4-1.3-1.6c-0.1-0.2,0-0.4,0.1-0.5C8,8.8,8.1,8.7,8.2,8.5 c0.1-0.1,0.2-0.2,0.2-0.4c0.1-0.2,0-0.3,0-0.4C8.4,7.6,7.9,6.5,7.7,6C7.5,5.5,7.3,5.6,7.2,5.6c-0.1,0-0.3,0-0.4,0 c-0.2,0-0.4,0.1-0.6,0.3c-0.2,0.2-0.8,0.8-0.8,2c0,1.2,0.8,2.3,1,2.4c0.1,0.2,1.7,2.5,4,3.5c0.6,0.2,1,0.4,1.3,0.5 c0.6,0.2,1.1,0.2,1.5,0.1c0.5-0.1,1.4-0.6,1.6-1.1c0.2-0.5,0.2-1,0.1-1.1C14.8,12.1,14.6,12,14.4,11.9"/></svg>',warning:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="14" r="1"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><path d="M10.97,7.72 C10.85,9.54 10.56,11.29 10.56,11.29 C10.51,11.87 10.27,12 9.99,12 C9.69,12 9.49,11.87 9.43,11.29 C9.43,11.29 9.16,9.54 9.03,7.72 C8.96,6.54 9.03,6 9.03,6 C9.03,5.45 9.46,5.02 9.99,5 C10.53,5.01 10.97,5.44 10.97,6 C10.97,6 11.04,6.54 10.97,7.72 L10.97,7.72 Z"/></svg>',vimeo:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M2.065,7.59C1.84,7.367,1.654,7.082,1.468,6.838c-0.332-0.42-0.137-0.411,0.274-0.772c1.026-0.91,2.004-1.896,3.127-2.688 c1.017-0.713,2.365-1.173,3.286-0.039c0.849,1.045,0.869,2.629,1.084,3.891c0.215,1.309,0.421,2.648,0.88,3.901 c0.127,0.352,0.37,1.018,0.81,1.074c0.567,0.078,1.145-0.917,1.408-1.289c0.684-0.987,1.611-2.317,1.494-3.587 c-0.115-1.349-1.572-1.095-2.482-0.773c0.146-1.514,1.555-3.216,2.912-3.792c1.439-0.597,3.579-0.587,4.302,1.036 c0.772,1.759,0.078,3.802-0.763,5.396c-0.918,1.731-2.1,3.333-3.363,4.829c-1.114,1.329-2.432,2.787-4.093,3.422 c-1.897,0.723-3.021-0.686-3.667-2.318c-0.705-1.777-1.056-3.771-1.565-5.621C4.898,8.726,4.644,7.836,4.136,7.191 C3.473,6.358,2.72,7.141,2.065,7.59C1.977,7.502,2.115,7.551,2.065,7.59L2.065,7.59z"/></svg>',"video-camera":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="19.5 5.9 19.5 14.1 14.5 10.4 14.5 15.5 .5 15.5 .5 4.5 14.5 4.5 14.5 9.6 19.5 5.9"/></svg>',users:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"/><path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"/></svg>',user:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.9" cy="6.4" r="4.4"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2"/></svg>',upload:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8"/><rect x="3" y="17" width="13" height="1"/><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"/></svg>',unlock:'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="8.5" width="13" height="10"/><path fill="none" stroke="#000" d="M6.5,8.5 L6.5,4.9 C6.5,3 8.1,1.5 10,1.5 C11.9,1.5 13.5,3 13.5,4.9"/></svg>',uikit:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="14.4,3.1 11.3,5.1 15,7.3 15,12.9 10,15.7 5,12.9 5,8.5 2,6.8 2,14.8 9.9,19.5 18,14.8 18,5.3"/><polygon points="9.8,4.2 6.7,2.4 9.8,0.4 12.9,2.3"/></svg>',twitter:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M19,4.74 C18.339,5.029 17.626,5.229 16.881,5.32 C17.644,4.86 18.227,4.139 18.503,3.28 C17.79,3.7 17.001,4.009 16.159,4.17 C15.485,3.45 14.526,3 13.464,3 C11.423,3 9.771,4.66 9.771,6.7 C9.771,6.99 9.804,7.269 9.868,7.539 C6.795,7.38 4.076,5.919 2.254,3.679 C1.936,4.219 1.754,4.86 1.754,5.539 C1.754,6.82 2.405,7.95 3.397,8.61 C2.79,8.589 2.22,8.429 1.723,8.149 L1.723,8.189 C1.723,9.978 2.997,11.478 4.686,11.82 C4.376,11.899 4.049,11.939 3.713,11.939 C3.475,11.939 3.245,11.919 3.018,11.88 C3.49,13.349 4.852,14.419 6.469,14.449 C5.205,15.429 3.612,16.019 1.882,16.019 C1.583,16.019 1.29,16.009 1,15.969 C2.635,17.019 4.576,17.629 6.662,17.629 C13.454,17.629 17.17,12 17.17,7.129 C17.17,6.969 17.166,6.809 17.157,6.649 C17.879,6.129 18.504,5.478 19,4.74"/></svg>',twitch:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M5.23,1,2,4.23V15.85H5.88v3.23L9.1,15.85h2.59L17.5,10V1Zm11,8.4L13.62,12H11L8.78,14.24V12H5.88V2.29H16.21Z"/><rect x="12.98" y="4.55" width="1.29" height="3.88"/><rect x="9.43" y="4.55" width="1.29" height="3.88"/></svg>',tv:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="7" y="16" width="6" height="1"/><rect fill="none" stroke="#000" x=".5" y="3.5" width="19" height="11"/></svg>',tumblr:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M6.885,8.598c0,0,0,3.393,0,4.996c0,0.282,0,0.66,0.094,0.942c0.377,1.509,1.131,2.545,2.545,3.11 c1.319,0.472,2.356,0.472,3.676,0c0.565-0.188,1.132-0.659,1.132-0.659l-0.849-2.263c0,0-1.036,0.378-1.603,0.283 c-0.565-0.094-1.226-0.66-1.226-1.508c0-1.603,0-4.902,0-4.902h2.828V5.771h-2.828V2H8.205c0,0-0.094,0.66-0.188,0.942 C7.828,3.791,7.262,4.733,6.603,5.394C5.848,6.147,5,6.43,5,6.43v2.168H6.885z"/></svg>',tripadvisor:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M19.021,7.866C19.256,6.862,20,5.854,20,5.854h-3.346C14.781,4.641,12.504,4,9.98,4C7.363,4,4.999,4.651,3.135,5.876H0 c0,0,0.738,0.987,0.976,1.988c-0.611,0.837-0.973,1.852-0.973,2.964c0,2.763,2.249,5.009,5.011,5.009 c1.576,0,2.976-0.737,3.901-1.879l1.063,1.599l1.075-1.615c0.475,0.611,1.1,1.111,1.838,1.451c1.213,0.547,2.574,0.612,3.825,0.15 c2.589-0.963,3.913-3.852,2.964-6.439c-0.175-0.463-0.4-0.876-0.675-1.238H19.021z M16.38,14.594 c-1.002,0.371-2.088,0.328-3.06-0.119c-0.688-0.317-1.252-0.817-1.657-1.438c-0.164-0.25-0.313-0.52-0.417-0.811 c-0.124-0.328-0.186-0.668-0.217-1.014c-0.063-0.689,0.037-1.396,0.339-2.043c0.448-0.971,1.251-1.71,2.25-2.079 c2.075-0.765,4.375,0.3,5.14,2.366c0.762,2.066-0.301,4.37-2.363,5.134L16.38,14.594L16.38,14.594z M8.322,13.066 c-0.72,1.059-1.935,1.76-3.309,1.76c-2.207,0-4.001-1.797-4.001-3.996c0-2.203,1.795-4.002,4.001-4.002 c2.204,0,3.999,1.8,3.999,4.002c0,0.137-0.024,0.261-0.04,0.396c-0.067,0.678-0.284,1.313-0.648,1.853v-0.013H8.322z M2.472,10.775 c0,1.367,1.112,2.479,2.476,2.479c1.363,0,2.472-1.11,2.472-2.479c0-1.359-1.11-2.468-2.472-2.468 C3.584,8.306,2.473,9.416,2.472,10.775L2.472,10.775z M12.514,10.775c0,1.367,1.104,2.479,2.471,2.479 c1.363,0,2.474-1.108,2.474-2.479c0-1.359-1.11-2.468-2.474-2.468c-1.364,0-2.477,1.109-2.477,2.468H12.514z M3.324,10.775 c0-0.893,0.726-1.618,1.614-1.618c0.889,0,1.625,0.727,1.625,1.618c0,0.898-0.725,1.627-1.625,1.627 c-0.901,0-1.625-0.729-1.625-1.627H3.324z M13.354,10.775c0-0.893,0.726-1.618,1.627-1.618c0.886,0,1.61,0.727,1.61,1.618 c0,0.898-0.726,1.627-1.626,1.627s-1.625-0.729-1.625-1.627H13.354z M9.977,4.875c1.798,0,3.425,0.324,4.849,0.968 c-0.535,0.015-1.061,0.108-1.586,0.3c-1.264,0.463-2.264,1.388-2.815,2.604c-0.262,0.551-0.398,1.133-0.448,1.72 C9.79,7.905,7.677,5.873,5.076,5.82C6.501,5.208,8.153,4.875,9.94,4.875H9.977z"/></svg>',"triangle-up":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="5 13 10 8 15 13"/></svg>',"triangle-right":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="8 5 13 10 8 15"/></svg>',"triangle-left":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="12 5 7 10 12 15"/></svg>',"triangle-down":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="5 7 15 7 10 12"/></svg>',trash:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"/><polyline fill="none" stroke="#000" points="4.5 4 4.5 18.5 15.5 18.5 15.5 4"/><rect x="8" y="7" width="1" height="9"/><rect x="11" y="7" width="1" height="9"/><rect x="2" y="3" width="16" height="1"/></svg>',tiktok:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.24,6V8.82a6.79,6.79,0,0,1-4-1.28v5.81A5.26,5.26,0,1,1,8,8.1a4.36,4.36,0,0,1,.72.05v2.9A2.57,2.57,0,0,0,7.64,11a2.4,2.4,0,1,0,2.77,2.38V2h2.86a4,4,0,0,0,1.84,3.38A4,4,0,0,0,17.24,6Z"/></svg>',thumbnails:'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="3.5" width="5" height="5"/><rect fill="none" stroke="#000" x="11.5" y="3.5" width="5" height="5"/><rect fill="none" stroke="#000" x="11.5" y="11.5" width="5" height="5"/><rect fill="none" stroke="#000" x="3.5" y="11.5" width="5" height="5"/></svg>',threads:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m14.47,9.29c-.08-.04-.16-.08-.25-.11-.14-2.66-1.6-4.18-4.04-4.2-.01,0-.02,0-.03,0-1.46,0-2.67.62-3.42,1.76l1.34.92c.56-.85,1.43-1.03,2.08-1.03,0,0,.01,0,.02,0,.8,0,1.41.24,1.8.69.29.33.48.79.57,1.37-.71-.12-1.48-.16-2.31-.11-2.32.13-3.81,1.49-3.71,3.37.05.95.53,1.77,1.34,2.31.69.45,1.57.67,2.49.62,1.21-.07,2.16-.53,2.83-1.38.5-.64.82-1.48.96-2.52.58.35,1.01.81,1.24,1.36.4.94.43,2.48-.83,3.74-1.1,1.1-2.43,1.58-4.43,1.59-2.22-.02-3.9-.73-4.99-2.12-1.02-1.3-1.55-3.18-1.57-5.58.02-2.4.55-4.28,1.57-5.58,1.09-1.39,2.77-2.1,4.99-2.12,2.24.02,3.95.73,5.08,2.13.56.68.98,1.54,1.25,2.55l1.57-.42c-.33-1.23-.86-2.3-1.58-3.18-1.45-1.79-3.58-2.7-6.32-2.72h-.01c-2.73.02-4.84.94-6.25,2.73-1.26,1.6-1.9,3.82-1.93,6.61h0s0,.01,0,.01c.02,2.79.67,5.01,1.93,6.61,1.41,1.8,3.51,2.71,6.25,2.73h.01c2.43-.02,4.14-.65,5.55-2.06,1.85-1.84,1.79-4.16,1.18-5.58-.44-1.02-1.27-1.84-2.41-2.39Zm-4.2,3.95c-1.02.06-2.07-.4-2.12-1.38-.04-.72.52-1.53,2.19-1.63.19-.01.38-.02.56-.02.61,0,1.17.06,1.69.17-.19,2.41-1.32,2.8-2.32,2.85Z"/></svg>',telegram:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m10,1.09C5.08,1.09,1.09,5.08,1.09,10s3.99,8.91,8.91,8.91,8.91-3.99,8.91-8.91S14.92,1.09,10,1.09Zm4.25,5.8c-.03.36-.23,1.62-.44,2.99-.31,1.93-.64,4.04-.64,4.04,0,0-.05.59-.49.7s-1.16-.36-1.29-.46c-.1-.08-1.93-1.24-2.6-1.8-.18-.15-.39-.46.03-.82.93-.85,2.04-1.91,2.7-2.58.31-.31.62-1.03-.67-.15-1.83,1.26-3.63,2.45-3.63,2.45,0,0-.41.26-1.19.03-.77-.23-1.67-.54-1.67-.54,0,0-.62-.39.44-.8h0s4.46-1.83,6-2.47c.59-.26,2.6-1.08,2.6-1.08,0,0,.93-.36.85.52Z"/></svg>',tag:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M17.5,3.71 L17.5,7.72 C17.5,7.96 17.4,8.2 17.21,8.39 L8.39,17.2 C7.99,17.6 7.33,17.6 6.93,17.2 L2.8,13.07 C2.4,12.67 2.4,12.01 2.8,11.61 L11.61,2.8 C11.81,2.6 12.08,2.5 12.34,2.5 L16.19,2.5 C16.52,2.5 16.86,2.63 17.11,2.88 C17.35,3.11 17.48,3.4 17.5,3.71 L17.5,3.71 Z"/><circle cx="14" cy="6" r="1"/></svg>',tablet:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M5,18.5 C4.2,18.5 3.5,17.8 3.5,17 L3.5,3 C3.5,2.2 4.2,1.5 5,1.5 L16,1.5 C16.8,1.5 17.5,2.2 17.5,3 L17.5,17 C17.5,17.8 16.8,18.5 16,18.5 L5,18.5 L5,18.5 L5,18.5 Z"/><circle cx="10.5" cy="16.3" r=".8"/></svg>',"tablet-landscape":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M1.5,5 C1.5,4.2 2.2,3.5 3,3.5 L17,3.5 C17.8,3.5 18.5,4.2 18.5,5 L18.5,16 C18.5,16.8 17.8,17.5 17,17.5 L3,17.5 C2.2,17.5 1.5,16.8 1.5,16 L1.5,5 L1.5,5 L1.5,5 Z"/><circle cx="3.7" cy="10.5" r=".8"/></svg>',table:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="1" y="3" width="18" height="1"/><rect x="1" y="7" width="18" height="1"/><rect x="1" y="11" width="18" height="1"/><rect x="1" y="15" width="18" height="1"/></svg>',strikethrough:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M6,13.02 L6.65,13.02 C7.64,15.16 8.86,16.12 10.41,16.12 C12.22,16.12 12.92,14.93 12.92,13.89 C12.92,12.55 11.99,12.03 9.74,11.23 C8.05,10.64 6.23,10.11 6.23,7.83 C6.23,5.5 8.09,4.09 10.4,4.09 C11.44,4.09 12.13,4.31 12.72,4.54 L13.33,4 L13.81,4 L13.81,7.59 L13.16,7.59 C12.55,5.88 11.52,4.89 10.07,4.89 C8.84,4.89 7.89,5.69 7.89,7.03 C7.89,8.29 8.89,8.78 10.88,9.45 C12.57,10.03 14.38,10.6 14.38,12.91 C14.38,14.75 13.27,16.93 10.18,16.93 C9.18,16.93 8.17,16.69 7.46,16.39 L6.52,17 L6,17 L6,13.02 L6,13.02 Z"/><rect x="3" y="10" width="15" height="1"/></svg>',star:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" stroke-width="1.01" points="10 2 12.63 7.27 18.5 8.12 14.25 12.22 15.25 18 10 15.27 4.75 18 5.75 12.22 1.5 8.12 7.37 7.27"/></svg>',soundcloud:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.2,9.4c-0.4,0-0.8,0.1-1.101,0.2c-0.199-2.5-2.399-4.5-5-4.5c-0.6,0-1.2,0.1-1.7,0.3C9.2,5.5,9.1,5.6,9.1,5.6V15h8 c1.601,0,2.801-1.2,2.801-2.8C20,10.7,18.7,9.4,17.2,9.4L17.2,9.4z"/><rect x="6" y="6.5" width="1.5" height="8.5"/><rect x="3" y="8" width="1.5" height="7"/><rect y="10" width="1.5" height="5"/></svg>',social:'<svg width="20" height="20" viewBox="0 0 20 20"><line fill="none" stroke="#000" stroke-width="1.1" x1="13.4" y1="14" x2="6.3" y2="10.7"/><line fill="none" stroke="#000" stroke-width="1.1" x1="13.5" y1="5.5" x2="6.5" y2="8.8"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="4.6" r="2.3"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="14.8" r="2.3"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="4.5" cy="9.8" r="2.3"/></svg>',signal:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m7.86,1.34l.2.81c-.79.19-1.54.51-2.24.93l-.43-.71c.77-.46,1.6-.81,2.47-1.02Zm4.28,0l-.2.81c.79.19,1.54.51,2.24.93l.43-.72c-.77-.46-1.6-.81-2.47-1.02h0ZM2.37,5.39c-.46.77-.81,1.6-1.02,2.47l.81.2c.19-.79.51-1.54.93-2.24l-.71-.43Zm-.45,4.61c0-.41.03-.81.09-1.21l-.83-.13c-.13.89-.13,1.79,0,2.67l.83-.13c-.06-.4-.09-.81-.09-1.21h0Zm12.69,7.63l-.43-.72c-.7.42-1.45.73-2.24.93l.2.81c.87-.21,1.7-.56,2.46-1.02h0Zm3.47-7.63c0,.41-.03.81-.09,1.21l.83.13c.13-.89.13-1.79,0-2.67l-.83.13c.06.4.09.81.09,1.21Zm.58,2.14l-.81-.2c-.19.79-.51,1.54-.93,2.24l.72.43c.46-.77.81-1.6,1.02-2.47h0Zm-7.44,5.85c-.8.12-1.62.12-2.42,0l-.13.83c.89.13,1.79.13,2.67,0l-.13-.83Zm5.29-3.2c-.48.65-1.06,1.23-1.71,1.71l.5.67c.72-.53,1.36-1.16,1.89-1.88l-.67-.5Zm-1.71-11.29c.65.48,1.23,1.06,1.71,1.71l.67-.5c-.53-.72-1.17-1.35-1.88-1.88l-.5.67Zm-11.29,1.71c.48-.65,1.06-1.23,1.71-1.71l-.5-.67c-.72.53-1.35,1.17-1.88,1.88l.67.5Zm14.14.18l-.72.43c.42.7.73,1.45.93,2.24l.81-.2c-.21-.87-.56-1.7-1.02-2.46h0Zm-8.84-3.38c.8-.12,1.62-.12,2.42,0l.13-.83c-.89-.13-1.79-.13-2.67,0l.13.83Zm-4.86,15.38l-1.73.4.4-1.73-.81-.19-.4,1.73c-.07.28.02.58.22.78s.5.29.78.22l1.73-.39-.19-.82Zm-1.96-2.26l.81.19.28-1.2c-.41-.68-.71-1.42-.9-2.19l-.81.2c.18.74.46,1.45.82,2.12l-.2.88Zm3.9,1.81l-1.19.28.19.81.88-.2c.67.36,1.38.64,2.12.82l.2-.81c-.77-.19-1.51-.5-2.19-.9h0ZM10,2.75c-2.63,0-5.06,1.43-6.34,3.74s-1.19,5.12.21,7.36l-.7,2.97,2.97-.7c2.61,1.64,5.96,1.46,8.37-.46s3.34-5.15,2.32-8.06c-1.02-2.91-3.77-4.85-6.85-4.85Z"/></svg>',"sign-out":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="13.1 13.4 12.5 12.8 15.28 10 8 10 8 9 15.28 9 12.5 6.2 13.1 5.62 17 9.5"/><polygon points="13 2 3 2 3 17 13 17 13 16 4 16 4 3 13 3"/></svg>',"sign-in":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="7 2 17 2 17 17 7 17 7 16 16 16 16 3 7 3"/><polygon points="9.1 13.4 8.5 12.8 11.28 10 4 10 4 9 11.28 9 8.5 6.2 9.1 5.62 13 9.5"/></svg>',shrink:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="11 4 12 4 12 8 16 8 16 9 11 9"/><polygon points="4 11 9 11 9 16 8 16 8 12 4 12"/><path fill="none" stroke="#000" stroke-width="1.1" d="M12,8 L18,2"/><path fill="none" stroke="#000" stroke-width="1.1" d="M2,18 L8,12"/></svg>',settings:'<svg width="20" height="20" viewBox="0 0 20 20"><ellipse fill="none" stroke="#000" cx="6.11" cy="3.55" rx="2.11" ry="2.15"/><ellipse fill="none" stroke="#000" cx="6.11" cy="15.55" rx="2.11" ry="2.15"/><circle fill="none" stroke="#000" cx="13.15" cy="9.55" r="2.15"/><rect x="1" y="3" width="3" height="1"/><rect x="10" y="3" width="8" height="1"/><rect x="1" y="9" width="8" height="1"/><rect x="15" y="9" width="3" height="1"/><rect x="1" y="15" width="3" height="1"/><rect x="10" y="15" width="8" height="1"/></svg>',server:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="3" y="3" width="1" height="2"/><rect x="5" y="3" width="1" height="2"/><rect x="7" y="3" width="1" height="2"/><rect x="16" y="3" width="1" height="1"/><rect x="16" y="10" width="1" height="1"/><circle fill="none" stroke="#000" cx="9.9" cy="17.4" r="1.4"/><rect x="3" y="10" width="1" height="2"/><rect x="5" y="10" width="1" height="2"/><rect x="9.5" y="14" width="1" height="2"/><rect x="3" y="17" width="6" height="1"/><rect x="11" y="17" width="6" height="1"/><rect fill="none" stroke="#000" x="1.5" y="1.5" width="17" height="5"/><rect fill="none" stroke="#000" x="1.5" y="8.5" width="17" height="5"/></svg>',search:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/></svg>',rss:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="3.12" cy="16.8" r="1.85"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"/><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"/></svg>',reply:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.7,13.11 C16.12,10.02 13.84,7.85 11.02,6.61 C10.57,6.41 9.75,6.13 9,5.91 L9,2 L1,9 L9,16 L9,12.13 C10.78,12.47 12.5,13.19 14.09,14.25 C17.13,16.28 18.56,18.54 18.56,18.54 C18.56,18.54 18.81,15.28 17.7,13.11 L17.7,13.11 Z M14.82,13.53 C13.17,12.4 11.01,11.4 8,10.92 L8,13.63 L2.55,9 L8,4.25 L8,6.8 C8.3,6.86 9.16,7.02 10.37,7.49 C13.3,8.65 15.54,10.96 16.65,13.08 C16.97,13.7 17.48,14.86 17.68,16 C16.87,15.05 15.73,14.15 14.82,13.53 L14.82,13.53 Z"/></svg>',refresh:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M17.08,11.15 C17.09,11.31 17.1,11.47 17.1,11.64 C17.1,15.53 13.94,18.69 10.05,18.69 C6.16,18.68 3,15.53 3,11.63 C3,7.74 6.16,4.58 10.05,4.58 C10.9,4.58 11.71,4.73 12.46,5"/><polyline fill="none" stroke="#000" points="9.9 2 12.79 4.89 9.79 7.9"/></svg>',reddit:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M19 9.05a2.56 2.56 0 0 0-2.56-2.56 2.59 2.59 0 0 0-1.88.82 10.63 10.63 0 0 0-4.14-1v-.08c.58-1.62 1.58-3.89 2.7-4.1.38-.08.77.12 1.19.57a1.15 1.15 0 0 0-.06.37 1.48 1.48 0 1 0 1.51-1.45 1.43 1.43 0 0 0-.76.19A2.29 2.29 0 0 0 12.91 1c-2.11.43-3.39 4.38-3.63 5.19 0 0 0 .11-.06.11a10.65 10.65 0 0 0-3.75 1A2.56 2.56 0 0 0 1 9.05a2.42 2.42 0 0 0 .72 1.76A5.18 5.18 0 0 0 1.24 13c0 3.66 3.92 6.64 8.73 6.64s8.74-3 8.74-6.64a5.23 5.23 0 0 0-.46-2.13A2.58 2.58 0 0 0 19 9.05zm-16.88 0a1.44 1.44 0 0 1 2.27-1.19 7.68 7.68 0 0 0-2.07 1.91 1.33 1.33 0 0 1-.2-.72zM10 18.4c-4.17 0-7.55-2.4-7.55-5.4S5.83 7.53 10 7.53 17.5 10 17.5 13s-3.38 5.4-7.5 5.4zm7.69-8.61a7.62 7.62 0 0 0-2.09-1.91 1.41 1.41 0 0 1 .84-.28 1.47 1.47 0 0 1 1.44 1.45 1.34 1.34 0 0 1-.21.72z"/><path d="M6.69 12.58a1.39 1.39 0 1 1 1.39-1.39 1.38 1.38 0 0 1-1.38 1.39z"/><path d="M14.26 11.2a1.39 1.39 0 1 1-1.39-1.39 1.39 1.39 0 0 1 1.39 1.39z"/><path d="M13.09 14.88a.54.54 0 0 1-.09.77 5.3 5.3 0 0 1-3.26 1.19 5.61 5.61 0 0 1-3.4-1.22.55.55 0 1 1 .73-.83 4.09 4.09 0 0 0 5.25 0 .56.56 0 0 1 .77.09z"/></svg>',receiver:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.01" d="M6.189,13.611C8.134,15.525 11.097,18.239 13.867,18.257C16.47,18.275 18.2,16.241 18.2,16.241L14.509,12.551L11.539,13.639L6.189,8.29L7.313,5.355L3.76,1.8C3.76,1.8 1.732,3.537 1.7,6.092C1.667,8.809 4.347,11.738 6.189,13.611"/></svg>',"quote-right":'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.27,7.79 C17.27,9.45 16.97,10.43 15.99,12.02 C14.98,13.64 13,15.23 11.56,15.97 L11.1,15.08 C12.34,14.2 13.14,13.51 14.02,11.82 C14.27,11.34 14.41,10.92 14.49,10.54 C14.3,10.58 14.09,10.6 13.88,10.6 C12.06,10.6 10.59,9.12 10.59,7.3 C10.59,5.48 12.06,4 13.88,4 C15.39,4 16.67,5.02 17.05,6.42 C17.19,6.82 17.27,7.27 17.27,7.79 L17.27,7.79 Z"/><path d="M8.68,7.79 C8.68,9.45 8.38,10.43 7.4,12.02 C6.39,13.64 4.41,15.23 2.97,15.97 L2.51,15.08 C3.75,14.2 4.55,13.51 5.43,11.82 C5.68,11.34 5.82,10.92 5.9,10.54 C5.71,10.58 5.5,10.6 5.29,10.6 C3.47,10.6 2,9.12 2,7.3 C2,5.48 3.47,4 5.29,4 C6.8,4 8.08,5.02 8.46,6.42 C8.6,6.82 8.68,7.27 8.68,7.79 L8.68,7.79 Z"/></svg>',question:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><circle cx="9.99" cy="14.24" r="1.05"/><path fill="none" stroke="#000" stroke-width="1.2" d="m7.72,7.61c0-3.04,4.55-3.06,4.55-.07,0,.95-.91,1.43-1.49,2.03-.48.49-.72.98-.78,1.65-.01.13-.02.24-.02.35"/></svg>',push:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="12.15,4 9.5,1.4 6.85,4 6.15,3.3 9.5,0 12.85,3.3"/><line fill="none" stroke="#000" x1="9.5" y1="10" x2="9.5" y2="1"/><polyline fill="none" stroke="#000" points="6 5.5 3.5 5.5 3.5 18.5 15.5 18.5 15.5 5.5 13 5.5"/></svg>',pull:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="6.85,8 9.5,10.6 12.15,8 12.85,8.7 9.5,12 6.15,8.7"/><line fill="none" stroke="#000" x1="9.5" y1="11" x2="9.5" y2="2"/><polyline fill="none" stroke="#000" points="6,5.5 3.5,5.5 3.5,18.5 15.5,18.5 15.5,5.5 13,5.5"/></svg>',print:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="4.5 13.5 1.5 13.5 1.5 6.5 18.5 6.5 18.5 13.5 15.5 13.5"/><polyline fill="none" stroke="#000" points="15.5 6.5 15.5 2.5 4.5 2.5 4.5 6.5"/><rect fill="none" stroke="#000" width="11" height="6" x="4.5" y="11.5"/><rect width="8" height="1" x="6" y="13"/><rect width="8" height="1" x="6" y="15"/></svg>',plus:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="9" y="1" width="1" height="17"/><rect x="1" y="9" width="17" height="1"/></svg>',"plus-circle":'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.5" cy="9.5" r="9"/><line fill="none" stroke="#000" x1="9.5" y1="5" x2="9.5" y2="14"/><line fill="none" stroke="#000" x1="5" y1="9.5" x2="14" y2="9.5"/></svg>',play:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="6.5,5 14.5,10 6.5,15"/></svg>',"play-circle":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" stroke-width="1.1" points="8.5 7 13.5 10 8.5 13"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/></svg>',pinterest:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10.21,1 C5.5,1 3,4.16 3,7.61 C3,9.21 3.85,11.2 5.22,11.84 C5.43,11.94 5.54,11.89 5.58,11.69 C5.62,11.54 5.8,10.8 5.88,10.45 C5.91,10.34 5.89,10.24 5.8,10.14 C5.36,9.59 5,8.58 5,7.65 C5,5.24 6.82,2.91 9.93,2.91 C12.61,2.91 14.49,4.74 14.49,7.35 C14.49,10.3 13,12.35 11.06,12.35 C9.99,12.35 9.19,11.47 9.44,10.38 C9.75,9.08 10.35,7.68 10.35,6.75 C10.35,5.91 9.9,5.21 8.97,5.21 C7.87,5.21 6.99,6.34 6.99,7.86 C6.99,8.83 7.32,9.48 7.32,9.48 C7.32,9.48 6.24,14.06 6.04,14.91 C5.7,16.35 6.08,18.7 6.12,18.9 C6.14,19.01 6.26,19.05 6.33,18.95 C6.44,18.81 7.74,16.85 8.11,15.44 C8.24,14.93 8.79,12.84 8.79,12.84 C9.15,13.52 10.19,14.09 11.29,14.09 C14.58,14.09 16.96,11.06 16.96,7.3 C16.94,3.7 14,1 10.21,1"/></svg>',phone:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M15.5,17 C15.5,17.8 14.8,18.5 14,18.5 L7,18.5 C6.2,18.5 5.5,17.8 5.5,17 L5.5,3 C5.5,2.2 6.2,1.5 7,1.5 L14,1.5 C14.8,1.5 15.5,2.2 15.5,3 L15.5,17 L15.5,17 L15.5,17 Z"/><circle cx="10.5" cy="16.5" r=".8"/></svg>',"phone-landscape":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M17,5.5 C17.8,5.5 18.5,6.2 18.5,7 L18.5,14 C18.5,14.8 17.8,15.5 17,15.5 L3,15.5 C2.2,15.5 1.5,14.8 1.5,14 L1.5,7 C1.5,6.2 2.2,5.5 3,5.5 L17,5.5 L17,5.5 L17,5.5 Z"/><circle cx="3.8" cy="10.5" r=".8"/></svg>',pencil:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M17.25,6.01 L7.12,16.1 L3.82,17.2 L5.02,13.9 L15.12,3.88 C15.71,3.29 16.66,3.29 17.25,3.88 C17.83,4.47 17.83,5.42 17.25,6.01 L17.25,6.01 Z"/><path fill="none" stroke="#000" d="M15.98,7.268 L13.851,5.148"/></svg>',"paint-bucket":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="m6.42,2.16l5.28,5.28"/><path d="m18.49,11.83s1.51,2.06,1.51,3.36c0,.92-.76,1.64-1.51,1.64h0c-.75,0-1.49-.72-1.49-1.64,0-1.3,1.49-3.36,1.49-3.36h0Z"/><line fill="none" stroke="#000" x1="1.26" y1="10.5" x2="16" y2="10.5"/><polygon fill="none" stroke="#000" stroke-width="1.1" points="10.2 1.55 17.6 8.93 8.08 18.45 .7 11.07 10.2 1.55"/></svg>',pagekit:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="3,1 17,1 17,16 10,16 10,13 14,13 14,4 6,4 6,16 10,16 10,19 3,19"/></svg>',nut:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="2.5,5.7 10,1.3 17.5,5.7 17.5,14.3 10,18.7 2.5,14.3"/><circle fill="none" stroke="#000" cx="10" cy="10" r="3.5"/></svg>',move:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="4,5 1,5 1,9 2,9 2,6 4,6"/><polygon points="1,16 2,16 2,18 4,18 4,19 1,19"/><polygon points="14,16 14,19 11,19 11,18 13,18 13,16"/><rect fill="none" stroke="#000" x="5.5" y="1.5" width="13" height="13"/><rect x="1" y="11" width="1" height="3"/><rect x="6" y="18" width="3" height="1"/></svg>',more:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="3" cy="10" r="2"/><circle cx="10" cy="10" r="2"/><circle cx="17" cy="10" r="2"/></svg>',"more-vertical":'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="3" r="2"/><circle cx="10" cy="10" r="2"/><circle cx="10" cy="17" r="2"/></svg>',minus:'<svg width="20" height="20" viewBox="0 0 20 20"><rect height="1" width="18" y="9" x="1"/></svg>',"minus-circle":'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.5" cy="9.5" r="9"/><line fill="none" stroke="#000" x1="5" y1="9.5" x2="14" y2="9.5"/></svg>',microsoft:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m2,2h7.58v7.58H2V2Zm8.42,0h7.58v7.58h-7.58V2ZM2,10.42h7.58v7.58H2v-7.58Zm8.42,0h7.58v7.58h-7.58"/></svg>',microphone:'<svg width="20" height="20" viewBox="0 0 20 20"><line fill="none" stroke="#000" x1="10" x2="10" y1="16.44" y2="18.5"/><line fill="none" stroke="#000" x1="7" x2="13" y1="18.5" y2="18.5"/><path fill="none" stroke="#000" stroke-width="1.1" d="M13.5 4.89v5.87a3.5 3.5 0 0 1-7 0V4.89a3.5 3.5 0 0 1 7 0z"/><path fill="none" stroke="#000" stroke-width="1.1" d="M15.5 10.36V11a5.5 5.5 0 0 1-11 0v-.6"/></svg>',menu:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="2" y="4" width="16" height="1"/><rect x="2" y="9" width="16" height="1"/><rect x="2" y="14" width="16" height="1"/></svg>',mastodon:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m18.5,6.87c0-3.95-2.59-5.11-2.59-5.11-1.31-.6-3.55-.85-5.88-.87h-.06c-2.33.02-4.57.27-5.88.87,0,0-2.59,1.16-2.59,5.11,0,.91-.02,1.99.01,3.14.09,3.87.71,7.68,4.28,8.62,1.65.44,3.06.53,4.2.47,2.07-.11,3.23-.74,3.23-.74l-.07-1.5s-1.48.47-3.14.41c-1.64-.06-3.38-.18-3.64-2.2-.02-.18-.04-.37-.04-.57,0,0,1.61.39,3.66.49,1.25.06,2.42-.07,3.61-.22,2.28-.27,4.27-1.68,4.52-2.97.39-2.02.36-4.94.36-4.94Zm-3.05,5.09h-1.9v-4.65c0-.98-.41-1.48-1.24-1.48-.91,0-1.37.59-1.37,1.76v2.54h-1.89v-2.54c0-1.17-.46-1.76-1.37-1.76-.82,0-1.24.5-1.24,1.48v4.65h-1.9v-4.79c0-.98.25-1.76.75-2.33.52-.58,1.19-.87,2.03-.87.97,0,1.71.37,2.19,1.12l.47.79.47-.79c.49-.75,1.22-1.12,2.19-1.12.84,0,1.51.29,2.03.87.5.58.75,1.35.75,2.33v4.79Z"/></svg>',mail:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="1.4,6.5 10,11 18.6,6.5"/><path d="M 1,4 1,16 19,16 19,4 1,4 Z M 18,15 2,15 2,5 18,5 18,15 Z"/></svg>',lock:'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" height="10" width="13" y="8.5" x="3.5"/><path fill="none" stroke="#000" d="M6.5,8 L6.5,4.88 C6.5,3.01 8.07,1.5 10,1.5 C11.93,1.5 13.5,3.01 13.5,4.88 L13.5,8"/></svg>',location:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.01" d="M10,0.5 C6.41,0.5 3.5,3.39 3.5,6.98 C3.5,11.83 10,19 10,19 C10,19 16.5,11.83 16.5,6.98 C16.5,3.39 13.59,0.5 10,0.5 L10,0.5 Z"/><circle fill="none" stroke="#000" cx="10" cy="6.8" r="2.3"/></svg>',list:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="6" y="4" width="12" height="1"/><rect x="6" y="9" width="12" height="1"/><rect x="6" y="14" width="12" height="1"/><rect x="2" y="4" width="2" height="1"/><rect x="2" y="9" width="2" height="1"/><rect x="2" y="14" width="2" height="1"/></svg>',linkedin:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M5.77,17.89 L5.77,7.17 L2.21,7.17 L2.21,17.89 L5.77,17.89 L5.77,17.89 Z M3.99,5.71 C5.23,5.71 6.01,4.89 6.01,3.86 C5.99,2.8 5.24,2 4.02,2 C2.8,2 2,2.8 2,3.85 C2,4.88 2.77,5.7 3.97,5.7 L3.99,5.7 L3.99,5.71 L3.99,5.71 Z"/><path d="M7.75,17.89 L11.31,17.89 L11.31,11.9 C11.31,11.58 11.33,11.26 11.43,11.03 C11.69,10.39 12.27,9.73 13.26,9.73 C14.55,9.73 15.06,10.71 15.06,12.15 L15.06,17.89 L18.62,17.89 L18.62,11.74 C18.62,8.45 16.86,6.92 14.52,6.92 C12.6,6.92 11.75,7.99 11.28,8.73 L11.3,8.73 L11.3,7.17 L7.75,7.17 C7.79,8.17 7.75,17.89 7.75,17.89 L7.75,17.89 L7.75,17.89 Z"/></svg>',link:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"/><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"/><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"/></svg>',"link-external":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="14.5 10.5 14.5 16.5 3.5 16.5 3.5 5.5 8.5 5.5"/><polyline fill="none" stroke="#000" points="17.5 8.5 17.5 2.5 11.5 2.5"/><line fill="none" stroke="#000" x1="6.5" y1="13.5" x2="17.5" y2="2.5"/></svg>',lifesaver:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="10" cy="10" r="9"/><circle fill="none" stroke="#000" cx="10" cy="10" r="5"/><line fill="none" stroke="#000" stroke-width="1.1" x1="5.17" y1="2.39" x2="8.11" y2="5.33"/><line fill="none" stroke="#000" stroke-width="1.1" x1="5.33" y1="8.11" x2="2.39" y2="5.17"/><line fill="none" stroke="#000" stroke-width="1.1" x1="14.83" y1="17.61" x2="11.89" y2="14.67"/><line fill="none" stroke="#000" stroke-width="1.1" x1="14.67" y1="11.89" x2="17.61" y2="14.83"/><line fill="none" stroke="#000" stroke-width="1.1" x1="17.61" y1="5.17" x2="14.67" y2="8.11"/><line fill="none" stroke="#000" stroke-width="1.1" x1="11.89" y1="5.33" x2="14.83" y2="2.39"/><line fill="none" stroke="#000" stroke-width="1.1" x1="8.11" y1="14.67" x2="5.17" y2="17.61"/><line fill="none" stroke="#000" stroke-width="1.1" x1="2.39" y1="14.83" x2="5.33" y2="11.89"/></svg>',laptop:'<svg width="20" height="20" viewBox="0 0 20 20"><rect y="16" width="20" height="1"/><rect fill="none" stroke="#000" x="2.5" y="4.5" width="15" height="10"/></svg>',joomla:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M7.8,13.4l1.7-1.7L5.9,8c-0.6-0.5-0.6-1.5,0-2c0.6-0.6,1.4-0.6,2,0l1.7-1.7c-1-1-2.3-1.3-3.6-1C5.8,2.2,4.8,1.4,3.7,1.4 c-1.3,0-2.3,1-2.3,2.3c0,1.1,0.8,2,1.8,2.3c-0.4,1.3-0.1,2.8,1,3.8L7.8,13.4L7.8,13.4z"/><path d="M10.2,4.3c1-1,2.5-1.4,3.8-1c0.2-1.1,1.1-2,2.3-2c1.3,0,2.3,1,2.3,2.3c0,1.2-0.9,2.2-2,2.3c0.4,1.3,0,2.8-1,3.8L13.9,8 c0.6-0.5,0.6-1.5,0-2c-0.5-0.6-1.5-0.6-2,0L8.2,9.7L6.5,8"/><path d="M14.1,16.8c-1.3,0.4-2.8,0.1-3.8-1l1.7-1.7c0.6,0.6,1.5,0.6,2,0c0.5-0.6,0.6-1.5,0-2l-3.7-3.7L12,6.7l3.7,3.7 c1,1,1.3,2.4,1,3.6c1.1,0.2,2,1.1,2,2.3c0,1.3-1,2.3-2.3,2.3C15.2,18.6,14.3,17.8,14.1,16.8"/><path d="M13.2,12.2l-3.7,3.7c-1,1-2.4,1.3-3.6,1c-0.2,1-1.2,1.8-2.2,1.8c-1.3,0-2.3-1-2.3-2.3c0-1.1,0.8-2,1.8-2.3 c-0.3-1.3,0-2.7,1-3.7l1.7,1.7c-0.6,0.6-0.6,1.5,0,2c0.6,0.6,1.4,0.6,2,0l3.7-3.7"/></svg>',italic:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M12.63,5.48 L10.15,14.52 C10,15.08 10.37,15.25 11.92,15.3 L11.72,16 L6,16 L6.2,15.31 C7.78,15.26 8.19,15.09 8.34,14.53 L10.82,5.49 C10.97,4.92 10.63,4.76 9.09,4.71 L9.28,4 L15,4 L14.81,4.69 C13.23,4.75 12.78,4.91 12.63,5.48 L12.63,5.48 Z"/></svg>',instagram:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M13.55,1H6.46C3.45,1,1,3.44,1,6.44v7.12c0,3,2.45,5.44,5.46,5.44h7.08c3.02,0,5.46-2.44,5.46-5.44V6.44 C19.01,3.44,16.56,1,13.55,1z M17.5,14c0,1.93-1.57,3.5-3.5,3.5H6c-1.93,0-3.5-1.57-3.5-3.5V6c0-1.93,1.57-3.5,3.5-3.5h8 c1.93,0,3.5,1.57,3.5,3.5V14z"/><circle cx="14.87" cy="5.26" r="1.09"/><path d="M10.03,5.45c-2.55,0-4.63,2.06-4.63,4.6c0,2.55,2.07,4.61,4.63,4.61c2.56,0,4.63-2.061,4.63-4.61 C14.65,7.51,12.58,5.45,10.03,5.45L10.03,5.45L10.03,5.45z M10.08,13c-1.66,0-3-1.34-3-2.99c0-1.65,1.34-2.99,3-2.99s3,1.34,3,2.99 C13.08,11.66,11.74,13,10.08,13L10.08,13L10.08,13z"/></svg>',info:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M12.13,11.59 C11.97,12.84 10.35,14.12 9.1,14.16 C6.17,14.2 9.89,9.46 8.74,8.37 C9.3,8.16 10.62,7.83 10.62,8.81 C10.62,9.63 10.12,10.55 9.88,11.32 C8.66,15.16 12.13,11.15 12.14,11.18 C12.16,11.21 12.16,11.35 12.13,11.59 C12.08,11.95 12.16,11.35 12.13,11.59 L12.13,11.59 Z M11.56,5.67 C11.56,6.67 9.36,7.15 9.36,6.03 C9.36,5 11.56,4.54 11.56,5.67 L11.56,5.67 Z"/><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/></svg>',image:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="16.1" cy="6.1" r="1.1"/><rect fill="none" stroke="#000" x=".5" y="2.5" width="19" height="15"/><polyline fill="none" stroke="#000" stroke-width="1.01" points="4,13 8,9 13,14"/><polyline fill="none" stroke="#000" stroke-width="1.01" points="11,12 12.5,10.5 16,14"/></svg>',home:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="18.65 11.35 10 2.71 1.35 11.35 0.65 10.65 10 1.29 19.35 10.65"/><polygon points="15 4 18 4 18 7 17 7 17 5 15 5"/><polygon points="3 11 4 11 4 18 7 18 7 12 12 12 12 18 16 18 16 11 17 11 17 19 11 19 11 13 8 13 8 19 3 19"/></svg>',history:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="#000" points="1 2 2 2 2 6 6 6 6 7 1 7 1 2"/><path fill="none" stroke="#000" stroke-width="1.1" d="M2.1,6.548 C3.391,3.29 6.746,1 10.5,1 C15.5,1 19.5,5 19.5,10 C19.5,15 15.5,19 10.5,19 C5.5,19 1.5,15 1.5,10"/><rect x="9" y="4" width="1" height="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M13.018,14.197 L9.445,10.625"/></svg>',heart:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.03" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"/></svg>',hashtag:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M15.431,8 L15.661,7 L12.911,7 L13.831,3 L12.901,3 L11.98,7 L9.29,7 L10.21,3 L9.281,3 L8.361,7 L5.23,7 L5,8 L8.13,8 L7.21,12 L4.23,12 L4,13 L6.98,13 L6.061,17 L6.991,17 L7.911,13 L10.601,13 L9.681,17 L10.611,17 L11.531,13 L14.431,13 L14.661,12 L11.76,12 L12.681,8 L15.431,8 Z M10.831,12 L8.141,12 L9.061,8 L11.75,8 L10.831,12 Z"/></svg>',happy:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="13" cy="7" r="1"/><circle cx="7" cy="7" r="1"/><circle fill="none" stroke="#000" cx="10" cy="10" r="8.5"/><path fill="none" stroke="#000" d="M14.6,11.4 C13.9,13.3 12.1,14.5 10,14.5 C7.9,14.5 6.1,13.3 5.4,11.4"/></svg>',grid:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="2" y="2" width="3" height="3"/><rect x="8" y="2" width="3" height="3"/><rect x="14" y="2" width="3" height="3"/><rect x="2" y="8" width="3" height="3"/><rect x="8" y="8" width="3" height="3"/><rect x="14" y="8" width="3" height="3"/><rect x="2" y="14" width="3" height="3"/><rect x="8" y="14" width="3" height="3"/><rect x="14" y="14" width="3" height="3"/></svg>',google:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17.86,9.09 C18.46,12.12 17.14,16.05 13.81,17.56 C9.45,19.53 4.13,17.68 2.47,12.87 C0.68,7.68 4.22,2.42 9.5,2.03 C11.57,1.88 13.42,2.37 15.05,3.65 C15.22,3.78 15.37,3.93 15.61,4.14 C14.9,4.81 14.23,5.45 13.5,6.14 C12.27,5.08 10.84,4.72 9.28,4.98 C8.12,5.17 7.16,5.76 6.37,6.63 C4.88,8.27 4.62,10.86 5.76,12.82 C6.95,14.87 9.17,15.8 11.57,15.25 C13.27,14.87 14.76,13.33 14.89,11.75 L10.51,11.75 L10.51,9.09 L17.86,9.09 L17.86,9.09 Z"/></svg>',gitter:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="3.5" y="1" width="1.531" height="11.471"/><rect x="7.324" y="4.059" width="1.529" height="15.294"/><rect x="11.148" y="4.059" width="1.527" height="15.294"/><rect x="14.971" y="4.059" width="1.529" height="8.412"/></svg>',github:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10,1 C5.03,1 1,5.03 1,10 C1,13.98 3.58,17.35 7.16,18.54 C7.61,18.62 7.77,18.34 7.77,18.11 C7.77,17.9 7.76,17.33 7.76,16.58 C5.26,17.12 4.73,15.37 4.73,15.37 C4.32,14.33 3.73,14.05 3.73,14.05 C2.91,13.5 3.79,13.5 3.79,13.5 C4.69,13.56 5.17,14.43 5.17,14.43 C5.97,15.8 7.28,15.41 7.79,15.18 C7.87,14.6 8.1,14.2 8.36,13.98 C6.36,13.75 4.26,12.98 4.26,9.53 C4.26,8.55 4.61,7.74 5.19,7.11 C5.1,6.88 4.79,5.97 5.28,4.73 C5.28,4.73 6.04,4.49 7.75,5.65 C8.47,5.45 9.24,5.35 10,5.35 C10.76,5.35 11.53,5.45 12.25,5.65 C13.97,4.48 14.72,4.73 14.72,4.73 C15.21,5.97 14.9,6.88 14.81,7.11 C15.39,7.74 15.73,8.54 15.73,9.53 C15.73,12.99 13.63,13.75 11.62,13.97 C11.94,14.25 12.23,14.8 12.23,15.64 C12.23,16.84 12.22,17.81 12.22,18.11 C12.22,18.35 12.38,18.63 12.84,18.54 C16.42,17.35 19,13.98 19,10 C19,5.03 14.97,1 10,1 L10,1 Z"/></svg>',"github-alt":'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M10,0.5 C4.75,0.5 0.5,4.76 0.5,10.01 C0.5,15.26 4.75,19.51 10,19.51 C15.24,19.51 19.5,15.26 19.5,10.01 C19.5,4.76 15.25,0.5 10,0.5 L10,0.5 Z M12.81,17.69 C12.81,17.69 12.81,17.7 12.79,17.69 C12.47,17.75 12.35,17.59 12.35,17.36 L12.35,16.17 C12.35,15.45 12.09,14.92 11.58,14.56 C12.2,14.51 12.77,14.39 13.26,14.21 C13.87,13.98 14.36,13.69 14.74,13.29 C15.42,12.59 15.76,11.55 15.76,10.17 C15.76,9.25 15.45,8.46 14.83,7.8 C15.1,7.08 15.07,6.29 14.75,5.44 L14.51,5.42 C14.34,5.4 14.06,5.46 13.67,5.61 C13.25,5.78 12.79,6.03 12.31,6.35 C11.55,6.16 10.81,6.05 10.09,6.05 C9.36,6.05 8.61,6.15 7.88,6.35 C7.28,5.96 6.75,5.68 6.26,5.54 C6.07,5.47 5.9,5.44 5.78,5.44 L5.42,5.44 C5.06,6.29 5.04,7.08 5.32,7.8 C4.7,8.46 4.4,9.25 4.4,10.17 C4.4,11.94 4.96,13.16 6.08,13.84 C6.53,14.13 7.05,14.32 7.69,14.43 C8.03,14.5 8.32,14.54 8.55,14.55 C8.07,14.89 7.82,15.42 7.82,16.16 L7.82,17.51 C7.8,17.69 7.7,17.8 7.51,17.8 C4.21,16.74 1.82,13.65 1.82,10.01 C1.82,5.5 5.49,1.83 10,1.83 C14.5,1.83 18.17,5.5 18.17,10.01 C18.18,13.53 15.94,16.54 12.81,17.69 L12.81,17.69 Z"/></svg>',"git-fork":'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="6" cy="3" r="1.79"/><circle fill="none" stroke="#000" cx="14" cy="3" r="1.79"/><circle fill="none" stroke="#000" cx="10" cy="17" r="1.79"/><path fill="none" stroke="#000" d="m6,4.78v1.99c0,2.63,4,3.66,4,6.75,0,1.55.01,1.24.01,1.24,0-.18,0,.31,0-1.24,0-3.09,3.99-4.12,3.99-6.75v-1.99"/></svg>',"git-branch":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="m13.5,8c0,2.41-1.57,2.87-3.44,3.25-1.47.29-3.56.81-3.56,3.75V5"/><circle fill="none" stroke="#000" cx="6.5" cy="3" r="1.79"/><circle fill="none" stroke="#000" cx="13.5" cy="6" r="1.79"/><circle fill="none" stroke="#000" cx="6.5" cy="17" r="1.79"/></svg>',future:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline points="19 2 18 2 18 6 14 6 14 7 19 7 19 2"/><path fill="none" stroke="#000" stroke-width="1.1" d="M18,6.548 C16.709,3.29 13.354,1 9.6,1 C4.6,1 0.6,5 0.6,10 C0.6,15 4.6,19 9.6,19 C14.6,19 18.6,15 18.6,10"/><rect x="9" y="4" width="1" height="7"/><path d="M13.018,14.197 L9.445,10.625" fill="none" stroke="#000" stroke-width="1.1"/></svg>',foursquare:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M15.23,2 C15.96,2 16.4,2.41 16.5,2.86 C16.57,3.15 16.56,3.44 16.51,3.73 C16.46,4.04 14.86,11.72 14.75,12.03 C14.56,12.56 14.16,12.82 13.61,12.83 C13.03,12.84 11.09,12.51 10.69,13 C10.38,13.38 7.79,16.39 6.81,17.53 C6.61,17.76 6.4,17.96 6.08,17.99 C5.68,18.04 5.29,17.87 5.17,17.45 C5.12,17.28 5.1,17.09 5.1,16.91 C5.1,12.4 4.86,7.81 5.11,3.31 C5.17,2.5 5.81,2.12 6.53,2 L15.23,2 L15.23,2 Z M9.76,11.42 C9.94,11.19 10.17,11.1 10.45,11.1 L12.86,11.1 C13.12,11.1 13.31,10.94 13.36,10.69 C13.37,10.64 13.62,9.41 13.74,8.83 C13.81,8.52 13.53,8.28 13.27,8.28 C12.35,8.29 11.42,8.28 10.5,8.28 C9.84,8.28 9.83,7.69 9.82,7.21 C9.8,6.85 10.13,6.55 10.5,6.55 C11.59,6.56 12.67,6.55 13.76,6.55 C14.03,6.55 14.23,6.4 14.28,6.14 C14.34,5.87 14.67,4.29 14.67,4.29 C14.67,4.29 14.82,3.74 14.19,3.74 L7.34,3.74 C7,3.75 6.84,4.02 6.84,4.33 C6.84,7.58 6.85,14.95 6.85,14.99 C6.87,15 8.89,12.51 9.76,11.42 L9.76,11.42 Z"/></svg>',forward:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M2.47,13.11 C4.02,10.02 6.27,7.85 9.04,6.61 C9.48,6.41 10.27,6.13 11,5.91 L11,2 L18.89,9 L11,16 L11,12.13 C9.25,12.47 7.58,13.19 6.02,14.25 C3.03,16.28 1.63,18.54 1.63,18.54 C1.63,18.54 1.38,15.28 2.47,13.11 L2.47,13.11 Z M5.3,13.53 C6.92,12.4 9.04,11.4 12,10.92 L12,13.63 L17.36,9 L12,4.25 L12,6.8 C11.71,6.86 10.86,7.02 9.67,7.49 C6.79,8.65 4.58,10.96 3.49,13.08 C3.18,13.7 2.68,14.87 2.49,16 C3.28,15.05 4.4,14.15 5.3,13.53 L5.3,13.53 Z"/></svg>',folder:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="9.5 5.5 8.5 3.5 1.5 3.5 1.5 16.5 18.5 16.5 18.5 5.5"/></svg>',flickr:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="5.5" cy="9.5" r="3.5"/><circle cx="14.5" cy="9.5" r="3.5"/></svg>',file:'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="1.5" width="13" height="17"/></svg>',"file-text":'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" width="13" height="17" x="3.5" y="1.5"/><line fill="none" stroke="#000" x1="6" x2="12" y1="12.5" y2="12.5"/><line fill="none" stroke="#000" x1="6" x2="14" y1="8.5" y2="8.5"/><line fill="none" stroke="#000" x1="6" x2="14" y1="6.5" y2="6.5"/><line fill="none" stroke="#000" x1="6" x2="14" y1="10.5" y2="10.5"/></svg>',"file-pdf":'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" width="13" height="17" x="3.5" y="1.5"/><path d="M14.65 11.67c-.48.3-1.37-.19-1.79-.37a4.65 4.65 0 0 1 1.49.06c.35.1.36.28.3.31zm-6.3.06l.43-.79a14.7 14.7 0 0 0 .75-1.64 5.48 5.48 0 0 0 1.25 1.55l.2.15a16.36 16.36 0 0 0-2.63.73zM9.5 5.32c.2 0 .32.5.32.97a1.99 1.99 0 0 1-.23 1.04 5.05 5.05 0 0 1-.17-1.3s0-.71.08-.71zm-3.9 9a4.35 4.35 0 0 1 1.21-1.46l.24-.22a4.35 4.35 0 0 1-1.46 1.68zm9.23-3.3a2.05 2.05 0 0 0-1.32-.3 11.07 11.07 0 0 0-1.58.11 4.09 4.09 0 0 1-.74-.5 5.39 5.39 0 0 1-1.32-2.06 10.37 10.37 0 0 0 .28-2.62 1.83 1.83 0 0 0-.07-.25.57.57 0 0 0-.52-.4H9.4a.59.59 0 0 0-.6.38 6.95 6.95 0 0 0 .37 3.14c-.26.63-1 2.12-1 2.12-.3.58-.57 1.08-.82 1.5l-.8.44A3.11 3.11 0 0 0 5 14.16a.39.39 0 0 0 .15.42l.24.13c1.15.56 2.28-1.74 2.66-2.42a23.1 23.1 0 0 1 3.59-.85 4.56 4.56 0 0 0 2.91.8.5.5 0 0 0 .3-.21 1.1 1.1 0 0 0 .12-.75.84.84 0 0 0-.14-.25z"/></svg>',"file-edit":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M18.65,1.68 C18.41,1.45 18.109,1.33 17.81,1.33 C17.499,1.33 17.209,1.45 16.98,1.68 L8.92,9.76 L8,12.33 L10.55,11.41 L18.651,3.34 C19.12,2.87 19.12,2.15 18.65,1.68 L18.65,1.68 L18.65,1.68 Z"/><polyline fill="none" stroke="#000" points="16.5 8.482 16.5 18.5 3.5 18.5 3.5 1.5 14.211 1.5"/></svg>',facebook:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z"/></svg>',eye:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="10" cy="10" r="3.45"/><path fill="none" stroke="#000" d="m19.5,10c-2.4,3.66-5.26,7-9.5,7h0,0,0c-4.24,0-7.1-3.34-9.49-7C2.89,6.34,5.75,3,9.99,3h0,0,0c4.25,0,7.11,3.34,9.5,7Z"/></svg>',"eye-slash":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="m7.56,7.56c.62-.62,1.49-1.01,2.44-1.01,1.91,0,3.45,1.54,3.45,3.45,0,.95-.39,1.82-1.01,2.44"/><path fill="none" stroke="#000" d="m19.5,10c-2.4,3.66-5.26,7-9.5,7h0,0,0c-4.24,0-7.1-3.34-9.49-7C2.89,6.34,5.75,3,9.99,3h0,0,0c4.25,0,7.11,3.34,9.5,7Z"/><line fill="none" stroke="#000" x1="2.5" y1="2.5" x2="17.5" y2="17.5"/></svg>',expand:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="13 2 18 2 18 7 17 7 17 3 13 3"/><polygon points="2 13 3 13 3 17 7 17 7 18 2 18"/><path fill="none" stroke="#000" stroke-width="1.1" d="M11,9 L17,3"/><path fill="none" stroke="#000" stroke-width="1.1" d="M3,17 L9,11"/></svg>',etsy:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M8,4.26C8,4.07,8,4,8.31,4h4.46c.79,0,1.22.67,1.53,1.91l.25,1h.76c.14-2.82.26-4,.26-4S13.65,3,12.52,3H6.81L3.75,2.92v.84l1,.2c.73.11.9.27,1,1,0,0,.06,2,.06,5.17s-.06,5.14-.06,5.14c0,.59-.23.81-1,.94l-1,.2v.84l3.06-.1h5.11c1.15,0,3.82.1,3.82.1,0-.7.45-3.88.51-4.22h-.73l-.76,1.69a2.25,2.25,0,0,1-2.45,1.47H9.4c-1,0-1.44-.4-1.44-1.24V10.44s2.16,0,2.86.06c.55,0,.85.19,1.06,1l.23,1H13L12.9,9.94,13,7.41h-.85l-.28,1.13c-.16.74-.28.84-1,1-1,.1-2.89.09-2.89.09Z"/></svg>',dribbble:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.4" d="M1.3,8.9c0,0,5,0.1,8.6-1c1.4-0.4,2.6-0.9,4-1.9 c1.4-1.1,2.5-2.5,2.5-2.5"/><path fill="none" stroke="#000" stroke-width="1.4" d="M3.9,16.6c0,0,1.7-2.8,3.5-4.2 c1.8-1.3,4-2,5.7-2.2C16,10,19,10.6,19,10.6"/><path fill="none" stroke="#000" stroke-width="1.4" d="M6.9,1.6c0,0,3.3,4.6,4.2,6.8 c0.4,0.9,1.3,3.1,1.9,5.2c0.6,2,0.9,4.4,0.9,4.4"/><circle fill="none" stroke="#000" stroke-width="1.4" cx="10" cy="10" r="9"/></svg>',download:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"/><rect x="3" y="17" width="13" height="1"/><line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"/></svg>',discord:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M16.074,4.361a14.243,14.243,0,0,0-3.61-1.134,10.61,10.61,0,0,0-.463.96,13.219,13.219,0,0,0-4,0,10.138,10.138,0,0,0-.468-.96A14.206,14.206,0,0,0,3.919,4.364,15.146,15.146,0,0,0,1.324,14.5a14.435,14.435,0,0,0,4.428,2.269A10.982,10.982,0,0,0,6.7,15.21a9.294,9.294,0,0,1-1.494-.727c.125-.093.248-.19.366-.289a10.212,10.212,0,0,0,8.854,0c.119.1.242.2.366.289a9.274,9.274,0,0,1-1.5.728,10.8,10.8,0,0,0,.948,1.562,14.419,14.419,0,0,0,4.431-2.27A15.128,15.128,0,0,0,16.074,4.361Zm-8.981,8.1a1.7,1.7,0,0,1-1.573-1.79A1.689,1.689,0,0,1,7.093,8.881a1.679,1.679,0,0,1,1.573,1.791A1.687,1.687,0,0,1,7.093,12.462Zm5.814,0a1.7,1.7,0,0,1-1.573-1.79,1.689,1.689,0,0,1,1.573-1.791,1.679,1.679,0,0,1,1.573,1.791A1.688,1.688,0,0,1,12.907,12.462Z"/></svg>',desktop:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="8" y="15" width="1" height="2"/><rect x="11" y="15" width="1" height="2"/><rect x="5" y="16" width="10" height="1"/><rect fill="none" stroke="#000" x="1.5" y="3.5" width="17" height="11"/></svg>',database:'<svg width="20" height="20" viewBox="0 0 20 20"><ellipse fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"/><path fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"/><path fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"/><path fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"/></svg>',crosshairs:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="10" cy="10" r="7.5"/><line fill="none" stroke="#000" x1="10" x2="10" y2="8"/><line fill="none" stroke="#000" x1="10" y1="12" x2="10" y2="20"/><line fill="none" stroke="#000" y1="10" x2="8" y2="10"/><line fill="none" stroke="#000" x1="12" y1="10" x2="20" y2="10"/></svg>',"credit-card":'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="1.5" y="4.5" width="17" height="12"/><rect x="1" y="7" width="18" height="3"/></svg>',copy:'<svg width="20" height="20" viewBox="0 0 20 20"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"/><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"/></svg>',comments:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="2 0.5 19.5 0.5 19.5 13"/><path d="M5,19.71 L5,15 L0,15 L0,2 L18,2 L18,15 L9.71,15 L5,19.71 L5,19.71 L5,19.71 Z M1,14 L6,14 L6,17.29 L9.29,14 L17,14 L17,3 L1,3 L1,14 L1,14 L1,14 Z"/></svg>',commenting:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="1.5,1.5 18.5,1.5 18.5,13.5 10.5,13.5 6.5,17.5 6.5,13.5 1.5,13.5"/><circle cx="10" cy="8" r="1"/><circle cx="6" cy="8" r="1"/><circle cx="14" cy="8" r="1"/></svg>',comment:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M6,18.71 L6,14 L1,14 L1,1 L19,1 L19,14 L10.71,14 L6,18.71 L6,18.71 Z M2,13 L7,13 L7,16.29 L10.29,13 L18,13 L18,2 L2,2 L2,13 L2,13 Z"/></svg>',cog:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"/><path fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"/></svg>',code:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"/><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"/></svg>',"cloud-upload":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M6.5,14.61 L3.75,14.61 C1.96,14.61 0.5,13.17 0.5,11.39 C0.5,9.76 1.72,8.41 3.31,8.2 C3.38,5.31 5.75,3 8.68,3 C11.19,3 13.31,4.71 13.89,7.02 C14.39,6.8 14.93,6.68 15.5,6.68 C17.71,6.68 19.5,8.45 19.5,10.64 C19.5,12.83 17.71,14.6 15.5,14.6 L12.5,14.6"/><polyline fill="none" stroke="#000" points="7.25 11.75 9.5 9.5 11.75 11.75"/><path fill="none" stroke="#000" d="M9.5,18 L9.5,9.5"/></svg>',"cloud-download":'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M6.5,14.61 L3.75,14.61 C1.96,14.61 0.5,13.17 0.5,11.39 C0.5,9.76 1.72,8.41 3.3,8.2 C3.38,5.31 5.75,3 8.68,3 C11.19,3 13.31,4.71 13.89,7.02 C14.39,6.8 14.93,6.68 15.5,6.68 C17.71,6.68 19.5,8.45 19.5,10.64 C19.5,12.83 17.71,14.6 15.5,14.6 L12.5,14.6"/><polyline fill="none" stroke="#000" points="11.75 16 9.5 18.25 7.25 16"/><path fill="none" stroke="#000" d="M9.5,18 L9.5,9.5"/></svg>',close:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"/><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"/></svg>',clock:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><rect x="9" y="4" width="1" height="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M13.018,14.197 L9.445,10.625"/></svg>',"chevron-up":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13"/></svg>',"chevron-right":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"/></svg>',"chevron-left":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"/></svg>',"chevron-down":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"/></svg>',"chevron-double-right":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="10 6 14 10 10 14"/><polyline fill="none" stroke="#000" stroke-width="1.03" points="6 6 10 10 6 14"/></svg>',"chevron-double-left":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="10 14 6 10 10 6"/><polyline fill="none" stroke="#000" stroke-width="1.03" points="14 14 10 10 14 6"/></svg>',check:'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"/></svg>',cart:'<svg width="20" height="20" viewBox="0 0 20 20"><circle cx="7.3" cy="17.3" r="1.4"/><circle cx="13.3" cy="17.3" r="1.4"/><polyline fill="none" stroke="#000" points="0 2 3.2 4 5.3 12.5 16 12.5 18 6.5 8 6.5"/></svg>',camera:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10.8" r="3.8"/><path fill="none" stroke="#000" d="M1,4.5 C0.7,4.5 0.5,4.7 0.5,5 L0.5,17 C0.5,17.3 0.7,17.5 1,17.5 L19,17.5 C19.3,17.5 19.5,17.3 19.5,17 L19.5,5 C19.5,4.7 19.3,4.5 19,4.5 L13.5,4.5 L13.5,2.9 C13.5,2.6 13.3,2.5 13,2.5 L7,2.5 C6.7,2.5 6.5,2.6 6.5,2.9 L6.5,4.5 L1,4.5 L1,4.5 Z"/></svg>',calendar:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M 2,3 2,17 18,17 18,3 2,3 Z M 17,16 3,16 3,8 17,8 17,16 Z M 17,7 3,7 3,4 17,4 17,7 Z"/><rect width="1" height="3" x="6" y="2"/><rect width="1" height="3" x="13" y="2"/></svg>',bookmark:'<svg width="20" height="20" viewBox="0 0 20 20"><polygon fill="none" stroke="#000" points="5.5 1.5 15.5 1.5 15.5 17.5 10.5 12.5 5.5 17.5"/></svg>',bolt:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M4.74,20 L7.73,12 L3,12 L15.43,1 L12.32,9 L17.02,9 L4.74,20 L4.74,20 L4.74,20 Z M9.18,11 L7.1,16.39 L14.47,10 L10.86,10 L12.99,4.67 L5.61,11 L9.18,11 L9.18,11 L9.18,11 Z"/></svg>',bold:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M5,15.3 C5.66,15.3 5.9,15 5.9,14.53 L5.9,5.5 C5.9,4.92 5.56,4.7 5,4.7 L5,4 L8.95,4 C12.6,4 13.7,5.37 13.7,6.9 C13.7,7.87 13.14,9.17 10.86,9.59 L10.86,9.7 C13.25,9.86 14.29,11.28 14.3,12.54 C14.3,14.47 12.94,16 9,16 L5,16 L5,15.3 Z M9,9.3 C11.19,9.3 11.8,8.5 11.85,7 C11.85,5.65 11.3,4.8 9,4.8 L7.67,4.8 L7.67,9.3 L9,9.3 Z M9.185,15.22 C11.97,15 12.39,14 12.4,12.58 C12.4,11.15 11.39,10 9,10 L7.67,10 L7.67,15 L9.18,15 Z"/></svg>',bell:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" stroke-width="1.1" d="M17,15.5 L3,15.5 C2.99,14.61 3.79,13.34 4.1,12.51 C4.58,11.3 4.72,10.35 5.19,7.01 C5.54,4.53 5.89,3.2 7.28,2.16 C8.13,1.56 9.37,1.5 9.81,1.5 L9.96,1.5 C9.96,1.5 11.62,1.41 12.67,2.17 C14.08,3.2 14.42,4.54 14.77,7.02 C15.26,10.35 15.4,11.31 15.87,12.52 C16.2,13.34 17.01,14.61 17,15.5 L17,15.5 Z"/><path fill="none" stroke="#000" d="M12.39,16 C12.39,17.37 11.35,18.43 9.91,18.43 C8.48,18.43 7.42,17.37 7.42,16"/></svg>',behance:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M9.5,10.6c-0.4-0.5-0.9-0.9-1.6-1.1c1.7-1,2.2-3.2,0.7-4.7C7.8,4,6.3,4,5.2,4C3.5,4,1.7,4,0,4v12c1.7,0,3.4,0,5.2,0 c1,0,2.1,0,3.1-0.5C10.2,14.6,10.5,12.3,9.5,10.6L9.5,10.6z M5.6,6.1c1.8,0,1.8,2.7-0.1,2.7c-1,0-2,0-2.9,0V6.1H5.6z M2.6,13.8v-3.1 c1.1,0,2.1,0,3.2,0c2.1,0,2.1,3.2,0.1,3.2L2.6,13.8z"/><path d="M19.9,10.9C19.7,9.2,18.7,7.6,17,7c-4.2-1.3-7.3,3.4-5.3,7.1c0.9,1.7,2.8,2.3,4.7,2.1c1.7-0.2,2.9-1.3,3.4-2.9h-2.2 c-0.4,1.3-2.4,1.5-3.5,0.6c-0.4-0.4-0.6-1.1-0.6-1.7H20C20,11.7,19.9,10.9,19.9,10.9z M13.5,10.6c0-1.6,2.3-2.7,3.5-1.4 c0.4,0.4,0.5,0.9,0.6,1.4H13.5L13.5,10.6z"/><rect x="13" y="4" width="5" height="1.4"/></svg>',ban:'<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"/><line fill="none" stroke="#000" stroke-width="1.1" x1="4" y1="3.5" x2="16" y2="16.5"/></svg>',bag:'<svg width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="#000" d="M7.5,7.5V4A2.48,2.48,0,0,1,10,1.5,2.54,2.54,0,0,1,12.5,4V7.5"/><polygon fill="none" stroke="#000" points="16.5 7.5 3.5 7.5 2.5 18.5 17.5 18.5 16.5 7.5"/></svg>',"arrow-up":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="10.5,4 15.37,9.4 14.63,10.08 10.5,5.49 6.37,10.08 5.63,9.4"/><line fill="none" stroke="#000" x1="10.5" y1="16" x2="10.5" y2="5"/></svg>',"arrow-up-right":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="16 10 16 4 10 4"/><line fill="none" stroke="#000" x1="4" y1="16" x2="16" y2="4"/></svg>',"arrow-right":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14"/><line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5"/></svg>',"arrow-left":'<svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" points="10 14 5 9.5 10 5"/><line fill="none" stroke="#000" x1="16" y1="9.5" x2="5" y2="9.52"/></svg>',"arrow-down":'<svg width="20" height="20" viewBox="0 0 20 20"><polygon points="10.5,16.08 5.63,10.66 6.37,10 10.5,14.58 14.63,10 15.37,10.66"/><line fill="none" stroke="#000" x1="10.5" y1="4" x2="10.5" y2="15"/></svg>',apple:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m17.23,6.93c-.1.08-1.95,1.12-1.95,3.43,0,2.67,2.35,3.62,2.42,3.64-.01.06-.37,1.29-1.24,2.55-.77,1.11-1.58,2.22-2.8,2.22s-1.54-.71-2.95-.71-1.87.73-2.99.73-1.9-1.03-2.8-2.29c-1.04-1.48-1.88-3.78-1.88-5.96,0-3.5,2.28-5.36,4.51-5.36,1.19,0,2.18.78,2.93.78s1.82-.83,3.17-.83c.51,0,2.36.05,3.57,1.79h0Zm-4.21-3.27c.56-.66.96-1.59.96-2.51,0-.13-.01-.26-.03-.36-.91.03-1.99.61-2.65,1.36-.51.58-.99,1.5-.99,2.44,0,.14.02.28.03.33.06.01.15.02.24.02.82,0,1.85-.55,2.44-1.28h0Z"/></svg>',android:'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m14.88,6.77l1.66-2.87c.09-.16.04-.37-.12-.46-.16-.09-.37-.04-.46.12l-1.68,2.91c-1.28-.59-2.73-.91-4.28-.91s-3,.33-4.28.91l-1.68-2.91c-.09-.16-.3-.22-.46-.12-.16.09-.22.3-.12.46l1.66,2.87C2.26,8.32.32,11.22,0,14.61h20c-.32-3.39-2.26-6.29-5.12-7.84h0Zm-9.47,5.03c-.46,0-.84-.38-.84-.84s.38-.84.84-.84.84.38.84.84c0,.46-.37.84-.84.84Zm9.18,0c-.46,0-.84-.38-.84-.84s.38-.84.84-.84.84.38.84.84c0,.46-.37.84-.84.84Z"/></svg>',"android-robot":'<svg width="20" height="20" viewBox="0 0 20 20"><path d="m17.61,7.96v4.64c-.06,1.48-2.17,1.48-2.23,0v-4.64c.06-1.48,2.17-1.48,2.23,0Z"/><path d="m4.62,7.96v4.64c-.06,1.48-2.17,1.48-2.23,0v-4.64c.06-1.48,2.17-1.48,2.23,0Z"/><path d="m12.78,2.85c-.11-.07-.23-.13-.34-.19.13-.23.65-1.17.79-1.42.07-.12-.05-.27-.18-.23-.04.01-.07.04-.09.08l-.79,1.43c-1.32-.6-2.98-.6-4.3,0-.13-.23-.65-1.18-.79-1.43-.04-.07-.14-.1-.21-.06-.08.04-.1.14-.06.21,0,0,.79,1.42.79,1.42-1.49.77-2.53,2.28-2.53,3.99-.02,0,9.93,0,9.93,0,.01-1.55-.87-2.98-2.19-3.8Zm-5.07,1.98c-.23,0-.41-.19-.41-.41.01-.27.21-.41.41-.41s.4.14.42.41c0,.22-.18.42-.41.41Zm4.58,0c-.23,0-.42-.19-.41-.41.01-.28.21-.41.41-.41s.4.14.41.41c0,.23-.19.41-.41.41Z"/><path d="m14.97,7.03v7.2c0,.66-.54,1.2-1.2,1.2h-.8v2.46c-.06,1.48-2.16,1.48-2.23,0,0,0,0-2.46,0-2.46h-1.48v2.46c0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11v-2.46h-.8c-.66,0-1.2-.54-1.2-1.2,0,0,0-7.2,0-7.2h9.93Z"/></svg>',album:'<svg width="20" height="20" viewBox="0 0 20 20"><rect x="5" y="2" width="10" height="1"/><rect x="3" y="4" width="14" height="1"/><rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"/></svg>',"500px":'<svg width="20" height="20" viewBox="0 0 20 20"><path d="M9.624,11.866c-0.141,0.132,0.479,0.658,0.662,0.418c0.051-0.046,0.607-0.61,0.662-0.664c0,0,0.738,0.719,0.814,0.719 c0.1,0,0.207-0.055,0.322-0.17c0.27-0.269,0.135-0.416,0.066-0.495l-0.631-0.616l0.658-0.668c0.146-0.156,0.021-0.314-0.1-0.449 c-0.182-0.18-0.359-0.226-0.471-0.125l-0.656,0.654l-0.654-0.654c-0.033-0.034-0.08-0.045-0.124-0.045 c-0.079,0-0.191,0.068-0.307,0.181c-0.202,0.202-0.247,0.351-0.133,0.462l0.665,0.665L9.624,11.866z"/><path d="M11.066,2.884c-1.061,0-2.185,0.248-3.011,0.604c-0.087,0.034-0.141,0.106-0.15,0.205C7.893,3.784,7.919,3.909,7.982,4.066 c0.05,0.136,0.187,0.474,0.452,0.372c0.844-0.326,1.779-0.507,2.633-0.507c0.963,0,1.9,0.191,2.781,0.564 c0.695,0.292,1.357,0.719,2.078,1.34c0.051,0.044,0.105,0.068,0.164,0.068c0.143,0,0.273-0.137,0.389-0.271 c0.191-0.214,0.324-0.395,0.135-0.575c-0.686-0.654-1.436-1.138-2.363-1.533C13.24,3.097,12.168,2.884,11.066,2.884z"/><path d="M16.43,15.747c-0.092-0.028-0.242,0.05-0.309,0.119l0,0c-0.652,0.652-1.42,1.169-2.268,1.521 c-0.877,0.371-1.814,0.551-2.779,0.551c-0.961,0-1.896-0.189-2.775-0.564c-0.848-0.36-1.612-0.879-2.268-1.53 c-0.682-0.688-1.196-1.455-1.529-2.268c-0.325-0.799-0.471-1.643-0.471-1.643c-0.045-0.24-0.258-0.249-0.567-0.203 c-0.128,0.021-0.519,0.079-0.483,0.36v0.01c0.105,0.644,0.289,1.284,0.545,1.895c0.417,0.969,1.002,1.849,1.756,2.604 c0.757,0.754,1.636,1.34,2.604,1.757C8.901,18.785,9.97,19,11.088,19c1.104,0,2.186-0.215,3.188-0.645 c1.838-0.896,2.604-1.757,2.604-1.757c0.182-0.204,0.227-0.317-0.1-0.643C16.779,15.956,16.525,15.774,16.43,15.747z"/><path d="M5.633,13.287c0.293,0.71,0.723,1.341,1.262,1.882c0.54,0.54,1.172,0.971,1.882,1.264c0.731,0.303,1.509,0.461,2.298,0.461 c0.801,0,1.578-0.158,2.297-0.461c0.711-0.293,1.344-0.724,1.883-1.264c0.543-0.541,0.971-1.172,1.264-1.882 c0.314-0.721,0.463-1.5,0.463-2.298c0-0.79-0.148-1.569-0.463-2.289c-0.293-0.699-0.721-1.329-1.264-1.881 c-0.539-0.541-1.172-0.959-1.867-1.263c-0.721-0.303-1.5-0.461-2.299-0.461c-0.802,0-1.613,0.159-2.322,0.461 c-0.577,0.25-1.544,0.867-2.119,1.454v0.012V2.108h8.16C15.1,2.104,15.1,1.69,15.1,1.552C15.1,1.417,15.1,1,14.809,1H5.915 C5.676,1,5.527,1.192,5.527,1.384v6.84c0,0.214,0.273,0.372,0.529,0.428c0.5,0.105,0.614-0.056,0.737-0.224l0,0 c0.18-0.273,0.776-0.884,0.787-0.894c0.901-0.905,2.117-1.408,3.416-1.408c1.285,0,2.5,0.501,3.412,1.408 c0.914,0.914,1.408,2.122,1.408,3.405c0,1.288-0.508,2.496-1.408,3.405c-0.9,0.896-2.152,1.406-3.438,1.406 c-0.877,0-1.711-0.229-2.433-0.671v-4.158c0-0.553,0.237-1.151,0.643-1.614c0.462-0.519,1.094-0.799,1.782-0.799 c0.664,0,1.293,0.253,1.758,0.715c0.459,0.459,0.709,1.071,0.709,1.723c0,1.385-1.094,2.468-2.488,2.468 c-0.273,0-0.769-0.121-0.781-0.125c-0.281-0.087-0.405,0.306-0.438,0.436c-0.159,0.496,0.079,0.585,0.123,0.607 c0.452,0.137,0.743,0.157,1.129,0.157c1.973,0,3.572-1.6,3.572-3.57c0-1.964-1.6-3.552-3.572-3.552c-0.97,0-1.872,0.36-2.546,1.038 c-0.656,0.631-1.027,1.487-1.027,2.322v3.438v-0.011c-0.372-0.42-0.732-1.041-0.981-1.682c-0.102-0.248-0.315-0.202-0.607-0.113 c-0.135,0.035-0.519,0.157-0.44,0.439C5.372,12.799,5.577,13.164,5.633,13.287z"/></svg>'})}return typeof window<"u"&&window.UIkit&&window.UIkit.use(t),t}); diff --git a/my_flask_app/static/uikit-3.18.0/js/uikit.js b/my_flask_app/static/uikit-3.18.0/js/uikit.js new file mode 100644 index 0000000..a7d5491 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/js/uikit.js @@ -0,0 +1,9764 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define('uikit', factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkit = factory()); +})(this, (function () { 'use strict'; + + const { hasOwnProperty, toString } = Object.prototype; + function hasOwn(obj, key) { + return hasOwnProperty.call(obj, key); + } + const hyphenateRe = /\B([A-Z])/g; + const hyphenate = memoize((str) => str.replace(hyphenateRe, "-$1").toLowerCase()); + const camelizeRe = /-(\w)/g; + const camelize = memoize( + (str) => (str.charAt(0).toLowerCase() + str.slice(1)).replace(camelizeRe, (_, c) => c.toUpperCase()) + ); + const ucfirst = memoize((str) => str.charAt(0).toUpperCase() + str.slice(1)); + function startsWith(str, search) { + var _a; + return (_a = str == null ? void 0 : str.startsWith) == null ? void 0 : _a.call(str, search); + } + function endsWith(str, search) { + var _a; + return (_a = str == null ? void 0 : str.endsWith) == null ? void 0 : _a.call(str, search); + } + function includes(obj, search) { + var _a; + return (_a = obj == null ? void 0 : obj.includes) == null ? void 0 : _a.call(obj, search); + } + function findIndex(array, predicate) { + var _a; + return (_a = array == null ? void 0 : array.findIndex) == null ? void 0 : _a.call(array, predicate); + } + const { isArray, from: toArray } = Array; + const { assign } = Object; + function isFunction(obj) { + return typeof obj === "function"; + } + function isObject(obj) { + return obj !== null && typeof obj === "object"; + } + function isPlainObject(obj) { + return toString.call(obj) === "[object Object]"; + } + function isWindow(obj) { + return isObject(obj) && obj === obj.window; + } + function isDocument(obj) { + return nodeType(obj) === 9; + } + function isNode(obj) { + return nodeType(obj) >= 1; + } + function isElement(obj) { + return nodeType(obj) === 1; + } + function nodeType(obj) { + return !isWindow(obj) && isObject(obj) && obj.nodeType; + } + function isBoolean(value) { + return typeof value === "boolean"; + } + function isString(value) { + return typeof value === "string"; + } + function isNumber(value) { + return typeof value === "number"; + } + function isNumeric(value) { + return isNumber(value) || isString(value) && !isNaN(value - parseFloat(value)); + } + function isEmpty(obj) { + return !(isArray(obj) ? obj.length : isObject(obj) ? Object.keys(obj).length : false); + } + function isUndefined(value) { + return value === void 0; + } + function toBoolean(value) { + return isBoolean(value) ? value : value === "true" || value === "1" || value === "" ? true : value === "false" || value === "0" ? false : value; + } + function toNumber(value) { + const number = Number(value); + return isNaN(number) ? false : number; + } + function toFloat(value) { + return parseFloat(value) || 0; + } + function toNode(element) { + return toNodes(element)[0]; + } + function toNodes(element) { + return isNode(element) ? [element] : Array.from(element || []).filter(isNode); + } + function toWindow(element) { + if (isWindow(element)) { + return element; + } + element = toNode(element); + const document = isDocument(element) ? element : element == null ? void 0 : element.ownerDocument; + return (document == null ? void 0 : document.defaultView) || window; + } + function isEqual(value, other) { + return value === other || isObject(value) && isObject(other) && Object.keys(value).length === Object.keys(other).length && each(value, (val, key) => val === other[key]); + } + function swap(value, a, b) { + return value.replace(new RegExp(`${a}|${b}`, "g"), (match) => match === a ? b : a); + } + function last(array) { + return array[array.length - 1]; + } + function each(obj, cb) { + for (const key in obj) { + if (false === cb(obj[key], key)) { + return false; + } + } + return true; + } + function sortBy(array, prop) { + return array.slice().sort( + ({ [prop]: propA = 0 }, { [prop]: propB = 0 }) => propA > propB ? 1 : propB > propA ? -1 : 0 + ); + } + function sumBy(array, iteratee) { + return array.reduce( + (sum, item) => sum + toFloat(isFunction(iteratee) ? iteratee(item) : item[iteratee]), + 0 + ); + } + function uniqueBy(array, prop) { + const seen = /* @__PURE__ */ new Set(); + return array.filter(({ [prop]: check }) => seen.has(check) ? false : seen.add(check)); + } + function pick(obj, props) { + return props.reduce((res, prop) => ({ ...res, [prop]: obj[prop] }), {}); + } + function clamp(number, min = 0, max = 1) { + return Math.min(Math.max(toNumber(number) || 0, min), max); + } + function noop() { + } + function intersectRect(...rects) { + return [ + ["bottom", "top"], + ["right", "left"] + ].every( + ([minProp, maxProp]) => Math.min(...rects.map(({ [minProp]: min }) => min)) - Math.max(...rects.map(({ [maxProp]: max }) => max)) > 0 + ); + } + function pointInRect(point, rect) { + return point.x <= rect.right && point.x >= rect.left && point.y <= rect.bottom && point.y >= rect.top; + } + function ratio(dimensions, prop, value) { + const aProp = prop === "width" ? "height" : "width"; + return { + [aProp]: dimensions[prop] ? Math.round(value * dimensions[aProp] / dimensions[prop]) : dimensions[aProp], + [prop]: value + }; + } + function contain(dimensions, maxDimensions) { + dimensions = { ...dimensions }; + for (const prop in dimensions) { + dimensions = dimensions[prop] > maxDimensions[prop] ? ratio(dimensions, prop, maxDimensions[prop]) : dimensions; + } + return dimensions; + } + function cover$1(dimensions, maxDimensions) { + dimensions = contain(dimensions, maxDimensions); + for (const prop in dimensions) { + dimensions = dimensions[prop] < maxDimensions[prop] ? ratio(dimensions, prop, maxDimensions[prop]) : dimensions; + } + return dimensions; + } + const Dimensions = { ratio, contain, cover: cover$1 }; + function getIndex(i, elements, current = 0, finite = false) { + elements = toNodes(elements); + const { length } = elements; + if (!length) { + return -1; + } + i = isNumeric(i) ? toNumber(i) : i === "next" ? current + 1 : i === "previous" ? current - 1 : i === "last" ? length - 1 : elements.indexOf(toNode(i)); + if (finite) { + return clamp(i, 0, length - 1); + } + i %= length; + return i < 0 ? i + length : i; + } + function memoize(fn) { + const cache = /* @__PURE__ */ Object.create(null); + return (key, ...args) => cache[key] || (cache[key] = fn(key, ...args)); + } + + function attr(element, name, value) { + var _a; + if (isObject(name)) { + for (const key in name) { + attr(element, key, name[key]); + } + return; + } + if (isUndefined(value)) { + return (_a = toNode(element)) == null ? void 0 : _a.getAttribute(name); + } else { + for (const el of toNodes(element)) { + if (isFunction(value)) { + value = value.call(el, attr(el, name)); + } + if (value === null) { + removeAttr(el, name); + } else { + el.setAttribute(name, value); + } + } + } + } + function hasAttr(element, name) { + return toNodes(element).some((element2) => element2.hasAttribute(name)); + } + function removeAttr(element, name) { + toNodes(element).forEach((element2) => element2.removeAttribute(name)); + } + function data(element, attribute) { + for (const name of [attribute, `data-${attribute}`]) { + if (hasAttr(element, name)) { + return attr(element, name); + } + } + } + + function addClass(element, ...classes) { + for (const node of toNodes(element)) { + const add = toClasses(classes).filter((cls) => !hasClass(node, cls)); + if (add.length) { + node.classList.add(...add); + } + } + } + function removeClass(element, ...classes) { + for (const node of toNodes(element)) { + const remove = toClasses(classes).filter((cls) => hasClass(node, cls)); + if (remove.length) { + node.classList.remove(...remove); + } + } + } + function removeClasses(element, clsRegex) { + clsRegex = new RegExp(clsRegex); + for (const node of toNodes(element)) { + node.classList.remove(...toArray(node.classList).filter((cls) => cls.match(clsRegex))); + } + } + function replaceClass(element, oldClass, newClass) { + newClass = toClasses(newClass); + oldClass = toClasses(oldClass).filter((cls) => !includes(newClass, cls)); + removeClass(element, oldClass); + addClass(element, newClass); + } + function hasClass(element, cls) { + [cls] = toClasses(cls); + return toNodes(element).some((node) => node.classList.contains(cls)); + } + function toggleClass(element, cls, force) { + const classes = toClasses(cls); + if (!isUndefined(force)) { + force = !!force; + } + for (const node of toNodes(element)) { + for (const cls2 of classes) { + node.classList.toggle(cls2, force); + } + } + } + function toClasses(str) { + return str ? isArray(str) ? str.map(toClasses).flat() : String(str).split(/[ ,]/).filter(Boolean) : []; + } + + const voidElements = { + area: true, + base: true, + br: true, + col: true, + embed: true, + hr: true, + img: true, + input: true, + keygen: true, + link: true, + meta: true, + param: true, + source: true, + track: true, + wbr: true + }; + function isVoidElement(element) { + return toNodes(element).some((element2) => voidElements[element2.tagName.toLowerCase()]); + } + function isVisible(element) { + return toNodes(element).some( + (element2) => element2.offsetWidth || element2.offsetHeight || element2.getClientRects().length + ); + } + const selInput = "input,select,textarea,button"; + function isInput(element) { + return toNodes(element).some((element2) => matches(element2, selInput)); + } + const selFocusable = `${selInput},a[href],[tabindex]`; + function isFocusable(element) { + return matches(element, selFocusable); + } + function parent(element) { + var _a; + return (_a = toNode(element)) == null ? void 0 : _a.parentElement; + } + function filter$1(element, selector) { + return toNodes(element).filter((element2) => matches(element2, selector)); + } + function matches(element, selector) { + return toNodes(element).some((element2) => element2.matches(selector)); + } + function closest(element, selector) { + var _a; + return (_a = toNode(element)) == null ? void 0 : _a.closest(startsWith(selector, ">") ? selector.slice(1) : selector); + } + function within(element, selector) { + return isString(selector) ? !!closest(element, selector) : toNode(selector).contains(toNode(element)); + } + function parents(element, selector) { + const elements = []; + while (element = parent(element)) { + if (!selector || matches(element, selector)) { + elements.push(element); + } + } + return elements; + } + function children(element, selector) { + element = toNode(element); + const children2 = element ? toArray(element.children) : []; + return selector ? filter$1(children2, selector) : children2; + } + function index(element, ref) { + return ref ? toNodes(element).indexOf(toNode(ref)) : children(parent(element)).indexOf(element); + } + function isSameSiteAnchor(el) { + el = toNode(el); + return el && ["origin", "pathname", "search"].every((part) => el[part] === location[part]); + } + function getTargetedElement(el) { + if (isSameSiteAnchor(el)) { + el = toNode(el); + const id = decodeURIComponent(el.hash).substring(1); + return document.getElementById(id) || document.getElementsByName(id)[0]; + } + } + + function query(selector, context) { + return find(selector, getContext(selector, context)); + } + function queryAll(selector, context) { + return findAll(selector, getContext(selector, context)); + } + function find(selector, context) { + return toNode(_query(selector, toNode(context), "querySelector")); + } + function findAll(selector, context) { + return toNodes(_query(selector, toNode(context), "querySelectorAll")); + } + const contextSelectorRe = /(^|[^\\],)\s*[!>+~-]/; + const isContextSelector = memoize((selector) => selector.match(contextSelectorRe)); + function getContext(selector, context = document) { + return isString(selector) && isContextSelector(selector) || isDocument(context) ? context : context.ownerDocument; + } + const contextSanitizeRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g; + const sanatize = memoize((selector) => selector.replace(contextSanitizeRe, "$1 *")); + function _query(selector, context = document, queryFn) { + if (!selector || !isString(selector)) { + return selector; + } + selector = sanatize(selector); + if (isContextSelector(selector)) { + const split = splitSelector(selector); + selector = ""; + for (let sel of split) { + let ctx = context; + if (sel[0] === "!") { + const selectors = sel.substr(1).trim().split(" "); + ctx = parent(context).closest(selectors[0]); + sel = selectors.slice(1).join(" ").trim(); + if (!sel.length && split.length === 1) { + return ctx; + } + } + if (sel[0] === "-") { + const selectors = sel.substr(1).trim().split(" "); + const prev = (ctx || context).previousElementSibling; + ctx = matches(prev, sel.substr(1)) ? prev : null; + sel = selectors.slice(1).join(" "); + } + if (ctx) { + selector += `${selector ? "," : ""}${domPath(ctx)} ${sel}`; + } + } + if (!isDocument(context)) { + context = context.ownerDocument; + } + } + try { + return context[queryFn](selector); + } catch (e) { + return null; + } + } + const selectorRe = /.*?[^\\](?![^(]*\))(?:,|$)/g; + const splitSelector = memoize( + (selector) => selector.match(selectorRe).map((selector2) => selector2.replace(/,$/, "").trim()) + ); + function domPath(element) { + const names = []; + while (element.parentNode) { + const id = attr(element, "id"); + if (id) { + names.unshift(`#${escape(id)}`); + break; + } else { + let { tagName } = element; + if (tagName !== "HTML") { + tagName += `:nth-child(${index(element) + 1})`; + } + names.unshift(tagName); + element = element.parentNode; + } + } + return names.join(" > "); + } + function escape(css) { + return isString(css) ? CSS.escape(css) : ""; + } + + function on(...args) { + let [targets, types, selector, listener, useCapture = false] = getArgs(args); + if (listener.length > 1) { + listener = detail(listener); + } + if (useCapture == null ? void 0 : useCapture.self) { + listener = selfFilter(listener); + } + if (selector) { + listener = delegate(selector, listener); + } + for (const type of types) { + for (const target of targets) { + target.addEventListener(type, listener, useCapture); + } + } + return () => off(targets, types, listener, useCapture); + } + function off(...args) { + let [targets, types, , listener, useCapture = false] = getArgs(args); + for (const type of types) { + for (const target of targets) { + target.removeEventListener(type, listener, useCapture); + } + } + } + function once(...args) { + const [element, types, selector, listener, useCapture = false, condition] = getArgs(args); + const off2 = on( + element, + types, + selector, + (e) => { + const result = !condition || condition(e); + if (result) { + off2(); + listener(e, result); + } + }, + useCapture + ); + return off2; + } + function trigger(targets, event, detail2) { + return toEventTargets(targets).every( + (target) => target.dispatchEvent(createEvent(event, true, true, detail2)) + ); + } + function createEvent(e, bubbles = true, cancelable = false, detail2) { + if (isString(e)) { + e = new CustomEvent(e, { bubbles, cancelable, detail: detail2 }); + } + return e; + } + function getArgs(args) { + args[0] = toEventTargets(args[0]); + if (isString(args[1])) { + args[1] = args[1].split(" "); + } + if (isFunction(args[2])) { + args.splice(2, 0, false); + } + return args; + } + function delegate(selector, listener) { + return (e) => { + const current = selector[0] === ">" ? findAll(selector, e.currentTarget).reverse().find((element) => element.contains(e.target)) : e.target.closest(selector); + if (current) { + e.current = current; + listener.call(this, e); + delete e.current; + } + }; + } + function detail(listener) { + return (e) => isArray(e.detail) ? listener(e, ...e.detail) : listener(e); + } + function selfFilter(listener) { + return function(e) { + if (e.target === e.currentTarget || e.target === e.current) { + return listener.call(null, e); + } + }; + } + function isEventTarget(target) { + return target && "addEventListener" in target; + } + function toEventTarget(target) { + return isEventTarget(target) ? target : toNode(target); + } + function toEventTargets(target) { + return isArray(target) ? target.map(toEventTarget).filter(Boolean) : isString(target) ? findAll(target) : isEventTarget(target) ? [target] : toNodes(target); + } + function isTouch(e) { + return e.pointerType === "touch" || !!e.touches; + } + function getEventPos(e) { + var _a, _b; + const { clientX: x, clientY: y } = ((_a = e.touches) == null ? void 0 : _a[0]) || ((_b = e.changedTouches) == null ? void 0 : _b[0]) || e; + return { x, y }; + } + + const cssNumber = { + "animation-iteration-count": true, + "column-count": true, + "fill-opacity": true, + "flex-grow": true, + "flex-shrink": true, + "font-weight": true, + "line-height": true, + opacity: true, + order: true, + orphans: true, + "stroke-dasharray": true, + "stroke-dashoffset": true, + widows: true, + "z-index": true, + zoom: true + }; + function css(element, property, value, priority) { + const elements = toNodes(element); + for (const element2 of elements) { + if (isString(property)) { + property = propName(property); + if (isUndefined(value)) { + return getComputedStyle(element2).getPropertyValue(property); + } else { + element2.style.setProperty( + property, + isNumeric(value) && !cssNumber[property] ? `${value}px` : value || isNumber(value) ? value : "", + priority + ); + } + } else if (isArray(property)) { + const props = {}; + for (const prop of property) { + props[prop] = css(element2, prop); + } + return props; + } else if (isObject(property)) { + for (const prop in property) { + css(element2, prop, property[prop], value); + } + } + } + return elements[0]; + } + const propName = memoize((name) => vendorPropName(name)); + function vendorPropName(name) { + if (startsWith(name, "--")) { + return name; + } + name = hyphenate(name); + const { style } = document.documentElement; + if (name in style) { + return name; + } + for (const prefix of ["webkit", "moz"]) { + const prefixedName = `-${prefix}-${name}`; + if (prefixedName in style) { + return prefixedName; + } + } + } + + const clsTransition = "uk-transition"; + const transitionEnd = "transitionend"; + const transitionCanceled = "transitioncanceled"; + function transition$1(element, props, duration = 400, timing = "linear") { + duration = Math.round(duration); + return Promise.all( + toNodes(element).map( + (element2) => new Promise((resolve, reject) => { + for (const name in props) { + const value = css(element2, name); + if (value === "") { + css(element2, name, value); + } + } + const timer = setTimeout(() => trigger(element2, transitionEnd), duration); + once( + element2, + [transitionEnd, transitionCanceled], + ({ type }) => { + clearTimeout(timer); + removeClass(element2, clsTransition); + css(element2, { + transitionProperty: "", + transitionDuration: "", + transitionTimingFunction: "" + }); + type === transitionCanceled ? reject() : resolve(element2); + }, + { self: true } + ); + addClass(element2, clsTransition); + css(element2, { + transitionProperty: Object.keys(props).map(propName).join(","), + transitionDuration: `${duration}ms`, + transitionTimingFunction: timing, + ...props + }); + }) + ) + ); + } + const Transition = { + start: transition$1, + async stop(element) { + trigger(element, transitionEnd); + await Promise.resolve(); + }, + async cancel(element) { + trigger(element, transitionCanceled); + await Promise.resolve(); + }, + inProgress(element) { + return hasClass(element, clsTransition); + } + }; + const animationPrefix = "uk-animation-"; + const animationEnd = "animationend"; + const animationCanceled = "animationcanceled"; + function animate$2(element, animation, duration = 200, origin, out) { + return Promise.all( + toNodes(element).map( + (element2) => new Promise((resolve, reject) => { + trigger(element2, animationCanceled); + const timer = setTimeout(() => trigger(element2, animationEnd), duration); + once( + element2, + [animationEnd, animationCanceled], + ({ type }) => { + clearTimeout(timer); + type === animationCanceled ? reject() : resolve(element2); + css(element2, "animationDuration", ""); + removeClasses(element2, `${animationPrefix}\\S*`); + }, + { self: true } + ); + css(element2, "animationDuration", `${duration}ms`); + addClass(element2, animation, animationPrefix + (out ? "leave" : "enter")); + if (startsWith(animation, animationPrefix)) { + origin && addClass(element2, `uk-transform-origin-${origin}`); + out && addClass(element2, `${animationPrefix}reverse`); + } + }) + ) + ); + } + const inProgressRe = new RegExp(`${animationPrefix}(enter|leave)`); + const Animation = { + in: animate$2, + out(element, animation, duration, origin) { + return animate$2(element, animation, duration, origin, true); + }, + inProgress(element) { + return inProgressRe.test(attr(element, "class")); + }, + cancel(element) { + trigger(element, animationCanceled); + } + }; + + function ready(fn) { + if (document.readyState !== "loading") { + fn(); + return; + } + once(document, "DOMContentLoaded", fn); + } + function isTag(element, ...tagNames) { + return tagNames.some((tagName) => { + var _a; + return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === tagName.toLowerCase(); + }); + } + function empty(element) { + element = $(element); + element.innerHTML = ""; + return element; + } + function html(parent2, html2) { + return isUndefined(html2) ? $(parent2).innerHTML : append(empty(parent2), html2); + } + const prepend = applyFn("prepend"); + const append = applyFn("append"); + const before = applyFn("before"); + const after = applyFn("after"); + function applyFn(fn) { + return function(ref, element) { + var _a; + const nodes = toNodes(isString(element) ? fragment(element) : element); + (_a = $(ref)) == null ? void 0 : _a[fn](...nodes); + return unwrapSingle(nodes); + }; + } + function remove$1(element) { + toNodes(element).forEach((element2) => element2.remove()); + } + function wrapAll(element, structure) { + structure = toNode(before(element, structure)); + while (structure.firstElementChild) { + structure = structure.firstElementChild; + } + append(structure, element); + return structure; + } + function wrapInner(element, structure) { + return toNodes( + toNodes(element).map( + (element2) => element2.hasChildNodes() ? wrapAll(toArray(element2.childNodes), structure) : append(element2, structure) + ) + ); + } + function unwrap(element) { + toNodes(element).map(parent).filter((value, index, self) => self.indexOf(value) === index).forEach((parent2) => parent2.replaceWith(...parent2.childNodes)); + } + const singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/; + function fragment(html2) { + const matches = singleTagRe.exec(html2); + if (matches) { + return document.createElement(matches[1]); + } + const container = document.createElement("template"); + container.innerHTML = html2.trim(); + return unwrapSingle(container.content.childNodes); + } + function unwrapSingle(nodes) { + return nodes.length > 1 ? nodes : nodes[0]; + } + function apply(node, fn) { + if (!isElement(node)) { + return; + } + fn(node); + node = node.firstElementChild; + while (node) { + const next = node.nextElementSibling; + apply(node, fn); + node = next; + } + } + function $(selector, context) { + return isHtml(selector) ? toNode(fragment(selector)) : find(selector, context); + } + function $$(selector, context) { + return isHtml(selector) ? toNodes(fragment(selector)) : findAll(selector, context); + } + function isHtml(str) { + return isString(str) && startsWith(str.trim(), "<"); + } + + const dirs$1 = { + width: ["left", "right"], + height: ["top", "bottom"] + }; + function dimensions$1(element) { + const rect = isElement(element) ? toNode(element).getBoundingClientRect() : { height: height(element), width: width(element), top: 0, left: 0 }; + return { + height: rect.height, + width: rect.width, + top: rect.top, + left: rect.left, + bottom: rect.top + rect.height, + right: rect.left + rect.width + }; + } + function offset(element, coordinates) { + if (coordinates) { + css(element, { left: 0, top: 0 }); + } + const currentOffset = dimensions$1(element); + if (element) { + const { scrollY, scrollX } = toWindow(element); + const offsetBy = { height: scrollY, width: scrollX }; + for (const dir in dirs$1) { + for (const prop of dirs$1[dir]) { + currentOffset[prop] += offsetBy[dir]; + } + } + } + if (!coordinates) { + return currentOffset; + } + for (const prop of ["left", "top"]) { + css(element, prop, coordinates[prop] - currentOffset[prop]); + } + } + function position(element) { + let { top, left } = offset(element); + const { + ownerDocument: { body, documentElement }, + offsetParent + } = toNode(element); + let parent = offsetParent || documentElement; + while (parent && (parent === body || parent === documentElement) && css(parent, "position") === "static") { + parent = parent.parentNode; + } + if (isElement(parent)) { + const parentOffset = offset(parent); + top -= parentOffset.top + toFloat(css(parent, "borderTopWidth")); + left -= parentOffset.left + toFloat(css(parent, "borderLeftWidth")); + } + return { + top: top - toFloat(css(element, "marginTop")), + left: left - toFloat(css(element, "marginLeft")) + }; + } + function offsetPosition(element) { + element = toNode(element); + const offset2 = [element.offsetTop, element.offsetLeft]; + while (element = element.offsetParent) { + offset2[0] += element.offsetTop + toFloat(css(element, `borderTopWidth`)); + offset2[1] += element.offsetLeft + toFloat(css(element, `borderLeftWidth`)); + if (css(element, "position") === "fixed") { + const win = toWindow(element); + offset2[0] += win.scrollY; + offset2[1] += win.scrollX; + return offset2; + } + } + return offset2; + } + const height = dimension("height"); + const width = dimension("width"); + function dimension(prop) { + const propName = ucfirst(prop); + return (element, value) => { + if (isUndefined(value)) { + if (isWindow(element)) { + return element[`inner${propName}`]; + } + if (isDocument(element)) { + const doc = element.documentElement; + return Math.max(doc[`offset${propName}`], doc[`scroll${propName}`]); + } + element = toNode(element); + value = css(element, prop); + value = value === "auto" ? element[`offset${propName}`] : toFloat(value) || 0; + return value - boxModelAdjust(element, prop); + } else { + return css( + element, + prop, + !value && value !== 0 ? "" : +value + boxModelAdjust(element, prop) + "px" + ); + } + }; + } + function boxModelAdjust(element, prop, sizing = "border-box") { + return css(element, "boxSizing") === sizing ? sumBy( + dirs$1[prop].map(ucfirst), + (prop2) => toFloat(css(element, `padding${prop2}`)) + toFloat(css(element, `border${prop2}Width`)) + ) : 0; + } + function flipPosition(pos) { + for (const dir in dirs$1) { + for (const i in dirs$1[dir]) { + if (dirs$1[dir][i] === pos) { + return dirs$1[dir][1 - i]; + } + } + } + return pos; + } + function toPx(value, property = "width", element = window, offsetDim = false) { + if (!isString(value)) { + return toFloat(value); + } + return sumBy(parseCalc(value), (value2) => { + const unit = parseUnit(value2); + return unit ? percent( + unit === "vh" ? getViewportHeight() : unit === "vw" ? width(toWindow(element)) : offsetDim ? element[`offset${ucfirst(property)}`] : dimensions$1(element)[property], + value2 + ) : value2; + }); + } + const calcRe = /-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g; + const parseCalc = memoize((calc) => calc.toString().replace(/\s/g, "").match(calcRe) || []); + const unitRe$1 = /(?:v[hw]|%)$/; + const parseUnit = memoize((str) => (str.match(unitRe$1) || [])[0]); + function percent(base, value) { + return base * toFloat(value) / 100; + } + let vh; + let vhEl; + function getViewportHeight() { + if (vh) { + return vh; + } + if (!vhEl) { + vhEl = $("<div>"); + css(vhEl, { + height: "100vh", + position: "fixed" + }); + on(window, "resize", () => vh = null); + } + append(document.body, vhEl); + vh = vhEl.clientHeight; + remove$1(vhEl); + return vh; + } + + const inBrowser = typeof window !== "undefined"; + const isRtl = inBrowser && document.dir === "rtl"; + const hasTouch = inBrowser && "ontouchstart" in window; + const hasPointerEvents = inBrowser && window.PointerEvent; + const pointerDown$1 = hasPointerEvents ? "pointerdown" : hasTouch ? "touchstart" : "mousedown"; + const pointerMove$1 = hasPointerEvents ? "pointermove" : hasTouch ? "touchmove" : "mousemove"; + const pointerUp$1 = hasPointerEvents ? "pointerup" : hasTouch ? "touchend" : "mouseup"; + const pointerEnter = hasPointerEvents ? "pointerenter" : hasTouch ? "" : "mouseenter"; + const pointerLeave = hasPointerEvents ? "pointerleave" : hasTouch ? "" : "mouseleave"; + const pointerCancel = hasPointerEvents ? "pointercancel" : "touchcancel"; + + const fastdom = { + reads: [], + writes: [], + read(task) { + this.reads.push(task); + scheduleFlush(); + return task; + }, + write(task) { + this.writes.push(task); + scheduleFlush(); + return task; + }, + clear(task) { + remove(this.reads, task); + remove(this.writes, task); + }, + flush + }; + function flush(recursion) { + runTasks(fastdom.reads); + runTasks(fastdom.writes.splice(0)); + fastdom.scheduled = false; + if (fastdom.reads.length || fastdom.writes.length) { + scheduleFlush(recursion + 1); + } + } + const RECURSION_LIMIT = 4; + function scheduleFlush(recursion) { + if (fastdom.scheduled) { + return; + } + fastdom.scheduled = true; + if (recursion && recursion < RECURSION_LIMIT) { + Promise.resolve().then(() => flush(recursion)); + } else { + requestAnimationFrame(() => flush(1)); + } + } + function runTasks(tasks) { + let task; + while (task = tasks.shift()) { + try { + task(); + } catch (e) { + console.error(e); + } + } + } + function remove(array, item) { + const index = array.indexOf(item); + return ~index && array.splice(index, 1); + } + + class MouseTracker { + init() { + this.positions = []; + let position; + this.unbind = on(document, "mousemove", (e) => position = getEventPos(e)); + this.interval = setInterval(() => { + if (!position) { + return; + } + this.positions.push(position); + if (this.positions.length > 5) { + this.positions.shift(); + } + }, 50); + } + cancel() { + var _a; + (_a = this.unbind) == null ? void 0 : _a.call(this); + clearInterval(this.interval); + } + movesTo(target) { + if (!this.positions || this.positions.length < 2) { + return false; + } + const p = dimensions$1(target); + const { left, right, top, bottom } = p; + const [prevPosition] = this.positions; + const position = last(this.positions); + const path = [prevPosition, position]; + if (pointInRect(position, p)) { + return false; + } + const diagonals = [ + [ + { x: left, y: top }, + { x: right, y: bottom } + ], + [ + { x: left, y: bottom }, + { x: right, y: top } + ] + ]; + return diagonals.some((diagonal) => { + const intersection = intersect(path, diagonal); + return intersection && pointInRect(intersection, p); + }); + } + } + function intersect([{ x: x1, y: y1 }, { x: x2, y: y2 }], [{ x: x3, y: y3 }, { x: x4, y: y4 }]) { + const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1); + if (denominator === 0) { + return false; + } + const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator; + if (ua < 0) { + return false; + } + return { x: x1 + ua * (x2 - x1), y: y1 + ua * (y2 - y1) }; + } + + function observeIntersection(targets, cb, options = {}, { intersecting = true } = {}) { + const observer = new IntersectionObserver( + intersecting ? (entries, observer2) => { + if (entries.some((entry) => entry.isIntersecting)) { + cb(entries, observer2); + } + } : cb, + options + ); + for (const el of toNodes(targets)) { + observer.observe(el); + } + return observer; + } + const hasResizeObserver = inBrowser && window.ResizeObserver; + function observeResize(targets, cb, options = { box: "border-box" }) { + if (hasResizeObserver) { + return observe$1(ResizeObserver, targets, cb, options); + } + const off = [on(window, "load resize", cb), on(document, "loadedmetadata load", cb, true)]; + return { disconnect: () => off.map((cb2) => cb2()) }; + } + function observeViewportResize(cb) { + return { disconnect: on([window, window.visualViewport], "resize", cb) }; + } + function observeMutation(targets, cb, options) { + return observe$1(MutationObserver, targets, cb, options); + } + function observe$1(Observer, targets, cb, options) { + const observer = new Observer(cb); + for (const el of toNodes(targets)) { + observer.observe(el, options); + } + return observer; + } + + function play(el) { + if (isIFrame(el)) { + call(el, { func: "playVideo", method: "play" }); + } + if (isHTML5(el)) { + el.play(); + } + } + function pause(el) { + if (isIFrame(el)) { + call(el, { func: "pauseVideo", method: "pause" }); + } + if (isHTML5(el)) { + el.pause(); + } + } + function mute(el) { + if (isIFrame(el)) { + call(el, { func: "mute", method: "setVolume", value: 0 }); + } + if (isHTML5(el)) { + el.muted = true; + } + } + function isVideo(el) { + return isHTML5(el) || isIFrame(el); + } + function isHTML5(el) { + return isTag(el, "video"); + } + function isIFrame(el) { + return isTag(el, "iframe") && (isYoutube(el) || isVimeo(el)); + } + function isYoutube(el) { + return !!el.src.match( + /\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/ + ); + } + function isVimeo(el) { + return !!el.src.match(/vimeo\.com\/video\/.*/); + } + async function call(el, cmd) { + await enableApi(el); + post(el, cmd); + } + function post(el, cmd) { + el.contentWindow.postMessage(JSON.stringify({ event: "command", ...cmd }), "*"); + } + const stateKey = "_ukPlayer"; + let counter = 0; + function enableApi(el) { + if (el[stateKey]) { + return el[stateKey]; + } + const youtube = isYoutube(el); + const vimeo = isVimeo(el); + const id = ++counter; + let poller; + return el[stateKey] = new Promise((resolve) => { + youtube && once(el, "load", () => { + const listener = () => post(el, { event: "listening", id }); + poller = setInterval(listener, 100); + listener(); + }); + once(window, "message", resolve, false, ({ data }) => { + try { + data = JSON.parse(data); + return youtube && (data == null ? void 0 : data.id) === id && data.event === "onReady" || vimeo && Number(data == null ? void 0 : data.player_id) === id; + } catch (e) { + } + }); + el.src = `${el.src}${includes(el.src, "?") ? "&" : "?"}${youtube ? "enablejsapi=1" : `api=1&player_id=${id}`}`; + }).then(() => clearInterval(poller)); + } + + function isInView(element, offsetTop = 0, offsetLeft = 0) { + if (!isVisible(element)) { + return false; + } + return intersectRect( + ...overflowParents(element).map((parent2) => { + const { top, left, bottom, right } = offsetViewport(parent2); + return { + top: top - offsetTop, + left: left - offsetLeft, + bottom: bottom + offsetTop, + right: right + offsetLeft + }; + }).concat(offset(element)) + ); + } + function scrollIntoView(element, { offset: offsetBy = 0 } = {}) { + const parents2 = isVisible(element) ? scrollParents(element, false, ["hidden"]) : []; + return parents2.reduce( + (fn, scrollElement, i) => { + const { scrollTop, scrollHeight, offsetHeight } = scrollElement; + const viewport = offsetViewport(scrollElement); + const maxScroll = scrollHeight - viewport.height; + const { height: elHeight, top: elTop } = parents2[i - 1] ? offsetViewport(parents2[i - 1]) : offset(element); + let top = Math.ceil(elTop - viewport.top - offsetBy + scrollTop); + if (offsetBy > 0 && offsetHeight < elHeight + offsetBy) { + top += offsetBy; + } else { + offsetBy = 0; + } + if (top > maxScroll) { + offsetBy -= top - maxScroll; + top = maxScroll; + } else if (top < 0) { + offsetBy -= top; + top = 0; + } + return () => scrollTo(scrollElement, top - scrollTop, element, maxScroll).then(fn); + }, + () => Promise.resolve() + )(); + function scrollTo(element2, top, targetEl, maxScroll) { + return new Promise((resolve) => { + const scroll = element2.scrollTop; + const duration = getDuration(Math.abs(top)); + const start = Date.now(); + const isScrollingElement = scrollingElement(element2) === element2; + const targetTop = offset(targetEl).top + (isScrollingElement ? 0 : scroll); + let prev = 0; + let frames = 15; + (function step() { + const percent = ease(clamp((Date.now() - start) / duration)); + let diff = 0; + if (parents2[0] === element2 && scroll + top < maxScroll) { + diff = offset(targetEl).top + (isScrollingElement ? 0 : element2.scrollTop) - targetTop; + const coverEl = getCoveringElement(targetEl); + diff -= coverEl ? offset(coverEl).height : 0; + } + element2.scrollTop = Math[top + diff > 0 ? "max" : "min"]( + element2.scrollTop, + scroll + (top + diff) * percent + ); + if (percent === 1 && (prev === diff || !frames--)) { + resolve(); + } else { + prev = diff; + requestAnimationFrame(step); + } + })(); + }); + } + function getDuration(dist) { + return 40 * Math.pow(dist, 0.375); + } + function ease(k) { + return 0.5 * (1 - Math.cos(Math.PI * k)); + } + } + function scrolledOver(element, startOffset = 0, endOffset = 0) { + if (!isVisible(element)) { + return 0; + } + const scrollElement = scrollParent(element, true); + const { scrollHeight, scrollTop } = scrollElement; + const { height: viewportHeight } = offsetViewport(scrollElement); + const maxScroll = scrollHeight - viewportHeight; + const elementOffsetTop = offsetPosition(element)[0] - offsetPosition(scrollElement)[0]; + const start = Math.max(0, elementOffsetTop - viewportHeight + startOffset); + const end = Math.min(maxScroll, elementOffsetTop + element.offsetHeight - endOffset); + return start < end ? clamp((scrollTop - start) / (end - start)) : 1; + } + function scrollParents(element, scrollable = false, props = []) { + const scrollEl = scrollingElement(element); + let ancestors = parents(element).reverse(); + ancestors = ancestors.slice(ancestors.indexOf(scrollEl) + 1); + const fixedIndex = findIndex(ancestors, (el) => css(el, "position") === "fixed"); + if (~fixedIndex) { + ancestors = ancestors.slice(fixedIndex); + } + return [scrollEl].concat( + ancestors.filter( + (parent2) => css(parent2, "overflow").split(" ").some((prop) => includes(["auto", "scroll", ...props], prop)) && (!scrollable || parent2.scrollHeight > offsetViewport(parent2).height) + ) + ).reverse(); + } + function scrollParent(...args) { + return scrollParents(...args)[0]; + } + function overflowParents(element) { + return scrollParents(element, false, ["hidden", "clip"]); + } + function offsetViewport(scrollElement) { + const window = toWindow(scrollElement); + let viewportElement = scrollElement === scrollingElement(scrollElement) ? window : scrollElement; + if (isWindow(viewportElement) && window.visualViewport) { + let { height, width, scale, pageTop: top, pageLeft: left } = window.visualViewport; + height = Math.round(height * scale); + width = Math.round(width * scale); + return { height, width, top, left, bottom: top + height, right: left + width }; + } + let rect = offset(viewportElement); + if (css(viewportElement, "display") === "inline") { + return rect; + } + for (let [prop, dir, start, end] of [ + ["width", "x", "left", "right"], + ["height", "y", "top", "bottom"] + ]) { + if (isWindow(viewportElement)) { + viewportElement = window.document.documentElement; + } else { + rect[start] += toFloat(css(viewportElement, `border-${start}-width`)); + } + const subpixel = rect[prop] % 1; + rect[prop] = rect[dir] = viewportElement[`client${ucfirst(prop)}`] - (subpixel ? subpixel < 0.5 ? -subpixel : 1 - subpixel : 0); + rect[end] = rect[prop] + rect[start]; + } + return rect; + } + function getCoveringElement(target) { + const { left, width, top } = dimensions$1(target); + return target.ownerDocument.elementsFromPoint(left + width / 2, top).find( + (el) => !el.contains(target) && // If e.g. Offcanvas is not yet closed + !hasClass(el, "uk-togglable-leave") && (hasPosition(el, "fixed") && zIndex( + parents(target).reverse().find((parent2) => !parent2.contains(el) && !hasPosition(parent2, "static")) + ) < zIndex(el) || hasPosition(el, "sticky") && parent(el).contains(target)) + ); + } + function zIndex(element) { + return toFloat(css(element, "zIndex")); + } + function hasPosition(element, position) { + return css(element, "position") === position; + } + function scrollingElement(element) { + return toWindow(element).document.scrollingElement; + } + + const dirs = [ + ["width", "x", "left", "right"], + ["height", "y", "top", "bottom"] + ]; + function positionAt(element, target, options) { + options = { + attach: { + element: ["left", "top"], + target: ["left", "top"], + ...options.attach + }, + offset: [0, 0], + placement: [], + ...options + }; + if (!isArray(target)) { + target = [target, target]; + } + offset(element, getPosition(element, target, options)); + } + function getPosition(element, target, options) { + const position = attachTo(element, target, options); + const { boundary, viewportOffset = 0, placement } = options; + let offsetPosition = position; + for (const [i, [prop, , start, end]] of Object.entries(dirs)) { + const viewport = getViewport$2(element, target[i], viewportOffset, boundary, i); + if (isWithin(position, viewport, i)) { + continue; + } + let offsetBy = 0; + if (placement[i] === "flip") { + const attach = options.attach.target[i]; + if (attach === end && position[end] <= viewport[end] || attach === start && position[start] >= viewport[start]) { + continue; + } + offsetBy = flip(element, target, options, i)[start] - position[start]; + const scrollArea = getScrollArea(element, target[i], viewportOffset, i); + if (!isWithin(applyOffset(position, offsetBy, i), scrollArea, i)) { + if (isWithin(position, scrollArea, i)) { + continue; + } + if (options.recursion) { + return false; + } + const newPos = flipAxis(element, target, options); + if (newPos && isWithin(newPos, scrollArea, 1 - i)) { + return newPos; + } + continue; + } + } else if (placement[i] === "shift") { + const targetDim = offset(target[i]); + const { offset: elOffset } = options; + offsetBy = clamp( + clamp(position[start], viewport[start], viewport[end] - position[prop]), + targetDim[start] - position[prop] + elOffset[i], + targetDim[end] - elOffset[i] + ) - position[start]; + } + offsetPosition = applyOffset(offsetPosition, offsetBy, i); + } + return offsetPosition; + } + function attachTo(element, target, options) { + let { attach, offset: offsetBy } = { + attach: { + element: ["left", "top"], + target: ["left", "top"], + ...options.attach + }, + offset: [0, 0], + ...options + }; + let elOffset = offset(element); + for (const [i, [prop, , start, end]] of Object.entries(dirs)) { + const targetOffset = attach.target[i] === attach.element[i] ? offsetViewport(target[i]) : offset(target[i]); + elOffset = applyOffset( + elOffset, + targetOffset[start] - elOffset[start] + moveBy(attach.target[i], end, targetOffset[prop]) - moveBy(attach.element[i], end, elOffset[prop]) + +offsetBy[i], + i + ); + } + return elOffset; + } + function applyOffset(position, offset2, i) { + const [, dir, start, end] = dirs[i]; + const newPos = { ...position }; + newPos[start] = position[dir] = position[start] + offset2; + newPos[end] += offset2; + return newPos; + } + function moveBy(attach, end, dim) { + return attach === "center" ? dim / 2 : attach === end ? dim : 0; + } + function getViewport$2(element, target, viewportOffset, boundary, i) { + let viewport = getIntersectionArea(...commonScrollParents(element, target).map(offsetViewport)); + if (viewportOffset) { + viewport[dirs[i][2]] += viewportOffset; + viewport[dirs[i][3]] -= viewportOffset; + } + if (boundary) { + viewport = getIntersectionArea( + viewport, + offset(isArray(boundary) ? boundary[i] : boundary) + ); + } + return viewport; + } + function getScrollArea(element, target, viewportOffset, i) { + const [prop, axis, start, end] = dirs[i]; + const [scrollElement] = commonScrollParents(element, target); + const viewport = offsetViewport(scrollElement); + if (["auto", "scroll"].includes(css(scrollElement, `overflow-${axis}`))) { + viewport[start] -= scrollElement[`scroll${ucfirst(start)}`]; + viewport[end] = viewport[start] + scrollElement[`scroll${ucfirst(prop)}`]; + } + viewport[start] += viewportOffset; + viewport[end] -= viewportOffset; + return viewport; + } + function commonScrollParents(element, target) { + return overflowParents(target).filter((parent) => parent.contains(element)); + } + function getIntersectionArea(...rects) { + let area = {}; + for (const rect of rects) { + for (const [, , start, end] of dirs) { + area[start] = Math.max(area[start] || 0, rect[start]); + area[end] = Math.min(...[area[end], rect[end]].filter(Boolean)); + } + } + return area; + } + function isWithin(positionA, positionB, i) { + const [, , start, end] = dirs[i]; + return positionA[start] >= positionB[start] && positionA[end] <= positionB[end]; + } + function flip(element, target, { offset: offset2, attach }, i) { + return attachTo(element, target, { + attach: { + element: flipAttach(attach.element, i), + target: flipAttach(attach.target, i) + }, + offset: flipOffset(offset2, i) + }); + } + function flipAxis(element, target, options) { + return getPosition(element, target, { + ...options, + attach: { + element: options.attach.element.map(flipAttachAxis).reverse(), + target: options.attach.target.map(flipAttachAxis).reverse() + }, + offset: options.offset.reverse(), + placement: options.placement.reverse(), + recursion: true + }); + } + function flipAttach(attach, i) { + const newAttach = [...attach]; + const index = dirs[i].indexOf(attach[i]); + if (~index) { + newAttach[i] = dirs[i][1 - index % 2 + 2]; + } + return newAttach; + } + function flipAttachAxis(prop) { + for (let i = 0; i < dirs.length; i++) { + const index = dirs[i].indexOf(prop); + if (~index) { + return dirs[1 - i][index % 2 + 2]; + } + } + } + function flipOffset(offset2, i) { + offset2 = [...offset2]; + offset2[i] *= -1; + return offset2; + } + + var util = /*#__PURE__*/Object.freeze({ + __proto__: null, + $: $, + $$: $$, + Animation: Animation, + Dimensions: Dimensions, + MouseTracker: MouseTracker, + Transition: Transition, + addClass: addClass, + after: after, + append: append, + apply: apply, + assign: assign, + attr: attr, + before: before, + boxModelAdjust: boxModelAdjust, + camelize: camelize, + children: children, + clamp: clamp, + closest: closest, + createEvent: createEvent, + css: css, + data: data, + dimensions: dimensions$1, + each: each, + empty: empty, + endsWith: endsWith, + escape: escape, + fastdom: fastdom, + filter: filter$1, + find: find, + findAll: findAll, + findIndex: findIndex, + flipPosition: flipPosition, + fragment: fragment, + getCoveringElement: getCoveringElement, + getEventPos: getEventPos, + getIndex: getIndex, + getTargetedElement: getTargetedElement, + hasAttr: hasAttr, + hasClass: hasClass, + hasOwn: hasOwn, + hasTouch: hasTouch, + height: height, + html: html, + hyphenate: hyphenate, + inBrowser: inBrowser, + includes: includes, + index: index, + intersectRect: intersectRect, + isArray: isArray, + isBoolean: isBoolean, + isDocument: isDocument, + isElement: isElement, + isEmpty: isEmpty, + isEqual: isEqual, + isFocusable: isFocusable, + isFunction: isFunction, + isInView: isInView, + isInput: isInput, + isNode: isNode, + isNumber: isNumber, + isNumeric: isNumeric, + isObject: isObject, + isPlainObject: isPlainObject, + isRtl: isRtl, + isSameSiteAnchor: isSameSiteAnchor, + isString: isString, + isTag: isTag, + isTouch: isTouch, + isUndefined: isUndefined, + isVideo: isVideo, + isVisible: isVisible, + isVoidElement: isVoidElement, + isWindow: isWindow, + last: last, + matches: matches, + memoize: memoize, + mute: mute, + noop: noop, + observeIntersection: observeIntersection, + observeMutation: observeMutation, + observeResize: observeResize, + observeViewportResize: observeViewportResize, + off: off, + offset: offset, + offsetPosition: offsetPosition, + offsetViewport: offsetViewport, + on: on, + once: once, + overflowParents: overflowParents, + parent: parent, + parents: parents, + pause: pause, + pick: pick, + play: play, + pointInRect: pointInRect, + pointerCancel: pointerCancel, + pointerDown: pointerDown$1, + pointerEnter: pointerEnter, + pointerLeave: pointerLeave, + pointerMove: pointerMove$1, + pointerUp: pointerUp$1, + position: position, + positionAt: positionAt, + prepend: prepend, + propName: propName, + query: query, + queryAll: queryAll, + ready: ready, + remove: remove$1, + removeAttr: removeAttr, + removeClass: removeClass, + removeClasses: removeClasses, + replaceClass: replaceClass, + scrollIntoView: scrollIntoView, + scrollParent: scrollParent, + scrollParents: scrollParents, + scrolledOver: scrolledOver, + selFocusable: selFocusable, + selInput: selInput, + sortBy: sortBy, + startsWith: startsWith, + sumBy: sumBy, + swap: swap, + toArray: toArray, + toBoolean: toBoolean, + toEventTargets: toEventTargets, + toFloat: toFloat, + toNode: toNode, + toNodes: toNodes, + toNumber: toNumber, + toPx: toPx, + toWindow: toWindow, + toggleClass: toggleClass, + trigger: trigger, + ucfirst: ucfirst, + uniqueBy: uniqueBy, + unwrap: unwrap, + width: width, + within: within, + wrapAll: wrapAll, + wrapInner: wrapInner + }); + + var Class = { + connected() { + addClass(this.$el, this.$options.id); + } + }; + + const units = ["days", "hours", "minutes", "seconds"]; + var countdown = { + mixins: [Class], + props: { + date: String, + clsWrapper: String, + role: String + }, + data: { + date: "", + clsWrapper: ".uk-countdown-%unit%", + role: "timer" + }, + connected() { + attr(this.$el, "role", this.role); + this.date = toFloat(Date.parse(this.$props.date)); + this.end = false; + this.start(); + }, + disconnected() { + this.stop(); + }, + events: { + name: "visibilitychange", + el() { + return document; + }, + handler() { + if (document.hidden) { + this.stop(); + } else { + this.start(); + } + } + }, + methods: { + start() { + this.stop(); + this.update(); + if (!this.timer) { + trigger(this.$el, "countdownstart"); + this.timer = setInterval(this.update, 1e3); + } + }, + stop() { + if (this.timer) { + clearInterval(this.timer); + trigger(this.$el, "countdownstop"); + this.timer = null; + } + }, + update() { + const timespan = getTimeSpan(this.date); + if (!timespan.total) { + this.stop(); + if (!this.end) { + trigger(this.$el, "countdownend"); + this.end = true; + } + } + for (const unit of units) { + const el = $(this.clsWrapper.replace("%unit%", unit), this.$el); + if (!el) { + continue; + } + let digits = String(Math.trunc(timespan[unit])); + digits = digits.length < 2 ? `0${digits}` : digits; + if (el.textContent !== digits) { + digits = digits.split(""); + if (digits.length !== el.children.length) { + html(el, digits.map(() => "<span></span>").join("")); + } + digits.forEach((digit, i) => el.children[i].textContent = digit); + } + } + } + } + }; + function getTimeSpan(date) { + const total = Math.max(0, date - Date.now()) / 1e3; + return { + total, + seconds: total % 60, + minutes: total / 60 % 60, + hours: total / 60 / 60 % 24, + days: total / 60 / 60 / 24 + }; + } + + const strats = {}; + strats.events = strats.watch = strats.observe = strats.created = strats.beforeConnect = strats.connected = strats.beforeDisconnect = strats.disconnected = strats.destroy = concatStrat; + strats.args = function(parentVal, childVal) { + return childVal !== false && concatStrat(childVal || parentVal); + }; + strats.update = function(parentVal, childVal) { + return sortBy( + concatStrat(parentVal, isFunction(childVal) ? { read: childVal } : childVal), + "order" + ); + }; + strats.props = function(parentVal, childVal) { + if (isArray(childVal)) { + const value = {}; + for (const key of childVal) { + value[key] = String; + } + childVal = value; + } + return strats.methods(parentVal, childVal); + }; + strats.computed = strats.methods = function(parentVal, childVal) { + return childVal ? parentVal ? { ...parentVal, ...childVal } : childVal : parentVal; + }; + strats.i18n = strats.data = function(parentVal, childVal, vm) { + if (!vm) { + if (!childVal) { + return parentVal; + } + if (!parentVal) { + return childVal; + } + return function(vm2) { + return mergeFnData(parentVal, childVal, vm2); + }; + } + return mergeFnData(parentVal, childVal, vm); + }; + function mergeFnData(parentVal, childVal, vm) { + return strats.computed( + isFunction(parentVal) ? parentVal.call(vm, vm) : parentVal, + isFunction(childVal) ? childVal.call(vm, vm) : childVal + ); + } + function concatStrat(parentVal, childVal) { + parentVal = parentVal && !isArray(parentVal) ? [parentVal] : parentVal; + return childVal ? parentVal ? parentVal.concat(childVal) : isArray(childVal) ? childVal : [childVal] : parentVal; + } + function defaultStrat(parentVal, childVal) { + return isUndefined(childVal) ? parentVal : childVal; + } + function mergeOptions(parent, child, vm) { + const options = {}; + if (isFunction(child)) { + child = child.options; + } + if (child.extends) { + parent = mergeOptions(parent, child.extends, vm); + } + if (child.mixins) { + for (const mixin of child.mixins) { + parent = mergeOptions(parent, mixin, vm); + } + } + for (const key in parent) { + mergeKey(key); + } + for (const key in child) { + if (!hasOwn(parent, key)) { + mergeKey(key); + } + } + function mergeKey(key) { + options[key] = (strats[key] || defaultStrat)(parent[key], child[key], vm); + } + return options; + } + function parseOptions(options, args = []) { + try { + return options ? startsWith(options, "{") ? JSON.parse(options) : args.length && !includes(options, ":") ? { [args[0]]: options } : options.split(";").reduce((options2, option) => { + const [key, value] = option.split(/:(.*)/); + if (key && !isUndefined(value)) { + options2[key.trim()] = value.trim(); + } + return options2; + }, {}) : {}; + } catch (e) { + return {}; + } + } + function coerce$1(type, value) { + if (type === Boolean) { + return toBoolean(value); + } else if (type === Number) { + return toNumber(value); + } else if (type === "list") { + return toList(value); + } else if (type === Object && isString(value)) { + return parseOptions(value); + } + return type ? type(value) : value; + } + const listRe = /,(?![^(]*\))/; + function toList(value) { + return isArray(value) ? value : isString(value) ? value.split(listRe).map((value2) => isNumeric(value2) ? toNumber(value2) : toBoolean(value2.trim())) : [value]; + } + + function initUpdates(instance) { + instance._data = {}; + instance._updates = [...instance.$options.update || []]; + } + function prependUpdate(instance, update) { + instance._updates.unshift(update); + } + function clearUpdateData(instance) { + delete instance._data; + } + function callUpdate(instance, e = "update") { + if (!instance._connected) { + return; + } + if (!instance._updates.length) { + return; + } + if (!instance._queued) { + instance._queued = /* @__PURE__ */ new Set(); + fastdom.read(() => { + if (instance._connected) { + runUpdates(instance, instance._queued); + } + delete instance._queued; + }); + } + instance._queued.add(e.type || e); + } + function runUpdates(instance, types) { + for (const { read, write, events = [] } of instance._updates) { + if (!types.has("update") && !events.some((type) => types.has(type))) { + continue; + } + let result; + if (read) { + result = read.call(instance, instance._data, types); + if (result && isPlainObject(result)) { + assign(instance._data, result); + } + } + if (write && result !== false) { + fastdom.write(() => { + if (instance._connected) { + write.call(instance, instance._data, types); + } + }); + } + } + } + + function resize(options) { + return observe(observeResize, options, "resize"); + } + function intersection(options) { + return observe(observeIntersection, options); + } + function mutation(options) { + return observe(observeMutation, options); + } + function lazyload(options = {}) { + return intersection({ + handler: function(entries, observer) { + const { targets = this.$el, preload = 5 } = options; + for (const el of toNodes(isFunction(targets) ? targets(this) : targets)) { + $$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => removeAttr(el2, "loading")); + } + for (const el of entries.filter(({ isIntersecting }) => isIntersecting).map(({ target }) => target)) { + observer.unobserve(el); + } + }, + ...options + }); + } + function viewport(options) { + return observe((target, handler) => observeViewportResize(handler), options, "resize"); + } + function scroll$1(options) { + return observe( + (target, handler) => ({ + disconnect: on(toScrollTargets(target), "scroll", handler, { passive: true }) + }), + options, + "scroll" + ); + } + function swipe(options) { + return { + observe(target, handler) { + return { + observe: noop, + unobserve: noop, + disconnect: on(target, pointerDown$1, handler, { passive: true }) + }; + }, + handler(e) { + if (!isTouch(e)) { + return; + } + const pos = getEventPos(e); + const target = "tagName" in e.target ? e.target : parent(e.target); + once(document, `${pointerUp$1} ${pointerCancel} scroll`, (e2) => { + const { x, y } = getEventPos(e2); + if (e2.type !== "scroll" && target && x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) { + setTimeout(() => { + trigger(target, "swipe"); + trigger(target, `swipe${swipeDirection(pos.x, pos.y, x, y)}`); + }); + } + }); + }, + ...options + }; + } + function observe(observe2, options, emit) { + return { + observe: observe2, + handler() { + callUpdate(this, emit); + }, + ...options + }; + } + function swipeDirection(x1, y1, x2, y2) { + return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? x1 - x2 > 0 ? "Left" : "Right" : y1 - y2 > 0 ? "Up" : "Down"; + } + function toScrollTargets(elements) { + return toNodes(elements).map((node) => { + const { ownerDocument } = node; + const parent2 = scrollParent(node, true); + return parent2 === ownerDocument.scrollingElement ? ownerDocument : parent2; + }); + } + + var Margin = { + props: { + margin: String, + firstColumn: Boolean + }, + data: { + margin: "uk-margin-small-top", + firstColumn: "uk-first-column" + }, + observe: [ + mutation({ + options: { + childList: true, + attributes: true, + attributeFilter: ["style"] + } + }), + resize({ + target: ({ $el }) => [$el, ...children($el)] + }) + ], + update: { + read() { + return { + rows: getRows(toArray(this.$el.children)) + }; + }, + write({ rows }) { + for (const row of rows) { + for (const el of row) { + toggleClass(el, this.margin, rows[0] !== row); + toggleClass(el, this.firstColumn, row[isRtl ? row.length - 1 : 0] === el); + } + } + }, + events: ["resize"] + } + }; + function getRows(elements) { + const sorted = [[]]; + const withOffset = elements.some( + (el, i) => i && elements[i - 1].offsetParent !== el.offsetParent + ); + for (const el of elements) { + if (!isVisible(el)) { + continue; + } + const offset = getOffset(el, withOffset); + for (let i = sorted.length - 1; i >= 0; i--) { + const current = sorted[i]; + if (!current[0]) { + current.push(el); + break; + } + const offsetCurrent = getOffset(current[0], withOffset); + if (offset.top >= offsetCurrent.bottom - 1 && offset.top !== offsetCurrent.top) { + sorted.push([el]); + break; + } + if (offset.bottom - 1 > offsetCurrent.top || offset.top === offsetCurrent.top) { + let j = current.length - 1; + for (; j >= 0; j--) { + const offsetCurrent2 = getOffset(current[j], withOffset); + if (offset.left >= offsetCurrent2.left) { + break; + } + } + current.splice(j + 1, 0, el); + break; + } + if (i === 0) { + sorted.unshift([el]); + break; + } + } + } + return sorted; + } + function getOffset(element, offset = false) { + let { offsetTop, offsetLeft, offsetHeight, offsetWidth } = element; + if (offset) { + [offsetTop, offsetLeft] = offsetPosition(element); + } + return { + top: offsetTop, + left: offsetLeft, + bottom: offsetTop + offsetHeight, + right: offsetLeft + offsetWidth + }; + } + + const clsLeave = "uk-transition-leave"; + const clsEnter = "uk-transition-enter"; + function fade(action, target, duration, stagger = 0) { + const index = transitionIndex(target, true); + const propsIn = { opacity: 1 }; + const propsOut = { opacity: 0 }; + const wrapIndexFn = (fn) => () => index === transitionIndex(target) ? fn() : Promise.reject(); + const leaveFn = wrapIndexFn(async () => { + addClass(target, clsLeave); + await Promise.all( + getTransitionNodes(target).map( + (child, i) => new Promise( + (resolve) => setTimeout( + () => Transition.start(child, propsOut, duration / 2, "ease").then( + resolve + ), + i * stagger + ) + ) + ) + ); + removeClass(target, clsLeave); + }); + const enterFn = wrapIndexFn(async () => { + const oldHeight = height(target); + addClass(target, clsEnter); + action(); + css(children(target), { opacity: 0 }); + await awaitFrame$1(); + const nodes = children(target); + const newHeight = height(target); + css(target, "alignContent", "flex-start"); + height(target, oldHeight); + const transitionNodes = getTransitionNodes(target); + css(nodes, propsOut); + const transitions = transitionNodes.map(async (child, i) => { + await awaitTimeout(i * stagger); + await Transition.start(child, propsIn, duration / 2, "ease"); + }); + if (oldHeight !== newHeight) { + transitions.push( + Transition.start( + target, + { height: newHeight }, + duration / 2 + transitionNodes.length * stagger, + "ease" + ) + ); + } + await Promise.all(transitions).then(() => { + removeClass(target, clsEnter); + if (index === transitionIndex(target)) { + css(target, { height: "", alignContent: "" }); + css(nodes, { opacity: "" }); + delete target.dataset.transition; + } + }); + }); + return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn); + } + function transitionIndex(target, next) { + if (next) { + target.dataset.transition = 1 + transitionIndex(target); + } + return toNumber(target.dataset.transition) || 0; + } + function waitTransitionend(target) { + return Promise.all( + children(target).filter(Transition.inProgress).map( + (el) => new Promise((resolve) => once(el, "transitionend transitioncanceled", resolve)) + ) + ); + } + function getTransitionNodes(target) { + return getRows(children(target)).flat().filter((node) => isVisible(node)); + } + function awaitFrame$1() { + return new Promise((resolve) => requestAnimationFrame(resolve)); + } + function awaitTimeout(timeout) { + return new Promise((resolve) => setTimeout(resolve, timeout)); + } + + async function slide(action, target, duration) { + await awaitFrame(); + let nodes = children(target); + const currentProps = nodes.map((el) => getProps$1(el, true)); + const targetProps = { ...css(target, ["height", "padding"]), display: "block" }; + await Promise.all(nodes.concat(target).map(Transition.cancel)); + action(); + nodes = nodes.concat(children(target).filter((el) => !includes(nodes, el))); + await Promise.resolve(); + fastdom.flush(); + const targetStyle = attr(target, "style"); + const targetPropsTo = css(target, ["height", "padding"]); + const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps); + const attrsTo = nodes.map((el) => ({ style: attr(el, "style") })); + nodes.forEach((el, i) => propsFrom[i] && css(el, propsFrom[i])); + css(target, targetProps); + trigger(target, "scroll"); + fastdom.flush(); + await awaitFrame(); + const transitions = nodes.map((el, i) => parent(el) === target && Transition.start(el, propsTo[i], duration, "ease")).concat(Transition.start(target, targetPropsTo, duration, "ease")); + try { + await Promise.all(transitions); + nodes.forEach((el, i) => { + attr(el, attrsTo[i]); + if (parent(el) === target) { + css(el, "display", propsTo[i].opacity === 0 ? "none" : ""); + } + }); + attr(target, "style", targetStyle); + } catch (e) { + attr(nodes, "style", ""); + resetProps(target, targetProps); + } + } + function getProps$1(el, opacity) { + const zIndex = css(el, "zIndex"); + return isVisible(el) ? { + display: "", + opacity: opacity ? css(el, "opacity") : "0", + pointerEvents: "none", + position: "absolute", + zIndex: zIndex === "auto" ? index(el) : zIndex, + ...getPositionWithMargin(el) + } : false; + } + function getTransitionProps(target, nodes, currentProps) { + const propsTo = nodes.map( + (el, i) => parent(el) && i in currentProps ? currentProps[i] ? isVisible(el) ? getPositionWithMargin(el) : { opacity: 0 } : { opacity: isVisible(el) ? 1 : 0 } : false + ); + const propsFrom = propsTo.map((props, i) => { + const from = parent(nodes[i]) === target && (currentProps[i] || getProps$1(nodes[i])); + if (!from) { + return false; + } + if (!props) { + delete from.opacity; + } else if (!("opacity" in props)) { + const { opacity } = from; + if (opacity % 1) { + props.opacity = 1; + } else { + delete from.opacity; + } + } + return from; + }); + return [propsTo, propsFrom]; + } + function resetProps(el, props) { + for (const prop in props) { + css(el, prop, ""); + } + } + function getPositionWithMargin(el) { + const { height, width } = offset(el); + return { + height, + width, + transform: "", + ...position(el), + ...css(el, ["marginTop", "marginLeft"]) + }; + } + function awaitFrame() { + return new Promise((resolve) => requestAnimationFrame(resolve)); + } + + var Animate = { + props: { + duration: Number, + animation: Boolean + }, + data: { + duration: 150, + animation: "slide" + }, + methods: { + animate(action, target = this.$el) { + const name = this.animation; + const animationFn = name === "fade" ? fade : name === "delayed-fade" ? (...args) => fade(...args, 40) : name ? slide : () => { + action(); + return Promise.resolve(); + }; + return animationFn(action, target, this.duration).catch(noop); + } + } + }; + + const keyMap = { + TAB: 9, + ESC: 27, + SPACE: 32, + END: 35, + HOME: 36, + LEFT: 37, + UP: 38, + RIGHT: 39, + DOWN: 40 + }; + + var filter = { + mixins: [Animate], + args: "target", + props: { + target: String, + selActive: Boolean + }, + data: { + target: "", + selActive: false, + attrItem: "uk-filter-control", + cls: "uk-active", + duration: 250 + }, + computed: { + children: ({ target }, $el) => $$(`${target} > *`, $el), + toggles: ({ attrItem }, $el) => $$(`[${attrItem}],[data-${attrItem}]`, $el) + }, + watch: { + toggles(toggles) { + this.updateState(); + const actives = $$(this.selActive, this.$el); + for (const toggle of toggles) { + if (this.selActive !== false) { + toggleClass(toggle, this.cls, includes(actives, toggle)); + } + const button = findButton(toggle); + if (isTag(button, "a")) { + attr(button, "role", "button"); + } + } + }, + children(list, prev) { + if (prev) { + this.updateState(); + } + } + }, + events: { + name: "click keydown", + delegate() { + return `[${this.attrItem}],[data-${this.attrItem}]`; + }, + handler(e) { + if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) { + return; + } + if (e.target.closest("a,button")) { + e.preventDefault(); + this.apply(e.current); + } + } + }, + methods: { + apply(el) { + const prevState = this.getState(); + const newState = mergeState(el, this.attrItem, this.getState()); + if (!isEqualState(prevState, newState)) { + this.setState(newState); + } + }, + getState() { + return this.toggles.filter((item) => hasClass(item, this.cls)).reduce((state, el) => mergeState(el, this.attrItem, state), { + filter: { "": "" }, + sort: [] + }); + }, + async setState(state, animate = true) { + state = { filter: { "": "" }, sort: [], ...state }; + trigger(this.$el, "beforeFilter", [this, state]); + for (const toggle of this.toggles) { + toggleClass(toggle, this.cls, matchFilter(toggle, this.attrItem, state)); + } + await Promise.all( + $$(this.target, this.$el).map((target) => { + const filterFn = () => { + applyState(state, target, children(target)); + this.$update(this.$el); + }; + return animate ? this.animate(filterFn, target) : filterFn(); + }) + ); + trigger(this.$el, "afterFilter", [this]); + }, + updateState() { + fastdom.write(() => this.setState(this.getState(), false)); + } + } + }; + function getFilter(el, attr2) { + return parseOptions(data(el, attr2), ["filter"]); + } + function isEqualState(stateA, stateB) { + return ["filter", "sort"].every((prop) => isEqual(stateA[prop], stateB[prop])); + } + function applyState(state, target, children) { + const selector = getSelector(state); + children.forEach((el) => css(el, "display", selector && !matches(el, selector) ? "none" : "")); + const [sort, order] = state.sort; + if (sort) { + const sorted = sortItems(children, sort, order); + if (!isEqual(sorted, children)) { + append(target, sorted); + } + } + } + function mergeState(el, attr2, state) { + const { filter, group, sort, order = "asc" } = getFilter(el, attr2); + if (filter || isUndefined(sort)) { + if (group) { + if (filter) { + delete state.filter[""]; + state.filter[group] = filter; + } else { + delete state.filter[group]; + if (isEmpty(state.filter) || "" in state.filter) { + state.filter = { "": filter || "" }; + } + } + } else { + state.filter = { "": filter || "" }; + } + } + if (!isUndefined(sort)) { + state.sort = [sort, order]; + } + return state; + } + function matchFilter(el, attr2, { filter: stateFilter = { "": "" }, sort: [stateSort, stateOrder] }) { + const { filter = "", group = "", sort, order = "asc" } = getFilter(el, attr2); + return isUndefined(sort) ? group in stateFilter && filter === stateFilter[group] || !filter && group && !(group in stateFilter) && !stateFilter[""] : stateSort === sort && stateOrder === order; + } + function getSelector({ filter }) { + let selector = ""; + each(filter, (value) => selector += value || ""); + return selector; + } + function sortItems(nodes, sort, order) { + return [...nodes].sort( + (a, b) => data(a, sort).localeCompare(data(b, sort), void 0, { numeric: true }) * (order === "asc" || -1) + ); + } + function findButton(el) { + return $("a,button", el) || el; + } + + let prevented; + function preventBackgroundScroll(el) { + const off = on( + el, + "touchmove", + (e) => { + if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) { + return; + } + let { scrollHeight, clientHeight } = scrollParent(e.target); + if (clientHeight >= scrollHeight && e.cancelable) { + e.preventDefault(); + } + }, + { passive: false } + ); + if (prevented) { + return off; + } + prevented = true; + const { scrollingElement } = document; + css(scrollingElement, { + overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden", + touchAction: "none", + paddingRight: width(window) - scrollingElement.clientWidth || "" + }); + return () => { + prevented = false; + off(); + css(scrollingElement, { overflowY: "", touchAction: "", paddingRight: "" }); + }; + } + + var Container = { + props: { + container: Boolean + }, + data: { + container: true + }, + computed: { + container({ container }) { + return container === true && this.$container || container && $(container); + } + } + }; + + var Togglable = { + props: { + cls: Boolean, + animation: "list", + duration: Number, + velocity: Number, + origin: String, + transition: String + }, + data: { + cls: false, + animation: [false], + duration: 200, + velocity: 0.2, + origin: false, + transition: "ease", + clsEnter: "uk-togglable-enter", + clsLeave: "uk-togglable-leave" + }, + computed: { + hasAnimation: ({ animation }) => !!animation[0], + hasTransition: ({ animation }) => ["slide", "reveal"].some((transition) => startsWith(animation[0], transition)) + }, + methods: { + async toggleElement(targets, toggle, animate) { + try { + await Promise.all( + toNodes(targets).map((el) => { + const show = isBoolean(toggle) ? toggle : !this.isToggled(el); + if (!trigger(el, `before${show ? "show" : "hide"}`, [this])) { + return Promise.reject(); + } + const promise = (isFunction(animate) ? animate : animate === false || !this.hasAnimation ? toggleInstant : this.hasTransition ? toggleTransition : toggleAnimation)(el, show, this); + const cls = show ? this.clsEnter : this.clsLeave; + addClass(el, cls); + trigger(el, show ? "show" : "hide", [this]); + const done = () => { + removeClass(el, cls); + trigger(el, show ? "shown" : "hidden", [this]); + }; + return promise ? promise.then(done, () => { + removeClass(el, cls); + return Promise.reject(); + }) : done(); + }) + ); + return true; + } catch (e) { + return false; + } + }, + isToggled(el = this.$el) { + el = toNode(el); + return hasClass(el, this.clsEnter) ? true : hasClass(el, this.clsLeave) ? false : this.cls ? hasClass(el, this.cls.split(" ")[0]) : isVisible(el); + }, + _toggle(el, toggled) { + if (!el) { + return; + } + toggled = Boolean(toggled); + let changed; + if (this.cls) { + changed = includes(this.cls, " ") || toggled !== hasClass(el, this.cls); + changed && toggleClass(el, this.cls, includes(this.cls, " ") ? void 0 : toggled); + } else { + changed = toggled === el.hidden; + changed && (el.hidden = !toggled); + } + $$("[autofocus]", el).some((el2) => isVisible(el2) ? el2.focus() || true : el2.blur()); + if (changed) { + trigger(el, "toggled", [toggled, this]); + } + } + } + }; + function toggleInstant(el, show, { _toggle }) { + Animation.cancel(el); + Transition.cancel(el); + return _toggle(el, show); + } + async function toggleTransition(el, show, { animation, duration, velocity, transition, _toggle }) { + var _a; + const [mode = "reveal", startProp = "top"] = ((_a = animation[0]) == null ? void 0 : _a.split("-")) || []; + const dirs = [ + ["left", "right"], + ["top", "bottom"] + ]; + const dir = dirs[includes(dirs[0], startProp) ? 0 : 1]; + const end = dir[1] === startProp; + const props = ["width", "height"]; + const dimProp = props[dirs.indexOf(dir)]; + const marginProp = `margin-${dir[0]}`; + const marginStartProp = `margin-${startProp}`; + let currentDim = dimensions$1(el)[dimProp]; + const inProgress = Transition.inProgress(el); + await Transition.cancel(el); + if (show) { + _toggle(el, true); + } + const prevProps = Object.fromEntries( + [ + "padding", + "border", + "width", + "height", + "minWidth", + "minHeight", + "overflowY", + "overflowX", + marginProp, + marginStartProp + ].map((key) => [key, el.style[key]]) + ); + const dim = dimensions$1(el); + const currentMargin = toFloat(css(el, marginProp)); + const marginStart = toFloat(css(el, marginStartProp)); + const endDim = dim[dimProp] + marginStart; + if (!inProgress && !show) { + currentDim += marginStart; + } + const [wrapper] = wrapInner(el, "<div>"); + css(wrapper, { + boxSizing: "border-box", + height: dim.height, + width: dim.width, + ...css(el, [ + "overflow", + "padding", + "borderTop", + "borderRight", + "borderBottom", + "borderLeft", + "borderImage", + marginStartProp + ]) + }); + css(el, { + padding: 0, + border: 0, + minWidth: 0, + minHeight: 0, + [marginStartProp]: 0, + width: dim.width, + height: dim.height, + overflow: "hidden", + [dimProp]: currentDim + }); + const percent = currentDim / endDim; + duration = (velocity * endDim + duration) * (show ? 1 - percent : percent); + const endProps = { [dimProp]: show ? endDim : 0 }; + if (end) { + css(el, marginProp, endDim - currentDim + currentMargin); + endProps[marginProp] = show ? currentMargin : endDim + currentMargin; + } + if (!end ^ mode === "reveal") { + css(wrapper, marginProp, -endDim + currentDim); + Transition.start(wrapper, { [marginProp]: show ? 0 : -endDim }, duration, transition); + } + try { + await Transition.start(el, endProps, duration, transition); + } finally { + css(el, prevProps); + unwrap(wrapper.firstChild); + if (!show) { + _toggle(el, false); + } + } + } + function toggleAnimation(el, show, cmp) { + const { animation, duration, _toggle } = cmp; + if (show) { + _toggle(el, true); + return Animation.in(el, animation[0], duration, cmp.origin); + } + return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then( + () => _toggle(el, false) + ); + } + + const active$1 = []; + var Modal = { + mixins: [Class, Container, Togglable], + props: { + selPanel: String, + selClose: String, + escClose: Boolean, + bgClose: Boolean, + stack: Boolean, + role: String + }, + data: { + cls: "uk-open", + escClose: true, + bgClose: true, + overlay: true, + stack: false, + role: "dialog" + }, + computed: { + panel: ({ selPanel }, $el) => $(selPanel, $el), + transitionElement() { + return this.panel; + }, + bgClose({ bgClose }) { + return bgClose && this.panel; + } + }, + connected() { + attr(this.panel || this.$el, "role", this.role); + if (this.overlay) { + attr(this.panel || this.$el, "aria-modal", true); + } + }, + beforeDisconnect() { + if (includes(active$1, this)) { + this.toggleElement(this.$el, false, false); + } + }, + events: [ + { + name: "click", + delegate() { + return `${this.selClose},a[href*="#"]`; + }, + handler(e) { + const { current, defaultPrevented } = e; + const { hash } = current; + if (!defaultPrevented && hash && isSameSiteAnchor(current) && !this.$el.contains($(hash))) { + this.hide(); + } else if (matches(current, this.selClose)) { + e.preventDefault(); + this.hide(); + } + } + }, + { + name: "toggle", + self: true, + handler(e) { + if (e.defaultPrevented) { + return; + } + e.preventDefault(); + if (this.isToggled() === includes(active$1, this)) { + this.toggle(); + } + } + }, + { + name: "beforeshow", + self: true, + handler(e) { + if (includes(active$1, this)) { + return false; + } + if (!this.stack && active$1.length) { + Promise.all(active$1.map((modal) => modal.hide())).then(this.show); + e.preventDefault(); + } else { + active$1.push(this); + } + } + }, + { + name: "show", + self: true, + handler() { + if (this.stack) { + css(this.$el, "zIndex", toFloat(css(this.$el, "zIndex")) + active$1.length); + } + const handlers = [ + this.overlay && preventBackgroundFocus(this), + this.overlay && preventBackgroundScroll(this.$el), + this.bgClose && listenForBackgroundClose$1(this), + this.escClose && listenForEscClose$1(this) + ]; + once( + this.$el, + "hidden", + () => handlers.forEach((handler) => handler && handler()), + { self: true } + ); + addClass(document.documentElement, this.clsPage); + } + }, + { + name: "shown", + self: true, + handler() { + if (!isFocusable(this.$el)) { + attr(this.$el, "tabindex", "-1"); + } + if (!matches(this.$el, ":focus-within")) { + this.$el.focus(); + } + } + }, + { + name: "hidden", + self: true, + handler() { + if (includes(active$1, this)) { + active$1.splice(active$1.indexOf(this), 1); + } + css(this.$el, "zIndex", ""); + if (!active$1.some((modal) => modal.clsPage === this.clsPage)) { + removeClass(document.documentElement, this.clsPage); + } + } + } + ], + methods: { + toggle() { + return this.isToggled() ? this.hide() : this.show(); + }, + show() { + if (this.container && parent(this.$el) !== this.container) { + append(this.container, this.$el); + return new Promise( + (resolve) => requestAnimationFrame(() => this.show().then(resolve)) + ); + } + return this.toggleElement(this.$el, true, animate$1); + }, + hide() { + return this.toggleElement(this.$el, false, animate$1); + } + } + }; + function animate$1(el, show, { transitionElement, _toggle }) { + return new Promise( + (resolve, reject) => once(el, "show hide", () => { + var _a; + (_a = el._reject) == null ? void 0 : _a.call(el); + el._reject = reject; + _toggle(el, show); + const off = once( + transitionElement, + "transitionstart", + () => { + once(transitionElement, "transitionend transitioncancel", resolve, { + self: true + }); + clearTimeout(timer); + }, + { self: true } + ); + const timer = setTimeout( + () => { + off(); + resolve(); + }, + toMs(css(transitionElement, "transitionDuration")) + ); + }) + ).then(() => delete el._reject); + } + function toMs(time) { + return time ? endsWith(time, "ms") ? toFloat(time) : toFloat(time) * 1e3 : 0; + } + function preventBackgroundFocus(modal) { + return on(document, "focusin", (e) => { + if (last(active$1) === modal && !modal.$el.contains(e.target)) { + modal.$el.focus(); + } + }); + } + function listenForBackgroundClose$1(modal) { + return on(document, pointerDown$1, ({ target }) => { + if (last(active$1) !== modal || modal.overlay && !modal.$el.contains(target) || modal.panel.contains(target)) { + return; + } + once( + document, + `${pointerUp$1} ${pointerCancel} scroll`, + ({ defaultPrevented, type, target: newTarget }) => { + if (!defaultPrevented && type === pointerUp$1 && target === newTarget) { + modal.hide(); + } + }, + true + ); + }); + } + function listenForEscClose$1(modal) { + return on(document, "keydown", (e) => { + if (e.keyCode === 27 && last(active$1) === modal) { + modal.hide(); + } + }); + } + + var Animations$2 = { + slide: { + show(dir) { + return [{ transform: translate(dir * -100) }, { transform: translate() }]; + }, + percent(current) { + return translated(current); + }, + translate(percent, dir) { + return [ + { transform: translate(dir * -100 * percent) }, + { transform: translate(dir * 100 * (1 - percent)) } + ]; + } + } + }; + function translated(el) { + return Math.abs(css(el, "transform").split(",")[4] / el.offsetWidth); + } + function translate(value = 0, unit = "%") { + value += value ? unit : ""; + return `translate3d(${value}, 0, 0)`; + } + function scale3d(value) { + return `scale3d(${value}, ${value}, 1)`; + } + + function Transitioner$1(prev, next, dir, { animation, easing }) { + const { percent, translate, show = noop } = animation; + const props = show(dir); + let resolve; + return { + dir, + show(duration, percent2 = 0, linear) { + const timing = linear ? "linear" : easing; + duration -= Math.round(duration * clamp(percent2, -1, 1)); + this.translate(percent2); + triggerUpdate$1(next, "itemin", { percent: percent2, duration, timing, dir }); + triggerUpdate$1(prev, "itemout", { percent: 1 - percent2, duration, timing, dir }); + return new Promise((res) => { + resolve || (resolve = res); + Promise.all([ + Transition.start(next, props[1], duration, timing), + Transition.start(prev, props[0], duration, timing) + ]).then(() => { + this.reset(); + resolve(); + }, noop); + }); + }, + cancel() { + return Transition.cancel([next, prev]); + }, + reset() { + for (const prop in props[0]) { + css([next, prev], prop, ""); + } + }, + async forward(duration, percent2 = this.percent()) { + await this.cancel(); + return this.show(duration, percent2, true); + }, + translate(percent2) { + this.reset(); + const props2 = translate(percent2, dir); + css(next, props2[1]); + css(prev, props2[0]); + triggerUpdate$1(next, "itemtranslatein", { percent: percent2, dir }); + triggerUpdate$1(prev, "itemtranslateout", { percent: 1 - percent2, dir }); + }, + percent() { + return percent(prev || next, next, dir); + }, + getDistance() { + return prev == null ? void 0 : prev.offsetWidth; + } + }; + } + function triggerUpdate$1(el, type, data) { + trigger(el, createEvent(type, false, false, data)); + } + + var I18n = { + props: { + i18n: Object + }, + data: { + i18n: null + }, + methods: { + t(key, ...params) { + var _a, _b, _c; + let i = 0; + return ((_c = ((_a = this.i18n) == null ? void 0 : _a[key]) || ((_b = this.$options.i18n) == null ? void 0 : _b[key])) == null ? void 0 : _c.replace( + /%s/g, + () => params[i++] || "" + )) || ""; + } + } + }; + + var SliderAutoplay = { + props: { + autoplay: Boolean, + autoplayInterval: Number, + pauseOnHover: Boolean + }, + data: { + autoplay: false, + autoplayInterval: 7e3, + pauseOnHover: true + }, + connected() { + attr(this.list, "aria-live", this.autoplay ? "off" : "polite"); + this.autoplay && this.startAutoplay(); + }, + disconnected() { + this.stopAutoplay(); + }, + update() { + attr(this.slides, "tabindex", "-1"); + }, + events: [ + { + name: "visibilitychange", + el() { + return document; + }, + filter() { + return this.autoplay; + }, + handler() { + if (document.hidden) { + this.stopAutoplay(); + } else { + this.startAutoplay(); + } + } + } + ], + methods: { + startAutoplay() { + this.stopAutoplay(); + this.interval = setInterval(() => { + if (!(this.stack.length || this.draggable && matches(this.$el, ":focus-within") || this.pauseOnHover && matches(this.$el, ":hover"))) { + this.show("next"); + } + }, this.autoplayInterval); + }, + stopAutoplay() { + clearInterval(this.interval); + } + } + }; + + const pointerOptions = { passive: false, capture: true }; + const pointerUpOptions = { passive: true, capture: true }; + const pointerDown = "touchstart mousedown"; + const pointerMove = "touchmove mousemove"; + const pointerUp = "touchend touchcancel mouseup click input scroll"; + const preventClick = (e) => e.preventDefault(); + var SliderDrag = { + props: { + draggable: Boolean + }, + data: { + draggable: true, + threshold: 10 + }, + created() { + for (const key of ["start", "move", "end"]) { + const fn = this[key]; + this[key] = (e) => { + const pos = getEventPos(e).x * (isRtl ? -1 : 1); + this.prevPos = pos === this.pos ? this.prevPos : this.pos; + this.pos = pos; + fn(e); + }; + } + }, + events: [ + { + name: pointerDown, + passive: true, + delegate() { + return `${this.selList} > *`; + }, + handler(e) { + if (!this.draggable || this.parallax || !isTouch(e) && hasSelectableText(e.target) || e.target.closest(selInput) || e.button > 0 || this.length < 2) { + return; + } + this.start(e); + } + }, + { + name: "dragstart", + handler(e) { + e.preventDefault(); + } + }, + { + // iOS workaround for slider stopping if swiping fast + name: pointerMove, + el() { + return this.list; + }, + handler: noop, + ...pointerOptions + } + ], + methods: { + start() { + this.drag = this.pos; + if (this._transitioner) { + this.percent = this._transitioner.percent(); + this.drag += this._transitioner.getDistance() * this.percent * this.dir; + this._transitioner.cancel(); + this._transitioner.translate(this.percent); + this.dragging = true; + this.stack = []; + } else { + this.prevIndex = this.index; + } + on(document, pointerMove, this.move, pointerOptions); + on(document, pointerUp, this.end, pointerUpOptions); + css(this.list, "userSelect", "none"); + }, + move(e) { + const distance = this.pos - this.drag; + if (distance === 0 || this.prevPos === this.pos || !this.dragging && Math.abs(distance) < this.threshold) { + return; + } + if (!this.dragging) { + on(this.list, "click", preventClick, pointerOptions); + } + e.cancelable && e.preventDefault(); + this.dragging = true; + this.dir = distance < 0 ? 1 : -1; + let { slides, prevIndex } = this; + let dis = Math.abs(distance); + let nextIndex = this.getIndex(prevIndex + this.dir); + let width = getDistance.call(this, prevIndex, nextIndex); + while (nextIndex !== prevIndex && dis > width) { + this.drag -= width * this.dir; + prevIndex = nextIndex; + dis -= width; + nextIndex = this.getIndex(prevIndex + this.dir); + width = getDistance.call(this, prevIndex, nextIndex); + } + this.percent = dis / width; + const prev = slides[prevIndex]; + const next = slides[nextIndex]; + const changed = this.index !== nextIndex; + const edge = prevIndex === nextIndex; + let itemShown; + for (const i of [this.index, this.prevIndex]) { + if (!includes([nextIndex, prevIndex], i)) { + trigger(slides[i], "itemhidden", [this]); + if (edge) { + itemShown = true; + this.prevIndex = prevIndex; + } + } + } + if (this.index === prevIndex && this.prevIndex !== prevIndex || itemShown) { + trigger(slides[this.index], "itemshown", [this]); + } + if (changed) { + this.prevIndex = prevIndex; + this.index = nextIndex; + if (!edge) { + trigger(prev, "beforeitemhide", [this]); + trigger(prev, "itemhide", [this]); + } + trigger(next, "beforeitemshow", [this]); + trigger(next, "itemshow", [this]); + } + this._transitioner = this._translate(Math.abs(this.percent), prev, !edge && next); + }, + end() { + off(document, pointerMove, this.move, pointerOptions); + off(document, pointerUp, this.end, pointerUpOptions); + if (this.dragging) { + this.dragging = null; + if (this.index === this.prevIndex) { + this.percent = 1 - this.percent; + this.dir *= -1; + this._show(false, this.index, true); + this._transitioner = null; + } else { + const dirChange = (isRtl ? this.dir * (isRtl ? 1 : -1) : this.dir) < 0 === this.prevPos > this.pos; + this.index = dirChange ? this.index : this.prevIndex; + if (dirChange) { + this.percent = 1 - this.percent; + } + this.show( + this.dir > 0 && !dirChange || this.dir < 0 && dirChange ? "next" : "previous", + true + ); + } + } + setTimeout(() => off(this.list, "click", preventClick, pointerOptions)); + css(this.list, { userSelect: "" }); + this.drag = this.percent = null; + } + } + }; + function getDistance(prev, next) { + return this._getTransitioner(prev, prev !== next && next).getDistance() || this.slides[prev].offsetWidth; + } + function hasSelectableText(el) { + return css(el, "userSelect") !== "none" && toArray(el.childNodes).some((el2) => el2.nodeType === 3 && el2.textContent.trim()); + } + + function initWatches(instance) { + instance._watches = []; + for (const watches of instance.$options.watch || []) { + for (const [name, watch] of Object.entries(watches)) { + registerWatch(instance, watch, name); + } + } + instance._initial = true; + } + function registerWatch(instance, watch, name) { + instance._watches.push({ + name, + ...isPlainObject(watch) ? watch : { handler: watch } + }); + } + function runWatches(instance, values) { + for (const { name, handler, immediate = true } of instance._watches) { + if (instance._initial && immediate || hasOwn(values, name) && !isEqual(values[name], instance[name])) { + handler.call(instance, instance[name], values[name]); + } + } + instance._initial = false; + } + + function initComputed(instance) { + const { computed } = instance.$options; + instance._computed = {}; + if (computed) { + for (const key in computed) { + registerComputed(instance, key, computed[key]); + } + } + } + function registerComputed(instance, key, cb) { + instance._hasComputed = true; + Object.defineProperty(instance, key, { + enumerable: true, + get() { + const { _computed, $props, $el } = instance; + if (!hasOwn(_computed, key)) { + _computed[key] = (cb.get || cb).call(instance, $props, $el); + } + return _computed[key]; + }, + set(value) { + const { _computed } = instance; + _computed[key] = cb.set ? cb.set.call(instance, value) : value; + if (isUndefined(_computed[key])) { + delete _computed[key]; + } + } + }); + } + function initComputedUpdates(instance) { + if (!instance._hasComputed) { + return; + } + prependUpdate(instance, { + read: () => runWatches(instance, resetComputed(instance)), + events: ["resize", "computed"] + }); + registerComputedObserver(); + instances$1.add(instance); + } + function disconnectComputedUpdates(instance) { + instances$1 == null ? void 0 : instances$1.delete(instance); + resetComputed(instance); + } + function resetComputed(instance) { + const values = { ...instance._computed }; + instance._computed = {}; + return values; + } + let observer; + let instances$1; + function registerComputedObserver() { + if (observer) { + return; + } + instances$1 = /* @__PURE__ */ new Set(); + observer = new MutationObserver(() => { + for (const instance of instances$1) { + callUpdate(instance, "computed"); + } + }); + observer.observe(document, { + subtree: true, + childList: true + }); + } + + function initEvents(instance) { + instance._events = []; + for (const event of instance.$options.events || []) { + if (hasOwn(event, "handler")) { + registerEvent(instance, event); + } else { + for (const key in event) { + registerEvent(instance, event[key], key); + } + } + } + } + function unbindEvents(instance) { + instance._events.forEach((unbind) => unbind()); + delete instance._events; + } + function registerEvent(instance, event, key) { + let { name, el, handler, capture, passive, delegate, filter, self } = isPlainObject(event) ? event : { name: key, handler: event }; + el = isFunction(el) ? el.call(instance, instance) : el || instance.$el; + if (!el || isArray(el) && !el.length || filter && !filter.call(instance)) { + return; + } + instance._events.push( + on( + el, + name, + delegate ? isString(delegate) ? delegate : delegate.call(instance, instance) : null, + isString(handler) ? instance[handler] : handler.bind(instance), + { passive, capture, self } + ) + ); + } + + function initObservers(instance) { + instance._observers = []; + for (const observer of instance.$options.observe || []) { + if (hasOwn(observer, "handler")) { + registerObservable(instance, observer); + } else { + for (const observable of observer) { + registerObservable(instance, observable); + } + } + } + } + function registerObserver(instance, ...observer) { + instance._observers.push(...observer); + } + function disconnectObservers(instance) { + for (const observer of instance._observers) { + observer.disconnect(); + } + } + function registerObservable(instance, observable) { + let { observe, target = instance.$el, handler, options, filter, args } = observable; + if (filter && !filter.call(instance, instance)) { + return; + } + const key = `_observe${instance._observers.length}`; + if (isFunction(target) && !hasOwn(instance, key)) { + registerComputed(instance, key, () => target.call(instance, instance)); + } + handler = isString(handler) ? instance[handler] : handler.bind(instance); + if (isFunction(options)) { + options = options.call(instance, instance); + } + const targets = hasOwn(instance, key) ? instance[key] : target; + const observer = observe(targets, handler, options, args); + if (isFunction(target) && isArray(instance[key]) && observer.unobserve) { + registerWatch(instance, { handler: updateTargets(observer), immediate: false }, key); + } + registerObserver(instance, observer); + } + function updateTargets(observer) { + return (targets, prev) => { + for (const target of prev) { + !includes(targets, target) && observer.unobserve(target); + } + for (const target of targets) { + !includes(prev, target) && observer.observe(target); + } + }; + } + + function initProps(instance) { + const { $options, $props } = instance; + const props = getProps($options); + assign($props, props); + const { computed, methods } = $options; + for (let key in $props) { + if (key in props && (!computed || !hasOwn(computed, key)) && (!methods || !hasOwn(methods, key))) { + instance[key] = $props[key]; + } + } + } + function getProps(opts) { + const data$1 = {}; + const { args = [], props = {}, el, id } = opts; + if (!props) { + return data$1; + } + for (const key in props) { + const prop = hyphenate(key); + let value = data(el, prop); + if (isUndefined(value)) { + continue; + } + value = props[key] === Boolean && value === "" ? true : coerce$1(props[key], value); + if (prop === "target" && startsWith(value, "_")) { + continue; + } + data$1[key] = value; + } + const options = parseOptions(data(el, id), args); + for (const key in options) { + const prop = camelize(key); + if (!isUndefined(props[prop])) { + data$1[prop] = coerce$1(props[prop], options[key]); + } + } + return data$1; + } + const getAttributes = memoize((id, props) => { + const attributes = Object.keys(props); + const filter = attributes.concat(id).map((key) => [hyphenate(key), `data-${hyphenate(key)}`]).flat(); + return { attributes, filter }; + }); + function initPropsObserver(instance) { + const { $options, $props } = instance; + const { id, props, el } = $options; + if (!props) { + return; + } + const { attributes, filter } = getAttributes(id, props); + const observer = new MutationObserver((records) => { + const data = getProps($options); + if (records.some(({ attributeName }) => { + const prop = attributeName.replace("data-", ""); + return (prop === id ? attributes : [camelize(prop), camelize(attributeName)]).some( + (prop2) => !isUndefined(data[prop2]) && data[prop2] !== $props[prop2] + ); + })) { + instance.$reset(); + } + }); + observer.observe(el, { + attributes: true, + attributeFilter: filter + }); + registerObserver(instance, observer); + } + + function callHook(instance, hook) { + var _a; + (_a = instance.$options[hook]) == null ? void 0 : _a.forEach((handler) => handler.call(instance)); + } + function callConnected(instance) { + if (instance._connected) { + return; + } + initProps(instance); + callHook(instance, "beforeConnect"); + instance._connected = true; + initEvents(instance); + initUpdates(instance); + initWatches(instance); + initObservers(instance); + initPropsObserver(instance); + initComputedUpdates(instance); + callHook(instance, "connected"); + callUpdate(instance); + } + function callDisconnected(instance) { + if (!instance._connected) { + return; + } + callHook(instance, "beforeDisconnect"); + unbindEvents(instance); + clearUpdateData(instance); + disconnectObservers(instance); + disconnectComputedUpdates(instance); + callHook(instance, "disconnected"); + instance._connected = false; + } + + let uid = 0; + function init$1(instance, options = {}) { + options.data = normalizeData(options, instance.constructor.options); + instance.$options = mergeOptions(instance.constructor.options, options, instance); + instance.$props = {}; + instance._uid = uid++; + initData(instance); + initMethods(instance); + initComputed(instance); + callHook(instance, "created"); + if (options.el) { + instance.$mount(options.el); + } + } + function initData(instance) { + const { data = {} } = instance.$options; + for (const key in data) { + instance.$props[key] = instance[key] = data[key]; + } + } + function initMethods(instance) { + const { methods } = instance.$options; + if (methods) { + for (const key in methods) { + instance[key] = methods[key].bind(instance); + } + } + } + function normalizeData({ data = {} }, { args = [], props = {} }) { + if (isArray(data)) { + data = data.slice(0, args.length).reduce((data2, value, index) => { + if (isPlainObject(value)) { + assign(data2, value); + } else { + data2[args[index]] = value; + } + return data2; + }, {}); + } + for (const key in data) { + if (isUndefined(data[key])) { + delete data[key]; + } else if (props[key]) { + data[key] = coerce$1(props[key], data[key]); + } + } + return data; + } + + const App = function(options) { + init$1(this, options); + }; + App.util = util; + App.options = {}; + App.version = "3.18.0"; + + const PREFIX = "uk-"; + const DATA = "__uikit__"; + const components$2 = {}; + function component(name, options) { + var _a; + const id = PREFIX + hyphenate(name); + if (!options) { + if (isPlainObject(components$2[id])) { + components$2[id] = App.extend(components$2[id]); + } + return components$2[id]; + } + name = camelize(name); + App[name] = (element, data) => createComponent(name, element, data); + const opt = isPlainObject(options) ? { ...options } : options.options; + opt.id = id; + opt.name = name; + (_a = opt.install) == null ? void 0 : _a.call(opt, App, opt, name); + if (App._initialized && !opt.functional) { + requestAnimationFrame(() => createComponent(name, `[${id}],[data-${id}]`)); + } + return components$2[id] = opt; + } + function createComponent(name, element, data, ...args) { + const Component = component(name); + return Component.options.functional ? new Component({ data: isPlainObject(element) ? element : [element, data, ...args] }) : element ? $$(element).map(init)[0] : init(); + function init(element2) { + const instance = getComponent(element2, name); + if (instance) { + if (data) { + instance.$destroy(); + } else { + return instance; + } + } + return new Component({ el: element2, data }); + } + } + function getComponents(element) { + return (element == null ? void 0 : element[DATA]) || {}; + } + function getComponent(element, name) { + return getComponents(element)[name]; + } + function attachToElement(element, instance) { + if (!element[DATA]) { + element[DATA] = {}; + } + element[DATA][instance.$options.name] = instance; + } + function detachFromElement(element, instance) { + var _a; + (_a = element[DATA]) == null ? true : delete _a[instance.$options.name]; + if (!isEmpty(element[DATA])) { + delete element[DATA]; + } + } + + function globalApi(App) { + App.component = component; + App.getComponents = getComponents; + App.getComponent = getComponent; + App.update = update; + App.use = function(plugin) { + if (plugin.installed) { + return; + } + plugin.call(null, this); + plugin.installed = true; + return this; + }; + App.mixin = function(mixin, component2) { + component2 = (isString(component2) ? this.component(component2) : component2) || this; + component2.options = mergeOptions(component2.options, mixin); + }; + App.extend = function(options) { + options || (options = {}); + const Super = this; + const Sub = function UIkitComponent(options2) { + init$1(this, options2); + }; + Sub.prototype = Object.create(Super.prototype); + Sub.prototype.constructor = Sub; + Sub.options = mergeOptions(Super.options, options); + Sub.super = Super; + Sub.extend = Super.extend; + return Sub; + }; + let container; + Object.defineProperty(App, "container", { + get() { + return container || document.body; + }, + set(element) { + container = $(element); + } + }); + } + function update(element, e) { + element = element ? toNode(element) : document.body; + for (const parentEl of parents(element).reverse()) { + updateElement(parentEl, e); + } + apply(element, (element2) => updateElement(element2, e)); + } + function updateElement(element, e) { + const components = getComponents(element); + for (const name in components) { + callUpdate(components[name], e); + } + } + + function instanceApi(App) { + App.prototype.$mount = function(el) { + const instance = this; + attachToElement(el, instance); + instance.$options.el = el; + if (document.contains(el)) { + callConnected(instance); + } + }; + App.prototype.$destroy = function(removeEl = false) { + const instance = this; + const { el } = instance.$options; + if (el) { + callDisconnected(instance); + } + callHook(instance, "destroy"); + detachFromElement(el, instance); + if (removeEl) { + remove$1(instance.$el); + } + }; + App.prototype.$create = createComponent; + App.prototype.$emit = function(e) { + callUpdate(this, e); + }; + App.prototype.$update = function(element = this.$el, e) { + update(element, e); + }; + App.prototype.$reset = function() { + callDisconnected(this); + callConnected(this); + }; + App.prototype.$getComponent = getComponent; + Object.defineProperties(App.prototype, { + $el: { + get() { + return this.$options.el; + } + }, + $container: Object.getOwnPropertyDescriptor(App, "container") + }); + } + let id = 1; + function generateId(instance, el = null) { + return (el == null ? void 0 : el.id) || `${instance.$options.id}-${id++}`; + } + + var SliderNav = { + i18n: { + next: "Next slide", + previous: "Previous slide", + slideX: "Slide %s", + slideLabel: "%s of %s", + role: "String" + }, + data: { + selNav: false, + role: "region" + }, + computed: { + nav: ({ selNav }, $el) => $(selNav, $el), + navChildren() { + return children(this.nav); + }, + selNavItem: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`, + navItems(_, $el) { + return $$(this.selNavItem, $el); + } + }, + watch: { + nav(nav, prev) { + attr(nav, "role", "tablist"); + if (prev) { + this.$emit(); + } + }, + list(list) { + attr(list, "role", "presentation"); + }, + navChildren(children2) { + attr(children2, "role", "presentation"); + }, + navItems(items) { + for (const el of items) { + const cmd = data(el, this.attrItem); + const button = $("a,button", el) || el; + let ariaLabel; + let ariaControls = null; + if (isNumeric(cmd)) { + const item = toNumber(cmd); + const slide = this.slides[item]; + if (slide) { + if (!slide.id) { + slide.id = generateId(this, slide); + } + ariaControls = slide.id; + } + ariaLabel = this.t("slideX", toFloat(cmd) + 1); + attr(button, "role", "tab"); + } else { + if (this.list) { + if (!this.list.id) { + this.list.id = generateId(this, this.list); + } + ariaControls = this.list.id; + } + ariaLabel = this.t(cmd); + } + attr(button, { + "aria-controls": ariaControls, + "aria-label": attr(button, "aria-label") || ariaLabel + }); + } + }, + slides(slides) { + slides.forEach( + (slide, i) => attr(slide, { + role: this.nav ? "tabpanel" : "group", + "aria-label": this.t("slideLabel", i + 1, this.length), + "aria-roledescription": this.nav ? null : "slide" + }) + ); + }, + length(length) { + const navLength = this.navChildren.length; + if (this.nav && length !== navLength) { + empty(this.nav); + for (let i = 0; i < length; i++) { + append(this.nav, `<li ${this.attrItem}="${i}"><a href></a></li>`); + } + } + } + }, + connected() { + attr(this.$el, { + role: this.role, + "aria-roledescription": "carousel" + }); + }, + update: [ + { + write() { + this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex)); + this.updateNav(); + }, + events: ["resize"] + } + ], + events: [ + { + name: "click keydown", + delegate() { + return this.selNavItem; + }, + filter() { + return !this.parallax; + }, + handler(e) { + if (e.target.closest("a,button") && (e.type === "click" || e.keyCode === keyMap.SPACE)) { + e.preventDefault(); + this.show(data(e.current, this.attrItem)); + } + } + }, + { + name: "itemshow", + handler: "updateNav" + }, + { + name: "keydown", + delegate() { + return this.selNavItem; + }, + filter() { + return !this.parallax; + }, + handler(e) { + const { current, keyCode } = e; + const cmd = data(current, this.attrItem); + if (!isNumeric(cmd)) { + return; + } + let i = keyCode === keyMap.HOME ? 0 : keyCode === keyMap.END ? "last" : keyCode === keyMap.LEFT ? "previous" : keyCode === keyMap.RIGHT ? "next" : -1; + if (~i) { + e.preventDefault(); + this.show(i); + } + } + } + ], + methods: { + updateNav() { + const index = this.getValidIndex(); + for (const el of this.navItems) { + const cmd = data(el, this.attrItem); + const button = $("a,button", el) || el; + if (isNumeric(cmd)) { + const item = toNumber(cmd); + const active = item === index; + toggleClass(el, this.clsActive, active); + toggleClass(button, "uk-disabled", this.parallax); + attr(button, { + "aria-selected": active, + tabindex: active && !this.parallax ? null : -1 + }); + if (active && button && matches(parent(el), ":focus-within")) { + button.focus(); + } + } else { + toggleClass( + el, + "uk-invisible", + this.finite && (cmd === "previous" && index === 0 || cmd === "next" && index >= this.maxIndex) + ); + } + } + } + } + }; + + var Slider = { + mixins: [SliderAutoplay, SliderDrag, SliderNav, I18n], + props: { + clsActivated: String, + easing: String, + index: Number, + finite: Boolean, + velocity: Number + }, + data: () => ({ + easing: "ease", + finite: false, + velocity: 1, + index: 0, + prevIndex: -1, + stack: [], + percent: 0, + clsActive: "uk-active", + clsActivated: "", + clsEnter: "uk-slide-enter", + clsLeave: "uk-slide-leave", + clsSlideActive: "uk-slide-active", + Transitioner: false, + transitionOptions: {} + }), + connected() { + this.prevIndex = -1; + this.index = this.getValidIndex(this.$props.index); + this.stack = []; + }, + disconnected() { + removeClass(this.slides, this.clsActive); + }, + computed: { + duration: ({ velocity }, $el) => speedUp($el.offsetWidth / velocity), + list: ({ selList }, $el) => $(selList, $el), + maxIndex() { + return this.length - 1; + }, + slides() { + return children(this.list); + }, + length() { + return this.slides.length; + } + }, + watch: { + slides(slides, prev) { + if (prev) { + this.$emit(); + } + } + }, + observe: resize(), + events: { + itemshow({ target }) { + addClass(target, this.clsEnter, this.clsSlideActive); + }, + itemshown({ target }) { + removeClass(target, this.clsEnter); + }, + itemhide({ target }) { + addClass(target, this.clsLeave); + }, + itemhidden({ target }) { + removeClass(target, this.clsLeave, this.clsSlideActive); + } + }, + methods: { + show(index, force = false) { + var _a; + if (this.dragging || !this.length || this.parallax) { + return; + } + const { stack } = this; + const queueIndex = force ? 0 : stack.length; + const reset = () => { + stack.splice(queueIndex, 1); + if (stack.length) { + this.show(stack.shift(), true); + } + }; + stack[force ? "unshift" : "push"](index); + if (!force && stack.length > 1) { + if (stack.length === 2) { + (_a = this._transitioner) == null ? void 0 : _a.forward(Math.min(this.duration, 200)); + } + return; + } + const prevIndex = this.getIndex(this.index); + const prev = hasClass(this.slides, this.clsActive) && this.slides[prevIndex]; + const nextIndex = this.getIndex(index, this.index); + const next = this.slides[nextIndex]; + if (prev === next) { + reset(); + return; + } + this.dir = getDirection(index, prevIndex); + this.prevIndex = prevIndex; + this.index = nextIndex; + if (prev && !trigger(prev, "beforeitemhide", [this]) || !trigger(next, "beforeitemshow", [this, prev])) { + this.index = this.prevIndex; + reset(); + return; + } + const promise = this._show(prev, next, force).then(() => { + prev && trigger(prev, "itemhidden", [this]); + trigger(next, "itemshown", [this]); + stack.shift(); + this._transitioner = null; + requestAnimationFrame(() => stack.length && this.show(stack.shift(), true)); + }); + prev && trigger(prev, "itemhide", [this]); + trigger(next, "itemshow", [this]); + return promise; + }, + getIndex(index = this.index, prev = this.index) { + return clamp( + getIndex(index, this.slides, prev, this.finite), + 0, + Math.max(0, this.maxIndex) + ); + }, + getValidIndex(index = this.index, prevIndex = this.prevIndex) { + return this.getIndex(index, prevIndex); + }, + _show(prev, next, force) { + this._transitioner = this._getTransitioner(prev, next, this.dir, { + easing: force ? next.offsetWidth < 600 ? "cubic-bezier(0.25, 0.46, 0.45, 0.94)" : "cubic-bezier(0.165, 0.84, 0.44, 1)" : this.easing, + ...this.transitionOptions + }); + if (!force && !prev) { + this._translate(1); + return Promise.resolve(); + } + const { length } = this.stack; + return this._transitioner[length > 1 ? "forward" : "show"]( + length > 1 ? Math.min(this.duration, 75 + 75 / (length - 1)) : this.duration, + this.percent + ); + }, + _translate(percent, prev = this.prevIndex, next = this.index) { + const transitioner = this._getTransitioner(prev === next ? false : prev, next); + transitioner.translate(percent); + return transitioner; + }, + _getTransitioner(prev = this.prevIndex, next = this.index, dir = this.dir || 1, options = this.transitionOptions) { + return new this.Transitioner( + isNumber(prev) ? this.slides[prev] : prev, + isNumber(next) ? this.slides[next] : next, + dir * (isRtl ? -1 : 1), + options + ); + } + } + }; + function getDirection(index, prevIndex) { + return index === "next" ? 1 : index === "previous" ? -1 : index < prevIndex ? -1 : 1; + } + function speedUp(x) { + return 0.5 * x + 300; + } + + var Slideshow = { + mixins: [Slider], + props: { + animation: String + }, + data: { + animation: "slide", + clsActivated: "uk-transition-active", + Animations: Animations$2, + Transitioner: Transitioner$1 + }, + computed: { + animation({ animation, Animations: Animations2 }) { + return { ...Animations2[animation] || Animations2.slide, name: animation }; + }, + transitionOptions() { + return { animation: this.animation }; + } + }, + events: { + beforeitemshow({ target }) { + addClass(target, this.clsActive); + }, + itemshown({ target }) { + addClass(target, this.clsActivated); + }, + itemhidden({ target }) { + removeClass(target, this.clsActive, this.clsActivated); + } + } + }; + + var Animations$1 = { + ...Animations$2, + fade: { + show() { + return [{ opacity: 0 }, { opacity: 1 }]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [{ opacity: 1 - percent }, { opacity: percent }]; + } + }, + scale: { + show() { + return [ + { opacity: 0, transform: scale3d(1 - 0.2) }, + { opacity: 1, transform: scale3d(1) } + ]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [ + { opacity: 1 - percent, transform: scale3d(1 - 0.2 * percent) }, + { opacity: percent, transform: scale3d(1 - 0.2 + 0.2 * percent) } + ]; + } + } + }; + + var LightboxPanel = { + mixins: [Modal, Slideshow], + functional: true, + props: { + delayControls: Number, + preload: Number, + videoAutoplay: Boolean, + template: String + }, + data: () => ({ + preload: 1, + videoAutoplay: false, + delayControls: 3e3, + items: [], + cls: "uk-open", + clsPage: "uk-lightbox-page", + selList: ".uk-lightbox-items", + attrItem: "uk-lightbox-item", + selClose: ".uk-close-large", + selCaption: ".uk-lightbox-caption", + pauseOnHover: false, + velocity: 2, + Animations: Animations$1, + template: `<div class="uk-lightbox uk-overflow-hidden"> <ul class="uk-lightbox-items"></ul> <div class="uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque"> <button class="uk-lightbox-toolbar-icon uk-close-large" type="button" uk-close></button> </div> <a class="uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade" href uk-slidenav-previous uk-lightbox-item="previous"></a> <a class="uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade" href uk-slidenav-next uk-lightbox-item="next"></a> <div class="uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque"></div> </div>` + }), + created() { + const $el = $(this.template); + const list = $(this.selList, $el); + this.items.forEach(() => append(list, "<li>")); + const close = $("[uk-close]", $el); + const closeLabel = this.t("close"); + if (close && closeLabel) { + close.dataset.i18n = JSON.stringify({ label: closeLabel }); + } + this.$mount(append(this.container, $el)); + }, + computed: { + caption: ({ selCaption }, $el) => $(selCaption, $el) + }, + events: [ + { + name: `${pointerMove$1} ${pointerDown$1} keydown`, + handler: "showControls" + }, + { + name: "click", + self: true, + delegate() { + return `${this.selList} > *`; + }, + handler(e) { + if (!e.defaultPrevented) { + this.hide(); + } + } + }, + { + name: "shown", + self: true, + handler: "showControls" + }, + { + name: "hide", + self: true, + handler() { + this.hideControls(); + removeClass(this.slides, this.clsActive); + Transition.stop(this.slides); + } + }, + { + name: "hidden", + self: true, + handler() { + this.$destroy(true); + } + }, + { + name: "keyup", + el() { + return document; + }, + handler({ keyCode }) { + if (!this.isToggled(this.$el) || !this.draggable) { + return; + } + let i = -1; + if (keyCode === keyMap.LEFT) { + i = "previous"; + } else if (keyCode === keyMap.RIGHT) { + i = "next"; + } else if (keyCode === keyMap.HOME) { + i = 0; + } else if (keyCode === keyMap.END) { + i = "last"; + } + if (~i) { + this.show(i); + } + } + }, + { + name: "beforeitemshow", + handler(e) { + if (this.isToggled()) { + return; + } + this.draggable = false; + e.preventDefault(); + this.toggleElement(this.$el, true, false); + this.animation = Animations$1["scale"]; + removeClass(e.target, this.clsActive); + this.stack.splice(1, 0, this.index); + } + }, + { + name: "itemshow", + handler() { + html(this.caption, this.getItem().caption || ""); + for (let j = -this.preload; j <= this.preload; j++) { + this.loadItem(this.index + j); + } + } + }, + { + name: "itemshown", + handler() { + this.draggable = this.$props.draggable; + } + }, + { + name: "itemload", + async handler(_, item) { + const { source: src, type, alt = "", poster, attrs = {} } = item; + this.setItem(item, "<span uk-spinner></span>"); + if (!src) { + return; + } + let matches; + const iframeAttrs = { + allowfullscreen: "", + style: "max-width: 100%; box-sizing: border-box;", + "uk-responsive": "", + "uk-video": `${this.videoAutoplay}` + }; + if (type === "image" || src.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)) { + const img = createEl("img", { src, alt, ...attrs }); + on(img, "load", () => this.setItem(item, img)); + on(img, "error", () => this.setError(item)); + } else if (type === "video" || src.match(/\.(mp4|webm|ogv)($|\?)/i)) { + const video = createEl("video", { + src, + poster, + controls: "", + playsinline: "", + "uk-video": `${this.videoAutoplay}`, + ...attrs + }); + on(video, "loadedmetadata", () => this.setItem(item, video)); + on(video, "error", () => this.setError(item)); + } else if (type === "iframe" || src.match(/\.(html|php)($|\?)/i)) { + this.setItem( + item, + createEl("iframe", { + src, + allowfullscreen: "", + class: "uk-lightbox-iframe", + ...attrs + }) + ); + } else if (matches = src.match( + /\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/ + )) { + this.setItem( + item, + createEl("iframe", { + src: `https://www.youtube${matches[1] || ""}.com/embed/${matches[2]}${matches[3] ? `?${matches[3]}` : ""}`, + width: 1920, + height: 1080, + ...iframeAttrs, + ...attrs + }) + ); + } else if (matches = src.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/)) { + try { + const { height, width } = await (await fetch( + `https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI( + src + )}`, + { credentials: "omit" } + )).json(); + this.setItem( + item, + createEl("iframe", { + src: `https://player.vimeo.com/video/${matches[1]}${matches[2] ? `?${matches[2]}` : ""}`, + width, + height, + ...iframeAttrs, + ...attrs + }) + ); + } catch (e) { + this.setError(item); + } + } + } + } + ], + methods: { + loadItem(index = this.index) { + const item = this.getItem(index); + if (!this.getSlide(item).childElementCount) { + trigger(this.$el, "itemload", [item]); + } + }, + getItem(index = this.index) { + return this.items[getIndex(index, this.slides)]; + }, + setItem(item, content) { + trigger(this.$el, "itemloaded", [this, html(this.getSlide(item), content)]); + }, + getSlide(item) { + return this.slides[this.items.indexOf(item)]; + }, + setError(item) { + this.setItem(item, '<span uk-icon="icon: bolt; ratio: 2"></span>'); + }, + showControls() { + clearTimeout(this.controlsTimer); + this.controlsTimer = setTimeout(this.hideControls, this.delayControls); + addClass(this.$el, "uk-active", "uk-transition-active"); + }, + hideControls() { + removeClass(this.$el, "uk-active", "uk-transition-active"); + } + } + }; + function createEl(tag, attrs) { + const el = fragment(`<${tag}>`); + attr(el, attrs); + return el; + } + + var lightbox = { + install: install$3, + props: { toggle: String }, + data: { toggle: "a" }, + computed: { + toggles: ({ toggle }, $el) => $$(toggle, $el) + }, + watch: { + toggles(toggles) { + this.hide(); + for (const toggle of toggles) { + if (isTag(toggle, "a")) { + attr(toggle, "role", "button"); + } + } + } + }, + disconnected() { + this.hide(); + }, + events: { + name: "click", + delegate() { + return `${this.toggle}:not(.uk-disabled)`; + }, + handler(e) { + e.preventDefault(); + this.show(e.current); + } + }, + methods: { + show(index) { + const items = uniqueBy(this.toggles.map(toItem), "source"); + if (isElement(index)) { + const { source } = toItem(index); + index = findIndex(items, ({ source: src }) => source === src); + } + this.panel = this.panel || this.$create("lightboxPanel", { ...this.$props, items }); + on(this.panel.$el, "hidden", () => this.panel = null); + return this.panel.show(index); + }, + hide() { + var _a; + return (_a = this.panel) == null ? void 0 : _a.hide(); + } + } + }; + function install$3(UIkit, Lightbox) { + if (!UIkit.lightboxPanel) { + UIkit.component("lightboxPanel", LightboxPanel); + } + assign(Lightbox.props, UIkit.component("lightboxPanel").options.props); + } + function toItem(el) { + const item = {}; + for (const attr2 of ["href", "caption", "type", "poster", "alt", "attrs"]) { + item[attr2 === "href" ? "source" : attr2] = data(el, attr2); + } + item.attrs = parseOptions(item.attrs); + return item; + } + + var notification = { + mixins: [Container], + functional: true, + args: ["message", "status"], + data: { + message: "", + status: "", + timeout: 5e3, + group: "", + pos: "top-center", + clsContainer: "uk-notification", + clsClose: "uk-notification-close", + clsMsg: "uk-notification-message" + }, + install: install$2, + computed: { + marginProp: ({ pos }) => `margin-${pos.match(/[a-z]+(?=-)/)[0]}`, + startProps() { + return { opacity: 0, [this.marginProp]: -this.$el.offsetHeight }; + } + }, + created() { + const posClass = `${this.clsContainer}-${this.pos}`; + const containerAttr = `data-${this.clsContainer}-container`; + const container = $(`.${posClass}[${containerAttr}]`, this.container) || append( + this.container, + `<div class="${this.clsContainer} ${posClass}" ${containerAttr}></div>` + ); + this.$mount( + append( + container, + `<div class="${this.clsMsg}${this.status ? ` ${this.clsMsg}-${this.status}` : ""}" role="alert"> <a href class="${this.clsClose}" data-uk-close></a> <div>${this.message}</div> </div>` + ) + ); + }, + async connected() { + const margin = toFloat(css(this.$el, this.marginProp)); + await Transition.start(css(this.$el, this.startProps), { + opacity: 1, + [this.marginProp]: margin + }); + if (this.timeout) { + this.timer = setTimeout(this.close, this.timeout); + } + }, + events: { + click(e) { + if (e.target.closest('a[href="#"],a[href=""]')) { + e.preventDefault(); + } + this.close(); + }, + [pointerEnter]() { + if (this.timer) { + clearTimeout(this.timer); + } + }, + [pointerLeave]() { + if (this.timeout) { + this.timer = setTimeout(this.close, this.timeout); + } + } + }, + methods: { + async close(immediate) { + const removeFn = (el) => { + const container = parent(el); + trigger(el, "close", [this]); + remove$1(el); + if (!(container == null ? void 0 : container.hasChildNodes())) { + remove$1(container); + } + }; + if (this.timer) { + clearTimeout(this.timer); + } + if (!immediate) { + await Transition.start(this.$el, this.startProps); + } + removeFn(this.$el); + } + } + }; + function install$2(UIkit) { + UIkit.notification.closeAll = function(group, immediate) { + apply(document.body, (el) => { + const notification = UIkit.getComponent(el, "notification"); + if (notification && (!group || group === notification.group)) { + notification.close(immediate); + } + }); + }; + } + + var Media = { + props: { + media: Boolean + }, + data: { + media: false + }, + connected() { + const media = toMedia(this.media, this.$el); + this.matchMedia = true; + if (media) { + this.mediaObj = window.matchMedia(media); + const handler = () => { + this.matchMedia = this.mediaObj.matches; + trigger(this.$el, createEvent("mediachange", false, true, [this.mediaObj])); + }; + this.offMediaObj = on(this.mediaObj, "change", () => { + handler(); + this.$emit("resize"); + }); + handler(); + } + }, + disconnected() { + var _a; + (_a = this.offMediaObj) == null ? void 0 : _a.call(this); + } + }; + function toMedia(value, element) { + if (isString(value)) { + if (startsWith(value, "@")) { + value = toFloat(css(element, `--uk-breakpoint-${value.substr(1)}`)); + } else if (isNaN(value)) { + return value; + } + } + return value && isNumeric(value) ? `(min-width: ${value}px)` : ""; + } + + function getMaxPathLength(el) { + return Math.ceil( + Math.max( + 0, + ...$$("[stroke]", el).map((stroke) => { + try { + return stroke.getTotalLength(); + } catch (e) { + return 0; + } + }) + ) + ); + } + + const props = { + x: transformFn, + y: transformFn, + rotate: transformFn, + scale: transformFn, + color: colorFn, + backgroundColor: colorFn, + borderColor: colorFn, + blur: filterFn, + hue: filterFn, + fopacity: filterFn, + grayscale: filterFn, + invert: filterFn, + saturate: filterFn, + sepia: filterFn, + opacity: cssPropFn, + stroke: strokeFn, + bgx: backgroundFn, + bgy: backgroundFn + }; + const { keys } = Object; + var Parallax = { + mixins: [Media], + props: fillObject(keys(props), "list"), + data: fillObject(keys(props), void 0), + computed: { + props(properties, $el) { + const stops = {}; + for (const prop in properties) { + if (prop in props && !isUndefined(properties[prop])) { + stops[prop] = properties[prop].slice(); + } + } + const result = {}; + for (const prop in stops) { + result[prop] = props[prop](prop, $el, stops[prop], stops); + } + return result; + } + }, + events: { + load() { + this.$emit(); + } + }, + methods: { + reset() { + for (const prop in this.getCss(0)) { + css(this.$el, prop, ""); + } + }, + getCss(percent) { + const css2 = {}; + for (const prop in this.props) { + this.props[prop](css2, clamp(percent)); + } + css2.willChange = Object.keys(css2).map(propName).join(","); + return css2; + } + } + }; + function transformFn(prop, el, stops) { + let unit = getUnit(stops) || { x: "px", y: "px", rotate: "deg" }[prop] || ""; + let transformFn2; + if (prop === "x" || prop === "y") { + prop = `translate${ucfirst(prop)}`; + transformFn2 = (stop) => toFloat(toFloat(stop).toFixed(unit === "px" ? 0 : 6)); + } else if (prop === "scale") { + unit = ""; + transformFn2 = (stop) => { + var _a; + return getUnit([stop]) ? toPx(stop, "width", el, true) / el[`offset${((_a = stop.endsWith) == null ? void 0 : _a.call(stop, "vh")) ? "Height" : "Width"}`] : toFloat(stop); + }; + } + if (stops.length === 1) { + stops.unshift(prop === "scale" ? 1 : 0); + } + stops = parseStops(stops, transformFn2); + return (css2, percent) => { + css2.transform = `${css2.transform || ""} ${prop}(${getValue(stops, percent)}${unit})`; + }; + } + function colorFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(getCssValue(el, prop, "")); + } + stops = parseStops(stops, (stop) => parseColor(el, stop)); + return (css2, percent) => { + const [start, end, p] = getStop(stops, percent); + const value = start.map((value2, i) => { + value2 += p * (end[i] - value2); + return i === 3 ? toFloat(value2) : parseInt(value2, 10); + }).join(","); + css2[prop] = `rgba(${value})`; + }; + } + function parseColor(el, color) { + return getCssValue(el, "color", color).split(/[(),]/g).slice(1, -1).concat(1).slice(0, 4).map(toFloat); + } + function filterFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(0); + } + const unit = getUnit(stops) || { blur: "px", hue: "deg" }[prop] || "%"; + prop = { fopacity: "opacity", hue: "hue-rotate" }[prop] || prop; + stops = parseStops(stops); + return (css2, percent) => { + const value = getValue(stops, percent); + css2.filter = `${css2.filter || ""} ${prop}(${value + unit})`; + }; + } + function cssPropFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(getCssValue(el, prop, "")); + } + stops = parseStops(stops); + return (css2, percent) => { + css2[prop] = getValue(stops, percent); + }; + } + function strokeFn(prop, el, stops) { + if (stops.length === 1) { + stops.unshift(0); + } + const unit = getUnit(stops); + const length = getMaxPathLength(el); + stops = parseStops(stops.reverse(), (stop) => { + stop = toFloat(stop); + return unit === "%" ? stop * length / 100 : stop; + }); + if (!stops.some(([value]) => value)) { + return noop; + } + css(el, "strokeDasharray", length); + return (css2, percent) => { + css2.strokeDashoffset = getValue(stops, percent); + }; + } + function backgroundFn(prop, el, stops, props2) { + if (stops.length === 1) { + stops.unshift(0); + } + const attr = prop === "bgy" ? "height" : "width"; + props2[prop] = parseStops(stops, (stop) => toPx(stop, attr, el)); + const bgProps = ["bgx", "bgy"].filter((prop2) => prop2 in props2); + if (bgProps.length === 2 && prop === "bgx") { + return noop; + } + if (getCssValue(el, "backgroundSize", "") === "cover") { + return backgroundCoverFn(prop, el, stops, props2); + } + const positions = {}; + for (const prop2 of bgProps) { + positions[prop2] = getBackgroundPos(el, prop2); + } + return setBackgroundPosFn(bgProps, positions, props2); + } + function backgroundCoverFn(prop, el, stops, props2) { + const dimImage = getBackgroundImageDimensions(el); + if (!dimImage.width) { + return noop; + } + const dimEl = { + width: el.offsetWidth, + height: el.offsetHeight + }; + const bgProps = ["bgx", "bgy"].filter((prop2) => prop2 in props2); + const positions = {}; + for (const prop2 of bgProps) { + const values = props2[prop2].map(([value]) => value); + const min = Math.min(...values); + const max = Math.max(...values); + const down = values.indexOf(min) < values.indexOf(max); + const diff = max - min; + positions[prop2] = `${(down ? -diff : 0) - (down ? min : max)}px`; + dimEl[prop2 === "bgy" ? "height" : "width"] += diff; + } + const dim = Dimensions.cover(dimImage, dimEl); + for (const prop2 of bgProps) { + const attr = prop2 === "bgy" ? "height" : "width"; + const overflow = dim[attr] - dimEl[attr]; + positions[prop2] = `max(${getBackgroundPos(el, prop2)},-${overflow}px) + ${positions[prop2]}`; + } + const fn = setBackgroundPosFn(bgProps, positions, props2); + return (css2, percent) => { + fn(css2, percent); + css2.backgroundSize = `${dim.width}px ${dim.height}px`; + css2.backgroundRepeat = "no-repeat"; + }; + } + function getBackgroundPos(el, prop) { + return getCssValue(el, `background-position-${prop.substr(-1)}`, ""); + } + function setBackgroundPosFn(bgProps, positions, props2) { + return function(css2, percent) { + for (const prop of bgProps) { + const value = getValue(props2[prop], percent); + css2[`background-position-${prop.substr(-1)}`] = `calc(${positions[prop]} + ${value}px)`; + } + }; + } + const dimensions = {}; + function getBackgroundImageDimensions(el) { + const src = css(el, "backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/, "$1"); + if (dimensions[src]) { + return dimensions[src]; + } + const image = new Image(); + if (src) { + image.src = src; + if (!image.naturalWidth) { + image.onload = () => { + dimensions[src] = toDimensions(image); + trigger(el, createEvent("load", false)); + }; + return toDimensions(image); + } + } + return dimensions[src] = toDimensions(image); + } + function toDimensions(image) { + return { + width: image.naturalWidth, + height: image.naturalHeight + }; + } + function parseStops(stops, fn = toFloat) { + const result = []; + const { length } = stops; + let nullIndex = 0; + for (let i = 0; i < length; i++) { + let [value, percent] = isString(stops[i]) ? stops[i].trim().split(/ (?![^(]*\))/) : [stops[i]]; + value = fn(value); + percent = percent ? toFloat(percent) / 100 : null; + if (i === 0) { + if (percent === null) { + percent = 0; + } else if (percent) { + result.push([value, 0]); + } + } else if (i === length - 1) { + if (percent === null) { + percent = 1; + } else if (percent !== 1) { + result.push([value, percent]); + percent = 1; + } + } + result.push([value, percent]); + if (percent === null) { + nullIndex++; + } else if (nullIndex) { + const leftPercent = result[i - nullIndex - 1][1]; + const p = (percent - leftPercent) / (nullIndex + 1); + for (let j = nullIndex; j > 0; j--) { + result[i - j][1] = leftPercent + p * (nullIndex - j + 1); + } + nullIndex = 0; + } + } + return result; + } + function getStop(stops, percent) { + const index = findIndex(stops.slice(1), ([, targetPercent]) => percent <= targetPercent) + 1; + return [ + stops[index - 1][0], + stops[index][0], + (percent - stops[index - 1][1]) / (stops[index][1] - stops[index - 1][1]) + ]; + } + function getValue(stops, percent) { + const [start, end, p] = getStop(stops, percent); + return start + Math.abs(start - end) * p * (start < end ? 1 : -1); + } + const unitRe = /^-?\d+(?:\.\d+)?(\S+)?/; + function getUnit(stops, defaultUnit) { + var _a; + for (const stop of stops) { + const match = (_a = stop.match) == null ? void 0 : _a.call(stop, unitRe); + if (match) { + return match[1]; + } + } + return defaultUnit; + } + function getCssValue(el, prop, value) { + const prev = el.style[prop]; + const val = css(css(el, prop, value), prop); + el.style[prop] = prev; + return val; + } + function fillObject(keys2, value) { + return keys2.reduce((data, prop) => { + data[prop] = value; + return data; + }, {}); + } + function ease(percent, easing) { + return easing >= 0 ? Math.pow(percent, easing + 1) : 1 - Math.pow(1 - percent, 1 - easing); + } + + var parallax = { + mixins: [Parallax], + props: { + target: String, + viewport: Number, + // Deprecated + easing: Number, + start: String, + end: String + }, + data: { + target: false, + viewport: 1, + easing: 1, + start: 0, + end: 0 + }, + computed: { + target: ({ target }, $el) => getOffsetElement(target && query(target, $el) || $el), + start({ start }) { + return toPx(start, "height", this.target, true); + }, + end({ end, viewport: viewport2 }) { + return toPx( + end || (viewport2 = (1 - viewport2) * 100) && `${viewport2}vh+${viewport2}%`, + "height", + this.target, + true + ); + } + }, + observe: [ + viewport(), + scroll$1({ target: ({ target }) => target }), + resize({ target: ({ $el, target }) => [$el, target, scrollParent(target, true)] }) + ], + update: { + read({ percent }, types) { + if (!types.has("scroll")) { + percent = false; + } + if (!isVisible(this.$el)) { + return false; + } + if (!this.matchMedia) { + return; + } + const prev = percent; + percent = ease(scrolledOver(this.target, this.start, this.end), this.easing); + return { + percent, + style: prev === percent ? false : this.getCss(percent) + }; + }, + write({ style }) { + if (!this.matchMedia) { + this.reset(); + return; + } + style && css(this.$el, style); + }, + events: ["scroll", "resize"] + } + }; + function getOffsetElement(el) { + return el ? "offsetTop" in el ? el : getOffsetElement(parent(el)) : document.documentElement; + } + + var SliderParallax = { + props: { + parallax: Boolean, + parallaxTarget: Boolean, + parallaxStart: String, + parallaxEnd: String, + parallaxEasing: Number + }, + data: { + parallax: false, + parallaxTarget: false, + parallaxStart: 0, + parallaxEnd: 0, + parallaxEasing: 0 + }, + observe: [ + resize({ + target: ({ $el, parallaxTarget }) => [$el, parallaxTarget], + filter: ({ parallax }) => parallax + }), + scroll$1({ filter: ({ parallax }) => parallax }) + ], + computed: { + parallaxTarget({ parallaxTarget }, $el) { + return parallaxTarget && query(parallaxTarget, $el) || this.list; + } + }, + update: { + write() { + if (!this.parallax) { + return; + } + const target = this.parallaxTarget; + const start = toPx(this.parallaxStart, "height", target, true); + const end = toPx(this.parallaxEnd, "height", target, true); + const percent = ease(scrolledOver(target, start, end), this.parallaxEasing); + const [prevIndex, slidePercent] = this.getIndexAt(percent); + const nextIndex = this.getValidIndex(prevIndex + Math.ceil(slidePercent)); + const prev = this.slides[prevIndex]; + const next = this.slides[nextIndex]; + const { triggerShow, triggerShown, triggerHide, triggerHidden } = useTriggers(this); + if (~this.prevIndex) { + for (const i of /* @__PURE__ */ new Set([this.index, this.prevIndex])) { + if (!includes([nextIndex, prevIndex], i)) { + triggerHide(this.slides[i]); + triggerHidden(this.slides[i]); + } + } + } + const changed = this.prevIndex !== prevIndex || this.index !== nextIndex; + this.dir = 1; + this.prevIndex = prevIndex; + this.index = nextIndex; + if (prev !== next) { + triggerHide(prev); + } + triggerShow(next); + if (changed) { + triggerShown(prev); + } + this._translate(prev === next ? 1 : slidePercent, prev, next); + }, + events: ["scroll", "resize"] + }, + methods: { + getIndexAt(percent) { + const index = percent * (this.length - 1); + return [Math.floor(index), index % 1]; + } + } + }; + function useTriggers(cmp) { + const { clsSlideActive, clsEnter, clsLeave } = cmp; + return { triggerShow, triggerShown, triggerHide, triggerHidden }; + function triggerShow(el) { + if (hasClass(el, clsLeave)) { + triggerHide(el); + triggerHidden(el); + } + if (!hasClass(el, clsSlideActive)) { + trigger(el, "beforeitemshow", [cmp]); + trigger(el, "itemshow", [cmp]); + } + } + function triggerShown(el) { + if (hasClass(el, clsEnter)) { + trigger(el, "itemshown", [cmp]); + } + } + function triggerHide(el) { + if (!hasClass(el, clsSlideActive)) { + triggerShow(el); + } + if (hasClass(el, clsEnter)) { + triggerShown(el); + } + if (!hasClass(el, clsLeave)) { + trigger(el, "beforeitemhide", [cmp]); + trigger(el, "itemhide", [cmp]); + } + } + function triggerHidden(el) { + if (hasClass(el, clsLeave)) { + trigger(el, "itemhidden", [cmp]); + } + } + } + + var SliderReactive = { + update: { + write() { + if (this.stack.length || this.dragging || this.parallax) { + return; + } + const index = this.getValidIndex(); + if (!~this.prevIndex || this.index !== index) { + this.show(index); + } else { + this._translate(1, this.prevIndex, this.index); + } + }, + events: ["resize"] + } + }; + + var SliderPreload = { + observe: lazyload({ + target: ({ slides }) => slides, + targets: (instance) => instance.getAdjacentSlides() + }), + methods: { + getAdjacentSlides() { + return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]); + } + } + }; + + function Transitioner(prev, next, dir, { center, easing, list }) { + const from = prev ? getLeft(prev, list, center) : getLeft(next, list, center) + dimensions$1(next).width * dir; + const to = next ? getLeft(next, list, center) : from + dimensions$1(prev).width * dir * (isRtl ? -1 : 1); + let resolve; + return { + dir, + show(duration, percent = 0, linear) { + const timing = linear ? "linear" : easing; + duration -= Math.round(duration * clamp(percent, -1, 1)); + this.translate(percent); + percent = prev ? percent : clamp(percent, 0, 1); + triggerUpdate(this.getItemIn(), "itemin", { percent, duration, timing, dir }); + prev && triggerUpdate(this.getItemIn(true), "itemout", { + percent: 1 - percent, + duration, + timing, + dir + }); + return new Promise((res) => { + resolve || (resolve = res); + Transition.start( + list, + { transform: translate(-to * (isRtl ? -1 : 1), "px") }, + duration, + timing + ).then(resolve, noop); + }); + }, + cancel() { + return Transition.cancel(list); + }, + reset() { + css(list, "transform", ""); + }, + async forward(duration, percent = this.percent()) { + await this.cancel(); + return this.show(duration, percent, true); + }, + translate(percent) { + const distance = this.getDistance() * dir * (isRtl ? -1 : 1); + css( + list, + "transform", + translate( + clamp( + -to + (distance - distance * percent), + -getWidth(list), + dimensions$1(list).width + ) * (isRtl ? -1 : 1), + "px" + ) + ); + const actives = this.getActives(); + const itemIn = this.getItemIn(); + const itemOut = this.getItemIn(true); + percent = prev ? clamp(percent, -1, 1) : 0; + for (const slide of children(list)) { + const isActive = includes(actives, slide); + const isIn = slide === itemIn; + const isOut = slide === itemOut; + const translateIn = isIn || !isOut && (isActive || dir * (isRtl ? -1 : 1) === -1 ^ getElLeft(slide, list) > getElLeft(prev || next)); + triggerUpdate(slide, `itemtranslate${translateIn ? "in" : "out"}`, { + dir, + percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0 + }); + } + }, + percent() { + return Math.abs( + (css(list, "transform").split(",")[4] * (isRtl ? -1 : 1) + from) / (to - from) + ); + }, + getDistance() { + return Math.abs(to - from); + }, + getItemIn(out = false) { + let actives = this.getActives(); + let nextActives = inView(list, getLeft(next || prev, list, center)); + if (out) { + const temp = actives; + actives = nextActives; + nextActives = temp; + } + return nextActives[findIndex(nextActives, (el) => !includes(actives, el))]; + }, + getActives() { + return inView(list, getLeft(prev || next, list, center)); + } + }; + } + function getLeft(el, list, center) { + const left = getElLeft(el, list); + return center ? left - centerEl(el, list) : Math.min(left, getMax(list)); + } + function getMax(list) { + return Math.max(0, getWidth(list) - dimensions$1(list).width); + } + function getWidth(list) { + return sumBy(children(list), (el) => dimensions$1(el).width); + } + function centerEl(el, list) { + return dimensions$1(list).width / 2 - dimensions$1(el).width / 2; + } + function getElLeft(el, list) { + return el && (position(el).left + (isRtl ? dimensions$1(el).width - dimensions$1(list).width : 0)) * (isRtl ? -1 : 1) || 0; + } + function inView(list, listLeft) { + listLeft -= 1; + const listWidth = dimensions$1(list).width; + const listRight = listLeft + listWidth + 2; + return children(list).filter((slide) => { + const slideLeft = getElLeft(slide, list); + const slideRight = slideLeft + Math.min(dimensions$1(slide).width, listWidth); + return slideLeft >= listLeft && slideRight <= listRight; + }); + } + function triggerUpdate(el, type, data) { + trigger(el, createEvent(type, false, false, data)); + } + + var slider = { + mixins: [Class, Slider, SliderReactive, SliderParallax, SliderPreload], + props: { + center: Boolean, + sets: Boolean + }, + data: { + center: false, + sets: false, + attrItem: "uk-slider-item", + selList: ".uk-slider-items", + selNav: ".uk-slider-nav", + clsContainer: "uk-slider-container", + Transitioner + }, + computed: { + finite({ finite }) { + return finite || isFinite(this.list, this.center); + }, + maxIndex() { + if (!this.finite || this.center && !this.sets) { + return this.length - 1; + } + if (this.center) { + return last(this.sets); + } + let lft = 0; + const max = getMax(this.list); + const index = findIndex(this.slides, (el) => { + if (lft >= max) { + return true; + } + lft += dimensions$1(el).width; + }); + return ~index ? index : this.length - 1; + }, + sets({ sets: enabled }) { + if (!enabled || this.parallax) { + return; + } + let left = 0; + const sets = []; + const width = dimensions$1(this.list).width; + for (let i = 0; i < this.length; i++) { + const slideWidth = dimensions$1(this.slides[i]).width; + if (left + slideWidth > width) { + left = 0; + } + if (this.center) { + if (left < width / 2 && left + slideWidth + dimensions$1(this.slides[getIndex(+i + 1, this.slides)]).width / 2 > width / 2) { + sets.push(+i); + left = width / 2 - slideWidth / 2; + } + } else if (left === 0) { + sets.push(Math.min(+i, this.maxIndex)); + } + left += slideWidth; + } + if (sets.length) { + return sets; + } + }, + transitionOptions() { + return { + center: this.center, + list: this.list + }; + }, + slides() { + return children(this.list).filter(isVisible); + } + }, + connected() { + toggleClass(this.$el, this.clsContainer, !$(`.${this.clsContainer}`, this.$el)); + }, + observe: resize({ + target: ({ slides }) => slides + }), + update: { + write() { + for (const el of this.navItems) { + const index = toNumber(data(el, this.attrItem)); + if (index !== false) { + el.hidden = !this.maxIndex || index > this.maxIndex || this.sets && !includes(this.sets, index); + } + } + this.reorder(); + this.updateActiveClasses(); + }, + events: ["resize"] + }, + events: { + beforeitemshow(e) { + if (!this.dragging && this.sets && this.stack.length < 2 && !includes(this.sets, this.index)) { + this.index = this.getValidIndex(); + } + const diff = Math.abs( + this.index - this.prevIndex + (this.dir > 0 && this.index < this.prevIndex || this.dir < 0 && this.index > this.prevIndex ? (this.maxIndex + 1) * this.dir : 0) + ); + if (!this.dragging && diff > 1) { + for (let i = 0; i < diff; i++) { + this.stack.splice(1, 0, this.dir > 0 ? "next" : "previous"); + } + e.preventDefault(); + return; + } + const index = this.dir < 0 || !this.slides[this.prevIndex] ? this.index : this.prevIndex; + const avgWidth = getWidth(this.list) / this.length; + this.duration = speedUp(avgWidth / this.velocity) * (dimensions$1(this.slides[index]).width / avgWidth); + this.reorder(); + }, + itemshow() { + if (~this.prevIndex) { + addClass(this._getTransitioner().getItemIn(), this.clsActive); + } + this.updateActiveClasses(this.prevIndex); + }, + itemshown() { + this.updateActiveClasses(); + } + }, + methods: { + reorder() { + if (this.finite) { + css(this.slides, "order", ""); + return; + } + const index = this.dir > 0 && this.slides[this.prevIndex] ? this.prevIndex : this.index; + this.slides.forEach( + (slide, i) => css( + slide, + "order", + this.dir > 0 && i < index ? 1 : this.dir < 0 && i >= this.index ? -1 : "" + ) + ); + if (!this.center) { + return; + } + const next = this.slides[index]; + let width = dimensions$1(this.list).width / 2 - dimensions$1(next).width / 2; + let j = 0; + while (width > 0) { + const slideIndex = this.getIndex(--j + index, index); + const slide = this.slides[slideIndex]; + css(slide, "order", slideIndex > index ? -2 : -1); + width -= dimensions$1(slide).width; + } + }, + updateActiveClasses(currentIndex = this.index) { + const actives = this._getTransitioner(currentIndex).getActives(); + const activeClasses = [ + this.clsActive, + !this.sets || includes(this.sets, toFloat(this.index)) ? this.clsActivated : "" + ]; + for (const slide of this.slides) { + const active = includes(actives, slide); + toggleClass(slide, activeClasses, active); + attr(slide, "aria-hidden", !active); + for (const focusable of $$(selFocusable, slide)) { + if (!hasOwn(focusable, "_tabindex")) { + focusable._tabindex = attr(focusable, "tabindex"); + } + attr(focusable, "tabindex", active ? focusable._tabindex : -1); + } + } + }, + getValidIndex(index = this.index, prevIndex = this.prevIndex) { + index = this.getIndex(index, prevIndex); + if (!this.sets) { + return index; + } + let prev; + do { + if (includes(this.sets, index)) { + return index; + } + prev = index; + index = this.getIndex(index + this.dir, prevIndex); + } while (index !== prev); + return index; + }, + getAdjacentSlides() { + const { width } = dimensions$1(this.list); + const left = -width; + const right = width * 2; + const slideWidth = dimensions$1(this.slides[this.index]).width; + const slideLeft = this.center ? width / 2 - slideWidth / 2 : 0; + const slides = /* @__PURE__ */ new Set(); + for (const i of [-1, 1]) { + let currentLeft = slideLeft + (i > 0 ? slideWidth : 0); + let j = 0; + do { + const slide = this.slides[this.getIndex(this.index + i + j++ * i)]; + currentLeft += dimensions$1(slide).width * i; + slides.add(slide); + } while (this.length > j && currentLeft > left && currentLeft < right); + } + return Array.from(slides); + }, + getIndexAt(percent) { + let index = -1; + const firstSlideWidth = dimensions$1(this.slides[0]).width; + const lastSlideWidth = dimensions$1(last(this.slides)).width; + const scrollDist = getWidth(this.list) - (this.center ? firstSlideWidth / 2 + lastSlideWidth / 2 : lastSlideWidth); + let dist = percent * scrollDist; + let slidePercent = 0; + do { + const slideWidth = dimensions$1(this.slides[++index]).width; + const slideDist = this.center ? slideWidth / 2 + dimensions$1(this.slides[index + 1]).width / 2 : slideWidth; + slidePercent = dist / slideDist % 1; + dist -= slideDist; + } while (dist >= 0 && index < this.maxIndex); + return [index, slidePercent]; + } + } + }; + function isFinite(list, center) { + if (!list || list.length < 2) { + return true; + } + const { width: listWidth } = dimensions$1(list); + if (!center) { + return Math.ceil(getWidth(list)) < Math.trunc(listWidth + getMaxElWidth(list)); + } + const slides = children(list); + const listHalf = Math.trunc(listWidth / 2); + for (const index in slides) { + const slide = slides[index]; + const slideWidth = dimensions$1(slide).width; + const slidesInView = /* @__PURE__ */ new Set([slide]); + let diff = 0; + for (const i of [-1, 1]) { + let left = slideWidth / 2; + let j = 0; + while (left < listHalf) { + const nextSlide = slides[getIndex(+index + i + j++ * i, slides)]; + if (slidesInView.has(nextSlide)) { + return true; + } + left += dimensions$1(nextSlide).width; + slidesInView.add(nextSlide); + } + diff = Math.max( + diff, + slideWidth / 2 + dimensions$1(slides[getIndex(+index + i, slides)]).width / 2 - (left - listHalf) + ); + } + if (diff > sumBy( + slides.filter((slide2) => !slidesInView.has(slide2)), + (slide2) => dimensions$1(slide2).width + )) { + return true; + } + } + return false; + } + function getMaxElWidth(list) { + return Math.max(0, ...children(list).map((el) => dimensions$1(el).width)); + } + + var sliderParallax = { + mixins: [Parallax], + data: { + selItem: "!li" + }, + beforeConnect() { + this.item = query(this.selItem, this.$el); + }, + disconnected() { + this.item = null; + }, + events: [ + { + name: "itemin itemout", + self: true, + el() { + return this.item; + }, + handler({ type, detail: { percent, duration, timing, dir } }) { + fastdom.read(() => { + if (!this.matchMedia) { + return; + } + const propsFrom = this.getCss(getCurrentPercent(type, dir, percent)); + const propsTo = this.getCss(isIn(type) ? 0.5 : dir > 0 ? 1 : 0); + fastdom.write(() => { + css(this.$el, propsFrom); + Transition.start(this.$el, propsTo, duration, timing).catch(noop); + }); + }); + } + }, + { + name: "transitioncanceled transitionend", + self: true, + el() { + return this.item; + }, + handler() { + Transition.cancel(this.$el); + } + }, + { + name: "itemtranslatein itemtranslateout", + self: true, + el() { + return this.item; + }, + handler({ type, detail: { percent, dir } }) { + fastdom.read(() => { + if (!this.matchMedia) { + this.reset(); + return; + } + const props = this.getCss(getCurrentPercent(type, dir, percent)); + fastdom.write(() => css(this.$el, props)); + }); + } + } + ] + }; + function isIn(type) { + return endsWith(type, "in"); + } + function getCurrentPercent(type, dir, percent) { + percent /= 2; + return isIn(type) ^ dir < 0 ? percent : 1 - percent; + } + + var Animations = { + ...Animations$2, + fade: { + show() { + return [{ opacity: 0, zIndex: 0 }, { zIndex: -1 }]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [{ opacity: 1 - percent, zIndex: 0 }, { zIndex: -1 }]; + } + }, + scale: { + show() { + return [{ opacity: 0, transform: scale3d(1 + 0.5), zIndex: 0 }, { zIndex: -1 }]; + }, + percent(current) { + return 1 - css(current, "opacity"); + }, + translate(percent) { + return [ + { opacity: 1 - percent, transform: scale3d(1 + 0.5 * percent), zIndex: 0 }, + { zIndex: -1 } + ]; + } + }, + pull: { + show(dir) { + return dir < 0 ? [ + { transform: translate(30), zIndex: -1 }, + { transform: translate(), zIndex: 0 } + ] : [ + { transform: translate(-100), zIndex: 0 }, + { transform: translate(), zIndex: -1 } + ]; + }, + percent(current, next, dir) { + return dir < 0 ? 1 - translated(next) : translated(current); + }, + translate(percent, dir) { + return dir < 0 ? [ + { transform: translate(30 * percent), zIndex: -1 }, + { transform: translate(-100 * (1 - percent)), zIndex: 0 } + ] : [ + { transform: translate(-percent * 100), zIndex: 0 }, + { transform: translate(30 * (1 - percent)), zIndex: -1 } + ]; + } + }, + push: { + show(dir) { + return dir < 0 ? [ + { transform: translate(100), zIndex: 0 }, + { transform: translate(), zIndex: -1 } + ] : [ + { transform: translate(-30), zIndex: -1 }, + { transform: translate(), zIndex: 0 } + ]; + }, + percent(current, next, dir) { + return dir > 0 ? 1 - translated(next) : translated(current); + }, + translate(percent, dir) { + return dir < 0 ? [ + { transform: translate(percent * 100), zIndex: 0 }, + { transform: translate(-30 * (1 - percent)), zIndex: -1 } + ] : [ + { transform: translate(-30 * percent), zIndex: -1 }, + { transform: translate(100 * (1 - percent)), zIndex: 0 } + ]; + } + } + }; + + var slideshow = { + mixins: [Class, Slideshow, SliderReactive, SliderParallax, SliderPreload], + props: { + ratio: String, + minHeight: String, + maxHeight: String + }, + data: { + ratio: "16:9", + minHeight: void 0, + maxHeight: void 0, + selList: ".uk-slideshow-items", + attrItem: "uk-slideshow-item", + selNav: ".uk-slideshow-nav", + Animations + }, + watch: { + list(list) { + css(list, { + aspectRatio: this.ratio ? this.ratio.replace(":", "/") : void 0, + minHeight: this.minHeight, + maxHeight: this.maxHeight, + minWidth: "100%", + maxWidth: "100%" + }); + } + }, + methods: { + getAdjacentSlides() { + return [1, -1].map((i) => this.slides[this.getIndex(this.index + i)]); + } + } + }; + + var sortable = { + mixins: [Class, Animate], + props: { + group: String, + threshold: Number, + clsItem: String, + clsPlaceholder: String, + clsDrag: String, + clsDragState: String, + clsBase: String, + clsNoDrag: String, + clsEmpty: String, + clsCustom: String, + handle: String + }, + data: { + group: false, + threshold: 5, + clsItem: "uk-sortable-item", + clsPlaceholder: "uk-sortable-placeholder", + clsDrag: "uk-sortable-drag", + clsDragState: "uk-drag", + clsBase: "uk-sortable", + clsNoDrag: "uk-sortable-nodrag", + clsEmpty: "uk-sortable-empty", + clsCustom: "", + handle: false, + pos: {} + }, + created() { + for (const key of ["init", "start", "move", "end"]) { + const fn = this[key]; + this[key] = (e) => { + assign(this.pos, getEventPos(e)); + fn(e); + }; + } + }, + events: { + name: pointerDown$1, + passive: false, + handler: "init" + }, + computed: { + target: (_, $el) => ($el.tBodies || [$el])[0], + items() { + return children(this.target); + }, + isEmpty() { + return !this.items.length; + }, + handles({ handle }, $el) { + return handle ? $$(handle, $el) : this.items; + } + }, + watch: { + isEmpty(empty) { + toggleClass(this.target, this.clsEmpty, empty); + }, + handles(handles, prev) { + css(prev, { touchAction: "", userSelect: "" }); + css(handles, { touchAction: hasTouch ? "none" : "", userSelect: "none" }); + } + }, + update: { + write(data) { + if (!this.drag || !parent(this.placeholder)) { + return; + } + const { + pos: { x, y }, + origin: { offsetTop, offsetLeft }, + placeholder + } = this; + css(this.drag, { + top: y - offsetTop, + left: x - offsetLeft + }); + const sortable = this.getSortable(document.elementFromPoint(x, y)); + if (!sortable) { + return; + } + const { items } = sortable; + if (items.some(Transition.inProgress)) { + return; + } + const target = findTarget(items, { x, y }); + if (items.length && (!target || target === placeholder)) { + return; + } + const previous = this.getSortable(placeholder); + const insertTarget = findInsertTarget( + sortable.target, + target, + placeholder, + x, + y, + sortable === previous && data.moved !== target + ); + if (insertTarget === false) { + return; + } + if (insertTarget && placeholder === insertTarget) { + return; + } + if (sortable !== previous) { + previous.remove(placeholder); + data.moved = target; + } else { + delete data.moved; + } + sortable.insert(placeholder, insertTarget); + this.touched.add(sortable); + }, + events: ["move"] + }, + methods: { + init(e) { + const { target, button, defaultPrevented } = e; + const [placeholder] = this.items.filter((el) => el.contains(target)); + if (!placeholder || defaultPrevented || button > 0 || isInput(target) || target.closest(`.${this.clsNoDrag}`) || this.handle && !target.closest(this.handle)) { + return; + } + e.preventDefault(); + this.touched = /* @__PURE__ */ new Set([this]); + this.placeholder = placeholder; + this.origin = { target, index: index(placeholder), ...this.pos }; + on(document, pointerMove$1, this.move); + on(document, pointerUp$1, this.end); + if (!this.threshold) { + this.start(e); + } + }, + start(e) { + this.drag = appendDrag(this.$container, this.placeholder); + const { left, top } = dimensions$1(this.placeholder); + assign(this.origin, { offsetLeft: this.pos.x - left, offsetTop: this.pos.y - top }); + addClass(this.drag, this.clsDrag, this.clsCustom); + addClass(this.placeholder, this.clsPlaceholder); + addClass(this.items, this.clsItem); + addClass(document.documentElement, this.clsDragState); + trigger(this.$el, "start", [this, this.placeholder]); + trackScroll(this.pos); + this.move(e); + }, + move(e) { + if (this.drag) { + this.$emit("move"); + } else if (Math.abs(this.pos.x - this.origin.x) > this.threshold || Math.abs(this.pos.y - this.origin.y) > this.threshold) { + this.start(e); + } + }, + end() { + off(document, pointerMove$1, this.move); + off(document, pointerUp$1, this.end); + if (!this.drag) { + return; + } + untrackScroll(); + const sortable = this.getSortable(this.placeholder); + if (this === sortable) { + if (this.origin.index !== index(this.placeholder)) { + trigger(this.$el, "moved", [this, this.placeholder]); + } + } else { + trigger(sortable.$el, "added", [sortable, this.placeholder]); + trigger(this.$el, "removed", [this, this.placeholder]); + } + trigger(this.$el, "stop", [this, this.placeholder]); + remove$1(this.drag); + this.drag = null; + for (const { clsPlaceholder, clsItem } of this.touched) { + for (const sortable2 of this.touched) { + removeClass(sortable2.items, clsPlaceholder, clsItem); + } + } + this.touched = null; + removeClass(document.documentElement, this.clsDragState); + }, + insert(element, target) { + addClass(this.items, this.clsItem); + const insert = () => target ? before(target, element) : append(this.target, element); + this.animate(insert); + }, + remove(element) { + if (!this.target.contains(element)) { + return; + } + this.animate(() => remove$1(element)); + }, + getSortable(element) { + do { + const sortable = this.$getComponent(element, "sortable"); + if (sortable && (sortable === this || this.group !== false && sortable.group === this.group)) { + return sortable; + } + } while (element = parent(element)); + } + } + }; + let trackTimer; + function trackScroll(pos) { + let last = Date.now(); + trackTimer = setInterval(() => { + let { x, y } = pos; + y += document.scrollingElement.scrollTop; + const dist = (Date.now() - last) * 0.3; + last = Date.now(); + scrollParents(document.elementFromPoint(x, pos.y)).reverse().some((scrollEl) => { + let { scrollTop: scroll, scrollHeight } = scrollEl; + const { top, bottom, height: height2 } = offsetViewport(scrollEl); + if (top < y && top + 35 > y) { + scroll -= dist; + } else if (bottom > y && bottom - 35 < y) { + scroll += dist; + } else { + return; + } + if (scroll > 0 && scroll < scrollHeight - height2) { + scrollEl.scrollTop = scroll; + return true; + } + }); + }, 15); + } + function untrackScroll() { + clearInterval(trackTimer); + } + function appendDrag(container, element) { + let clone; + if (isTag(element, "li", "tr")) { + clone = $("<div>"); + append(clone, element.cloneNode(true).children); + for (const attribute of element.getAttributeNames()) { + attr(clone, attribute, element.getAttribute(attribute)); + } + } else { + clone = element.cloneNode(true); + } + append(container, clone); + css(clone, "margin", "0", "important"); + css(clone, { + boxSizing: "border-box", + width: element.offsetWidth, + height: element.offsetHeight, + padding: css(element, "padding") + }); + height(clone.firstElementChild, height(element.firstElementChild)); + return clone; + } + function findTarget(items, point) { + return items[findIndex(items, (item) => pointInRect(point, dimensions$1(item)))]; + } + function findInsertTarget(list, target, placeholder, x, y, sameList) { + if (!children(list).length) { + return; + } + const rect = dimensions$1(target); + if (!sameList) { + if (!isHorizontal(list, placeholder)) { + return y < rect.top + rect.height / 2 ? target : target.nextElementSibling; + } + return target; + } + const placeholderRect = dimensions$1(placeholder); + const sameRow = linesIntersect( + [rect.top, rect.bottom], + [placeholderRect.top, placeholderRect.bottom] + ); + const [pointerPos, lengthProp, startProp, endProp] = sameRow ? [x, "width", "left", "right"] : [y, "height", "top", "bottom"]; + const diff = placeholderRect[lengthProp] < rect[lengthProp] ? rect[lengthProp] - placeholderRect[lengthProp] : 0; + if (placeholderRect[startProp] < rect[startProp]) { + if (diff && pointerPos < rect[startProp] + diff) { + return false; + } + return target.nextElementSibling; + } + if (diff && pointerPos > rect[endProp] - diff) { + return false; + } + return target; + } + function isHorizontal(list, placeholder) { + const single = children(list).length === 1; + if (single) { + append(list, placeholder); + } + const items = children(list); + const isHorizontal2 = items.some((el, i) => { + const rectA = dimensions$1(el); + return items.slice(i + 1).some((el2) => { + const rectB = dimensions$1(el2); + return !linesIntersect([rectA.left, rectA.right], [rectB.left, rectB.right]); + }); + }); + if (single) { + remove$1(placeholder); + } + return isHorizontal2; + } + function linesIntersect(lineA, lineB) { + return lineA[1] > lineB[0] && lineB[1] > lineA[0]; + } + + var Position = { + props: { + pos: String, + offset: null, + flip: Boolean, + shift: Boolean, + inset: Boolean + }, + data: { + pos: `bottom-${isRtl ? "right" : "left"}`, + offset: false, + flip: true, + shift: true, + inset: false + }, + connected() { + this.pos = this.$props.pos.split("-").concat("center").slice(0, 2); + [this.dir, this.align] = this.pos; + this.axis = includes(["top", "bottom"], this.dir) ? "y" : "x"; + }, + methods: { + positionAt(element, target, boundary) { + let offset = [this.getPositionOffset(element), this.getShiftOffset(element)]; + const placement = [this.flip && "flip", this.shift && "shift"]; + const attach = { + element: [this.inset ? this.dir : flipPosition(this.dir), this.align], + target: [this.dir, this.align] + }; + if (this.axis === "y") { + for (const prop in attach) { + attach[prop].reverse(); + } + offset.reverse(); + placement.reverse(); + } + const restoreScrollPosition = storeScrollPosition(element); + const elDim = dimensions$1(element); + css(element, { top: -elDim.height, left: -elDim.width }); + positionAt(element, target, { + attach, + offset, + boundary, + placement, + viewportOffset: this.getViewportOffset(element) + }); + restoreScrollPosition(); + }, + getPositionOffset(element) { + return toPx( + this.offset === false ? css(element, "--uk-position-offset") : this.offset, + this.axis === "x" ? "width" : "height", + element + ) * (includes(["left", "top"], this.dir) ? -1 : 1) * (this.inset ? -1 : 1); + }, + getShiftOffset(element) { + return this.align === "center" ? 0 : toPx( + css(element, "--uk-position-shift-offset"), + this.axis === "y" ? "width" : "height", + element + ) * (includes(["left", "top"], this.align) ? 1 : -1); + }, + getViewportOffset(element) { + return toPx(css(element, "--uk-position-viewport-offset")); + } + } + }; + function storeScrollPosition(element) { + const scrollElement = scrollParent(element); + const { scrollTop } = scrollElement; + return () => { + if (scrollTop !== scrollElement.scrollTop) { + scrollElement.scrollTop = scrollTop; + } + }; + } + + var tooltip = { + mixins: [Container, Togglable, Position], + data: { + pos: "top", + animation: ["uk-animation-scale-up"], + duration: 100, + cls: "uk-active" + }, + connected() { + makeFocusable(this.$el); + }, + disconnected() { + this.hide(); + }, + methods: { + show() { + if (this.isToggled(this.tooltip || null)) { + return; + } + const { delay = 0, title } = parseProps(this.$options); + if (!title) { + return; + } + const titleAttr = attr(this.$el, "title"); + const off = on(this.$el, ["blur", pointerLeave], (e) => !isTouch(e) && this.hide()); + this.reset = () => { + attr(this.$el, { title: titleAttr, "aria-describedby": null }); + off(); + }; + const id = generateId(this); + attr(this.$el, { title: null, "aria-describedby": id }); + clearTimeout(this.showTimer); + this.showTimer = setTimeout(() => this._show(title, id), delay); + }, + async hide() { + var _a; + if (matches(this.$el, "input:focus")) { + return; + } + clearTimeout(this.showTimer); + if (this.isToggled(this.tooltip || null)) { + await this.toggleElement(this.tooltip, false, false); + } + (_a = this.reset) == null ? void 0 : _a.call(this); + remove$1(this.tooltip); + this.tooltip = null; + }, + async _show(title, id) { + this.tooltip = append( + this.container, + `<div id="${id}" class="uk-${this.$options.name}" role="tooltip"> <div class="uk-${this.$options.name}-inner">${title}</div> </div>` + ); + on(this.tooltip, "toggled", (e, toggled) => { + if (!toggled) { + return; + } + const update = () => this.positionAt(this.tooltip, this.$el); + update(); + const [dir, align] = getAlignment(this.tooltip, this.$el, this.pos); + this.origin = this.axis === "y" ? `${flipPosition(dir)}-${align}` : `${align}-${flipPosition(dir)}`; + const handlers = [ + once( + document, + `keydown ${pointerDown$1}`, + this.hide, + false, + (e2) => e2.type === pointerDown$1 && !this.$el.contains(e2.target) || e2.type === "keydown" && e2.keyCode === keyMap.ESC + ), + on([document, ...overflowParents(this.$el)], "scroll", update, { + passive: true + }) + ]; + once(this.tooltip, "hide", () => handlers.forEach((handler) => handler()), { + self: true + }); + }); + if (!await this.toggleElement(this.tooltip, true)) { + this.hide(); + } + } + }, + events: { + // Clicking a button does not give it focus on all browsers and platforms + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus + [`focus ${pointerEnter} ${pointerDown$1}`](e) { + if (!isTouch(e)) { + this.show(); + } + } + } + }; + function makeFocusable(el) { + if (!isFocusable(el)) { + attr(el, "tabindex", "0"); + } + } + function getAlignment(el, target, [dir, align]) { + const elOffset = offset(el); + const targetOffset = offset(target); + const properties = [ + ["left", "right"], + ["top", "bottom"] + ]; + for (const props2 of properties) { + if (elOffset[props2[0]] >= targetOffset[props2[1]]) { + dir = props2[1]; + break; + } + if (elOffset[props2[1]] <= targetOffset[props2[0]]) { + dir = props2[0]; + break; + } + } + const props = includes(properties[0], dir) ? properties[1] : properties[0]; + align = props.find((prop) => elOffset[prop] === targetOffset[prop]) || "center"; + return [dir, align]; + } + function parseProps(options) { + const { el, id, data: data$1 } = options; + return ["delay", "title"].reduce((obj, key) => ({ [key]: data(el, key), ...obj }), { + ...parseOptions(data(el, id), ["title"]), + ...data$1 + }); + } + + var upload = { + mixins: [I18n], + i18n: { + invalidMime: "Invalid File Type: %s", + invalidName: "Invalid File Name: %s", + invalidSize: "Invalid File Size: %s Kilobytes Max" + }, + props: { + allow: String, + clsDragover: String, + concurrent: Number, + maxSize: Number, + method: String, + mime: String, + multiple: Boolean, + name: String, + params: Object, + type: String, + url: String + }, + data: { + allow: false, + clsDragover: "uk-dragover", + concurrent: 1, + maxSize: 0, + method: "POST", + mime: false, + multiple: false, + name: "files[]", + params: {}, + type: "", + url: "", + abort: noop, + beforeAll: noop, + beforeSend: noop, + complete: noop, + completeAll: noop, + error: noop, + fail: noop, + load: noop, + loadEnd: noop, + loadStart: noop, + progress: noop + }, + events: { + change(e) { + if (!matches(e.target, 'input[type="file"]')) { + return; + } + e.preventDefault(); + if (e.target.files) { + this.upload(e.target.files); + } + e.target.value = ""; + }, + drop(e) { + stop(e); + const transfer = e.dataTransfer; + if (!(transfer == null ? void 0 : transfer.files)) { + return; + } + removeClass(this.$el, this.clsDragover); + this.upload(transfer.files); + }, + dragenter(e) { + stop(e); + }, + dragover(e) { + stop(e); + addClass(this.$el, this.clsDragover); + }, + dragleave(e) { + stop(e); + removeClass(this.$el, this.clsDragover); + } + }, + methods: { + async upload(files) { + files = toArray(files); + if (!files.length) { + return; + } + trigger(this.$el, "upload", [files]); + for (const file of files) { + if (this.maxSize && this.maxSize * 1e3 < file.size) { + this.fail(this.t("invalidSize", this.maxSize)); + return; + } + if (this.allow && !match$1(this.allow, file.name)) { + this.fail(this.t("invalidName", this.allow)); + return; + } + if (this.mime && !match$1(this.mime, file.type)) { + this.fail(this.t("invalidMime", this.mime)); + return; + } + } + if (!this.multiple) { + files = files.slice(0, 1); + } + this.beforeAll(this, files); + const chunks = chunk(files, this.concurrent); + const upload = async (files2) => { + const data = new FormData(); + files2.forEach((file) => data.append(this.name, file)); + for (const key in this.params) { + data.append(key, this.params[key]); + } + try { + const xhr = await ajax(this.url, { + data, + method: this.method, + responseType: this.type, + beforeSend: (env) => { + const { xhr: xhr2 } = env; + on(xhr2.upload, "progress", this.progress); + for (const type of ["loadStart", "load", "loadEnd", "abort"]) { + on(xhr2, type.toLowerCase(), this[type]); + } + return this.beforeSend(env); + } + }); + this.complete(xhr); + if (chunks.length) { + await upload(chunks.shift()); + } else { + this.completeAll(xhr); + } + } catch (e) { + this.error(e); + } + }; + await upload(chunks.shift()); + } + } + }; + function match$1(pattern, path) { + return path.match( + new RegExp( + `^${pattern.replace(/\//g, "\\/").replace(/\*\*/g, "(\\/[^\\/]+)*").replace(/\*/g, "[^\\/]+").replace(/((?!\\))\?/g, "$1.")}$`, + "i" + ) + ); + } + function chunk(files, size) { + const chunks = []; + for (let i = 0; i < files.length; i += size) { + chunks.push(files.slice(i, i + size)); + } + return chunks; + } + function stop(e) { + e.preventDefault(); + e.stopPropagation(); + } + function ajax(url, options) { + const env = { + data: null, + method: "GET", + headers: {}, + xhr: new XMLHttpRequest(), + beforeSend: noop, + responseType: "", + ...options + }; + return Promise.resolve().then(() => env.beforeSend(env)).then(() => send(url, env)); + } + function send(url, env) { + return new Promise((resolve, reject) => { + const { xhr } = env; + for (const prop in env) { + if (prop in xhr) { + try { + xhr[prop] = env[prop]; + } catch (e) { + } + } + } + xhr.open(env.method.toUpperCase(), url); + for (const header in env.headers) { + xhr.setRequestHeader(header, env.headers[header]); + } + on(xhr, "load", () => { + if (xhr.status === 0 || xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) { + resolve(xhr); + } else { + reject( + assign(Error(xhr.statusText), { + xhr, + status: xhr.status + }) + ); + } + }); + on(xhr, "error", () => reject(assign(Error("Network Error"), { xhr }))); + on(xhr, "timeout", () => reject(assign(Error("Network Timeout"), { xhr }))); + xhr.send(env.data); + }); + } + + var components$1 = /*#__PURE__*/Object.freeze({ + __proto__: null, + Countdown: countdown, + Filter: filter, + Lightbox: lightbox, + LightboxPanel: LightboxPanel, + Notification: notification, + Parallax: parallax, + Slider: slider, + SliderParallax: sliderParallax, + Slideshow: slideshow, + SlideshowParallax: sliderParallax, + Sortable: sortable, + Tooltip: tooltip, + Upload: upload + }); + + function boot(App) { + if (inBrowser && window.MutationObserver) { + if (document.body) { + requestAnimationFrame(() => init(App)); + } else { + new MutationObserver((records, observer) => { + if (document.body) { + init(App); + observer.disconnect(); + } + }).observe(document.documentElement, { childList: true }); + } + } + } + function init(App) { + trigger(document, "uikit:init", App); + if (document.body) { + apply(document.body, connect); + } + new MutationObserver((records) => records.forEach(applyChildListMutation)).observe(document, { + subtree: true, + childList: true + }); + new MutationObserver((records) => records.forEach(applyAttributeMutation)).observe(document, { + subtree: true, + attributes: true + }); + App._initialized = true; + } + function applyChildListMutation({ addedNodes, removedNodes }) { + for (const node of addedNodes) { + apply(node, connect); + } + for (const node of removedNodes) { + apply(node, disconnect); + } + } + function applyAttributeMutation({ target, attributeName }) { + var _a; + const name = getComponentName(attributeName); + if (name) { + if (hasAttr(target, attributeName)) { + createComponent(name, target); + return; + } + (_a = getComponent(target, name)) == null ? void 0 : _a.$destroy(); + } + } + function connect(node) { + const components2 = getComponents(node); + for (const name in getComponents(node)) { + callConnected(components2[name]); + } + for (const attributeName of node.getAttributeNames()) { + const name = getComponentName(attributeName); + name && createComponent(name, node); + } + } + function disconnect(node) { + const components2 = getComponents(node); + for (const name in getComponents(node)) { + callDisconnected(components2[name]); + } + } + function getComponentName(attribute) { + if (startsWith(attribute, "data-")) { + attribute = attribute.slice(5); + } + const cmp = components$2[attribute]; + return cmp && (isPlainObject(cmp) ? cmp : cmp.options).name; + } + + globalApi(App); + instanceApi(App); + + var Accordion = { + mixins: [Class, Togglable], + props: { + animation: Boolean, + targets: String, + active: null, + collapsible: Boolean, + multiple: Boolean, + toggle: String, + content: String, + offset: Number + }, + data: { + targets: "> *", + active: false, + animation: true, + collapsible: true, + multiple: false, + clsOpen: "uk-open", + toggle: "> .uk-accordion-title", + content: "> .uk-accordion-content", + offset: 0 + }, + computed: { + items: ({ targets }, $el) => $$(targets, $el), + toggles({ toggle }) { + return this.items.map((item) => $(toggle, item)); + }, + contents({ content }) { + return this.items.map((item) => { + var _a; + return ((_a = item._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, item); + }); + } + }, + watch: { + items(items, prev) { + if (prev || hasClass(items, this.clsOpen)) { + return; + } + const active = this.active !== false && items[Number(this.active)] || !this.collapsible && items[0]; + if (active) { + this.toggle(active, false); + } + }, + toggles() { + this.$emit(); + }, + contents(items) { + for (const el of items) { + const isOpen = hasClass( + this.items.find((item) => item.contains(el)), + this.clsOpen + ); + hide(el, !isOpen); + } + this.$emit(); + } + }, + observe: lazyload(), + events: [ + { + name: "click keydown", + delegate() { + return `${this.targets} ${this.$props.toggle}`; + }, + async handler(e) { + var _a; + if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) { + return; + } + e.preventDefault(); + (_a = this._off) == null ? void 0 : _a.call(this); + this._off = keepScrollPosition(e.target); + await this.toggle(index(this.toggles, e.current)); + this._off(); + } + }, + { + name: "shown hidden", + self: true, + delegate() { + return this.targets; + }, + handler() { + this.$emit(); + } + } + ], + update() { + const activeItems = filter$1(this.items, `.${this.clsOpen}`); + for (const index2 in this.items) { + const toggle = this.toggles[index2]; + const content = this.contents[index2]; + if (!toggle || !content) { + continue; + } + toggle.id = generateId(this, toggle); + content.id = generateId(this, content); + const active = includes(activeItems, this.items[index2]); + attr(toggle, { + role: isTag(toggle, "a") ? "button" : null, + "aria-controls": content.id, + "aria-expanded": active, + "aria-disabled": !this.collapsible && activeItems.length < 2 && active + }); + attr(content, { role: "region", "aria-labelledby": toggle.id }); + if (isTag(content, "ul")) { + attr(children(content), "role", "presentation"); + } + } + }, + methods: { + toggle(item, animate) { + item = this.items[getIndex(item, this.items)]; + let items = [item]; + const activeItems = filter$1(this.items, `.${this.clsOpen}`); + if (!this.multiple && !includes(activeItems, items[0])) { + items = items.concat(activeItems); + } + if (!this.collapsible && activeItems.length < 2 && includes(activeItems, item)) { + return; + } + return Promise.all( + items.map( + (el) => this.toggleElement(el, !includes(activeItems, el), (el2, show) => { + toggleClass(el2, this.clsOpen, show); + if (animate === false || !this.animation) { + hide($(this.content, el2), !show); + return; + } + return transition(el2, show, this); + }) + ) + ); + } + } + }; + function hide(el, hide2) { + el && (el.hidden = hide2); + } + async function transition(el, show, { content, duration, velocity, transition: transition2 }) { + var _a; + content = ((_a = el._wrapper) == null ? void 0 : _a.firstElementChild) || $(content, el); + if (!el._wrapper) { + el._wrapper = wrapAll(content, "<div>"); + } + const wrapper = el._wrapper; + css(wrapper, "overflow", "hidden"); + const currentHeight = toFloat(css(wrapper, "height")); + await Transition.cancel(wrapper); + hide(content, false); + const endHeight = sumBy(["marginTop", "marginBottom"], (prop) => css(content, prop)) + dimensions$1(content).height; + const percent = currentHeight / endHeight; + duration = (velocity * endHeight + duration) * (show ? 1 - percent : percent); + css(wrapper, "height", currentHeight); + await Transition.start(wrapper, { height: show ? endHeight : 0 }, duration, transition2); + unwrap(content); + delete el._wrapper; + if (!show) { + hide(content, true); + } + } + function keepScrollPosition(el) { + const scrollElement = scrollParent(el, true); + let frame; + (function scroll() { + frame = requestAnimationFrame(() => { + const { top } = dimensions$1(el); + if (top < 0) { + scrollElement.scrollTop += top; + } + scroll(); + }); + })(); + return () => requestAnimationFrame(() => cancelAnimationFrame(frame)); + } + + var alert = { + mixins: [Class, Togglable], + args: "animation", + props: { + animation: Boolean, + close: String + }, + data: { + animation: true, + selClose: ".uk-alert-close", + duration: 150 + }, + events: { + name: "click", + delegate() { + return this.selClose; + }, + handler(e) { + e.preventDefault(); + this.close(); + } + }, + methods: { + async close() { + await this.toggleElement(this.$el, false, animate); + this.$destroy(true); + } + } + }; + function animate(el, show, { duration, transition, velocity }) { + const height = toFloat(css(el, "height")); + css(el, "height", height); + return Transition.start( + el, + { + height: 0, + marginTop: 0, + marginBottom: 0, + paddingTop: 0, + paddingBottom: 0, + borderTop: 0, + borderBottom: 0, + opacity: 0 + }, + velocity * height + duration, + transition + ); + } + + var Video = { + args: "autoplay", + props: { + automute: Boolean, + autoplay: Boolean + }, + data: { + automute: false, + autoplay: true + }, + connected() { + if (this.autoplay === "inview" && !hasAttr(this.$el, "preload")) { + this.$el.preload = "none"; + } + if (isTag(this.$el, "iframe") && !hasAttr(this.$el, "allow")) { + this.$el.allow = "autoplay"; + } + if (this.automute) { + mute(this.$el); + } + }, + observe: [ + intersection({ + filter: ({ $el, autoplay }) => autoplay && isVideo($el), + handler([{ isIntersecting }]) { + if (isIntersecting) { + play(this.$el); + } else { + pause(this.$el); + } + }, + args: { intersecting: false }, + options: ({ $el, autoplay }) => ({ root: autoplay === "inview" ? null : parent($el) }) + }) + ] + }; + + var cover = { + mixins: [Video], + props: { + width: Number, + height: Number + }, + data: { + automute: true + }, + events: { + "load loadedmetadata"() { + this.$emit("resize"); + } + }, + observe: resize({ + target: ({ $el }) => [getPositionedParent($el) || parent($el)], + filter: ({ $el }) => !useObjectFit($el) + }), + update: { + read() { + if (useObjectFit(this.$el)) { + return; + } + const { ratio, cover } = Dimensions; + const { $el, width, height } = this; + let dim = { width, height }; + if (!width || !height) { + const intrinsic = { + width: $el.naturalWidth || $el.videoWidth || $el.clientWidth, + height: $el.naturalHeight || $el.videoHeight || $el.clientHeight + }; + if (width) { + dim = ratio(intrinsic, "width", width); + } else if (height) { + dim = ratio(intrinsic, "height", height); + } else { + dim = intrinsic; + } + } + const { offsetHeight: coverHeight, offsetWidth: coverWidth } = getPositionedParent($el) || parent($el); + const coverDim = cover(dim, { + width: coverWidth + (coverWidth % 2 ? 1 : 0), + height: coverHeight + (coverHeight % 2 ? 1 : 0) + }); + if (!coverDim.width || !coverDim.height) { + return false; + } + return coverDim; + }, + write({ height, width }) { + css(this.$el, { height, width }); + }, + events: ["resize"] + } + }; + function getPositionedParent(el) { + while (el = parent(el)) { + if (css(el, "position") !== "static") { + return el; + } + } + } + function useObjectFit(el) { + return isTag(el, "img", "video"); + } + + let active; + var drop = { + mixins: [Container, Position, Togglable], + args: "pos", + props: { + mode: "list", + toggle: Boolean, + boundary: Boolean, + boundaryX: Boolean, + boundaryY: Boolean, + target: Boolean, + targetX: Boolean, + targetY: Boolean, + stretch: Boolean, + delayShow: Number, + delayHide: Number, + autoUpdate: Boolean, + clsDrop: String, + animateOut: Boolean, + bgScroll: Boolean, + closeOnScroll: Boolean + }, + data: { + mode: ["click", "hover"], + toggle: "- *", + boundary: false, + boundaryX: false, + boundaryY: false, + target: false, + targetX: false, + targetY: false, + stretch: false, + delayShow: 0, + delayHide: 800, + autoUpdate: true, + clsDrop: false, + animateOut: false, + bgScroll: true, + animation: ["uk-animation-fade"], + cls: "uk-open", + container: false, + closeOnScroll: false + }, + computed: { + boundary({ boundary, boundaryX, boundaryY }, $el) { + return [ + query(boundaryX || boundary, $el) || window, + query(boundaryY || boundary, $el) || window + ]; + }, + target({ target, targetX, targetY }, $el) { + targetX || (targetX = target || this.targetEl); + targetY || (targetY = target || this.targetEl); + return [ + targetX === true ? window : query(targetX, $el), + targetY === true ? window : query(targetY, $el) + ]; + } + }, + created() { + this.tracker = new MouseTracker(); + }, + beforeConnect() { + this.clsDrop = this.$props.clsDrop || `uk-${this.$options.name}`; + }, + connected() { + addClass(this.$el, "uk-drop", this.clsDrop); + if (this.toggle && !this.targetEl) { + this.targetEl = createToggleComponent(this); + } + this._style = pick(this.$el.style, ["width", "height"]); + }, + disconnected() { + if (this.isActive()) { + this.hide(false); + active = null; + } + css(this.$el, this._style); + }, + observe: lazyload({ + target: ({ toggle, $el }) => query(toggle, $el), + targets: ({ $el }) => $el + }), + events: [ + { + name: "click", + delegate() { + return ".uk-drop-close"; + }, + handler(e) { + e.preventDefault(); + this.hide(false); + } + }, + { + name: "click", + delegate() { + return 'a[href*="#"]'; + }, + handler({ defaultPrevented, current }) { + const { hash } = current; + if (!defaultPrevented && hash && isSameSiteAnchor(current) && !this.$el.contains($(hash))) { + this.hide(false); + } + } + }, + { + name: "beforescroll", + handler() { + this.hide(false); + } + }, + { + name: "toggle", + self: true, + handler(e, toggle) { + e.preventDefault(); + if (this.isToggled()) { + this.hide(false); + } else { + this.show(toggle == null ? void 0 : toggle.$el, false); + } + } + }, + { + name: "toggleshow", + self: true, + handler(e, toggle) { + e.preventDefault(); + this.show(toggle == null ? void 0 : toggle.$el); + } + }, + { + name: "togglehide", + self: true, + handler(e) { + e.preventDefault(); + if (!matches(this.$el, ":focus,:hover")) { + this.hide(); + } + } + }, + { + name: `${pointerEnter} focusin`, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + if (!isTouch(e)) { + this.clearTimers(); + } + } + }, + { + name: `${pointerLeave} focusout`, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + if (!isTouch(e) && e.relatedTarget) { + this.hide(); + } + } + }, + { + name: "toggled", + self: true, + handler(e, toggled) { + if (toggled) { + this.clearTimers(); + this.position(); + } + } + }, + { + name: "show", + self: true, + handler() { + active = this; + this.tracker.init(); + attr(this.targetEl, "aria-expanded", true); + const handlers = [ + listenForResize(this), + listenForEscClose(this), + listenForBackgroundClose(this), + this.autoUpdate && listenForScroll(this), + this.closeOnScroll && listenForScrollClose(this) + ]; + once(this.$el, "hide", () => handlers.forEach((handler) => handler && handler()), { + self: true + }); + if (!this.bgScroll) { + once(this.$el, "hidden", preventBackgroundScroll(this.$el), { self: true }); + } + } + }, + { + name: "beforehide", + self: true, + handler: "clearTimers" + }, + { + name: "hide", + handler({ target }) { + if (this.$el !== target) { + active = active === null && this.$el.contains(target) && this.isToggled() ? this : active; + return; + } + active = this.isActive() ? null : active; + this.tracker.cancel(); + attr(this.targetEl, "aria-expanded", null); + } + } + ], + update: { + write() { + if (this.isToggled() && !hasClass(this.$el, this.clsEnter)) { + this.position(); + } + } + }, + methods: { + show(target = this.targetEl, delay = true) { + if (this.isToggled() && target && this.targetEl && target !== this.targetEl) { + this.hide(false, false); + } + this.targetEl = target; + this.clearTimers(); + if (this.isActive()) { + return; + } + if (active) { + if (delay && active.isDelaying) { + this.showTimer = setTimeout(() => matches(target, ":hover") && this.show(), 10); + return; + } + let prev; + while (active && prev !== active && !active.$el.contains(this.$el)) { + prev = active; + active.hide(false, false); + } + } + if (this.container && parent(this.$el) !== this.container) { + append(this.container, this.$el); + } + this.showTimer = setTimeout( + () => this.toggleElement(this.$el, true), + delay && this.delayShow || 0 + ); + }, + hide(delay = true, animate = true) { + const hide = () => this.toggleElement(this.$el, false, this.animateOut && animate); + this.clearTimers(); + this.isDelayedHide = delay; + this.isDelaying = getPositionedElements(this.$el).some( + (el) => this.tracker.movesTo(el) + ); + if (delay && this.isDelaying) { + this.hideTimer = setTimeout(this.hide, 50); + } else if (delay && this.delayHide) { + this.hideTimer = setTimeout(hide, this.delayHide); + } else { + hide(); + } + }, + clearTimers() { + clearTimeout(this.showTimer); + clearTimeout(this.hideTimer); + this.showTimer = null; + this.hideTimer = null; + this.isDelaying = false; + }, + isActive() { + return active === this; + }, + position() { + removeClass(this.$el, "uk-drop-stack"); + css(this.$el, this._style); + this.$el.hidden = true; + const viewports = this.target.map((target) => getViewport$1(this.$el, target)); + const viewportOffset = this.getViewportOffset(this.$el); + const dirs = [ + [0, ["x", "width", "left", "right"]], + [1, ["y", "height", "top", "bottom"]] + ]; + for (const [i, [axis, prop]] of dirs) { + if (this.axis !== axis && includes([axis, true], this.stretch)) { + css(this.$el, { + [prop]: Math.min( + offset(this.boundary[i])[prop], + viewports[i][prop] - 2 * viewportOffset + ), + [`overflow-${axis}`]: "auto" + }); + } + } + const maxWidth = viewports[0].width - 2 * viewportOffset; + this.$el.hidden = false; + css(this.$el, "maxWidth", ""); + if (this.$el.offsetWidth > maxWidth) { + addClass(this.$el, "uk-drop-stack"); + } + css(this.$el, "maxWidth", maxWidth); + this.positionAt(this.$el, this.target, this.boundary); + for (const [i, [axis, prop, start, end]] of dirs) { + if (this.axis === axis && includes([axis, true], this.stretch)) { + const positionOffset = Math.abs(this.getPositionOffset(this.$el)); + const targetOffset = offset(this.target[i]); + const elOffset = offset(this.$el); + css(this.$el, { + [prop]: (targetOffset[start] > elOffset[start] ? targetOffset[this.inset ? end : start] - Math.max( + offset(this.boundary[i])[start], + viewports[i][start] + viewportOffset + ) : Math.min( + offset(this.boundary[i])[end], + viewports[i][end] - viewportOffset + ) - targetOffset[this.inset ? start : end]) - positionOffset, + [`overflow-${axis}`]: "auto" + }); + this.positionAt(this.$el, this.target, this.boundary); + } + } + } + } + }; + function getPositionedElements(el) { + const result = []; + apply(el, (el2) => css(el2, "position") !== "static" && result.push(el2)); + return result; + } + function getViewport$1(el, target) { + return offsetViewport(overflowParents(target).find((parent2) => parent2.contains(el))); + } + function createToggleComponent(drop) { + const { $el } = drop.$create("toggle", query(drop.toggle, drop.$el), { + target: drop.$el, + mode: drop.mode + }); + attr($el, "aria-haspopup", true); + return $el; + } + function listenForResize(drop) { + const update = () => drop.$emit(); + const off = [ + observeViewportResize(update), + observeResize(overflowParents(drop.$el).concat(drop.target), update) + ]; + return () => off.map((observer) => observer.disconnect()); + } + function listenForScroll(drop, fn = () => drop.$emit()) { + return on([document, ...overflowParents(drop.$el)], "scroll", fn, { + passive: true + }); + } + function listenForEscClose(drop) { + return on(document, "keydown", (e) => { + if (e.keyCode === keyMap.ESC) { + drop.hide(false); + } + }); + } + function listenForScrollClose(drop) { + return listenForScroll(drop, () => drop.hide(false)); + } + function listenForBackgroundClose(drop) { + return on(document, pointerDown$1, ({ target }) => { + if (drop.$el.contains(target)) { + return; + } + once( + document, + `${pointerUp$1} ${pointerCancel} scroll`, + ({ defaultPrevented, type, target: newTarget }) => { + if (!defaultPrevented && type === pointerUp$1 && target === newTarget && !(drop.targetEl && within(target, drop.targetEl))) { + drop.hide(false); + } + }, + true + ); + }); + } + + var Dropnav = { + mixins: [Class, Container], + props: { + align: String, + clsDrop: String, + boundary: Boolean, + dropbar: Boolean, + dropbarAnchor: Boolean, + duration: Number, + mode: Boolean, + offset: Boolean, + stretch: Boolean, + delayShow: Boolean, + delayHide: Boolean, + target: Boolean, + targetX: Boolean, + targetY: Boolean, + animation: Boolean, + animateOut: Boolean, + closeOnScroll: Boolean + }, + data: { + align: isRtl ? "right" : "left", + clsDrop: "uk-dropdown", + clsDropbar: "uk-dropnav-dropbar", + boundary: true, + dropbar: false, + dropbarAnchor: false, + duration: 200, + container: false, + selNavItem: "> li > a, > ul > li > a" + }, + computed: { + dropbarAnchor: ({ dropbarAnchor }, $el) => query(dropbarAnchor, $el) || $el, + dropbar({ dropbar }) { + if (!dropbar) { + return null; + } + dropbar = this._dropbar || query(dropbar, this.$el) || $(`+ .${this.clsDropbar}`, this.$el); + return dropbar ? dropbar : this._dropbar = $("<div></div>"); + }, + dropbarOffset({ target, targetY }, $el) { + const { offsetTop, offsetHeight } = query(targetY || target || $el, $el); + return offsetTop + offsetHeight + this.dropbarPositionOffset; + }, + dropbarPositionOffset(_, $el) { + return toPx(css($el, "--uk-position-offset")); + }, + dropContainer(_, $el) { + return this.container || $el; + }, + dropdowns({ clsDrop }, $el) { + var _a; + const dropdowns = $$(`.${clsDrop}`, $el); + if (this.dropContainer !== $el) { + for (const el of $$(`.${clsDrop}`, this.dropContainer)) { + const target = (_a = this.getDropdown(el)) == null ? void 0 : _a.targetEl; + if (!includes(dropdowns, el) && target && this.$el.contains(target)) { + dropdowns.push(el); + } + } + } + return dropdowns; + }, + items({ selNavItem }, $el) { + return $$(selNavItem, $el); + } + }, + watch: { + dropbar(dropbar) { + addClass( + dropbar, + "uk-dropbar", + "uk-dropbar-top", + this.clsDropbar, + `uk-${this.$options.name}-dropbar` + ); + }, + dropdowns() { + this.initializeDropdowns(); + } + }, + connected() { + this.initializeDropdowns(); + }, + disconnected() { + remove$1(this._dropbar); + delete this._dropbar; + }, + events: [ + { + name: "mouseover focusin", + delegate() { + return this.selNavItem; + }, + handler({ current }) { + const active2 = this.getActive(); + if (active2 && includes(active2.mode, "hover") && active2.targetEl && !current.contains(active2.targetEl) && !active2.isDelaying) { + active2.hide(false); + } + } + }, + { + name: "keydown", + self: true, + delegate() { + return this.selNavItem; + }, + handler(e) { + var _a; + const { current, keyCode } = e; + const active2 = this.getActive(); + if (keyCode === keyMap.DOWN && (active2 == null ? void 0 : active2.targetEl) === current) { + e.preventDefault(); + (_a = $(selFocusable, active2.$el)) == null ? void 0 : _a.focus(); + } + handleNavItemNavigation(e, this.items, active2); + } + }, + { + name: "keydown", + el() { + return this.dropContainer; + }, + delegate() { + return `.${this.clsDrop}`; + }, + handler(e) { + var _a; + const { current, keyCode } = e; + if (!includes(this.dropdowns, current)) { + return; + } + const active2 = this.getActive(); + let next = -1; + if (keyCode === keyMap.HOME) { + next = 0; + } else if (keyCode === keyMap.END) { + next = "last"; + } else if (keyCode === keyMap.UP) { + next = "previous"; + } else if (keyCode === keyMap.DOWN) { + next = "next"; + } else if (keyCode === keyMap.ESC) { + (_a = active2.targetEl) == null ? void 0 : _a.focus(); + } + if (~next) { + e.preventDefault(); + const elements = $$(selFocusable, current); + elements[getIndex( + next, + elements, + findIndex(elements, (el) => matches(el, ":focus")) + )].focus(); + } + handleNavItemNavigation(e, this.items, active2); + } + }, + { + name: "mouseleave", + el() { + return this.dropbar; + }, + filter() { + return this.dropbar; + }, + handler() { + const active2 = this.getActive(); + if (active2 && includes(active2.mode, "hover") && !this.dropdowns.some((el) => matches(el, ":hover"))) { + active2.hide(); + } + } + }, + { + name: "beforeshow", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler({ target }) { + if (!this.isDropbarDrop(target)) { + return; + } + if (this.dropbar.previousElementSibling !== this.dropbarAnchor) { + after(this.dropbarAnchor, this.dropbar); + } + addClass(target, `${this.clsDrop}-dropbar`); + } + }, + { + name: "show", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler({ target }) { + if (!this.isDropbarDrop(target)) { + return; + } + const drop = this.getDropdown(target); + const adjustHeight = () => { + const maxBottom = Math.max( + ...parents(target, `.${this.clsDrop}`).concat(target).map((el) => offset(el).bottom) + ); + css(this.dropbar, "top", this.dropbarOffset); + this.transitionTo( + maxBottom - offset(this.dropbar).top + toFloat(css(target, "marginBottom")), + target + ); + }; + this._observer = observeResize([drop.$el, ...drop.target], adjustHeight); + adjustHeight(); + } + }, + { + name: "beforehide", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler(e) { + const active2 = this.getActive(); + if (matches(this.dropbar, ":hover") && active2.$el === e.target && includes(active2.mode, "hover") && active2.isDelayedHide && !this.items.some((el) => active2.targetEl !== el && matches(el, ":focus"))) { + e.preventDefault(); + } + } + }, + { + name: "hide", + el() { + return this.dropContainer; + }, + filter() { + return this.dropbar; + }, + handler({ target }) { + var _a; + if (!this.isDropbarDrop(target)) { + return; + } + (_a = this._observer) == null ? void 0 : _a.disconnect(); + const active2 = this.getActive(); + if (!active2 || active2.$el === target) { + this.transitionTo(0); + } + } + } + ], + methods: { + getActive() { + var _a; + return includes(this.dropdowns, (_a = active) == null ? void 0 : _a.$el) && active; + }, + async transitionTo(newHeight, el) { + const { dropbar } = this; + const oldHeight = height(dropbar); + el = oldHeight < newHeight && el; + await Transition.cancel([el, dropbar]); + if (el) { + const diff = offset(el).top - offset(dropbar).top - oldHeight; + if (diff > 0) { + css(el, "transitionDelay", `${diff / newHeight * this.duration}ms`); + } + } + css(el, "clipPath", `polygon(0 0,100% 0,100% ${oldHeight}px,0 ${oldHeight}px)`); + height(dropbar, oldHeight); + await Promise.all([ + Transition.start(dropbar, { height: newHeight }, this.duration), + Transition.start( + el, + { clipPath: `polygon(0 0,100% 0,100% ${newHeight}px,0 ${newHeight}px)` }, + this.duration + ).finally(() => css(el, { clipPath: "", transitionDelay: "" })) + ]).catch(noop); + }, + getDropdown(el) { + return this.$getComponent(el, "drop") || this.$getComponent(el, "dropdown"); + }, + isDropbarDrop(el) { + return this.getDropdown(el) && hasClass(el, this.clsDrop); + }, + initializeDropdowns() { + this.$create( + "drop", + this.dropdowns.filter((el) => !this.getDropdown(el)), + { + ...this.$props, + flip: false, + shift: true, + pos: `bottom-${this.align}`, + boundary: this.boundary === true ? this.$el : this.boundary + } + ); + } + } + }; + function handleNavItemNavigation(e, toggles, active2) { + var _a, _b, _c; + const { current, keyCode } = e; + let next = -1; + if (keyCode === keyMap.HOME) { + next = 0; + } else if (keyCode === keyMap.END) { + next = "last"; + } else if (keyCode === keyMap.LEFT) { + next = "previous"; + } else if (keyCode === keyMap.RIGHT) { + next = "next"; + } else if (keyCode === keyMap.TAB) { + (_a = active2.targetEl) == null ? void 0 : _a.focus(); + (_b = active2.hide) == null ? void 0 : _b.call(active2, false); + } + if (~next) { + e.preventDefault(); + (_c = active2.hide) == null ? void 0 : _c.call(active2, false); + toggles[getIndex(next, toggles, toggles.indexOf(active2.targetEl || current))].focus(); + } + } + + var formCustom = { + mixins: [Class], + args: "target", + props: { + target: Boolean + }, + data: { + target: false + }, + computed: { + input: (_, $el) => $(selInput, $el), + state() { + return this.input.nextElementSibling; + }, + target({ target }, $el) { + return target && (target === true && parent(this.input) === $el && this.input.nextElementSibling || $(target, $el)); + } + }, + update() { + var _a; + const { target, input } = this; + if (!target) { + return; + } + let option; + const prop = isInput(target) ? "value" : "textContent"; + const prev = target[prop]; + const value = ((_a = input.files) == null ? void 0 : _a[0]) ? input.files[0].name : matches(input, "select") && (option = $$("option", input).filter((el) => el.selected)[0]) ? option.textContent : input.value; + if (prev !== value) { + target[prop] = value; + } + }, + events: [ + { + name: "change", + handler() { + this.$emit(); + } + }, + { + name: "reset", + el() { + return this.$el.closest("form"); + }, + handler() { + this.$emit(); + } + } + ] + }; + + var grid = { + extends: Margin, + mixins: [Class], + name: "grid", + props: { + masonry: Boolean, + parallax: String, + parallaxStart: String, + parallaxEnd: String, + parallaxJustify: Boolean + }, + data: { + margin: "uk-grid-margin", + clsStack: "uk-grid-stack", + masonry: false, + parallax: 0, + parallaxStart: 0, + parallaxEnd: 0, + parallaxJustify: false + }, + connected() { + this.masonry && addClass(this.$el, "uk-flex-top", "uk-flex-wrap-top"); + }, + observe: scroll$1({ filter: ({ parallax, parallaxJustify }) => parallax || parallaxJustify }), + update: [ + { + write({ rows }) { + toggleClass(this.$el, this.clsStack, !rows.some((row) => row.length > 1)); + }, + events: ["resize"] + }, + { + read(data) { + const { rows } = data; + let { masonry, parallax, parallaxJustify, margin } = this; + parallax = Math.max(0, toPx(parallax)); + if (!(masonry || parallax || parallaxJustify) || positionedAbsolute(rows) || rows[0].some( + (el, i) => rows.some((row) => row[i] && row[i].offsetWidth !== el.offsetWidth) + )) { + return data.translates = data.scrollColumns = false; + } + let gutter = getGutter(rows, margin); + let columns; + let translates; + if (masonry) { + [columns, translates] = applyMasonry(rows, gutter, masonry === "next"); + } else { + columns = transpose(rows); + } + const columnHeights = columns.map( + (column) => sumBy(column, "offsetHeight") + gutter * (column.length - 1) + ); + const height = Math.max(0, ...columnHeights); + let scrollColumns; + let parallaxStart; + let parallaxEnd; + if (parallax || parallaxJustify) { + scrollColumns = columnHeights.map( + (hgt, i) => parallaxJustify ? height - hgt + parallax : parallax / (i % 2 || 8) + ); + if (!parallaxJustify) { + parallax = Math.max( + ...columnHeights.map((hgt, i) => hgt + scrollColumns[i] - height) + ); + } + parallaxStart = toPx(this.parallaxStart, "height", this.$el, true); + parallaxEnd = toPx(this.parallaxEnd, "height", this.$el, true); + } + return { + columns, + translates, + scrollColumns, + parallaxStart, + parallaxEnd, + padding: parallax, + height: translates ? height : "" + }; + }, + write({ height, padding }) { + css(this.$el, "paddingBottom", padding || ""); + height !== false && css(this.$el, "height", height); + }, + events: ["resize"] + }, + { + read({ rows, scrollColumns, parallaxStart, parallaxEnd }) { + if (scrollColumns && positionedAbsolute(rows)) { + return false; + } + return { + scrolled: scrollColumns ? scrolledOver(this.$el, parallaxStart, parallaxEnd) : false + }; + }, + write({ columns, scrolled, scrollColumns, translates }) { + if (!scrolled && !translates) { + return; + } + columns.forEach( + (column, i) => column.forEach((el, j) => { + let [x, y] = translates && translates[i][j] || [0, 0]; + if (scrolled) { + y += scrolled * scrollColumns[i]; + } + css(el, "transform", `translate(${x}px, ${y}px)`); + }) + ); + }, + events: ["scroll", "resize"] + } + ] + }; + function positionedAbsolute(rows) { + return rows.flat().some((el) => css(el, "position") === "absolute"); + } + function applyMasonry(rows, gutter, next) { + const columns = []; + const translates = []; + const columnHeights = Array(rows[0].length).fill(0); + let rowHeights = 0; + for (let row of rows) { + if (isRtl) { + row = row.reverse(); + } + let height = 0; + for (const j in row) { + const { offsetWidth, offsetHeight } = row[j]; + const index = next ? j : columnHeights.indexOf(Math.min(...columnHeights)); + push(columns, index, row[j]); + push(translates, index, [ + (index - j) * offsetWidth * (isRtl ? -1 : 1), + columnHeights[index] - rowHeights + ]); + columnHeights[index] += offsetHeight + gutter; + height = Math.max(height, offsetHeight); + } + rowHeights += height + gutter; + } + return [columns, translates]; + } + function getGutter(rows, cls) { + const node = rows.flat().find((el) => hasClass(el, cls)); + return toFloat(node ? css(node, "marginTop") : css(rows[0][0], "paddingLeft")); + } + function transpose(rows) { + const columns = []; + for (const row of rows) { + for (const i in row) { + push(columns, i, row[i]); + } + } + return columns; + } + function push(array, index, value) { + if (!array[index]) { + array[index] = []; + } + array[index].push(value); + } + + var heightMatch = { + args: "target", + props: { + target: String, + row: Boolean + }, + data: { + target: "> *", + row: true + }, + computed: { + elements: ({ target }, $el) => $$(target, $el) + }, + observe: resize({ + target: ({ $el, elements }) => elements.reduce((elements2, el) => elements2.concat(el, ...el.children), [$el]) + }), + update: { + read() { + return { + rows: (this.row ? getRows(this.elements) : [this.elements]).map(match) + }; + }, + write({ rows }) { + for (const { heights, elements } of rows) { + elements.forEach((el, i) => css(el, "minHeight", heights[i])); + } + }, + events: ["resize"] + } + }; + function match(elements) { + if (elements.length < 2) { + return { heights: [""], elements }; + } + let heights = elements.map(getHeight); + const max = Math.max(...heights); + return { + heights: elements.map( + (el, i) => heights[i].toFixed(2) === max.toFixed(2) ? "" : max - boxModelAdjust(el, "height", "content-box") + ), + elements + }; + } + function getHeight(element) { + const style = pick(element.style, ["display", "minHeight"]); + if (!isVisible(element)) { + css(element, "display", "block", "important"); + } + css(element, "minHeight", ""); + const height = element.offsetHeight; + css(element, style); + return height; + } + + var heightPlaceholder = { + args: "target", + props: { + target: String + }, + data: { + target: "" + }, + computed: { + target: ({ target }, $el) => query(target, $el) + }, + observe: resize({ target: ({ target }) => target }), + update: { + read() { + return { height: height(this.target) }; + }, + write({ height: height2 }) { + css(this.$el, { minHeight: height2 }); + }, + events: ["resize"] + } + }; + + var heightViewport = { + props: { + expand: Boolean, + offsetTop: Boolean, + offsetBottom: Boolean, + minHeight: Number + }, + data: { + expand: false, + offsetTop: false, + offsetBottom: false, + minHeight: 0 + }, + // check for offsetTop change + observe: [ + viewport({ filter: ({ expand }) => expand }), + resize({ target: ({ $el }) => scrollParents($el) }) + ], + update: { + read() { + if (!isVisible(this.$el)) { + return false; + } + let minHeight = ""; + const box = boxModelAdjust(this.$el, "height", "content-box"); + const { body, scrollingElement } = document; + const scrollElement = scrollParent(this.$el); + const { height: viewportHeight } = offsetViewport( + scrollElement === body ? scrollingElement : scrollElement + ); + const isScrollingElement = scrollingElement === scrollElement || body === scrollElement; + minHeight = `calc(${isScrollingElement ? "100vh" : `${viewportHeight}px`}`; + if (this.expand) { + const diff = dimensions$1(scrollElement).height - dimensions$1(this.$el).height; + minHeight += ` - ${diff}px`; + } else { + if (this.offsetTop) { + if (isScrollingElement) { + const offsetTopEl = this.offsetTop === true ? this.$el : query(this.offsetTop, this.$el); + const top = offsetPosition(offsetTopEl)[0] - offsetPosition(scrollElement)[0]; + minHeight += top > 0 && top < viewportHeight / 2 ? ` - ${top}px` : ""; + } else { + minHeight += ` - ${css(scrollElement, "paddingTop")}`; + } + } + if (this.offsetBottom === true) { + minHeight += ` - ${dimensions$1(this.$el.nextElementSibling).height}px`; + } else if (isNumeric(this.offsetBottom)) { + minHeight += ` - ${this.offsetBottom}vh`; + } else if (this.offsetBottom && endsWith(this.offsetBottom, "px")) { + minHeight += ` - ${toFloat(this.offsetBottom)}px`; + } else if (isString(this.offsetBottom)) { + minHeight += ` - ${dimensions$1(query(this.offsetBottom, this.$el)).height}px`; + } + } + minHeight += `${box ? ` - ${box}px` : ""})`; + return { minHeight }; + }, + write({ minHeight }) { + css(this.$el, "minHeight", `max(${this.minHeight || 0}px, ${minHeight})`); + }, + events: ["resize"] + } + }; + + var closeIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"13\" y1=\"1\" x2=\"1\" y2=\"13\"/></svg>"; + + var closeLarge = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"19\" y1=\"1\" x2=\"1\" y2=\"19\"/></svg>"; + + var dropParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>"; + + var marker = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><rect x=\"9\" y=\"4\" width=\"1\" height=\"11\"/><rect x=\"4\" y=\"9\" width=\"11\" height=\"1\"/></svg>"; + + var navParentIconLarge = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 4 7 10 13 4\"/></svg>"; + + var navParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>"; + + var navbarParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>"; + + var navbarToggleIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><style>.uk-navbar-toggle-animate svg>[class*="line-"]{transition:0.2s ease-in-out;transition-property:transform, opacity;transform-origin:center;opacity:1}.uk-navbar-toggle-animate svg>.line-3{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{opacity:1}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-2{transform:rotate(45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{transform:rotate(-45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1,.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1{transform:translateY(6px) scaleX(0)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{transform:translateY(-6px) scaleX(0)}</style><rect class=\"line-1\" y=\"3\" width=\"20\" height=\"2\"/><rect class=\"line-2\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-3\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-4\" y=\"15\" width=\"20\" height=\"2\"/></svg>"; + + var overlayIcon = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><rect x=\"19\" y=\"0\" width=\"1\" height=\"40\"/><rect x=\"0\" y=\"19\" width=\"40\" height=\"1\"/></svg>"; + + var paginationNext = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 1 6 6 1 11\"/></svg>"; + + var paginationPrevious = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"6 1 1 6 6 11\"/></svg>"; + + var searchIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"9\" cy=\"9\" r=\"7\"/><path fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" d=\"M14,14 L18,18 L14,14 Z\"/></svg>"; + + var searchLarge = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" cx=\"17.5\" cy=\"17.5\" r=\"16.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" x1=\"38\" y1=\"39\" x2=\"29\" y2=\"30\"/></svg>"; + + var searchNavbar = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"10.5\" cy=\"10.5\" r=\"9.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"23\" y1=\"23\" x2=\"17\" y2=\"17\"/></svg>"; + + var slidenavNextLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"4.002,38.547 22.527,20.024 4,1.5\"/></svg>"; + + var slidenavNext = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"1.225,23 12.775,12 1.225,1\"/></svg>"; + + var slidenavPreviousLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"20.527,1.5 2,20.024 20.525,38.547\"/></svg>"; + + var slidenavPrevious = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"12.775,1 1.225,12 12.775,23\"/></svg>"; + + var spinner = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\"><circle fill=\"none\" stroke=\"#000\" cx=\"15\" cy=\"15\" r=\"14\"/></svg>"; + + var totop = "<svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 9 9 1 17 9\"/></svg>"; + + var Svg = { + args: "src", + props: { + width: Number, + height: Number, + ratio: Number + }, + data: { + ratio: 1 + }, + connected() { + this.svg = this.getSvg().then((el) => { + if (!this._connected) { + return; + } + const svg = insertSVG(el, this.$el); + if (this.svgEl && svg !== this.svgEl) { + remove$1(this.svgEl); + } + applyWidthAndHeight.call(this, svg, el); + return this.svgEl = svg; + }, noop); + }, + disconnected() { + this.svg.then((svg) => { + if (this._connected) { + return; + } + if (isVoidElement(this.$el)) { + this.$el.hidden = false; + } + remove$1(svg); + this.svgEl = null; + }); + this.svg = null; + }, + methods: { + async getSvg() { + } + } + }; + function insertSVG(el, root) { + if (isVoidElement(root) || isTag(root, "canvas")) { + root.hidden = true; + const next = root.nextElementSibling; + return equals(el, next) ? next : after(root, el); + } + const last = root.lastElementChild; + return equals(el, last) ? last : append(root, el); + } + function equals(el, other) { + return isTag(el, "svg") && isTag(other, "svg") && el.innerHTML === other.innerHTML; + } + function applyWidthAndHeight(el, ref) { + const props = ["width", "height"]; + let dimensions = props.map((prop) => this[prop]); + if (!dimensions.some((val) => val)) { + dimensions = props.map((prop) => attr(ref, prop)); + } + const viewBox = attr(ref, "viewBox"); + if (viewBox && !dimensions.some((val) => val)) { + dimensions = viewBox.split(" ").slice(2); + } + dimensions.forEach((val, i) => attr(el, props[i], toFloat(val) * this.ratio || null)); + } + + const icons = { + spinner, + totop, + marker, + "close-icon": closeIcon, + "close-large": closeLarge, + "drop-parent-icon": dropParentIcon, + "nav-parent-icon": navParentIcon, + "nav-parent-icon-large": navParentIconLarge, + "navbar-parent-icon": navbarParentIcon, + "navbar-toggle-icon": navbarToggleIcon, + "overlay-icon": overlayIcon, + "pagination-next": paginationNext, + "pagination-previous": paginationPrevious, + "search-icon": searchIcon, + "search-large": searchLarge, + "search-navbar": searchNavbar, + "search-toggle-icon": searchIcon, + "slidenav-next": slidenavNext, + "slidenav-next-large": slidenavNextLarge, + "slidenav-previous": slidenavPrevious, + "slidenav-previous-large": slidenavPreviousLarge + }; + const Icon = { + install: install$1, + mixins: [Svg], + args: "icon", + props: { icon: String }, + isIcon: true, + beforeConnect() { + addClass(this.$el, "uk-icon"); + }, + methods: { + async getSvg() { + const icon = getIcon(this.icon); + if (!icon) { + throw "Icon not found."; + } + return icon; + } + } + }; + const IconComponent = { + args: false, + extends: Icon, + data: (vm) => ({ + icon: hyphenate(vm.constructor.options.name) + }), + beforeConnect() { + addClass(this.$el, this.$options.id); + } + }; + const NavParentIcon = { + extends: IconComponent, + beforeConnect() { + const icon = this.$props.icon; + this.icon = this.$el.closest(".uk-nav-primary") ? `${icon}-large` : icon; + } + }; + const Search = { + extends: IconComponent, + mixins: [I18n], + i18n: { toggle: "Open Search", submit: "Submit Search" }, + beforeConnect() { + const isToggle = hasClass(this.$el, "uk-search-toggle") || hasClass(this.$el, "uk-navbar-toggle"); + this.icon = isToggle ? "search-toggle-icon" : hasClass(this.$el, "uk-search-icon") && closest(this.$el, ".uk-search-large") ? "search-large" : closest(this.$el, ".uk-search-navbar") ? "search-navbar" : this.$props.icon; + if (hasAttr(this.$el, "aria-label")) { + return; + } + if (isToggle) { + const label = this.t("toggle"); + attr(this.$el, "aria-label", label); + } else { + const button = this.$el.closest("a,button"); + if (button) { + const label = this.t("submit"); + attr(button, "aria-label", label); + } + } + } + }; + const Spinner = { + extends: IconComponent, + beforeConnect() { + attr(this.$el, "role", "status"); + }, + methods: { + async getSvg() { + const icon = await Icon.methods.getSvg.call(this); + if (this.ratio !== 1) { + css($("circle", icon), "strokeWidth", 1 / this.ratio); + } + return icon; + } + } + }; + const ButtonComponent = { + extends: IconComponent, + mixins: [I18n], + beforeConnect() { + const button = this.$el.closest("a,button"); + attr(button, "role", this.role !== null && isTag(button, "a") ? "button" : this.role); + const label = this.t("label"); + if (label && !hasAttr(button, "aria-label")) { + attr(button, "aria-label", label); + } + } + }; + const Slidenav = { + extends: ButtonComponent, + beforeConnect() { + addClass(this.$el, "uk-slidenav"); + const icon = this.$props.icon; + this.icon = hasClass(this.$el, "uk-slidenav-large") ? `${icon}-large` : icon; + } + }; + const NavbarToggleIcon = { + extends: ButtonComponent, + i18n: { label: "Open menu" } + }; + const Close = { + extends: ButtonComponent, + i18n: { label: "Close" }, + beforeConnect() { + this.icon = `close-${hasClass(this.$el, "uk-close-large") ? "large" : "icon"}`; + } + }; + const Marker = { + extends: ButtonComponent, + i18n: { label: "Open" } + }; + const Totop = { + extends: ButtonComponent, + i18n: { label: "Back to top" } + }; + const PaginationNext = { + extends: ButtonComponent, + i18n: { label: "Next page" }, + data: { role: null } + }; + const PaginationPrevious = { + extends: ButtonComponent, + i18n: { label: "Previous page" }, + data: { role: null } + }; + const parsed = {}; + function install$1(UIkit) { + UIkit.icon.add = (name, svg) => { + const added = isString(name) ? { [name]: svg } : name; + each(added, (svg2, name2) => { + icons[name2] = svg2; + delete parsed[name2]; + }); + if (UIkit._initialized) { + apply( + document.body, + (el) => each(UIkit.getComponents(el), (cmp) => { + cmp.$options.isIcon && cmp.icon in added && cmp.$reset(); + }) + ); + } + }; + } + const aliases = { twitter: "x" }; + function getIcon(icon) { + icon = aliases[icon] || icon; + if (!icons[icon]) { + return null; + } + if (!parsed[icon]) { + parsed[icon] = $((icons[applyRtl(icon)] || icons[icon]).trim()); + } + return parsed[icon].cloneNode(true); + } + function applyRtl(icon) { + return isRtl ? swap(swap(icon, "left", "right"), "previous", "next") : icon; + } + + const nativeLazyLoad = inBrowser && "loading" in HTMLImageElement.prototype; + var img = { + args: "dataSrc", + props: { + dataSrc: String, + sources: String, + margin: String, + target: String, + loading: String + }, + data: { + dataSrc: "", + sources: false, + margin: "50%", + target: false, + loading: "lazy" + }, + connected() { + if (this.loading !== "lazy") { + this.load(); + return; + } + if (nativeLazyLoad && isImg(this.$el)) { + this.$el.loading = "lazy"; + setSrcAttrs(this.$el); + } + ensureSrcAttribute(this.$el); + }, + disconnected() { + if (this.img) { + this.img.onload = ""; + } + delete this.img; + }, + observe: intersection({ + target: ({ $el, $props }) => [$el, ...queryAll($props.target, $el)], + handler(entries, observer) { + this.load(); + observer.disconnect(); + }, + options: ({ margin }) => ({ rootMargin: margin }), + filter: ({ loading }) => loading === "lazy" + }), + methods: { + load() { + if (this.img) { + return this.img; + } + const image = isImg(this.$el) ? this.$el : getImageFromElement(this.$el, this.dataSrc, this.sources); + removeAttr(image, "loading"); + setSrcAttrs(this.$el, image.currentSrc); + return this.img = image; + } + } + }; + function setSrcAttrs(el, src) { + if (isImg(el)) { + const parentNode = parent(el); + const elements = isTag(parentNode, "picture") ? children(parentNode) : [el]; + elements.forEach((el2) => setSourceProps(el2, el2)); + } else if (src) { + const change = !includes(el.style.backgroundImage, src); + if (change) { + css(el, "backgroundImage", `url(${escape(src)})`); + trigger(el, createEvent("load", false)); + } + } + } + const srcProps = ["data-src", "data-srcset", "sizes"]; + function setSourceProps(sourceEl, targetEl) { + for (const prop of srcProps) { + const value = data(sourceEl, prop); + if (value) { + attr(targetEl, prop.replace(/^(data-)+/, ""), value); + } + } + } + function getImageFromElement(el, src, sources) { + const img = new Image(); + wrapInPicture(img, sources); + setSourceProps(el, img); + img.onload = () => { + setSrcAttrs(el, img.currentSrc); + }; + attr(img, "src", src); + return img; + } + function wrapInPicture(img, sources) { + sources = parseSources(sources); + if (sources.length) { + const picture = fragment("<picture>"); + for (const attrs of sources) { + const source = fragment("<source>"); + attr(source, attrs); + append(picture, source); + } + append(picture, img); + } + } + function parseSources(sources) { + if (!sources) { + return []; + } + if (startsWith(sources, "[")) { + try { + sources = JSON.parse(sources); + } catch (e) { + sources = []; + } + } else { + sources = parseOptions(sources); + } + if (!isArray(sources)) { + sources = [sources]; + } + return sources.filter((source) => !isEmpty(source)); + } + function ensureSrcAttribute(el) { + if (isImg(el) && !hasAttr(el, "src")) { + attr(el, "src", 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"></svg>'); + } + } + function isImg(el) { + return isTag(el, "img"); + } + + var inverse = { + props: { + target: String, + selActive: String + }, + data: { + target: false, + selActive: false + }, + computed: { + target: ({ target }, $el) => target ? $$(target, $el) : [$el] + }, + observe: [ + mutation({ + target: ({ target }) => target, + options: { attributes: true, attributeFilter: ["class"], attributeOldValue: true } + }), + { + target: ({ target }) => target, + observe: (target, handler) => { + const observer = observeResize([...target, document.documentElement], handler); + const listener = [ + on(document, "scroll itemshown itemhidden", handler, { + passive: true, + capture: true + }), + on(document, "show hide transitionstart", (e) => { + handler(); + return observer.observe(e.target); + }), + on(document, "shown hidden transitionend transitioncancel", (e) => { + handler(); + return observer.unobserve(e.target); + }) + ]; + return { + disconnect() { + observer.disconnect(); + listener.map((off) => off()); + } + }; + }, + handler() { + this.$emit(); + } + } + ], + update: { + read() { + for (const target of this.target) { + replaceClass( + target, + "uk-light,uk-dark", + !this.selActive || matches(target, this.selActive) ? findTargetColor(target) : "" + ); + } + } + } + }; + function findTargetColor(target) { + const { left, top, height, width } = dimensions$1(target); + let last; + for (const percent of [0.25, 0.5, 0.75]) { + const elements = target.ownerDocument.elementsFromPoint( + Math.max(0, left) + width * percent, + Math.max(0, top) + height / 2 + ); + for (const element of elements) { + if (target.contains(element) || element.closest('[class*="-leave"]') && elements.some((el) => element !== el && matches(el, '[class*="-enter"]'))) { + continue; + } + const color = css(element, "--uk-inverse"); + if (color) { + if (color === last) { + return `uk-${color}`; + } + last = color; + break; + } + } + } + return last ? `uk-${last}` : ""; + } + + var leader = { + mixins: [Class, Media], + props: { + fill: String + }, + data: { + fill: "", + clsWrapper: "uk-leader-fill", + clsHide: "uk-leader-hide", + attrFill: "data-fill" + }, + computed: { + fill: ({ fill }, $el) => fill || css($el, "--uk-leader-fill-content") + }, + connected() { + [this.wrapper] = wrapInner(this.$el, `<span class="${this.clsWrapper}">`); + }, + disconnected() { + unwrap(this.wrapper.childNodes); + }, + observe: resize(), + update: { + read() { + const width = Math.trunc(this.$el.offsetWidth / 2); + return { + width, + fill: this.fill, + hide: !this.matchMedia + }; + }, + write({ width, fill, hide }) { + toggleClass(this.wrapper, this.clsHide, hide); + attr(this.wrapper, this.attrFill, new Array(width).join(fill)); + }, + events: ["resize"] + } + }; + + var modal = { + install, + mixins: [Modal], + data: { + clsPage: "uk-modal-page", + selPanel: ".uk-modal-dialog", + selClose: ".uk-modal-close, .uk-modal-close-default, .uk-modal-close-outside, .uk-modal-close-full" + }, + events: [ + { + name: "show", + self: true, + handler() { + if (hasClass(this.panel, "uk-margin-auto-vertical")) { + addClass(this.$el, "uk-flex"); + } else { + css(this.$el, "display", "block"); + } + height(this.$el); + } + }, + { + name: "hidden", + self: true, + handler() { + css(this.$el, "display", ""); + removeClass(this.$el, "uk-flex"); + } + } + ] + }; + function install({ modal }) { + modal.dialog = function(content, options) { + const dialog = modal( + `<div class="uk-modal"> <div class="uk-modal-dialog">${content}</div> </div>`, + { stack: true, role: "alertdialog", ...options } + ); + dialog.show(); + on( + dialog.$el, + "hidden", + async () => { + await Promise.resolve(); + dialog.$destroy(true); + }, + { self: true } + ); + return dialog; + }; + modal.alert = function(message, options) { + return openDialog( + ({ i18n }) => `<div class="uk-modal-body">${isString(message) ? message : html(message)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-primary uk-modal-close" autofocus>${i18n.ok}</button> </div>`, + options + ); + }; + modal.confirm = function(message, options) { + return openDialog( + ({ i18n }) => `<form> <div class="uk-modal-body">${isString(message) ? message : html(message)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${i18n.cancel}</button> <button class="uk-button uk-button-primary" autofocus>${i18n.ok}</button> </div> </form>`, + options, + () => Promise.reject() + ); + }; + modal.prompt = function(message, value, options) { + const promise = openDialog( + ({ i18n }) => `<form class="uk-form-stacked"> <div class="uk-modal-body"> <label>${isString(message) ? message : html(message)}</label> <input class="uk-input" value="${value || ""}" autofocus> </div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${i18n.cancel}</button> <button class="uk-button uk-button-primary">${i18n.ok}</button> </div> </form>`, + options, + () => null, + () => input.value + ); + const { $el } = promise.dialog; + const input = $("input", $el); + on($el, "show", () => input.select()); + return promise; + }; + modal.i18n = { + ok: "Ok", + cancel: "Cancel" + }; + function openDialog(tmpl, options, hideFn = noop, submitFn = noop) { + options = { + bgClose: false, + escClose: true, + ...options, + i18n: { ...modal.i18n, ...options == null ? void 0 : options.i18n } + }; + const dialog = modal.dialog(tmpl(options), options); + return assign( + new Promise((resolve) => { + const off = on(dialog.$el, "hide", () => resolve(hideFn())); + on(dialog.$el, "submit", "form", (e) => { + e.preventDefault(); + resolve(submitFn(dialog)); + off(); + dialog.hide(); + }); + }), + { dialog } + ); + } + } + + var nav = { + extends: Accordion, + data: { + targets: "> .uk-parent", + toggle: "> a", + content: "> ul" + } + }; + + const clsNavbarTransparent = "uk-navbar-transparent"; + var navbar = { + extends: Dropnav, + props: { + dropbarTransparentMode: Boolean + }, + data: { + clsDrop: "uk-navbar-dropdown", + selNavItem: ".uk-navbar-nav > li > a,a.uk-navbar-item,button.uk-navbar-item,.uk-navbar-item a,.uk-navbar-item button,.uk-navbar-toggle", + // Simplify with :where() selector once browser target is Safari 14+ + dropbarTransparentMode: false + }, + computed: { + navbarContainer: (_, $el) => $el.closest(".uk-navbar-container"), + dropbarOffset({ dropbarTransparentMode }) { + const { offsetTop, offsetHeight } = this.navbarContainer; + return offsetTop + (dropbarTransparentMode === "behind" ? 0 : offsetHeight + this.dropbarPositionOffset); + } + }, + watch: { + items() { + const justify = hasClass(this.$el, "uk-navbar-justify"); + const containers = $$(".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right", this.$el); + for (const container of containers) { + const items = justify ? $$(".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle", container).length : ""; + css(container, "flexGrow", items); + } + } + }, + events: [ + { + name: "show", + el() { + return this.dropContainer; + }, + handler({ target }) { + if (this.getTransparentMode(target) === "remove" && hasClass(this.navbarContainer, clsNavbarTransparent)) { + removeClass(this.navbarContainer, clsNavbarTransparent); + this._transparent = true; + } + } + }, + { + name: "hide", + el() { + return this.dropContainer; + }, + async handler() { + await awaitMacroTask(); + if (!this.getActive() && this._transparent) { + addClass(this.navbarContainer, clsNavbarTransparent); + this._transparent = null; + } + } + } + ], + methods: { + getTransparentMode(el) { + if (!this.navbarContainer) { + return; + } + if (this.dropbar && this.isDropbarDrop(el)) { + return this.dropbarTransparentMode; + } + const drop = this.getDropdown(el); + if (drop && hasClass(el, "uk-dropbar")) { + return drop.inset ? "behind" : "remove"; + } + } + } + }; + function awaitMacroTask() { + return new Promise((resolve) => setTimeout(resolve)); + } + + var offcanvas = { + mixins: [Modal], + args: "mode", + props: { + mode: String, + flip: Boolean, + overlay: Boolean, + swiping: Boolean + }, + data: { + mode: "slide", + flip: false, + overlay: false, + clsPage: "uk-offcanvas-page", + clsContainer: "uk-offcanvas-container", + selPanel: ".uk-offcanvas-bar", + clsFlip: "uk-offcanvas-flip", + clsContainerAnimation: "uk-offcanvas-container-animation", + clsSidebarAnimation: "uk-offcanvas-bar-animation", + clsMode: "uk-offcanvas", + clsOverlay: "uk-offcanvas-overlay", + selClose: ".uk-offcanvas-close", + container: false, + swiping: true + }, + computed: { + clsFlip: ({ flip, clsFlip }) => flip ? clsFlip : "", + clsOverlay: ({ overlay, clsOverlay }) => overlay ? clsOverlay : "", + clsMode: ({ mode, clsMode }) => `${clsMode}-${mode}`, + clsSidebarAnimation: ({ mode, clsSidebarAnimation }) => mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation, + clsContainerAnimation: ({ mode, clsContainerAnimation }) => mode !== "push" && mode !== "reveal" ? "" : clsContainerAnimation, + transitionElement({ mode }) { + return mode === "reveal" ? parent(this.panel) : this.panel; + } + }, + observe: swipe({ filter: ({ swiping }) => swiping }), + update: { + read() { + if (this.isToggled() && !isVisible(this.$el)) { + this.hide(); + } + }, + events: ["resize"] + }, + events: [ + { + name: "touchmove", + self: true, + passive: false, + filter() { + return this.overlay; + }, + handler(e) { + e.cancelable && e.preventDefault(); + } + }, + { + name: "show", + self: true, + handler() { + if (this.mode === "reveal" && !hasClass(parent(this.panel), this.clsMode)) { + wrapAll(this.panel, "<div>"); + addClass(parent(this.panel), this.clsMode); + } + const { body, scrollingElement } = document; + addClass(body, this.clsContainer, this.clsFlip); + css(body, "touch-action", "pan-y pinch-zoom"); + css(this.$el, "display", "block"); + css(this.panel, "maxWidth", scrollingElement.clientWidth); + addClass(this.$el, this.clsOverlay); + addClass( + this.panel, + this.clsSidebarAnimation, + this.mode === "reveal" ? "" : this.clsMode + ); + height(body); + addClass(body, this.clsContainerAnimation); + this.clsContainerAnimation && suppressUserScale(); + } + }, + { + name: "hide", + self: true, + handler() { + removeClass(document.body, this.clsContainerAnimation); + css(document.body, "touch-action", ""); + } + }, + { + name: "hidden", + self: true, + handler() { + this.clsContainerAnimation && resumeUserScale(); + if (this.mode === "reveal") { + unwrap(this.panel); + } + removeClass(this.panel, this.clsSidebarAnimation, this.clsMode); + removeClass(this.$el, this.clsOverlay); + css(this.$el, "display", ""); + css(this.panel, "maxWidth", ""); + removeClass(document.body, this.clsContainer, this.clsFlip); + } + }, + { + name: "swipeLeft swipeRight", + handler(e) { + if (this.isToggled() && endsWith(e.type, "Left") ^ this.flip) { + this.hide(); + } + } + } + ] + }; + function suppressUserScale() { + getViewport().content += ",user-scalable=0"; + } + function resumeUserScale() { + const viewport = getViewport(); + viewport.content = viewport.content.replace(/,user-scalable=0$/, ""); + } + function getViewport() { + return $('meta[name="viewport"]', document.head) || append(document.head, '<meta name="viewport">'); + } + + var overflowAuto = { + mixins: [Class], + props: { + selContainer: String, + selContent: String, + minHeight: Number + }, + data: { + selContainer: ".uk-modal", + selContent: ".uk-modal-dialog", + minHeight: 150 + }, + computed: { + container: ({ selContainer }, $el) => $el.closest(selContainer), + content: ({ selContent }, $el) => $el.closest(selContent) + }, + observe: resize({ + target: ({ container, content }) => [container, content] + }), + update: { + read() { + if (!this.content || !this.container || !isVisible(this.$el)) { + return false; + } + return { + max: Math.max( + this.minHeight, + height(this.container) - (dimensions$1(this.content).height - height(this.$el)) + ) + }; + }, + write({ max }) { + css(this.$el, { minHeight: this.minHeight, maxHeight: max }); + }, + events: ["resize"] + } + }; + + var responsive = { + props: ["width", "height"], + connected() { + addClass(this.$el, "uk-responsive-width"); + css(this.$el, "aspectRatio", `${this.width}/${this.height}`); + } + }; + + var scroll = { + props: { + offset: Number + }, + data: { + offset: 0 + }, + connected() { + registerClick(this); + }, + disconnected() { + unregisterClick(this); + }, + methods: { + async scrollTo(el) { + el = el && $(el) || document.body; + if (trigger(this.$el, "beforescroll", [this, el])) { + await scrollIntoView(el, { offset: this.offset }); + trigger(this.$el, "scrolled", [this, el]); + } + } + } + }; + const instances = /* @__PURE__ */ new Set(); + function registerClick(cmp) { + if (!instances.size) { + on(document, "click", clickHandler); + } + instances.add(cmp); + } + function unregisterClick(cmp) { + instances.delete(cmp); + if (!instances.size) { + off(document, "click", clickHandler); + } + } + function clickHandler(e) { + if (e.defaultPrevented) { + return; + } + for (const instance of instances) { + if (instance.$el.contains(e.target) && isSameSiteAnchor(instance.$el)) { + e.preventDefault(); + if (window.location.href !== instance.$el.href) { + window.history.pushState({}, "", instance.$el.href); + } + instance.scrollTo(getTargetedElement(instance.$el)); + } + } + } + + var scrollspy = { + args: "cls", + props: { + cls: String, + target: String, + hidden: Boolean, + margin: String, + repeat: Boolean, + delay: Number + }, + data: () => ({ + cls: "", + target: false, + hidden: true, + margin: "-1px", + repeat: false, + delay: 0, + inViewClass: "uk-scrollspy-inview" + }), + computed: { + elements: ({ target }, $el) => target ? $$(target, $el) : [$el] + }, + watch: { + elements(elements) { + if (this.hidden) { + css(filter$1(elements, `:not(.${this.inViewClass})`), "opacity", 0); + } + } + }, + connected() { + this.elementData = /* @__PURE__ */ new Map(); + }, + disconnected() { + for (const [el, state] of this.elementData.entries()) { + removeClass(el, this.inViewClass, (state == null ? void 0 : state.cls) || ""); + } + delete this.elementData; + }, + observe: intersection({ + target: ({ elements }) => elements, + handler(records) { + const elements = this.elementData; + for (const { target: el, isIntersecting } of records) { + if (!elements.has(el)) { + elements.set(el, { + cls: data(el, "uk-scrollspy-class") || this.cls + }); + } + const state = elements.get(el); + if (!this.repeat && state.show) { + continue; + } + state.show = isIntersecting; + } + this.$emit(); + }, + options: ({ margin }) => ({ rootMargin: margin }), + args: { intersecting: false } + }), + update: [ + { + write(data) { + for (const [el, state] of this.elementData.entries()) { + if (state.show && !state.inview && !state.queued) { + state.queued = true; + data.promise = (data.promise || Promise.resolve()).then(() => new Promise((resolve) => setTimeout(resolve, this.delay))).then(() => { + this.toggle(el, true); + setTimeout(() => { + state.queued = false; + this.$emit(); + }, 300); + }); + } else if (!state.show && state.inview && !state.queued && this.repeat) { + this.toggle(el, false); + } + } + } + } + ], + methods: { + toggle(el, inview) { + var _a; + const state = this.elementData.get(el); + if (!state) { + return; + } + (_a = state.off) == null ? void 0 : _a.call(state); + css(el, "opacity", !inview && this.hidden ? 0 : ""); + toggleClass(el, this.inViewClass, inview); + toggleClass(el, state.cls); + if (/\buk-animation-/.test(state.cls)) { + const removeAnimationClasses = () => removeClasses(el, "uk-animation-[\\w-]+"); + if (inview) { + state.off = once(el, "animationcancel animationend", removeAnimationClasses, { + self: true + }); + } else { + removeAnimationClasses(); + } + } + trigger(el, inview ? "inview" : "outview"); + state.inview = inview; + this.$update(el); + } + } + }; + + var scrollspyNav = { + props: { + cls: String, + closest: Boolean, + scroll: Boolean, + overflow: Boolean, + offset: Number + }, + data: { + cls: "uk-active", + closest: false, + scroll: false, + overflow: true, + offset: 0 + }, + computed: { + links: (_, $el) => $$('a[href*="#"]', $el).filter((el) => el.hash && isSameSiteAnchor(el)), + elements({ closest: selector }) { + return this.links.map((el) => el.closest(selector || "*")); + } + }, + watch: { + links(links) { + if (this.scroll) { + this.$create("scroll", links, { offset: this.offset }); + } + } + }, + observe: [intersection(), scroll$1()], + update: [ + { + read() { + const targets = this.links.map(getTargetedElement).filter(Boolean); + const { length } = targets; + if (!length || !isVisible(this.$el)) { + return false; + } + const scrollElement = scrollParent(targets, true); + const { scrollTop, scrollHeight } = scrollElement; + const viewport = offsetViewport(scrollElement); + const max = scrollHeight - viewport.height; + let active = false; + if (scrollTop === max) { + active = length - 1; + } else { + for (let i = 0; i < targets.length; i++) { + const fixedEl = getCoveringElement(targets[i]); + const offsetBy = this.offset + (fixedEl ? offset(fixedEl).height : 0); + if (offset(targets[i]).top - viewport.top - offsetBy > 0) { + break; + } + active = +i; + } + if (active === false && this.overflow) { + active = 0; + } + } + return { active }; + }, + write({ active }) { + const changed = active !== false && !hasClass(this.elements[active], this.cls); + this.links.forEach((el) => el.blur()); + for (let i = 0; i < this.elements.length; i++) { + toggleClass(this.elements[i], this.cls, +i === active); + } + if (changed) { + trigger(this.$el, "active", [active, this.elements[active]]); + } + }, + events: ["scroll", "resize"] + } + ] + }; + + var sticky = { + mixins: [Class, Media], + props: { + position: String, + top: null, + bottom: null, + start: null, + end: null, + offset: String, + overflowFlip: Boolean, + animation: String, + clsActive: String, + clsInactive: String, + clsFixed: String, + clsBelow: String, + selTarget: String, + showOnUp: Boolean, + targetOffset: Number + }, + data: { + position: "top", + top: false, + bottom: false, + start: false, + end: false, + offset: 0, + overflowFlip: false, + animation: "", + clsActive: "uk-active", + clsInactive: "", + clsFixed: "uk-sticky-fixed", + clsBelow: "uk-sticky-below", + selTarget: "", + showOnUp: false, + targetOffset: false + }, + computed: { + target: ({ selTarget }, $el) => selTarget && $(selTarget, $el) || $el + }, + connected() { + this.start = coerce(this.start || this.top); + this.end = coerce(this.end || this.bottom); + this.placeholder = $("+ .uk-sticky-placeholder", this.$el) || $('<div class="uk-sticky-placeholder"></div>'); + this.isFixed = false; + this.setActive(false); + }, + beforeDisconnect() { + if (this.isFixed) { + this.hide(); + removeClass(this.target, this.clsInactive); + } + reset(this.$el); + remove$1(this.placeholder); + this.placeholder = null; + }, + observe: [ + viewport({ + handler() { + if (toPx("100vh", "height") !== this._data.viewport) { + this.$emit("resize"); + } + } + }), + scroll$1({ target: () => document.scrollingElement }), + resize({ + target: () => document.scrollingElement, + options: { box: "content-box" } + }), + resize({ target: ({ $el }) => $el }) + ], + events: [ + { + name: "load hashchange popstate", + el() { + return window; + }, + filter() { + return this.targetOffset !== false; + }, + handler() { + const { scrollingElement } = document; + if (!location.hash || scrollingElement.scrollTop === 0) { + return; + } + setTimeout(() => { + const targetOffset = offset($(location.hash)); + const elOffset = offset(this.$el); + if (this.isFixed && intersectRect(targetOffset, elOffset)) { + scrollingElement.scrollTop = targetOffset.top - elOffset.height - toPx(this.targetOffset, "height", this.placeholder) - toPx(this.offset, "height", this.placeholder); + } + }); + } + }, + { + name: "transitionstart", + handler() { + this.transitionInProgress = once( + this.$el, + "transitionend transitioncancel", + () => this.transitionInProgress = null + ); + } + } + ], + update: [ + { + read({ height: height$1, width, margin, sticky }) { + this.inactive = !this.matchMedia || !isVisible(this.$el); + if (this.inactive) { + return; + } + const hide = this.isFixed && !this.transitionInProgress; + if (hide) { + preventTransition(this.target); + this.hide(); + } + if (!this.active) { + ({ height: height$1, width } = offset(this.$el)); + margin = css(this.$el, "margin"); + } + if (hide) { + this.show(); + } + const viewport2 = toPx("100vh", "height"); + const dynamicViewport = height(window); + const maxScrollHeight = Math.max( + 0, + document.scrollingElement.scrollHeight - viewport2 + ); + let position = this.position; + if (this.overflowFlip && height$1 > viewport2) { + position = position === "top" ? "bottom" : "top"; + } + const referenceElement = this.isFixed ? this.placeholder : this.$el; + let offset$1 = toPx(this.offset, "height", sticky ? this.$el : referenceElement); + if (position === "bottom" && (height$1 < dynamicViewport || this.overflowFlip)) { + offset$1 += dynamicViewport - height$1; + } + const overflow = this.overflowFlip ? 0 : Math.max(0, height$1 + offset$1 - viewport2); + const topOffset = offset(referenceElement).top; + const elHeight = offset(this.$el).height; + const start = (this.start === false ? topOffset : parseProp(this.start, this.$el, topOffset)) - offset$1; + const end = this.end === false ? maxScrollHeight : Math.min( + maxScrollHeight, + parseProp(this.end, this.$el, topOffset + height$1, true) - elHeight - offset$1 + overflow + ); + sticky = maxScrollHeight && !this.showOnUp && start + offset$1 === topOffset && end === Math.min( + maxScrollHeight, + parseProp(true, this.$el, 0, true) - elHeight - offset$1 + overflow + ) && css(parent(this.$el), "overflowY") === "visible"; + return { + start, + end, + offset: offset$1, + overflow, + height: height$1, + elHeight, + width, + margin, + top: offsetPosition(referenceElement)[0], + sticky, + viewport: viewport2 + }; + }, + write({ height, width, margin, offset, sticky }) { + if (this.inactive || sticky || !this.isFixed) { + reset(this.$el); + } + if (this.inactive) { + return; + } + if (sticky) { + height = width = margin = 0; + css(this.$el, { position: "sticky", top: offset }); + } + const { placeholder } = this; + css(placeholder, { height, width, margin }); + if (parent(placeholder) !== parent(this.$el) || sticky ^ index(placeholder) < index(this.$el)) { + (sticky ? before : after)(this.$el, placeholder); + placeholder.hidden = true; + } + }, + events: ["resize"] + }, + { + read({ + scroll: prevScroll = 0, + dir: prevDir = "down", + overflow, + overflowScroll = 0, + start, + end, + elHeight, + height, + sticky + }) { + const scroll2 = document.scrollingElement.scrollTop; + const dir = prevScroll <= scroll2 ? "down" : "up"; + const referenceElement = this.isFixed ? this.placeholder : this.$el; + return { + dir, + prevDir, + scroll: scroll2, + prevScroll, + below: scroll2 > offset(referenceElement).top + (sticky ? Math.min(height, elHeight) : height), + offsetParentTop: offset(referenceElement.offsetParent).top, + overflowScroll: clamp( + overflowScroll + clamp(scroll2, start, end) - clamp(prevScroll, start, end), + 0, + overflow + ) + }; + }, + write(data, types) { + const isScrollUpdate = types.has("scroll"); + const { + initTimestamp = 0, + dir, + prevDir, + scroll: scroll2, + prevScroll = 0, + top, + start, + below + } = data; + if (scroll2 < 0 || scroll2 === prevScroll && isScrollUpdate || this.showOnUp && !isScrollUpdate && !this.isFixed) { + return; + } + const now = Date.now(); + if (now - initTimestamp > 300 || dir !== prevDir) { + data.initScroll = scroll2; + data.initTimestamp = now; + } + if (this.showOnUp && !this.isFixed && Math.abs(data.initScroll - scroll2) <= 30 && Math.abs(prevScroll - scroll2) <= 10) { + return; + } + if (this.inactive || scroll2 < start || this.showOnUp && (scroll2 <= start || dir === "down" && isScrollUpdate || dir === "up" && !this.isFixed && !below)) { + if (!this.isFixed) { + if (Animation.inProgress(this.$el) && top > scroll2) { + Animation.cancel(this.$el); + this.hide(); + } + return; + } + if (this.animation && below) { + if (hasClass(this.$el, "uk-animation-leave")) { + return; + } + Animation.out(this.$el, this.animation).then(() => this.hide(), noop); + } else { + this.hide(); + } + } else if (this.isFixed) { + this.update(); + } else if (this.animation && below) { + this.show(); + Animation.in(this.$el, this.animation).catch(noop); + } else { + preventTransition(this.target); + this.show(); + } + }, + events: ["resize", "resizeViewport", "scroll"] + } + ], + methods: { + show() { + this.isFixed = true; + this.update(); + this.placeholder.hidden = false; + }, + hide() { + const { offset, sticky } = this._data; + this.setActive(false); + removeClass(this.$el, this.clsFixed, this.clsBelow); + if (sticky) { + css(this.$el, "top", offset); + } else { + css(this.$el, { + position: "", + top: "", + width: "", + marginTop: "" + }); + } + this.placeholder.hidden = true; + this.isFixed = false; + }, + update() { + let { + width, + scroll: scroll2 = 0, + overflow, + overflowScroll = 0, + start, + end, + offset, + offsetParentTop, + sticky, + below + } = this._data; + const active = start !== 0 || scroll2 > start; + if (!sticky) { + let position = "fixed"; + if (scroll2 > end) { + offset += end - offsetParentTop + overflowScroll - overflow; + position = "absolute"; + } + css(this.$el, { position, width, marginTop: 0 }, "important"); + } + css(this.$el, "top", offset - overflowScroll); + this.setActive(active); + toggleClass(this.$el, this.clsBelow, below); + addClass(this.$el, this.clsFixed); + }, + setActive(active) { + const prev = this.active; + this.active = active; + if (active) { + replaceClass(this.target, this.clsInactive, this.clsActive); + prev !== active && trigger(this.$el, "active"); + } else { + replaceClass(this.target, this.clsActive, this.clsInactive); + if (prev !== active) { + preventTransition(this.target); + trigger(this.$el, "inactive"); + } + } + } + } + }; + function parseProp(value, el, propOffset, padding) { + if (!value) { + return 0; + } + if (isNumeric(value) || isString(value) && value.match(/^-?\d/)) { + return propOffset + toPx(value, "height", el, true); + } else { + const refElement = value === true ? parent(el) : query(value, el); + return offset(refElement).bottom - (padding && (refElement == null ? void 0 : refElement.contains(el)) ? toFloat(css(refElement, "paddingBottom")) : 0); + } + } + function coerce(value) { + if (value === "true") { + return true; + } else if (value === "false") { + return false; + } + return value; + } + function reset(el) { + css(el, { position: "", top: "", marginTop: "", width: "" }); + } + function preventTransition(el) { + addClass(el, "uk-transition-disable"); + requestAnimationFrame(() => removeClass(el, "uk-transition-disable")); + } + + var svg = { + mixins: [Svg], + args: "src", + props: { + src: String, + icon: String, + attributes: "list", + strokeAnimation: Boolean + }, + data: { + strokeAnimation: false + }, + observe: [ + mutation({ + async handler() { + const svg = await this.svg; + if (svg) { + applyAttributes.call(this, svg); + } + }, + options: { + attributes: true, + attributeFilter: ["id", "class", "style"] + } + }) + ], + async connected() { + if (includes(this.src, "#")) { + [this.src, this.icon] = this.src.split("#"); + } + const svg = await this.svg; + if (svg) { + applyAttributes.call(this, svg); + if (this.strokeAnimation) { + applyAnimation(svg); + } + } + }, + methods: { + async getSvg() { + if (isTag(this.$el, "img") && !this.$el.complete && this.$el.loading === "lazy") { + await new Promise((resolve) => once(this.$el, "load", resolve)); + } + return parseSVG(await loadSVG(this.src), this.icon) || Promise.reject("SVG not found."); + } + } + }; + function applyAttributes(el) { + const { $el } = this; + addClass(el, attr($el, "class"), "uk-svg"); + for (let i = 0; i < $el.style.length; i++) { + const prop = $el.style[i]; + css(el, prop, css($el, prop)); + } + for (const attribute in this.attributes) { + const [prop, value] = this.attributes[attribute].split(":", 2); + attr(el, prop, value); + } + if (!this.$el.id) { + removeAttr(el, "id"); + } + } + const loadSVG = memoize(async (src) => { + if (src) { + if (startsWith(src, "data:")) { + return decodeURIComponent(src.split(",")[1]); + } else { + return (await fetch(src)).text(); + } + } else { + return Promise.reject(); + } + }); + function parseSVG(svg, icon) { + if (icon && includes(svg, "<symbol")) { + svg = parseSymbols(svg)[icon] || svg; + } + svg = $(svg.substr(svg.indexOf("<svg"))); + return (svg == null ? void 0 : svg.hasChildNodes()) && svg; + } + const symbolRe = /<symbol([^]*?id=(['"])(.+?)\2[^]*?<\/)symbol>/g; + const parseSymbols = memoize(function(svg) { + const symbols = {}; + symbolRe.lastIndex = 0; + let match; + while (match = symbolRe.exec(svg)) { + symbols[match[3]] = `<svg ${match[1]}svg>`; + } + return symbols; + }); + function applyAnimation(el) { + const length = getMaxPathLength(el); + if (length) { + css(el, "--uk-animation-stroke", length); + } + } + + const selDisabled = ".uk-disabled *, .uk-disabled, [disabled]"; + var Switcher = { + mixins: [Togglable], + args: "connect", + props: { + connect: String, + toggle: String, + itemNav: String, + active: Number, + followFocus: Boolean, + swiping: Boolean + }, + data: { + connect: "~.uk-switcher", + toggle: "> * > :first-child", + itemNav: false, + active: 0, + cls: "uk-active", + attrItem: "uk-switcher-item", + selVertical: ".uk-nav", + followFocus: false, + swiping: true + }, + computed: { + connects: ({ connect }, $el) => queryAll(connect, $el), + connectChildren() { + return this.connects.map((el) => children(el)).flat(); + }, + toggles: ({ toggle }, $el) => $$(toggle, $el), + children(_, $el) { + return children($el).filter( + (child) => this.toggles.some((toggle) => child.contains(toggle)) + ); + } + }, + watch: { + connects(connects) { + if (this.swiping) { + css(connects, "touchAction", "pan-y pinch-zoom"); + } + this.$emit(); + }, + connectChildren() { + let index = Math.max(0, this.index()); + for (const el of this.connects) { + children(el).forEach((child, i) => toggleClass(child, this.cls, i === index)); + } + this.$emit(); + }, + toggles(toggles) { + this.$emit(); + const active = this.index(); + this.show(~active ? active : toggles[this.active] || toggles[0]); + } + }, + connected() { + attr(this.$el, "role", "tablist"); + }, + observe: [ + lazyload({ targets: ({ connectChildren }) => connectChildren }), + swipe({ target: ({ connects }) => connects, filter: ({ swiping }) => swiping }) + ], + events: [ + { + name: "click keydown", + delegate() { + return this.toggle; + }, + handler(e) { + if (!matches(e.current, selDisabled) && (e.type === "click" || e.keyCode === keyMap.SPACE)) { + e.preventDefault(); + this.show(e.current); + } + } + }, + { + name: "keydown", + delegate() { + return this.toggle; + }, + handler(e) { + const { current, keyCode } = e; + const isVertical = matches(this.$el, this.selVertical); + let i = keyCode === keyMap.HOME ? 0 : keyCode === keyMap.END ? "last" : keyCode === keyMap.LEFT && !isVertical || keyCode === keyMap.UP && isVertical ? "previous" : keyCode === keyMap.RIGHT && !isVertical || keyCode === keyMap.DOWN && isVertical ? "next" : -1; + if (~i) { + e.preventDefault(); + const toggles = this.toggles.filter((el) => !matches(el, selDisabled)); + const next = toggles[getIndex(i, toggles, toggles.indexOf(current))]; + next.focus(); + if (this.followFocus) { + this.show(next); + } + } + } + }, + { + name: "click", + el() { + return this.connects.concat(this.itemNav ? queryAll(this.itemNav, this.$el) : []); + }, + delegate() { + return `[${this.attrItem}],[data-${this.attrItem}]`; + }, + handler(e) { + if (e.target.closest("a,button")) { + e.preventDefault(); + this.show(data(e.current, this.attrItem)); + } + } + }, + { + name: "swipeRight swipeLeft", + filter() { + return this.swiping; + }, + el() { + return this.connects; + }, + handler({ type }) { + this.show(endsWith(type, "Left") ? "next" : "previous"); + } + } + ], + update() { + var _a; + attr(this.connects, "role", "presentation"); + attr(children(this.$el), "role", "presentation"); + for (const index in this.toggles) { + const toggle = this.toggles[index]; + const item = (_a = this.connects[0]) == null ? void 0 : _a.children[index]; + attr(toggle, "role", "tab"); + if (!item) { + continue; + } + toggle.id = generateId(this, toggle); + item.id = generateId(this, item); + attr(toggle, "aria-controls", item.id); + attr(item, { role: "tabpanel", "aria-labelledby": toggle.id }); + } + attr(this.$el, "aria-orientation", matches(this.$el, this.selVertical) ? "vertical" : null); + }, + methods: { + index() { + return findIndex(this.children, (el) => hasClass(el, this.cls)); + }, + show(item) { + const toggles = this.toggles.filter((el) => !matches(el, selDisabled)); + const prev = this.index(); + const next = getIndex( + !isNode(item) || includes(toggles, item) ? item : 0, + toggles, + getIndex(this.toggles[prev], toggles) + ); + const active = getIndex(toggles[next], this.toggles); + this.children.forEach((child, i) => { + toggleClass(child, this.cls, active === i); + attr(this.toggles[i], { + "aria-selected": active === i, + tabindex: active === i ? null : -1 + }); + }); + const animate = prev >= 0 && prev !== next; + this.connects.forEach(async ({ children: children2 }) => { + const actives = toArray(children2).filter( + (child, i) => i !== active && hasClass(child, this.cls) + ); + await this.toggleElement(actives, false, animate); + await this.toggleElement(children2[active], true, animate); + }); + } + } + }; + + var tab = { + mixins: [Class], + extends: Switcher, + props: { + media: Boolean + }, + data: { + media: 960, + attrItem: "uk-tab-item", + selVertical: ".uk-tab-left,.uk-tab-right" + }, + connected() { + const cls = hasClass(this.$el, "uk-tab-left") ? "uk-tab-left" : hasClass(this.$el, "uk-tab-right") ? "uk-tab-right" : false; + if (cls) { + this.$create("toggle", this.$el, { cls, mode: "media", media: this.media }); + } + } + }; + + const KEY_SPACE = 32; + var toggle = { + mixins: [Media, Togglable], + args: "target", + props: { + href: String, + target: null, + mode: "list", + queued: Boolean + }, + data: { + href: false, + target: false, + mode: "click", + queued: true + }, + computed: { + target({ target }, $el) { + target = queryAll(target || $el.hash, $el); + return target.length ? target : [$el]; + } + }, + connected() { + if (!includes(this.mode, "media")) { + if (!isFocusable(this.$el)) { + attr(this.$el, "tabindex", "0"); + } + if (!this.cls && isTag(this.$el, "a")) { + attr(this.$el, "role", "button"); + } + } + }, + observe: lazyload({ target: ({ target }) => target }), + events: [ + { + name: pointerDown$1, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + this._preventClick = null; + if (!isTouch(e) || isBoolean(this._showState) || this.$el.disabled) { + return; + } + trigger(this.$el, "focus"); + once( + document, + pointerDown$1, + () => trigger(this.$el, "blur"), + true, + (e2) => !this.$el.contains(e2.target) + ); + if (includes(this.mode, "click")) { + this._preventClick = true; + } + } + }, + { + // mouseenter mouseleave are added because of Firefox bug, + // where pointerleave is triggered immediately after pointerenter on scroll + name: `mouseenter mouseleave ${pointerEnter} ${pointerLeave} focus blur`, + filter() { + return includes(this.mode, "hover"); + }, + handler(e) { + if (isTouch(e) || this.$el.disabled) { + return; + } + const show = includes(["mouseenter", pointerEnter, "focus"], e.type); + const expanded = this.isToggled(this.target); + if (!show && (!isBoolean(this._showState) || e.type !== "blur" && matches(this.$el, ":focus") || e.type === "blur" && matches(this.$el, ":hover"))) { + if (expanded === this._showState) { + this._showState = null; + } + return; + } + if (show && isBoolean(this._showState) && expanded !== this._showState) { + return; + } + this._showState = show ? expanded : null; + this.toggle(`toggle${show ? "show" : "hide"}`); + } + }, + { + name: "keydown", + filter() { + return includes(this.mode, "click") && !isTag(this.$el, "input"); + }, + handler(e) { + if (e.keyCode === KEY_SPACE) { + e.preventDefault(); + this.$el.click(); + } + } + }, + { + name: "click", + filter() { + return ["click", "hover"].some((mode) => includes(this.mode, mode)); + }, + handler(e) { + let link; + if (this._preventClick || e.target.closest('a[href="#"], a[href=""]') || (link = e.target.closest("a[href]")) && (!this.isToggled(this.target) || link.hash && matches(this.target, link.hash))) { + e.preventDefault(); + } + if (!this._preventClick && includes(this.mode, "click")) { + this.toggle(); + } + } + }, + { + name: "mediachange", + filter() { + return includes(this.mode, "media"); + }, + el() { + return this.target; + }, + handler(e, mediaObj) { + if (mediaObj.matches ^ this.isToggled(this.target)) { + this.toggle(); + } + } + } + ], + methods: { + async toggle(type) { + if (!trigger(this.target, type || "toggle", [this])) { + return; + } + if (hasAttr(this.$el, "aria-expanded")) { + attr(this.$el, "aria-expanded", !this.isToggled(this.target)); + } + if (!this.queued) { + return this.toggleElement(this.target); + } + const leaving = this.target.filter((el) => hasClass(el, this.clsLeave)); + if (leaving.length) { + for (const el of this.target) { + const isLeaving = includes(leaving, el); + this.toggleElement(el, isLeaving, isLeaving); + } + return; + } + const toggled = this.target.filter(this.isToggled); + if (await this.toggleElement(toggled, false)) { + await this.toggleElement( + this.target.filter((el) => !includes(toggled, el)), + true + ); + } + } + } + }; + + var components = /*#__PURE__*/Object.freeze({ + __proto__: null, + Accordion: Accordion, + Alert: alert, + Close: Close, + Cover: cover, + Drop: drop, + DropParentIcon: IconComponent, + Dropdown: drop, + Dropnav: Dropnav, + FormCustom: formCustom, + Grid: grid, + HeightMatch: heightMatch, + HeightPlaceholder: heightPlaceholder, + HeightViewport: heightViewport, + Icon: Icon, + Img: img, + Inverse: inverse, + Leader: leader, + Margin: Margin, + Marker: Marker, + Modal: modal, + Nav: nav, + NavParentIcon: NavParentIcon, + Navbar: navbar, + NavbarParentIcon: IconComponent, + NavbarToggleIcon: NavbarToggleIcon, + Offcanvas: offcanvas, + OverflowAuto: overflowAuto, + OverlayIcon: IconComponent, + PaginationNext: PaginationNext, + PaginationPrevious: PaginationPrevious, + Responsive: responsive, + Scroll: scroll, + Scrollspy: scrollspy, + ScrollspyNav: scrollspyNav, + SearchIcon: Search, + SlidenavNext: Slidenav, + SlidenavPrevious: Slidenav, + Spinner: Spinner, + Sticky: sticky, + Svg: svg, + Switcher: Switcher, + Tab: tab, + Toggle: toggle, + Totop: Totop, + Video: Video + }); + + each(components, (component, name) => App.component(name, component)); + boot(App); + + each(components$1, (component, name) => App.component(name, component)); + + return App; + +})); diff --git a/my_flask_app/static/uikit-3.18.0/js/uikit.min.js b/my_flask_app/static/uikit-3.18.0/js/uikit.min.js new file mode 100644 index 0000000..2cdec57 --- /dev/null +++ b/my_flask_app/static/uikit-3.18.0/js/uikit.min.js @@ -0,0 +1 @@ +/*! UIkit 3.18.0 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */(function(me,ve){typeof exports=="object"&&typeof module<"u"?module.exports=ve():typeof define=="function"&&define.amd?define("uikit",ve):(me=typeof globalThis<"u"?globalThis:me||self,me.UIkit=ve())})(this,function(){"use strict";const{hasOwnProperty:me,toString:ve}=Object.prototype;function pt(t,e){return me.call(t,e)}const Qo=/\B([A-Z])/g,Dt=rt(t=>t.replace(Qo,"-$1").toLowerCase()),tr=/-(\w)/g,we=rt(t=>(t.charAt(0).toLowerCase()+t.slice(1)).replace(tr,(e,i)=>i.toUpperCase())),Tt=rt(t=>t.charAt(0).toUpperCase()+t.slice(1));function dt(t,e){var i;return(i=t==null?void 0:t.startsWith)==null?void 0:i.call(t,e)}function te(t,e){var i;return(i=t==null?void 0:t.endsWith)==null?void 0:i.call(t,e)}function m(t,e){var i;return(i=t==null?void 0:t.includes)==null?void 0:i.call(t,e)}function bt(t,e){var i;return(i=t==null?void 0:t.findIndex)==null?void 0:i.call(t,e)}const{isArray:Q,from:Ct}=Array,{assign:gt}=Object;function it(t){return typeof t=="function"}function Et(t){return t!==null&&typeof t=="object"}function xt(t){return ve.call(t)==="[object Object]"}function ee(t){return Et(t)&&t===t.window}function be(t){return zi(t)===9}function Qe(t){return zi(t)>=1}function xe(t){return zi(t)===1}function zi(t){return!ee(t)&&Et(t)&&t.nodeType}function ie(t){return typeof t=="boolean"}function N(t){return typeof t=="string"}function $e(t){return typeof t=="number"}function vt(t){return $e(t)||N(t)&&!isNaN(t-parseFloat(t))}function ti(t){return!(Q(t)?t.length:Et(t)&&Object.keys(t).length)}function Y(t){return t===void 0}function Fi(t){return ie(t)?t:t==="true"||t==="1"||t===""?!0:t==="false"||t==="0"?!1:t}function $t(t){const e=Number(t);return isNaN(e)?!1:e}function S(t){return parseFloat(t)||0}function F(t){return C(t)[0]}function C(t){return Qe(t)?[t]:Array.from(t||[]).filter(Qe)}function se(t){if(ee(t))return t;t=F(t);const e=be(t)?t:t==null?void 0:t.ownerDocument;return(e==null?void 0:e.defaultView)||window}function ei(t,e){return t===e||Et(t)&&Et(e)&&Object.keys(t).length===Object.keys(e).length&&Bt(t,(i,s)=>i===e[s])}function Hi(t,e,i){return t.replace(new RegExp(`${e}|${i}`,"g"),s=>s===e?i:e)}function Mt(t){return t[t.length-1]}function Bt(t,e){for(const i in t)if(e(t[i],i)===!1)return!1;return!0}function Fs(t,e){return t.slice().sort(({[e]:i=0},{[e]:s=0})=>i>s?1:s>i?-1:0)}function Nt(t,e){return t.reduce((i,s)=>i+S(it(e)?e(s):s[e]),0)}function Hs(t,e){const i=new Set;return t.filter(({[e]:s})=>i.has(s)?!1:i.add(s))}function Li(t,e){return e.reduce((i,s)=>({...i,[s]:t[s]}),{})}function tt(t,e=0,i=1){return Math.min(Math.max($t(t)||0,e),i)}function A(){}function Wi(...t){return[["bottom","top"],["right","left"]].every(([e,i])=>Math.min(...t.map(({[e]:s})=>s))-Math.max(...t.map(({[i]:s})=>s))>0)}function ii(t,e){return t.x<=e.right&&t.x>=e.left&&t.y<=e.bottom&&t.y>=e.top}function ji(t,e,i){const s=e==="width"?"height":"width";return{[s]:t[e]?Math.round(i*t[s]/t[e]):t[s],[e]:i}}function Ls(t,e){t={...t};for(const i in t)t=t[i]>e[i]?ji(t,i,e[i]):t;return t}function er(t,e){t=Ls(t,e);for(const i in t)t=t[i]<e[i]?ji(t,i,e[i]):t;return t}const Ri={ratio:ji,contain:Ls,cover:er};function ot(t,e,i=0,s=!1){e=C(e);const{length:n}=e;return n?(t=vt(t)?$t(t):t==="next"?i+1:t==="previous"?i-1:t==="last"?n-1:e.indexOf(F(t)),s?tt(t,0,n-1):(t%=n,t<0?t+n:t)):-1}function rt(t){const e=Object.create(null);return(i,...s)=>e[i]||(e[i]=t(i,...s))}function p(t,e,i){var s;if(Et(e)){for(const n in e)p(t,n,e[n]);return}if(Y(i))return(s=F(t))==null?void 0:s.getAttribute(e);for(const n of C(t))it(i)&&(i=i.call(n,p(n,e))),i===null?ye(n,e):n.setAttribute(e,i)}function yt(t,e){return C(t).some(i=>i.hasAttribute(e))}function ye(t,e){C(t).forEach(i=>i.removeAttribute(e))}function X(t,e){for(const i of[e,`data-${e}`])if(yt(t,i))return p(t,i)}function $(t,...e){for(const i of C(t)){const s=zt(e).filter(n=>!y(i,n));s.length&&i.classList.add(...s)}}function O(t,...e){for(const i of C(t)){const s=zt(e).filter(n=>y(i,n));s.length&&i.classList.remove(...s)}}function qi(t,e){e=new RegExp(e);for(const i of C(t))i.classList.remove(...Ct(i.classList).filter(s=>s.match(e)))}function si(t,e,i){i=zt(i),e=zt(e).filter(s=>!m(i,s)),O(t,e),$(t,i)}function y(t,e){return[e]=zt(e),C(t).some(i=>i.classList.contains(e))}function j(t,e,i){const s=zt(e);Y(i)||(i=!!i);for(const n of C(t))for(const o of s)n.classList.toggle(o,i)}function zt(t){return t?Q(t)?t.map(zt).flat():String(t).split(/[ ,]/).filter(Boolean):[]}const ir={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0};function Ui(t){return C(t).some(e=>ir[e.tagName.toLowerCase()])}function q(t){return C(t).some(e=>e.offsetWidth||e.offsetHeight||e.getClientRects().length)}const ke="input,select,textarea,button";function Vi(t){return C(t).some(e=>E(e,ke))}const Se=`${ke},a[href],[tabindex]`;function ni(t){return E(t,Se)}function P(t){var e;return(e=F(t))==null?void 0:e.parentElement}function Ie(t,e){return C(t).filter(i=>E(i,e))}function E(t,e){return C(t).some(i=>i.matches(e))}function oi(t,e){var i;return(i=F(t))==null?void 0:i.closest(dt(e,">")?e.slice(1):e)}function Ws(t,e){return N(e)?!!oi(t,e):F(e).contains(F(t))}function Te(t,e){const i=[];for(;t=P(t);)(!e||E(t,e))&&i.push(t);return i}function B(t,e){t=F(t);const i=t?Ct(t.children):[];return e?Ie(i,e):i}function Pt(t,e){return e?C(t).indexOf(F(e)):B(P(t)).indexOf(t)}function ne(t){return t=F(t),t&&["origin","pathname","search"].every(e=>t[e]===location[e])}function Gi(t){if(ne(t)){t=F(t);const e=decodeURIComponent(t.hash).substring(1);return document.getElementById(e)||document.getElementsByName(e)[0]}}function J(t,e){return Yi(t,Rs(t,e))}function Ce(t,e){return Ee(t,Rs(t,e))}function Yi(t,e){return F(qs(t,F(e),"querySelector"))}function Ee(t,e){return C(qs(t,F(e),"querySelectorAll"))}const sr=/(^|[^\\],)\s*[!>+~-]/,js=rt(t=>t.match(sr));function Rs(t,e=document){return N(t)&&js(t)||be(e)?e:e.ownerDocument}const nr=/([!>+~-])(?=\s+[!>+~-]|\s*$)/g,or=rt(t=>t.replace(nr,"$1 *"));function qs(t,e=document,i){if(!t||!N(t))return t;if(t=or(t),js(t)){const s=ar(t);t="";for(let n of s){let o=e;if(n[0]==="!"){const r=n.substr(1).trim().split(" ");if(o=P(e).closest(r[0]),n=r.slice(1).join(" ").trim(),!n.length&&s.length===1)return o}if(n[0]==="-"){const r=n.substr(1).trim().split(" "),a=(o||e).previousElementSibling;o=E(a,n.substr(1))?a:null,n=r.slice(1).join(" ")}o&&(t+=`${t?",":""}${lr(o)} ${n}`)}be(e)||(e=e.ownerDocument)}try{return e[i](t)}catch{return null}}const rr=/.*?[^\\](?![^(]*\))(?:,|$)/g,ar=rt(t=>t.match(rr).map(e=>e.replace(/,$/,"").trim()));function lr(t){const e=[];for(;t.parentNode;){const i=p(t,"id");if(i){e.unshift(`#${Xi(i)}`);break}else{let{tagName:s}=t;s!=="HTML"&&(s+=`:nth-child(${Pt(t)+1})`),e.unshift(s),t=t.parentNode}}return e.join(" > ")}function Xi(t){return N(t)?CSS.escape(t):""}function x(...t){let[e,i,s,n,o=!1]=Ji(t);n.length>1&&(n=cr(n)),o!=null&&o.self&&(n=ur(n)),s&&(n=hr(s,n));for(const r of i)for(const a of e)a.addEventListener(r,n,o);return()=>_t(e,i,n,o)}function _t(...t){let[e,i,,s,n=!1]=Ji(t);for(const o of i)for(const r of e)r.removeEventListener(o,s,n)}function H(...t){const[e,i,s,n,o=!1,r]=Ji(t),a=x(e,i,s,l=>{const h=!r||r(l);h&&(a(),n(l,h))},o);return a}function g(t,e,i){return Ki(t).every(s=>s.dispatchEvent(Ft(e,!0,!0,i)))}function Ft(t,e=!0,i=!1,s){return N(t)&&(t=new CustomEvent(t,{bubbles:e,cancelable:i,detail:s})),t}function Ji(t){return t[0]=Ki(t[0]),N(t[1])&&(t[1]=t[1].split(" ")),it(t[2])&&t.splice(2,0,!1),t}function hr(t,e){return i=>{const s=t[0]===">"?Ee(t,i.currentTarget).reverse().find(n=>n.contains(i.target)):i.target.closest(t);s&&(i.current=s,e.call(this,i),delete i.current)}}function cr(t){return e=>Q(e.detail)?t(e,...e.detail):t(e)}function ur(t){return function(e){if(e.target===e.currentTarget||e.target===e.current)return t.call(null,e)}}function Us(t){return t&&"addEventListener"in t}function dr(t){return Us(t)?t:F(t)}function Ki(t){return Q(t)?t.map(dr).filter(Boolean):N(t)?Ee(t):Us(t)?[t]:C(t)}function kt(t){return t.pointerType==="touch"||!!t.touches}function oe(t){var e,i;const{clientX:s,clientY:n}=((e=t.touches)==null?void 0:e[0])||((i=t.changedTouches)==null?void 0:i[0])||t;return{x:s,y:n}}const fr={"animation-iteration-count":!0,"column-count":!0,"fill-opacity":!0,"flex-grow":!0,"flex-shrink":!0,"font-weight":!0,"line-height":!0,opacity:!0,order:!0,orphans:!0,"stroke-dasharray":!0,"stroke-dashoffset":!0,widows:!0,"z-index":!0,zoom:!0};function c(t,e,i,s){const n=C(t);for(const o of n)if(N(e)){if(e=ri(e),Y(i))return getComputedStyle(o).getPropertyValue(e);o.style.setProperty(e,vt(i)&&!fr[e]?`${i}px`:i||$e(i)?i:"",s)}else if(Q(e)){const r={};for(const a of e)r[a]=c(o,a);return r}else if(Et(e))for(const r in e)c(o,r,e[r],i);return n[0]}const ri=rt(t=>pr(t));function pr(t){if(dt(t,"--"))return t;t=Dt(t);const{style:e}=document.documentElement;if(t in e)return t;for(const i of["webkit","moz"]){const s=`-${i}-${t}`;if(s in e)return s}}const Zi="uk-transition",Qi="transitionend",ts="transitioncanceled";function gr(t,e,i=400,s="linear"){return i=Math.round(i),Promise.all(C(t).map(n=>new Promise((o,r)=>{for(const l in e){const h=c(n,l);h===""&&c(n,l,h)}const a=setTimeout(()=>g(n,Qi),i);H(n,[Qi,ts],({type:l})=>{clearTimeout(a),O(n,Zi),c(n,{transitionProperty:"",transitionDuration:"",transitionTimingFunction:""}),l===ts?r():o(n)},{self:!0}),$(n,Zi),c(n,{transitionProperty:Object.keys(e).map(ri).join(","),transitionDuration:`${i}ms`,transitionTimingFunction:s,...e})})))}const D={start:gr,async stop(t){g(t,Qi),await Promise.resolve()},async cancel(t){g(t,ts),await Promise.resolve()},inProgress(t){return y(t,Zi)}},Pe="uk-animation-",Vs="animationend",ai="animationcanceled";function Gs(t,e,i=200,s,n){return Promise.all(C(t).map(o=>new Promise((r,a)=>{g(o,ai);const l=setTimeout(()=>g(o,Vs),i);H(o,[Vs,ai],({type:h})=>{clearTimeout(l),h===ai?a():r(o),c(o,"animationDuration",""),qi(o,`${Pe}\\S*`)},{self:!0}),c(o,"animationDuration",`${i}ms`),$(o,e,Pe+(n?"leave":"enter")),dt(e,Pe)&&(s&&$(o,`uk-transform-origin-${s}`),n&&$(o,`${Pe}reverse`))})))}const mr=new RegExp(`${Pe}(enter|leave)`),At={in:Gs,out(t,e,i,s){return Gs(t,e,i,s,!0)},inProgress(t){return mr.test(p(t,"class"))},cancel(t){g(t,ai)}};function vr(t){if(document.readyState!=="loading"){t();return}H(document,"DOMContentLoaded",t)}function U(t,...e){return e.some(i=>{var s;return((s=t==null?void 0:t.tagName)==null?void 0:s.toLowerCase())===i.toLowerCase()})}function es(t){return t=k(t),t.innerHTML="",t}function Ht(t,e){return Y(e)?k(t).innerHTML:L(es(t),e)}const wr=ci("prepend"),L=ci("append"),li=ci("before"),hi=ci("after");function ci(t){return function(e,i){var s;const n=C(N(i)?Lt(i):i);return(s=k(e))==null||s[t](...n),Ys(n)}}function at(t){C(t).forEach(e=>e.remove())}function ui(t,e){for(e=F(li(t,e));e.firstElementChild;)e=e.firstElementChild;return L(e,t),e}function is(t,e){return C(C(t).map(i=>i.hasChildNodes()?ui(Ct(i.childNodes),e):L(i,e)))}function _e(t){C(t).map(P).filter((e,i,s)=>s.indexOf(e)===i).forEach(e=>e.replaceWith(...e.childNodes))}const br=/^<(\w+)\s*\/?>(?:<\/\1>)?$/;function Lt(t){const e=br.exec(t);if(e)return document.createElement(e[1]);const i=document.createElement("template");return i.innerHTML=t.trim(),Ys(i.content.childNodes)}function Ys(t){return t.length>1?t:t[0]}function St(t,e){if(xe(t))for(e(t),t=t.firstElementChild;t;){const i=t.nextElementSibling;St(t,e),t=i}}function k(t,e){return Xs(t)?F(Lt(t)):Yi(t,e)}function z(t,e){return Xs(t)?C(Lt(t)):Ee(t,e)}function Xs(t){return N(t)&&dt(t.trim(),"<")}const Wt={width:["left","right"],height:["top","bottom"]};function w(t){const e=xe(t)?F(t).getBoundingClientRect():{height:et(t),width:di(t),top:0,left:0};return{height:e.height,width:e.width,top:e.top,left:e.left,bottom:e.top+e.height,right:e.left+e.width}}function I(t,e){e&&c(t,{left:0,top:0});const i=w(t);if(t){const{scrollY:s,scrollX:n}=se(t),o={height:s,width:n};for(const r in Wt)for(const a of Wt[r])i[a]+=o[r]}if(!e)return i;for(const s of["left","top"])c(t,s,e[s]-i[s])}function ss(t){let{top:e,left:i}=I(t);const{ownerDocument:{body:s,documentElement:n},offsetParent:o}=F(t);let r=o||n;for(;r&&(r===s||r===n)&&c(r,"position")==="static";)r=r.parentNode;if(xe(r)){const a=I(r);e-=a.top+S(c(r,"borderTopWidth")),i-=a.left+S(c(r,"borderLeftWidth"))}return{top:e-S(c(t,"marginTop")),left:i-S(c(t,"marginLeft"))}}function jt(t){t=F(t);const e=[t.offsetTop,t.offsetLeft];for(;t=t.offsetParent;)if(e[0]+=t.offsetTop+S(c(t,"borderTopWidth")),e[1]+=t.offsetLeft+S(c(t,"borderLeftWidth")),c(t,"position")==="fixed"){const i=se(t);return e[0]+=i.scrollY,e[1]+=i.scrollX,e}return e}const et=Js("height"),di=Js("width");function Js(t){const e=Tt(t);return(i,s)=>{if(Y(s)){if(ee(i))return i[`inner${e}`];if(be(i)){const n=i.documentElement;return Math.max(n[`offset${e}`],n[`scroll${e}`])}return i=F(i),s=c(i,t),s=s==="auto"?i[`offset${e}`]:S(s)||0,s-Ae(i,t)}else return c(i,t,!s&&s!==0?"":+s+Ae(i,t)+"px")}}function Ae(t,e,i="border-box"){return c(t,"boxSizing")===i?Nt(Wt[e].map(Tt),s=>S(c(t,`padding${s}`))+S(c(t,`border${s}Width`))):0}function fi(t){for(const e in Wt)for(const i in Wt[e])if(Wt[e][i]===t)return Wt[e][1-i];return t}function R(t,e="width",i=window,s=!1){return N(t)?Nt($r(t),n=>{const o=kr(n);return o?Sr(o==="vh"?Ir():o==="vw"?di(se(i)):s?i[`offset${Tt(e)}`]:w(i)[e],n):n}):S(t)}const xr=/-?\d+(?:\.\d+)?(?:v[wh]|%|px)?/g,$r=rt(t=>t.toString().replace(/\s/g,"").match(xr)||[]),yr=/(?:v[hw]|%)$/,kr=rt(t=>(t.match(yr)||[])[0]);function Sr(t,e){return t*S(e)/100}let Oe,re;function Ir(){return Oe||(re||(re=k("<div>"),c(re,{height:"100vh",position:"fixed"}),x(window,"resize",()=>Oe=null)),L(document.body,re),Oe=re.clientHeight,at(re),Oe)}const Rt=typeof window<"u",V=Rt&&document.dir==="rtl",qt=Rt&&"ontouchstart"in window,ae=Rt&&window.PointerEvent,mt=ae?"pointerdown":qt?"touchstart":"mousedown",pi=ae?"pointermove":qt?"touchmove":"mousemove",Ot=ae?"pointerup":qt?"touchend":"mouseup",le=ae?"pointerenter":qt?"":"mouseenter",De=ae?"pointerleave":qt?"":"mouseleave",gi=ae?"pointercancel":"touchcancel",K={reads:[],writes:[],read(t){return this.reads.push(t),os(),t},write(t){return this.writes.push(t),os(),t},clear(t){Zs(this.reads,t),Zs(this.writes,t)},flush:ns};function ns(t){Ks(K.reads),Ks(K.writes.splice(0)),K.scheduled=!1,(K.reads.length||K.writes.length)&&os(t+1)}const Tr=4;function os(t){K.scheduled||(K.scheduled=!0,t&&t<Tr?Promise.resolve().then(()=>ns(t)):requestAnimationFrame(()=>ns(1)))}function Ks(t){let e;for(;e=t.shift();)try{e()}catch(i){console.error(i)}}function Zs(t,e){const i=t.indexOf(e);return~i&&t.splice(i,1)}class Qs{init(){this.positions=[];let e;this.unbind=x(document,"mousemove",i=>e=oe(i)),this.interval=setInterval(()=>{e&&(this.positions.push(e),this.positions.length>5&&this.positions.shift())},50)}cancel(){var e;(e=this.unbind)==null||e.call(this),clearInterval(this.interval)}movesTo(e){if(!this.positions||this.positions.length<2)return!1;const i=w(e),{left:s,right:n,top:o,bottom:r}=i,[a]=this.positions,l=Mt(this.positions),h=[a,l];return ii(l,i)?!1:[[{x:s,y:o},{x:n,y:r}],[{x:s,y:r},{x:n,y:o}]].some(d=>{const f=Cr(h,d);return f&&ii(f,i)})}}function Cr([{x:t,y:e},{x:i,y:s}],[{x:n,y:o},{x:r,y:a}]){const l=(a-o)*(i-t)-(r-n)*(s-e);if(l===0)return!1;const h=((r-n)*(e-o)-(a-o)*(t-n))/l;return h<0?!1:{x:t+h*(i-t),y:e+h*(s-e)}}function tn(t,e,i={},{intersecting:s=!0}={}){const n=new IntersectionObserver(s?(o,r)=>{o.some(a=>a.isIntersecting)&&e(o,r)}:e,i);for(const o of C(t))n.observe(o);return n}const Er=Rt&&window.ResizeObserver;function Me(t,e,i={box:"border-box"}){if(Er)return sn(ResizeObserver,t,e,i);const s=[x(window,"load resize",e),x(document,"loadedmetadata load",e,!0)];return{disconnect:()=>s.map(n=>n())}}function rs(t){return{disconnect:x([window,window.visualViewport],"resize",t)}}function en(t,e,i){return sn(MutationObserver,t,e,i)}function sn(t,e,i,s){const n=new t(i);for(const o of C(e))n.observe(o,s);return n}function nn(t){vi(t)&&as(t,{func:"playVideo",method:"play"}),mi(t)&&t.play()}function on(t){vi(t)&&as(t,{func:"pauseVideo",method:"pause"}),mi(t)&&t.pause()}function rn(t){vi(t)&&as(t,{func:"mute",method:"setVolume",value:0}),mi(t)&&(t.muted=!0)}function an(t){return mi(t)||vi(t)}function mi(t){return U(t,"video")}function vi(t){return U(t,"iframe")&&(ln(t)||hn(t))}function ln(t){return!!t.src.match(/\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/)}function hn(t){return!!t.src.match(/vimeo\.com\/video\/.*/)}async function as(t,e){await _r(t),cn(t,e)}function cn(t,e){t.contentWindow.postMessage(JSON.stringify({event:"command",...e}),"*")}const ls="_ukPlayer";let Pr=0;function _r(t){if(t[ls])return t[ls];const e=ln(t),i=hn(t),s=++Pr;let n;return t[ls]=new Promise(o=>{e&&H(t,"load",()=>{const r=()=>cn(t,{event:"listening",id:s});n=setInterval(r,100),r()}),H(window,"message",o,!1,({data:r})=>{try{return r=JSON.parse(r),e&&(r==null?void 0:r.id)===s&&r.event==="onReady"||i&&Number(r==null?void 0:r.player_id)===s}catch{}}),t.src=`${t.src}${m(t.src,"?")?"&":"?"}${e?"enablejsapi=1":`api=1&player_id=${s}`}`}).then(()=>clearInterval(n))}function Ar(t,e=0,i=0){return q(t)?Wi(...Ut(t).map(s=>{const{top:n,left:o,bottom:r,right:a}=lt(s);return{top:n-e,left:o-i,bottom:r+e,right:a+i}}).concat(I(t))):!1}function un(t,{offset:e=0}={}){const i=q(t)?he(t,!1,["hidden"]):[];return i.reduce((r,a,l)=>{const{scrollTop:h,scrollHeight:u,offsetHeight:d}=a,f=lt(a),v=u-f.height,{height:b,top:T}=i[l-1]?lt(i[l-1]):I(t);let M=Math.ceil(T-f.top-e+h);return e>0&&d<b+e?M+=e:e=0,M>v?(e-=M-v,M=v):M<0&&(e-=M,M=0),()=>s(a,M-h,t,v).then(r)},()=>Promise.resolve())();function s(r,a,l,h){return new Promise(u=>{const d=r.scrollTop,f=n(Math.abs(a)),v=Date.now(),b=us(r)===r,T=I(l).top+(b?0:d);let M=0,wt=15;(function Ze(){const Bi=o(tt((Date.now()-v)/f));let ft=0;if(i[0]===r&&d+a<h){ft=I(l).top+(b?0:r.scrollTop)-T;const ge=hs(l);ft-=ge?I(ge).height:0}r.scrollTop=Math[a+ft>0?"max":"min"](r.scrollTop,d+(a+ft)*Bi),Bi===1&&(M===ft||!wt--)?u():(M=ft,requestAnimationFrame(Ze))})()})}function n(r){return 40*Math.pow(r,.375)}function o(r){return .5*(1-Math.cos(Math.PI*r))}}function wi(t,e=0,i=0){if(!q(t))return 0;const s=It(t,!0),{scrollHeight:n,scrollTop:o}=s,{height:r}=lt(s),a=n-r,l=jt(t)[0]-jt(s)[0],h=Math.max(0,l-r+e),u=Math.min(a,l+t.offsetHeight-i);return h<u?tt((o-h)/(u-h)):1}function he(t,e=!1,i=[]){const s=us(t);let n=Te(t).reverse();n=n.slice(n.indexOf(s)+1);const o=bt(n,r=>c(r,"position")==="fixed");return~o&&(n=n.slice(o)),[s].concat(n.filter(r=>c(r,"overflow").split(" ").some(a=>m(["auto","scroll",...i],a))&&(!e||r.scrollHeight>lt(r).height))).reverse()}function It(...t){return he(...t)[0]}function Ut(t){return he(t,!1,["hidden","clip"])}function lt(t){const e=se(t);let i=t===us(t)?e:t;if(ee(i)&&e.visualViewport){let{height:n,width:o,scale:r,pageTop:a,pageLeft:l}=e.visualViewport;return n=Math.round(n*r),o=Math.round(o*r),{height:n,width:o,top:a,left:l,bottom:a+n,right:l+o}}let s=I(i);if(c(i,"display")==="inline")return s;for(let[n,o,r,a]of[["width","x","left","right"],["height","y","top","bottom"]]){ee(i)?i=e.document.documentElement:s[r]+=S(c(i,`border-${r}-width`));const l=s[n]%1;s[n]=s[o]=i[`client${Tt(n)}`]-(l?l<.5?-l:1-l:0),s[a]=s[n]+s[r]}return s}function hs(t){const{left:e,width:i,top:s}=w(t);return t.ownerDocument.elementsFromPoint(e+i/2,s).find(n=>!n.contains(t)&&!y(n,"uk-togglable-leave")&&(cs(n,"fixed")&&dn(Te(t).reverse().find(o=>!o.contains(n)&&!cs(o,"static")))<dn(n)||cs(n,"sticky")&&P(n).contains(t)))}function dn(t){return S(c(t,"zIndex"))}function cs(t,e){return c(t,"position")===e}function us(t){return se(t).document.scrollingElement}const ht=[["width","x","left","right"],["height","y","top","bottom"]];function fn(t,e,i){i={attach:{element:["left","top"],target:["left","top"],...i.attach},offset:[0,0],placement:[],...i},Q(e)||(e=[e,e]),I(t,pn(t,e,i))}function pn(t,e,i){const s=gn(t,e,i),{boundary:n,viewportOffset:o=0,placement:r}=i;let a=s;for(const[l,[h,,u,d]]of Object.entries(ht)){const f=Or(t,e[l],o,n,l);if(bi(s,f,l))continue;let v=0;if(r[l]==="flip"){const b=i.attach.target[l];if(b===d&&s[d]<=f[d]||b===u&&s[u]>=f[u])continue;v=Mr(t,e,i,l)[u]-s[u];const T=Dr(t,e[l],o,l);if(!bi(ds(s,v,l),T,l)){if(bi(s,T,l))continue;if(i.recursion)return!1;const M=Br(t,e,i);if(M&&bi(M,T,1-l))return M;continue}}else if(r[l]==="shift"){const b=I(e[l]),{offset:T}=i;v=tt(tt(s[u],f[u],f[d]-s[h]),b[u]-s[h]+T[l],b[d]-T[l])-s[u]}a=ds(a,v,l)}return a}function gn(t,e,i){let{attach:s,offset:n}={attach:{element:["left","top"],target:["left","top"],...i.attach},offset:[0,0],...i},o=I(t);for(const[r,[a,,l,h]]of Object.entries(ht)){const u=s.target[r]===s.element[r]?lt(e[r]):I(e[r]);o=ds(o,u[l]-o[l]+mn(s.target[r],h,u[a])-mn(s.element[r],h,o[a])+ +n[r],r)}return o}function ds(t,e,i){const[,s,n,o]=ht[i],r={...t};return r[n]=t[s]=t[n]+e,r[o]+=e,r}function mn(t,e,i){return t==="center"?i/2:t===e?i:0}function Or(t,e,i,s,n){let o=wn(...vn(t,e).map(lt));return i&&(o[ht[n][2]]+=i,o[ht[n][3]]-=i),s&&(o=wn(o,I(Q(s)?s[n]:s))),o}function Dr(t,e,i,s){const[n,o,r,a]=ht[s],[l]=vn(t,e),h=lt(l);return["auto","scroll"].includes(c(l,`overflow-${o}`))&&(h[r]-=l[`scroll${Tt(r)}`],h[a]=h[r]+l[`scroll${Tt(n)}`]),h[r]+=i,h[a]-=i,h}function vn(t,e){return Ut(e).filter(i=>i.contains(t))}function wn(...t){let e={};for(const i of t)for(const[,,s,n]of ht)e[s]=Math.max(e[s]||0,i[s]),e[n]=Math.min(...[e[n],i[n]].filter(Boolean));return e}function bi(t,e,i){const[,,s,n]=ht[i];return t[s]>=e[s]&&t[n]<=e[n]}function Mr(t,e,{offset:i,attach:s},n){return gn(t,e,{attach:{element:bn(s.element,n),target:bn(s.target,n)},offset:Nr(i,n)})}function Br(t,e,i){return pn(t,e,{...i,attach:{element:i.attach.element.map(xn).reverse(),target:i.attach.target.map(xn).reverse()},offset:i.offset.reverse(),placement:i.placement.reverse(),recursion:!0})}function bn(t,e){const i=[...t],s=ht[e].indexOf(t[e]);return~s&&(i[e]=ht[e][1-s%2+2]),i}function xn(t){for(let e=0;e<ht.length;e++){const i=ht[e].indexOf(t);if(~i)return ht[1-e][i%2+2]}}function Nr(t,e){return t=[...t],t[e]*=-1,t}var zr=Object.freeze({__proto__:null,$:k,$$:z,Animation:At,Dimensions:Ri,MouseTracker:Qs,Transition:D,addClass:$,after:hi,append:L,apply:St,assign:gt,attr:p,before:li,boxModelAdjust:Ae,camelize:we,children:B,clamp:tt,closest:oi,createEvent:Ft,css:c,data:X,dimensions:w,each:Bt,empty:es,endsWith:te,escape:Xi,fastdom:K,filter:Ie,find:Yi,findAll:Ee,findIndex:bt,flipPosition:fi,fragment:Lt,getCoveringElement:hs,getEventPos:oe,getIndex:ot,getTargetedElement:Gi,hasAttr:yt,hasClass:y,hasOwn:pt,hasTouch:qt,height:et,html:Ht,hyphenate:Dt,inBrowser:Rt,includes:m,index:Pt,intersectRect:Wi,isArray:Q,isBoolean:ie,isDocument:be,isElement:xe,isEmpty:ti,isEqual:ei,isFocusable:ni,isFunction:it,isInView:Ar,isInput:Vi,isNode:Qe,isNumber:$e,isNumeric:vt,isObject:Et,isPlainObject:xt,isRtl:V,isSameSiteAnchor:ne,isString:N,isTag:U,isTouch:kt,isUndefined:Y,isVideo:an,isVisible:q,isVoidElement:Ui,isWindow:ee,last:Mt,matches:E,memoize:rt,mute:rn,noop:A,observeIntersection:tn,observeMutation:en,observeResize:Me,observeViewportResize:rs,off:_t,offset:I,offsetPosition:jt,offsetViewport:lt,on:x,once:H,overflowParents:Ut,parent:P,parents:Te,pause:on,pick:Li,play:nn,pointInRect:ii,pointerCancel:gi,pointerDown:mt,pointerEnter:le,pointerLeave:De,pointerMove:pi,pointerUp:Ot,position:ss,positionAt:fn,prepend:wr,propName:ri,query:J,queryAll:Ce,ready:vr,remove:at,removeAttr:ye,removeClass:O,removeClasses:qi,replaceClass:si,scrollIntoView:un,scrollParent:It,scrollParents:he,scrolledOver:wi,selFocusable:Se,selInput:ke,sortBy:Fs,startsWith:dt,sumBy:Nt,swap:Hi,toArray:Ct,toBoolean:Fi,toEventTargets:Ki,toFloat:S,toNode:F,toNodes:C,toNumber:$t,toPx:R,toWindow:se,toggleClass:j,trigger:g,ucfirst:Tt,uniqueBy:Hs,unwrap:_e,width:di,within:Ws,wrapAll:ui,wrapInner:is}),st={connected(){$(this.$el,this.$options.id)}};const Fr=["days","hours","minutes","seconds"];var Hr={mixins:[st],props:{date:String,clsWrapper:String,role:String},data:{date:"",clsWrapper:".uk-countdown-%unit%",role:"timer"},connected(){p(this.$el,"role",this.role),this.date=S(Date.parse(this.$props.date)),this.end=!1,this.start()},disconnected(){this.stop()},events:{name:"visibilitychange",el(){return document},handler(){document.hidden?this.stop():this.start()}},methods:{start(){this.stop(),this.update(),this.timer||(g(this.$el,"countdownstart"),this.timer=setInterval(this.update,1e3))},stop(){this.timer&&(clearInterval(this.timer),g(this.$el,"countdownstop"),this.timer=null)},update(){const t=Lr(this.date);t.total||(this.stop(),this.end||(g(this.$el,"countdownend"),this.end=!0));for(const e of Fr){const i=k(this.clsWrapper.replace("%unit%",e),this.$el);if(!i)continue;let s=String(Math.trunc(t[e]));s=s.length<2?`0${s}`:s,i.textContent!==s&&(s=s.split(""),s.length!==i.children.length&&Ht(i,s.map(()=>"<span></span>").join("")),s.forEach((n,o)=>i.children[o].textContent=n))}}}};function Lr(t){const e=Math.max(0,t-Date.now())/1e3;return{total:e,seconds:e%60,minutes:e/60%60,hours:e/60/60%24,days:e/60/60/24}}const G={};G.events=G.watch=G.observe=G.created=G.beforeConnect=G.connected=G.beforeDisconnect=G.disconnected=G.destroy=fs,G.args=function(t,e){return e!==!1&&fs(e||t)},G.update=function(t,e){return Fs(fs(t,it(e)?{read:e}:e),"order")},G.props=function(t,e){if(Q(e)){const i={};for(const s of e)i[s]=String;e=i}return G.methods(t,e)},G.computed=G.methods=function(t,e){return e?t?{...t,...e}:e:t},G.i18n=G.data=function(t,e,i){return i?$n(t,e,i):e?t?function(s){return $n(t,e,s)}:e:t};function $n(t,e,i){return G.computed(it(t)?t.call(i,i):t,it(e)?e.call(i,i):e)}function fs(t,e){return t=t&&!Q(t)?[t]:t,e?t?t.concat(e):Q(e)?e:[e]:t}function Wr(t,e){return Y(e)?t:e}function Be(t,e,i){const s={};if(it(e)&&(e=e.options),e.extends&&(t=Be(t,e.extends,i)),e.mixins)for(const o of e.mixins)t=Be(t,o,i);for(const o in t)n(o);for(const o in e)pt(t,o)||n(o);function n(o){s[o]=(G[o]||Wr)(t[o],e[o],i)}return s}function ce(t,e=[]){try{return t?dt(t,"{")?JSON.parse(t):e.length&&!m(t,":")?{[e[0]]:t}:t.split(";").reduce((i,s)=>{const[n,o]=s.split(/:(.*)/);return n&&!Y(o)&&(i[n.trim()]=o.trim()),i},{}):{}}catch{return{}}}function ps(t,e){return t===Boolean?Fi(e):t===Number?$t(e):t==="list"?Rr(e):t===Object&&N(e)?ce(e):t?t(e):e}const jr=/,(?![^(]*\))/;function Rr(t){return Q(t)?t:N(t)?t.split(jr).map(e=>vt(e)?$t(e):Fi(e.trim())):[t]}function qr(t){t._data={},t._updates=[...t.$options.update||[]]}function Ur(t,e){t._updates.unshift(e)}function Vr(t){delete t._data}function Ne(t,e="update"){t._connected&&t._updates.length&&(t._queued||(t._queued=new Set,K.read(()=>{t._connected&&Gr(t,t._queued),delete t._queued})),t._queued.add(e.type||e))}function Gr(t,e){for(const{read:i,write:s,events:n=[]}of t._updates){if(!e.has("update")&&!n.some(r=>e.has(r)))continue;let o;i&&(o=i.call(t,t._data,e),o&&xt(o)&>(t._data,o)),s&&o!==!1&&K.write(()=>{t._connected&&s.call(t,t._data,e)})}}function ct(t){return Le(Me,t,"resize")}function ze(t){return Le(tn,t)}function gs(t){return Le(en,t)}function Fe(t={}){return ze({handler:function(e,i){const{targets:s=this.$el,preload:n=5}=t;for(const o of C(it(s)?s(this):s))z('[loading="lazy"]',o).slice(0,n-1).forEach(r=>ye(r,"loading"));for(const o of e.filter(({isIntersecting:r})=>r).map(({target:r})=>r))i.unobserve(o)},...t})}function ms(t){return Le((e,i)=>rs(i),t,"resize")}function He(t){return Le((e,i)=>({disconnect:x(Xr(e),"scroll",i,{passive:!0})}),t,"scroll")}function yn(t){return{observe(e,i){return{observe:A,unobserve:A,disconnect:x(e,mt,i,{passive:!0})}},handler(e){if(!kt(e))return;const i=oe(e),s="tagName"in e.target?e.target:P(e.target);H(document,`${Ot} ${gi} scroll`,n=>{const{x:o,y:r}=oe(n);(n.type!=="scroll"&&s&&o&&Math.abs(i.x-o)>100||r&&Math.abs(i.y-r)>100)&&setTimeout(()=>{g(s,"swipe"),g(s,`swipe${Yr(i.x,i.y,o,r)}`)})})},...t}}function Le(t,e,i){return{observe:t,handler(){Ne(this,i)},...e}}function Yr(t,e,i,s){return Math.abs(t-i)>=Math.abs(e-s)?t-i>0?"Left":"Right":e-s>0?"Up":"Down"}function Xr(t){return C(t).map(e=>{const{ownerDocument:i}=e,s=It(e,!0);return s===i.scrollingElement?i:s})}var kn={props:{margin:String,firstColumn:Boolean},data:{margin:"uk-margin-small-top",firstColumn:"uk-first-column"},observe:[gs({options:{childList:!0,attributes:!0,attributeFilter:["style"]}}),ct({target:({$el:t})=>[t,...B(t)]})],update:{read(){return{rows:vs(Ct(this.$el.children))}},write({rows:t}){for(const e of t)for(const i of e)j(i,this.margin,t[0]!==e),j(i,this.firstColumn,e[V?e.length-1:0]===i)},events:["resize"]}};function vs(t){const e=[[]],i=t.some((s,n)=>n&&t[n-1].offsetParent!==s.offsetParent);for(const s of t){if(!q(s))continue;const n=ws(s,i);for(let o=e.length-1;o>=0;o--){const r=e[o];if(!r[0]){r.push(s);break}const a=ws(r[0],i);if(n.top>=a.bottom-1&&n.top!==a.top){e.push([s]);break}if(n.bottom-1>a.top||n.top===a.top){let l=r.length-1;for(;l>=0;l--){const h=ws(r[l],i);if(n.left>=h.left)break}r.splice(l+1,0,s);break}if(o===0){e.unshift([s]);break}}}return e}function ws(t,e=!1){let{offsetTop:i,offsetLeft:s,offsetHeight:n,offsetWidth:o}=t;return e&&([i,s]=jt(t)),{top:i,left:s,bottom:i+n,right:s+o}}const bs="uk-transition-leave",xs="uk-transition-enter";function Sn(t,e,i,s=0){const n=xi(e,!0),o={opacity:1},r={opacity:0},a=u=>()=>n===xi(e)?u():Promise.reject(),l=a(async()=>{$(e,bs),await Promise.all(Tn(e).map((u,d)=>new Promise(f=>setTimeout(()=>D.start(u,r,i/2,"ease").then(f),d*s)))),O(e,bs)}),h=a(async()=>{const u=et(e);$(e,xs),t(),c(B(e),{opacity:0}),await Jr();const d=B(e),f=et(e);c(e,"alignContent","flex-start"),et(e,u);const v=Tn(e);c(d,r);const b=v.map(async(T,M)=>{await Kr(M*s),await D.start(T,o,i/2,"ease")});u!==f&&b.push(D.start(e,{height:f},i/2+v.length*s,"ease")),await Promise.all(b).then(()=>{O(e,xs),n===xi(e)&&(c(e,{height:"",alignContent:""}),c(d,{opacity:""}),delete e.dataset.transition)})});return y(e,bs)?In(e).then(h):y(e,xs)?In(e).then(l).then(h):l().then(h)}function xi(t,e){return e&&(t.dataset.transition=1+xi(t)),$t(t.dataset.transition)||0}function In(t){return Promise.all(B(t).filter(D.inProgress).map(e=>new Promise(i=>H(e,"transitionend transitioncanceled",i))))}function Tn(t){return vs(B(t)).flat().filter(e=>q(e))}function Jr(){return new Promise(t=>requestAnimationFrame(t))}function Kr(t){return new Promise(e=>setTimeout(e,t))}async function Zr(t,e,i){await Pn();let s=B(e);const n=s.map(f=>Cn(f,!0)),o={...c(e,["height","padding"]),display:"block"};await Promise.all(s.concat(e).map(D.cancel)),t(),s=s.concat(B(e).filter(f=>!m(s,f))),await Promise.resolve(),K.flush();const r=p(e,"style"),a=c(e,["height","padding"]),[l,h]=Qr(e,s,n),u=s.map(f=>({style:p(f,"style")}));s.forEach((f,v)=>h[v]&&c(f,h[v])),c(e,o),g(e,"scroll"),K.flush(),await Pn();const d=s.map((f,v)=>P(f)===e&&D.start(f,l[v],i,"ease")).concat(D.start(e,a,i,"ease"));try{await Promise.all(d),s.forEach((f,v)=>{p(f,u[v]),P(f)===e&&c(f,"display",l[v].opacity===0?"none":"")}),p(e,"style",r)}catch{p(s,"style",""),ta(e,o)}}function Cn(t,e){const i=c(t,"zIndex");return q(t)?{display:"",opacity:e?c(t,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:i==="auto"?Pt(t):i,...En(t)}:!1}function Qr(t,e,i){const s=e.map((o,r)=>P(o)&&r in i?i[r]?q(o)?En(o):{opacity:0}:{opacity:q(o)?1:0}:!1),n=s.map((o,r)=>{const a=P(e[r])===t&&(i[r]||Cn(e[r]));if(!a)return!1;if(!o)delete a.opacity;else if(!("opacity"in o)){const{opacity:l}=a;l%1?o.opacity=1:delete a.opacity}return a});return[s,n]}function ta(t,e){for(const i in e)c(t,i,"")}function En(t){const{height:e,width:i}=I(t);return{height:e,width:i,transform:"",...ss(t),...c(t,["marginTop","marginLeft"])}}function Pn(){return new Promise(t=>requestAnimationFrame(t))}var _n={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(t,e=this.$el){const i=this.animation;return(i==="fade"?Sn:i==="delayed-fade"?(...n)=>Sn(...n,40):i?Zr:()=>(t(),Promise.resolve()))(t,e,this.duration).catch(A)}}};const _={TAB:9,ESC:27,SPACE:32,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var ea={mixins:[_n],args:"target",props:{target:String,selActive:Boolean},data:{target:"",selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{children:({target:t},e)=>z(`${t} > *`,e),toggles:({attrItem:t},e)=>z(`[${t}],[data-${t}]`,e)},watch:{toggles(t){this.updateState();const e=z(this.selActive,this.$el);for(const i of t){this.selActive!==!1&&j(i,this.cls,m(e,i));const s=aa(i);U(s,"a")&&p(s,"role","button")}},children(t,e){e&&this.updateState()}},events:{name:"click keydown",delegate(){return`[${this.attrItem}],[data-${this.attrItem}]`},handler(t){t.type==="keydown"&&t.keyCode!==_.SPACE||t.target.closest("a,button")&&(t.preventDefault(),this.apply(t.current))}},methods:{apply(t){const e=this.getState(),i=On(t,this.attrItem,this.getState());ia(e,i)||this.setState(i)},getState(){return this.toggles.filter(t=>y(t,this.cls)).reduce((t,e)=>On(e,this.attrItem,t),{filter:{"":""},sort:[]})},async setState(t,e=!0){t={filter:{"":""},sort:[],...t},g(this.$el,"beforeFilter",[this,t]);for(const i of this.toggles)j(i,this.cls,na(i,this.attrItem,t));await Promise.all(z(this.target,this.$el).map(i=>{const s=()=>{sa(t,i,B(i)),this.$update(this.$el)};return e?this.animate(s,i):s()})),g(this.$el,"afterFilter",[this])},updateState(){K.write(()=>this.setState(this.getState(),!1))}}};function An(t,e){return ce(X(t,e),["filter"])}function ia(t,e){return["filter","sort"].every(i=>ei(t[i],e[i]))}function sa(t,e,i){const s=oa(t);i.forEach(r=>c(r,"display",s&&!E(r,s)?"none":""));const[n,o]=t.sort;if(n){const r=ra(i,n,o);ei(r,i)||L(e,r)}}function On(t,e,i){const{filter:s,group:n,sort:o,order:r="asc"}=An(t,e);return(s||Y(o))&&(n?s?(delete i.filter[""],i.filter[n]=s):(delete i.filter[n],(ti(i.filter)||""in i.filter)&&(i.filter={"":s||""})):i.filter={"":s||""}),Y(o)||(i.sort=[o,r]),i}function na(t,e,{filter:i={"":""},sort:[s,n]}){const{filter:o="",group:r="",sort:a,order:l="asc"}=An(t,e);return Y(a)?r in i&&o===i[r]||!o&&r&&!(r in i)&&!i[""]:s===a&&n===l}function oa({filter:t}){let e="";return Bt(t,i=>e+=i||""),e}function ra(t,e,i){return[...t].sort((s,n)=>X(s,e).localeCompare(X(n,e),void 0,{numeric:!0})*(i==="asc"||-1))}function aa(t){return k("a,button",t)||t}let $s;function Dn(t){const e=x(t,"touchmove",s=>{if(s.targetTouches.length!==1||E(s.target,'input[type="range"'))return;let{scrollHeight:n,clientHeight:o}=It(s.target);o>=n&&s.cancelable&&s.preventDefault()},{passive:!1});if($s)return e;$s=!0;const{scrollingElement:i}=document;return c(i,{overflowY:CSS.supports("overflow","clip")?"clip":"hidden",touchAction:"none",paddingRight:di(window)-i.clientWidth||""}),()=>{$s=!1,e(),c(i,{overflowY:"",touchAction:"",paddingRight:""})}}var We={props:{container:Boolean},data:{container:!0},computed:{container({container:t}){return t===!0&&this.$container||t&&k(t)}}},Vt={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglable-enter",clsLeave:"uk-togglable-leave"},computed:{hasAnimation:({animation:t})=>!!t[0],hasTransition:({animation:t})=>["slide","reveal"].some(e=>dt(t[0],e))},methods:{async toggleElement(t,e,i){try{return await Promise.all(C(t).map(s=>{const n=ie(e)?e:!this.isToggled(s);if(!g(s,`before${n?"show":"hide"}`,[this]))return Promise.reject();const o=(it(i)?i:i===!1||!this.hasAnimation?la:this.hasTransition?ha:ca)(s,n,this),r=n?this.clsEnter:this.clsLeave;$(s,r),g(s,n?"show":"hide",[this]);const a=()=>{O(s,r),g(s,n?"shown":"hidden",[this])};return o?o.then(a,()=>(O(s,r),Promise.reject())):a()})),!0}catch{return!1}},isToggled(t=this.$el){return t=F(t),y(t,this.clsEnter)?!0:y(t,this.clsLeave)?!1:this.cls?y(t,this.cls.split(" ")[0]):q(t)},_toggle(t,e){if(!t)return;e=!!e;let i;this.cls?(i=m(this.cls," ")||e!==y(t,this.cls),i&&j(t,this.cls,m(this.cls," ")?void 0:e)):(i=e===t.hidden,i&&(t.hidden=!e)),z("[autofocus]",t).some(s=>q(s)?s.focus()||!0:s.blur()),i&&g(t,"toggled",[e,this])}}};function la(t,e,{_toggle:i}){return At.cancel(t),D.cancel(t),i(t,e)}async function ha(t,e,{animation:i,duration:s,velocity:n,transition:o,_toggle:r}){var a;const[l="reveal",h="top"]=((a=i[0])==null?void 0:a.split("-"))||[],u=[["left","right"],["top","bottom"]],d=u[m(u[0],h)?0:1],f=d[1]===h,b=["width","height"][u.indexOf(d)],T=`margin-${d[0]}`,M=`margin-${h}`;let wt=w(t)[b];const Ze=D.inProgress(t);await D.cancel(t),e&&r(t,!0);const Bi=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",T,M].map(Zo=>[Zo,t.style[Zo]])),ft=w(t),ge=S(c(t,T)),Xo=S(c(t,M)),Qt=ft[b]+Xo;!Ze&&!e&&(wt+=Xo);const[Ni]=is(t,"<div>");c(Ni,{boxSizing:"border-box",height:ft.height,width:ft.width,...c(t,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",M])}),c(t,{padding:0,border:0,minWidth:0,minHeight:0,[M]:0,width:ft.width,height:ft.height,overflow:"hidden",[b]:wt});const Jo=wt/Qt;s=(n*Qt+s)*(e?1-Jo:Jo);const Ko={[b]:e?Qt:0};f&&(c(t,T,Qt-wt+ge),Ko[T]=e?ge:Qt+ge),!f^l==="reveal"&&(c(Ni,T,-Qt+wt),D.start(Ni,{[T]:e?0:-Qt},s,o));try{await D.start(t,Ko,s,o)}finally{c(t,Bi),_e(Ni.firstChild),e||r(t,!1)}}function ca(t,e,i){const{animation:s,duration:n,_toggle:o}=i;return e?(o(t,!0),At.in(t,s[0],n,i.origin)):At.out(t,s[1]||s[0],n,i.origin).then(()=>o(t,!1))}const nt=[];var ys={mixins:[st,We,Vt],props:{selPanel:String,selClose:String,escClose:Boolean,bgClose:Boolean,stack:Boolean,role:String},data:{cls:"uk-open",escClose:!0,bgClose:!0,overlay:!0,stack:!1,role:"dialog"},computed:{panel:({selPanel:t},e)=>k(t,e),transitionElement(){return this.panel},bgClose({bgClose:t}){return t&&this.panel}},connected(){p(this.panel||this.$el,"role",this.role),this.overlay&&p(this.panel||this.$el,"aria-modal",!0)},beforeDisconnect(){m(nt,this)&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate(){return`${this.selClose},a[href*="#"]`},handler(t){const{current:e,defaultPrevented:i}=t,{hash:s}=e;!i&&s&&ne(e)&&!this.$el.contains(k(s))?this.hide():E(e,this.selClose)&&(t.preventDefault(),this.hide())}},{name:"toggle",self:!0,handler(t){t.defaultPrevented||(t.preventDefault(),this.isToggled()===m(nt,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler(t){if(m(nt,this))return!1;!this.stack&&nt.length?(Promise.all(nt.map(e=>e.hide())).then(this.show),t.preventDefault()):nt.push(this)}},{name:"show",self:!0,handler(){this.stack&&c(this.$el,"zIndex",S(c(this.$el,"zIndex"))+nt.length);const t=[this.overlay&&da(this),this.overlay&&Dn(this.$el),this.bgClose&&fa(this),this.escClose&&pa(this)];H(this.$el,"hidden",()=>t.forEach(e=>e&&e()),{self:!0}),$(document.documentElement,this.clsPage)}},{name:"shown",self:!0,handler(){ni(this.$el)||p(this.$el,"tabindex","-1"),E(this.$el,":focus-within")||this.$el.focus()}},{name:"hidden",self:!0,handler(){m(nt,this)&&nt.splice(nt.indexOf(this),1),c(this.$el,"zIndex",""),nt.some(t=>t.clsPage===this.clsPage)||O(document.documentElement,this.clsPage)}}],methods:{toggle(){return this.isToggled()?this.hide():this.show()},show(){return this.container&&P(this.$el)!==this.container?(L(this.container,this.$el),new Promise(t=>requestAnimationFrame(()=>this.show().then(t)))):this.toggleElement(this.$el,!0,Mn)},hide(){return this.toggleElement(this.$el,!1,Mn)}}};function Mn(t,e,{transitionElement:i,_toggle:s}){return new Promise((n,o)=>H(t,"show hide",()=>{var r;(r=t._reject)==null||r.call(t),t._reject=o,s(t,e);const a=H(i,"transitionstart",()=>{H(i,"transitionend transitioncancel",n,{self:!0}),clearTimeout(l)},{self:!0}),l=setTimeout(()=>{a(),n()},ua(c(i,"transitionDuration")))})).then(()=>delete t._reject)}function ua(t){return t?te(t,"ms")?S(t):S(t)*1e3:0}function da(t){return x(document,"focusin",e=>{Mt(nt)===t&&!t.$el.contains(e.target)&&t.$el.focus()})}function fa(t){return x(document,mt,({target:e})=>{Mt(nt)!==t||t.overlay&&!t.$el.contains(e)||t.panel.contains(e)||H(document,`${Ot} ${gi} scroll`,({defaultPrevented:i,type:s,target:n})=>{!i&&s===Ot&&e===n&&t.hide()},!0)})}function pa(t){return x(document,"keydown",e=>{e.keyCode===27&&Mt(nt)===t&&t.hide()})}var ks={slide:{show(t){return[{transform:W(t*-100)},{transform:W()}]},percent(t){return je(t)},translate(t,e){return[{transform:W(e*-100*t)},{transform:W(e*100*(1-t))}]}}};function je(t){return Math.abs(c(t,"transform").split(",")[4]/t.offsetWidth)}function W(t=0,e="%"){return t+=t?e:"",`translate3d(${t}, 0, 0)`}function ue(t){return`scale3d(${t}, ${t}, 1)`}function ga(t,e,i,{animation:s,easing:n}){const{percent:o,translate:r,show:a=A}=s,l=a(i);let h;return{dir:i,show(u,d=0,f){const v=f?"linear":n;return u-=Math.round(u*tt(d,-1,1)),this.translate(d),$i(e,"itemin",{percent:d,duration:u,timing:v,dir:i}),$i(t,"itemout",{percent:1-d,duration:u,timing:v,dir:i}),new Promise(b=>{h||(h=b),Promise.all([D.start(e,l[1],u,v),D.start(t,l[0],u,v)]).then(()=>{this.reset(),h()},A)})},cancel(){return D.cancel([e,t])},reset(){for(const u in l[0])c([e,t],u,"")},async forward(u,d=this.percent()){return await this.cancel(),this.show(u,d,!0)},translate(u){this.reset();const d=r(u,i);c(e,d[1]),c(t,d[0]),$i(e,"itemtranslatein",{percent:u,dir:i}),$i(t,"itemtranslateout",{percent:1-u,dir:i})},percent(){return o(t||e,e,i)},getDistance(){return t==null?void 0:t.offsetWidth}}}function $i(t,e,i){g(t,Ft(e,!1,!1,i))}var yi={props:{i18n:Object},data:{i18n:null},methods:{t(t,...e){var i,s,n;let o=0;return((n=((i=this.i18n)==null?void 0:i[t])||((s=this.$options.i18n)==null?void 0:s[t]))==null?void 0:n.replace(/%s/g,()=>e[o++]||""))||""}}},ma={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){p(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){p(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el(){return document},filter(){return this.autoplay},handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>{this.stack.length||this.draggable&&E(this.$el,":focus-within")||this.pauseOnHover&&E(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}};const Re={passive:!1,capture:!0},Bn={passive:!0,capture:!0},va="touchstart mousedown",Ss="touchmove mousemove",Nn="touchend touchcancel mouseup click input scroll",zn=t=>t.preventDefault();var wa={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const t of["start","move","end"]){const e=this[t];this[t]=i=>{const s=oe(i).x*(V?-1:1);this.prevPos=s===this.pos?this.prevPos:this.pos,this.pos=s,e(i)}}},events:[{name:va,passive:!0,delegate(){return`${this.selList} > *`},handler(t){!this.draggable||this.parallax||!kt(t)&&ba(t.target)||t.target.closest(ke)||t.button>0||this.length<2||this.start(t)}},{name:"dragstart",handler(t){t.preventDefault()}},{name:Ss,el(){return this.list},handler:A,...Re}],methods:{start(){this.drag=this.pos,this._transitioner?(this.percent=this._transitioner.percent(),this.drag+=this._transitioner.getDistance()*this.percent*this.dir,this._transitioner.cancel(),this._transitioner.translate(this.percent),this.dragging=!0,this.stack=[]):this.prevIndex=this.index,x(document,Ss,this.move,Re),x(document,Nn,this.end,Bn),c(this.list,"userSelect","none")},move(t){const e=this.pos-this.drag;if(e===0||this.prevPos===this.pos||!this.dragging&&Math.abs(e)<this.threshold)return;this.dragging||x(this.list,"click",zn,Re),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=e<0?1:-1;let{slides:i,prevIndex:s}=this,n=Math.abs(e),o=this.getIndex(s+this.dir),r=Fn.call(this,s,o);for(;o!==s&&n>r;)this.drag-=r*this.dir,s=o,n-=r,o=this.getIndex(s+this.dir),r=Fn.call(this,s,o);this.percent=n/r;const a=i[s],l=i[o],h=this.index!==o,u=s===o;let d;for(const f of[this.index,this.prevIndex])m([o,s],f)||(g(i[f],"itemhidden",[this]),u&&(d=!0,this.prevIndex=s));(this.index===s&&this.prevIndex!==s||d)&&g(i[this.index],"itemshown",[this]),h&&(this.prevIndex=s,this.index=o,u||(g(a,"beforeitemhide",[this]),g(a,"itemhide",[this])),g(l,"beforeitemshow",[this]),g(l,"itemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),a,!u&&l)},end(){if(_t(document,Ss,this.move,Re),_t(document,Nn,this.end,Bn),this.dragging)if(this.dragging=null,this.index===this.prevIndex)this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null;else{const t=(V?this.dir*(V?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=t?this.index:this.prevIndex,t&&(this.percent=1-this.percent),this.show(this.dir>0&&!t||this.dir<0&&t?"next":"previous",!0)}setTimeout(()=>_t(this.list,"click",zn,Re)),c(this.list,{userSelect:""}),this.drag=this.percent=null}}};function Fn(t,e){return this._getTransitioner(t,t!==e&&e).getDistance()||this.slides[t].offsetWidth}function ba(t){return c(t,"userSelect")!=="none"&&Ct(t.childNodes).some(e=>e.nodeType===3&&e.textContent.trim())}function xa(t){t._watches=[];for(const e of t.$options.watch||[])for(const[i,s]of Object.entries(e))Hn(t,s,i);t._initial=!0}function Hn(t,e,i){t._watches.push({name:i,...xt(e)?e:{handler:e}})}function $a(t,e){for(const{name:i,handler:s,immediate:n=!0}of t._watches)(t._initial&&n||pt(e,i)&&!ei(e[i],t[i]))&&s.call(t,t[i],e[i]);t._initial=!1}function ya(t){const{computed:e}=t.$options;if(t._computed={},e)for(const i in e)Ln(t,i,e[i])}function Ln(t,e,i){t._hasComputed=!0,Object.defineProperty(t,e,{enumerable:!0,get(){const{_computed:s,$props:n,$el:o}=t;return pt(s,e)||(s[e]=(i.get||i).call(t,n,o)),s[e]},set(s){const{_computed:n}=t;n[e]=i.set?i.set.call(t,s):s,Y(n[e])&&delete n[e]}})}function ka(t){t._hasComputed&&(Ur(t,{read:()=>$a(t,Wn(t)),events:["resize","computed"]}),Ia(),qe.add(t))}function Sa(t){qe==null||qe.delete(t),Wn(t)}function Wn(t){const e={...t._computed};return t._computed={},e}let Is,qe;function Ia(){Is||(qe=new Set,Is=new MutationObserver(()=>{for(const t of qe)Ne(t,"computed")}),Is.observe(document,{subtree:!0,childList:!0}))}function Ta(t){t._events=[];for(const e of t.$options.events||[])if(pt(e,"handler"))jn(t,e);else for(const i in e)jn(t,e[i],i)}function Ca(t){t._events.forEach(e=>e()),delete t._events}function jn(t,e,i){let{name:s,el:n,handler:o,capture:r,passive:a,delegate:l,filter:h,self:u}=xt(e)?e:{name:i,handler:e};n=it(n)?n.call(t,t):n||t.$el,!(!n||Q(n)&&!n.length||h&&!h.call(t))&&t._events.push(x(n,s,l?N(l)?l:l.call(t,t):null,N(o)?t[o]:o.bind(t),{passive:a,capture:r,self:u}))}function Ea(t){t._observers=[];for(const e of t.$options.observe||[])if(pt(e,"handler"))qn(t,e);else for(const i of e)qn(t,i)}function Rn(t,...e){t._observers.push(...e)}function Pa(t){for(const e of t._observers)e.disconnect()}function qn(t,e){let{observe:i,target:s=t.$el,handler:n,options:o,filter:r,args:a}=e;if(r&&!r.call(t,t))return;const l=`_observe${t._observers.length}`;it(s)&&!pt(t,l)&&Ln(t,l,()=>s.call(t,t)),n=N(n)?t[n]:n.bind(t),it(o)&&(o=o.call(t,t));const h=pt(t,l)?t[l]:s,u=i(h,n,o,a);it(s)&&Q(t[l])&&u.unobserve&&Hn(t,{handler:_a(u),immediate:!1},l),Rn(t,u)}function _a(t){return(e,i)=>{for(const s of i)!m(e,s)&&t.unobserve(s);for(const s of e)!m(i,s)&&t.observe(s)}}function Aa(t){const{$options:e,$props:i}=t,s=Un(e);gt(i,s);const{computed:n,methods:o}=e;for(let r in i)r in s&&(!n||!pt(n,r))&&(!o||!pt(o,r))&&(t[r]=i[r])}function Un(t){const e={},{args:i=[],props:s={},el:n,id:o}=t;if(!s)return e;for(const a in s){const l=Dt(a);let h=X(n,l);Y(h)||(h=s[a]===Boolean&&h===""?!0:ps(s[a],h),!(l==="target"&&dt(h,"_"))&&(e[a]=h))}const r=ce(X(n,o),i);for(const a in r){const l=we(a);Y(s[l])||(e[l]=ps(s[l],r[a]))}return e}const Oa=rt((t,e)=>{const i=Object.keys(e),s=i.concat(t).map(n=>[Dt(n),`data-${Dt(n)}`]).flat();return{attributes:i,filter:s}});function Da(t){const{$options:e,$props:i}=t,{id:s,props:n,el:o}=e;if(!n)return;const{attributes:r,filter:a}=Oa(s,n),l=new MutationObserver(h=>{const u=Un(e);h.some(({attributeName:d})=>{const f=d.replace("data-","");return(f===s?r:[we(f),we(d)]).some(v=>!Y(u[v])&&u[v]!==i[v])})&&t.$reset()});l.observe(o,{attributes:!0,attributeFilter:a}),Rn(t,l)}function de(t,e){var i;(i=t.$options[e])==null||i.forEach(s=>s.call(t))}function Ts(t){t._connected||(Aa(t),de(t,"beforeConnect"),t._connected=!0,Ta(t),qr(t),xa(t),Ea(t),Da(t),ka(t),de(t,"connected"),Ne(t))}function Cs(t){t._connected&&(de(t,"beforeDisconnect"),Ca(t),Vr(t),Pa(t),Sa(t),de(t,"disconnected"),t._connected=!1)}let Ma=0;function Vn(t,e={}){e.data=za(e,t.constructor.options),t.$options=Be(t.constructor.options,e,t),t.$props={},t._uid=Ma++,Ba(t),Na(t),ya(t),de(t,"created"),e.el&&t.$mount(e.el)}function Ba(t){const{data:e={}}=t.$options;for(const i in e)t.$props[i]=t[i]=e[i]}function Na(t){const{methods:e}=t.$options;if(e)for(const i in e)t[i]=e[i].bind(t)}function za({data:t={}},{args:e=[],props:i={}}){Q(t)&&(t=t.slice(0,e.length).reduce((s,n,o)=>(xt(n)?gt(s,n):s[e[o]]=n,s),{}));for(const s in t)Y(t[s])?delete t[s]:i[s]&&(t[s]=ps(i[s],t[s]));return t}const ut=function(t){Vn(this,t)};ut.util=zr,ut.options={},ut.version="3.18.0";const Fa="uk-",Gt="__uikit__",fe={};function Gn(t,e){var i;const s=Fa+Dt(t);if(!e)return xt(fe[s])&&(fe[s]=ut.extend(fe[s])),fe[s];t=we(t),ut[t]=(o,r)=>Ue(t,o,r);const n=xt(e)?{...e}:e.options;return n.id=s,n.name=t,(i=n.install)==null||i.call(n,ut,n,t),ut._initialized&&!n.functional&&requestAnimationFrame(()=>Ue(t,`[${s}],[data-${s}]`)),fe[s]=n}function Ue(t,e,i,...s){const n=Gn(t);return n.options.functional?new n({data:xt(e)?e:[e,i,...s]}):e?z(e).map(o)[0]:o();function o(r){const a=ki(r,t);if(a)if(i)a.$destroy();else return a;return new n({el:r,data:i})}}function Yt(t){return(t==null?void 0:t[Gt])||{}}function ki(t,e){return Yt(t)[e]}function Ha(t,e){t[Gt]||(t[Gt]={}),t[Gt][e.$options.name]=e}function La(t,e){var i;(i=t[Gt])==null||delete i[e.$options.name],ti(t[Gt])||delete t[Gt]}function Wa(t){t.component=Gn,t.getComponents=Yt,t.getComponent=ki,t.update=Yn,t.use=function(i){if(!i.installed)return i.call(null,this),i.installed=!0,this},t.mixin=function(i,s){s=(N(s)?this.component(s):s)||this,s.options=Be(s.options,i)},t.extend=function(i){i||(i={});const s=this,n=function(r){Vn(this,r)};return n.prototype=Object.create(s.prototype),n.prototype.constructor=n,n.options=Be(s.options,i),n.super=s,n.extend=s.extend,n};let e;Object.defineProperty(t,"container",{get(){return e||document.body},set(i){e=k(i)}})}function Yn(t,e){t=t?F(t):document.body;for(const i of Te(t).reverse())Xn(i,e);St(t,i=>Xn(i,e))}function Xn(t,e){const i=Yt(t);for(const s in i)Ne(i[s],e)}function ja(t){t.prototype.$mount=function(e){const i=this;Ha(e,i),i.$options.el=e,document.contains(e)&&Ts(i)},t.prototype.$destroy=function(e=!1){const i=this,{el:s}=i.$options;s&&Cs(i),de(i,"destroy"),La(s,i),e&&at(i.$el)},t.prototype.$create=Ue,t.prototype.$emit=function(e){Ne(this,e)},t.prototype.$update=function(e=this.$el,i){Yn(e,i)},t.prototype.$reset=function(){Cs(this),Ts(this)},t.prototype.$getComponent=ki,Object.defineProperties(t.prototype,{$el:{get(){return this.$options.el}},$container:Object.getOwnPropertyDescriptor(t,"container")})}let Ra=1;function Xt(t,e=null){return(e==null?void 0:e.id)||`${t.$options.id}-${Ra++}`}var qa={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav:({selNav:t},e)=>k(t,e),navChildren(){return B(this.nav)},selNavItem:({attrItem:t})=>`[${t}],[data-${t}]`,navItems(t,e){return z(this.selNavItem,e)}},watch:{nav(t,e){p(t,"role","tablist"),e&&this.$emit()},list(t){p(t,"role","presentation")},navChildren(t){p(t,"role","presentation")},navItems(t){for(const e of t){const i=X(e,this.attrItem),s=k("a,button",e)||e;let n,o=null;if(vt(i)){const r=$t(i),a=this.slides[r];a&&(a.id||(a.id=Xt(this,a)),o=a.id),n=this.t("slideX",S(i)+1),p(s,"role","tab")}else this.list&&(this.list.id||(this.list.id=Xt(this,this.list)),o=this.list.id),n=this.t(i);p(s,{"aria-controls":o,"aria-label":p(s,"aria-label")||n})}},slides(t){t.forEach((e,i)=>p(e,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",i+1,this.length),"aria-roledescription":this.nav?null:"slide"}))},length(t){const e=this.navChildren.length;if(this.nav&&t!==e){es(this.nav);for(let i=0;i<t;i++)L(this.nav,`<li ${this.attrItem}="${i}"><a href></a></li>`)}}},connected(){p(this.$el,{role:this.role,"aria-roledescription":"carousel"})},update:[{write(){this.navItems.concat(this.nav).forEach(t=>t&&(t.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate(){return this.selNavItem},filter(){return!this.parallax},handler(t){t.target.closest("a,button")&&(t.type==="click"||t.keyCode===_.SPACE)&&(t.preventDefault(),this.show(X(t.current,this.attrItem)))}},{name:"itemshow",handler:"updateNav"},{name:"keydown",delegate(){return this.selNavItem},filter(){return!this.parallax},handler(t){const{current:e,keyCode:i}=t,s=X(e,this.attrItem);if(!vt(s))return;let n=i===_.HOME?0:i===_.END?"last":i===_.LEFT?"previous":i===_.RIGHT?"next":-1;~n&&(t.preventDefault(),this.show(n))}}],methods:{updateNav(){const t=this.getValidIndex();for(const e of this.navItems){const i=X(e,this.attrItem),s=k("a,button",e)||e;if(vt(i)){const o=$t(i)===t;j(e,this.clsActive,o),j(s,"uk-disabled",this.parallax),p(s,{"aria-selected":o,tabindex:o&&!this.parallax?null:-1}),o&&s&&E(P(e),":focus-within")&&s.focus()}else j(e,"uk-invisible",this.finite&&(i==="previous"&&t===0||i==="next"&&t>=this.maxIndex))}}}},Jn={mixins:[ma,wa,qa,yi],props:{clsActivated:String,easing:String,index:Number,finite:Boolean,velocity:Number},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:"",clsEnter:"uk-slide-enter",clsLeave:"uk-slide-leave",clsSlideActive:"uk-slide-active",Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){O(this.slides,this.clsActive)},computed:{duration:({velocity:t},e)=>Kn(e.offsetWidth/t),list:({selList:t},e)=>k(t,e),maxIndex(){return this.length-1},slides(){return B(this.list)},length(){return this.slides.length}},watch:{slides(t,e){e&&this.$emit()}},observe:ct(),events:{itemshow({target:t}){$(t,this.clsEnter,this.clsSlideActive)},itemshown({target:t}){O(t,this.clsEnter)},itemhide({target:t}){$(t,this.clsLeave)},itemhidden({target:t}){O(t,this.clsLeave,this.clsSlideActive)}},methods:{show(t,e=!1){var i;if(this.dragging||!this.length||this.parallax)return;const{stack:s}=this,n=e?0:s.length,o=()=>{s.splice(n,1),s.length&&this.show(s.shift(),!0)};if(s[e?"unshift":"push"](t),!e&&s.length>1){s.length===2&&((i=this._transitioner)==null||i.forward(Math.min(this.duration,200)));return}const r=this.getIndex(this.index),a=y(this.slides,this.clsActive)&&this.slides[r],l=this.getIndex(t,this.index),h=this.slides[l];if(a===h){o();return}if(this.dir=Ua(t,r),this.prevIndex=r,this.index=l,a&&!g(a,"beforeitemhide",[this])||!g(h,"beforeitemshow",[this,a])){this.index=this.prevIndex,o();return}const u=this._show(a,h,e).then(()=>{a&&g(a,"itemhidden",[this]),g(h,"itemshown",[this]),s.shift(),this._transitioner=null,requestAnimationFrame(()=>s.length&&this.show(s.shift(),!0))});return a&&g(a,"itemhide",[this]),g(h,"itemshow",[this]),u},getIndex(t=this.index,e=this.index){return tt(ot(t,this.slides,e,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(t=this.index,e=this.prevIndex){return this.getIndex(t,e)},_show(t,e,i){if(this._transitioner=this._getTransitioner(t,e,this.dir,{easing:i?e.offsetWidth<600?"cubic-bezier(0.25, 0.46, 0.45, 0.94)":"cubic-bezier(0.165, 0.84, 0.44, 1)":this.easing,...this.transitionOptions}),!i&&!t)return this._translate(1),Promise.resolve();const{length:s}=this.stack;return this._transitioner[s>1?"forward":"show"](s>1?Math.min(this.duration,75+75/(s-1)):this.duration,this.percent)},_translate(t,e=this.prevIndex,i=this.index){const s=this._getTransitioner(e===i?!1:e,i);return s.translate(t),s},_getTransitioner(t=this.prevIndex,e=this.index,i=this.dir||1,s=this.transitionOptions){return new this.Transitioner($e(t)?this.slides[t]:t,$e(e)?this.slides[e]:e,i*(V?-1:1),s)}}};function Ua(t,e){return t==="next"?1:t==="previous"||t<e?-1:1}function Kn(t){return .5*t+300}var Zn={mixins:[Jn],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:ks,Transitioner:ga},computed:{animation({animation:t,Animations:e}){return{...e[t]||e.slide,name:t}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow({target:t}){$(t,this.clsActive)},itemshown({target:t}){$(t,this.clsActivated)},itemhidden({target:t}){O(t,this.clsActive,this.clsActivated)}}},Qn={...ks,fade:{show(){return[{opacity:0},{opacity:1}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t},{opacity:t}]}},scale:{show(){return[{opacity:0,transform:ue(1-.2)},{opacity:1,transform:ue(1)}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t,transform:ue(1-.2*t)},{opacity:t,transform:ue(1-.2+.2*t)}]}}},to={mixins:[ys,Zn],functional:!0,props:{delayControls:Number,preload:Number,videoAutoplay:Boolean,template:String},data:()=>({preload:1,videoAutoplay:!1,delayControls:3e3,items:[],cls:"uk-open",clsPage:"uk-lightbox-page",selList:".uk-lightbox-items",attrItem:"uk-lightbox-item",selClose:".uk-close-large",selCaption:".uk-lightbox-caption",pauseOnHover:!1,velocity:2,Animations:Qn,template:'<div class="uk-lightbox uk-overflow-hidden"> <ul class="uk-lightbox-items"></ul> <div class="uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque"> <button class="uk-lightbox-toolbar-icon uk-close-large" type="button" uk-close></button> </div> <a class="uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade" href uk-slidenav-previous uk-lightbox-item="previous"></a> <a class="uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade" href uk-slidenav-next uk-lightbox-item="next"></a> <div class="uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque"></div> </div>'}),created(){const t=k(this.template),e=k(this.selList,t);this.items.forEach(()=>L(e,"<li>"));const i=k("[uk-close]",t),s=this.t("close");i&&s&&(i.dataset.i18n=JSON.stringify({label:s})),this.$mount(L(this.container,t))},computed:{caption:({selCaption:t},e)=>k(t,e)},events:[{name:`${pi} ${mt} keydown`,handler:"showControls"},{name:"click",self:!0,delegate(){return`${this.selList} > *`},handler(t){t.defaultPrevented||this.hide()}},{name:"shown",self:!0,handler:"showControls"},{name:"hide",self:!0,handler(){this.hideControls(),O(this.slides,this.clsActive),D.stop(this.slides)}},{name:"hidden",self:!0,handler(){this.$destroy(!0)}},{name:"keyup",el(){return document},handler({keyCode:t}){if(!this.isToggled(this.$el)||!this.draggable)return;let e=-1;t===_.LEFT?e="previous":t===_.RIGHT?e="next":t===_.HOME?e=0:t===_.END&&(e="last"),~e&&this.show(e)}},{name:"beforeitemshow",handler(t){this.isToggled()||(this.draggable=!1,t.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=Qn.scale,O(t.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshow",handler(){Ht(this.caption,this.getItem().caption||"");for(let t=-this.preload;t<=this.preload;t++)this.loadItem(this.index+t)}},{name:"itemshown",handler(){this.draggable=this.$props.draggable}},{name:"itemload",async handler(t,e){const{source:i,type:s,alt:n="",poster:o,attrs:r={}}=e;if(this.setItem(e,"<span uk-spinner></span>"),!i)return;let a;const l={allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":`${this.videoAutoplay}`};if(s==="image"||i.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)){const h=Ve("img",{src:i,alt:n,...r});x(h,"load",()=>this.setItem(e,h)),x(h,"error",()=>this.setError(e))}else if(s==="video"||i.match(/\.(mp4|webm|ogv)($|\?)/i)){const h=Ve("video",{src:i,poster:o,controls:"",playsinline:"","uk-video":`${this.videoAutoplay}`,...r});x(h,"loadedmetadata",()=>this.setItem(e,h)),x(h,"error",()=>this.setError(e))}else if(s==="iframe"||i.match(/\.(html|php)($|\?)/i))this.setItem(e,Ve("iframe",{src:i,allowfullscreen:"",class:"uk-lightbox-iframe",...r}));else if(a=i.match(/\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(e,Ve("iframe",{src:`https://www.youtube${a[1]||""}.com/embed/${a[2]}${a[3]?`?${a[3]}`:""}`,width:1920,height:1080,...l,...r}));else if(a=i.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))try{const{height:h,width:u}=await(await fetch(`https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(i)}`,{credentials:"omit"})).json();this.setItem(e,Ve("iframe",{src:`https://player.vimeo.com/video/${a[1]}${a[2]?`?${a[2]}`:""}`,width:u,height:h,...l,...r}))}catch{this.setError(e)}}}],methods:{loadItem(t=this.index){const e=this.getItem(t);this.getSlide(e).childElementCount||g(this.$el,"itemload",[e])},getItem(t=this.index){return this.items[ot(t,this.slides)]},setItem(t,e){g(this.$el,"itemloaded",[this,Ht(this.getSlide(t),e)])},getSlide(t){return this.slides[this.items.indexOf(t)]},setError(t){this.setItem(t,'<span uk-icon="icon: bolt; ratio: 2"></span>')},showControls(){clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout(this.hideControls,this.delayControls),$(this.$el,"uk-active","uk-transition-active")},hideControls(){O(this.$el,"uk-active","uk-transition-active")}}};function Ve(t,e){const i=Lt(`<${t}>`);return p(i,e),i}var Va={install:Ga,props:{toggle:String},data:{toggle:"a"},computed:{toggles:({toggle:t},e)=>z(t,e)},watch:{toggles(t){this.hide();for(const e of t)U(e,"a")&&p(e,"role","button")}},disconnected(){this.hide()},events:{name:"click",delegate(){return`${this.toggle}:not(.uk-disabled)`},handler(t){t.preventDefault(),this.show(t.current)}},methods:{show(t){const e=Hs(this.toggles.map(eo),"source");if(xe(t)){const{source:i}=eo(t);t=bt(e,({source:s})=>i===s)}return this.panel=this.panel||this.$create("lightboxPanel",{...this.$props,items:e}),x(this.panel.$el,"hidden",()=>this.panel=null),this.panel.show(t)},hide(){var t;return(t=this.panel)==null?void 0:t.hide()}}};function Ga(t,e){t.lightboxPanel||t.component("lightboxPanel",to),gt(e.props,t.component("lightboxPanel").options.props)}function eo(t){const e={};for(const i of["href","caption","type","poster","alt","attrs"])e[i==="href"?"source":i]=X(t,i);return e.attrs=ce(e.attrs),e}var Ya={mixins:[We],functional:!0,args:["message","status"],data:{message:"",status:"",timeout:5e3,group:"",pos:"top-center",clsContainer:"uk-notification",clsClose:"uk-notification-close",clsMsg:"uk-notification-message"},install:Xa,computed:{marginProp:({pos:t})=>`margin-${t.match(/[a-z]+(?=-)/)[0]}`,startProps(){return{opacity:0,[this.marginProp]:-this.$el.offsetHeight}}},created(){const t=`${this.clsContainer}-${this.pos}`,e=`data-${this.clsContainer}-container`,i=k(`.${t}[${e}]`,this.container)||L(this.container,`<div class="${this.clsContainer} ${t}" ${e}></div>`);this.$mount(L(i,`<div class="${this.clsMsg}${this.status?` ${this.clsMsg}-${this.status}`:""}" role="alert"> <a href class="${this.clsClose}" data-uk-close></a> <div>${this.message}</div> </div>`))},async connected(){const t=S(c(this.$el,this.marginProp));await D.start(c(this.$el,this.startProps),{opacity:1,[this.marginProp]:t}),this.timeout&&(this.timer=setTimeout(this.close,this.timeout))},events:{click(t){t.target.closest('a[href="#"],a[href=""]')&&t.preventDefault(),this.close()},[le](){this.timer&&clearTimeout(this.timer)},[De](){this.timeout&&(this.timer=setTimeout(this.close,this.timeout))}},methods:{async close(t){const e=i=>{const s=P(i);g(i,"close",[this]),at(i),s!=null&&s.hasChildNodes()||at(s)};this.timer&&clearTimeout(this.timer),t||await D.start(this.$el,this.startProps),e(this.$el)}}};function Xa(t){t.notification.closeAll=function(e,i){St(document.body,s=>{const n=t.getComponent(s,"notification");n&&(!e||e===n.group)&&n.close(i)})}}var Si={props:{media:Boolean},data:{media:!1},connected(){const t=Ja(this.media,this.$el);if(this.matchMedia=!0,t){this.mediaObj=window.matchMedia(t);const e=()=>{this.matchMedia=this.mediaObj.matches,g(this.$el,Ft("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=x(this.mediaObj,"change",()=>{e(),this.$emit("resize")}),e()}},disconnected(){var t;(t=this.offMediaObj)==null||t.call(this)}};function Ja(t,e){if(N(t)){if(dt(t,"@"))t=S(c(e,`--uk-breakpoint-${t.substr(1)}`));else if(isNaN(t))return t}return t&&vt(t)?`(min-width: ${t}px)`:""}function io(t){return Math.ceil(Math.max(0,...z("[stroke]",t).map(e=>{try{return e.getTotalLength()}catch{return 0}})))}const Ii={x:Ti,y:Ti,rotate:Ti,scale:Ti,color:Es,backgroundColor:Es,borderColor:Es,blur:Jt,hue:Jt,fopacity:Jt,grayscale:Jt,invert:Jt,saturate:Jt,sepia:Jt,opacity:Za,stroke:Qa,bgx:oo,bgy:oo},{keys:so}=Object;var no={mixins:[Si],props:ho(so(Ii),"list"),data:ho(so(Ii),void 0),computed:{props(t,e){const i={};for(const n in t)n in Ii&&!Y(t[n])&&(i[n]=t[n].slice());const s={};for(const n in i)s[n]=Ii[n](n,e,i[n],i);return s}},events:{load(){this.$emit()}},methods:{reset(){for(const t in this.getCss(0))c(this.$el,t,"")},getCss(t){const e={};for(const i in this.props)this.props[i](e,tt(t));return e.willChange=Object.keys(e).map(ri).join(","),e}}};function Ti(t,e,i){let s=Ei(i)||{x:"px",y:"px",rotate:"deg"}[t]||"",n;return t==="x"||t==="y"?(t=`translate${Tt(t)}`,n=o=>S(S(o).toFixed(s==="px"?0:6))):t==="scale"&&(s="",n=o=>{var r;return Ei([o])?R(o,"width",e,!0)/e[`offset${(r=o.endsWith)!=null&&r.call(o,"vh")?"Height":"Width"}`]:S(o)}),i.length===1&&i.unshift(t==="scale"?1:0),i=pe(i,n),(o,r)=>{o.transform=`${o.transform||""} ${t}(${Ge(i,r)}${s})`}}function Es(t,e,i){return i.length===1&&i.unshift(Ye(e,t,"")),i=pe(i,s=>Ka(e,s)),(s,n)=>{const[o,r,a]=lo(i,n),l=o.map((h,u)=>(h+=a*(r[u]-h),u===3?S(h):parseInt(h,10))).join(",");s[t]=`rgba(${l})`}}function Ka(t,e){return Ye(t,"color",e).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(S)}function Jt(t,e,i){i.length===1&&i.unshift(0);const s=Ei(i)||{blur:"px",hue:"deg"}[t]||"%";return t={fopacity:"opacity",hue:"hue-rotate"}[t]||t,i=pe(i),(n,o)=>{const r=Ge(i,o);n.filter=`${n.filter||""} ${t}(${r+s})`}}function Za(t,e,i){return i.length===1&&i.unshift(Ye(e,t,"")),i=pe(i),(s,n)=>{s[t]=Ge(i,n)}}function Qa(t,e,i){i.length===1&&i.unshift(0);const s=Ei(i),n=io(e);return i=pe(i.reverse(),o=>(o=S(o),s==="%"?o*n/100:o)),i.some(([o])=>o)?(c(e,"strokeDasharray",n),(o,r)=>{o.strokeDashoffset=Ge(i,r)}):A}function oo(t,e,i,s){i.length===1&&i.unshift(0);const n=t==="bgy"?"height":"width";s[t]=pe(i,a=>R(a,n,e));const o=["bgx","bgy"].filter(a=>a in s);if(o.length===2&&t==="bgx")return A;if(Ye(e,"backgroundSize","")==="cover")return tl(t,e,i,s);const r={};for(const a of o)r[a]=ro(e,a);return ao(o,r,s)}function tl(t,e,i,s){const n=el(e);if(!n.width)return A;const o={width:e.offsetWidth,height:e.offsetHeight},r=["bgx","bgy"].filter(u=>u in s),a={};for(const u of r){const d=s[u].map(([M])=>M),f=Math.min(...d),v=Math.max(...d),b=d.indexOf(f)<d.indexOf(v),T=v-f;a[u]=`${(b?-T:0)-(b?f:v)}px`,o[u==="bgy"?"height":"width"]+=T}const l=Ri.cover(n,o);for(const u of r){const d=u==="bgy"?"height":"width",f=l[d]-o[d];a[u]=`max(${ro(e,u)},-${f}px) + ${a[u]}`}const h=ao(r,a,s);return(u,d)=>{h(u,d),u.backgroundSize=`${l.width}px ${l.height}px`,u.backgroundRepeat="no-repeat"}}function ro(t,e){return Ye(t,`background-position-${e.substr(-1)}`,"")}function ao(t,e,i){return function(s,n){for(const o of t){const r=Ge(i[o],n);s[`background-position-${o.substr(-1)}`]=`calc(${e[o]} + ${r}px)`}}}const Ci={};function el(t){const e=c(t,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(Ci[e])return Ci[e];const i=new Image;return e&&(i.src=e,!i.naturalWidth)?(i.onload=()=>{Ci[e]=Ps(i),g(t,Ft("load",!1))},Ps(i)):Ci[e]=Ps(i)}function Ps(t){return{width:t.naturalWidth,height:t.naturalHeight}}function pe(t,e=S){const i=[],{length:s}=t;let n=0;for(let o=0;o<s;o++){let[r,a]=N(t[o])?t[o].trim().split(/ (?![^(]*\))/):[t[o]];if(r=e(r),a=a?S(a)/100:null,o===0?a===null?a=0:a&&i.push([r,0]):o===s-1&&(a===null?a=1:a!==1&&(i.push([r,a]),a=1)),i.push([r,a]),a===null)n++;else if(n){const l=i[o-n-1][1],h=(a-l)/(n+1);for(let u=n;u>0;u--)i[o-u][1]=l+h*(n-u+1);n=0}}return i}function lo(t,e){const i=bt(t.slice(1),([,s])=>e<=s)+1;return[t[i-1][0],t[i][0],(e-t[i-1][1])/(t[i][1]-t[i-1][1])]}function Ge(t,e){const[i,s,n]=lo(t,e);return i+Math.abs(i-s)*n*(i<s?1:-1)}const il=/^-?\d+(?:\.\d+)?(\S+)?/;function Ei(t,e){var i;for(const s of t){const n=(i=s.match)==null?void 0:i.call(s,il);if(n)return n[1]}return e}function Ye(t,e,i){const s=t.style[e],n=c(c(t,e,i),e);return t.style[e]=s,n}function ho(t,e){return t.reduce((i,s)=>(i[s]=e,i),{})}function co(t,e){return e>=0?Math.pow(t,e+1):1-Math.pow(1-t,1-e)}var sl={mixins:[no],props:{target:String,viewport:Number,easing:Number,start:String,end:String},data:{target:!1,viewport:1,easing:1,start:0,end:0},computed:{target:({target:t},e)=>uo(t&&J(t,e)||e),start({start:t}){return R(t,"height",this.target,!0)},end({end:t,viewport:e}){return R(t||(e=(1-e)*100)&&`${e}vh+${e}%`,"height",this.target,!0)}},observe:[ms(),He({target:({target:t})=>t}),ct({target:({$el:t,target:e})=>[t,e,It(e,!0)]})],update:{read({percent:t},e){if(e.has("scroll")||(t=!1),!q(this.$el))return!1;if(!this.matchMedia)return;const i=t;return t=co(wi(this.target,this.start,this.end),this.easing),{percent:t,style:i===t?!1:this.getCss(t)}},write({style:t}){if(!this.matchMedia){this.reset();return}t&&c(this.$el,t)},events:["scroll","resize"]}};function uo(t){return t?"offsetTop"in t?t:uo(P(t)):document.documentElement}var fo={props:{parallax:Boolean,parallaxTarget:Boolean,parallaxStart:String,parallaxEnd:String,parallaxEasing:Number},data:{parallax:!1,parallaxTarget:!1,parallaxStart:0,parallaxEnd:0,parallaxEasing:0},observe:[ct({target:({$el:t,parallaxTarget:e})=>[t,e],filter:({parallax:t})=>t}),He({filter:({parallax:t})=>t})],computed:{parallaxTarget({parallaxTarget:t},e){return t&&J(t,e)||this.list}},update:{write(){if(!this.parallax)return;const t=this.parallaxTarget,e=R(this.parallaxStart,"height",t,!0),i=R(this.parallaxEnd,"height",t,!0),s=co(wi(t,e,i),this.parallaxEasing),[n,o]=this.getIndexAt(s),r=this.getValidIndex(n+Math.ceil(o)),a=this.slides[n],l=this.slides[r],{triggerShow:h,triggerShown:u,triggerHide:d,triggerHidden:f}=nl(this);if(~this.prevIndex)for(const b of new Set([this.index,this.prevIndex]))m([r,n],b)||(d(this.slides[b]),f(this.slides[b]));const v=this.prevIndex!==n||this.index!==r;this.dir=1,this.prevIndex=n,this.index=r,a!==l&&d(a),h(l),v&&u(a),this._translate(a===l?1:o,a,l)},events:["scroll","resize"]},methods:{getIndexAt(t){const e=t*(this.length-1);return[Math.floor(e),e%1]}}};function nl(t){const{clsSlideActive:e,clsEnter:i,clsLeave:s}=t;return{triggerShow:n,triggerShown:o,triggerHide:r,triggerHidden:a};function n(l){y(l,s)&&(r(l),a(l)),y(l,e)||(g(l,"beforeitemshow",[t]),g(l,"itemshow",[t]))}function o(l){y(l,i)&&g(l,"itemshown",[t])}function r(l){y(l,e)||n(l),y(l,i)&&o(l),y(l,s)||(g(l,"beforeitemhide",[t]),g(l,"itemhide",[t]))}function a(l){y(l,s)&&g(l,"itemhidden",[t])}}var po={update:{write(){if(this.stack.length||this.dragging||this.parallax)return;const t=this.getValidIndex();!~this.prevIndex||this.index!==t?this.show(t):this._translate(1,this.prevIndex,this.index)},events:["resize"]}},go={observe:Fe({target:({slides:t})=>t,targets:t=>t.getAdjacentSlides()}),methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}};function ol(t,e,i,{center:s,easing:n,list:o}){const r=t?Xe(t,o,s):Xe(e,o,s)+w(e).width*i,a=e?Xe(e,o,s):r+w(t).width*i*(V?-1:1);let l;return{dir:i,show(h,u=0,d){const f=d?"linear":n;return h-=Math.round(h*tt(u,-1,1)),this.translate(u),u=t?u:tt(u,0,1),_s(this.getItemIn(),"itemin",{percent:u,duration:h,timing:f,dir:i}),t&&_s(this.getItemIn(!0),"itemout",{percent:1-u,duration:h,timing:f,dir:i}),new Promise(v=>{l||(l=v),D.start(o,{transform:W(-a*(V?-1:1),"px")},h,f).then(l,A)})},cancel(){return D.cancel(o)},reset(){c(o,"transform","")},async forward(h,u=this.percent()){return await this.cancel(),this.show(h,u,!0)},translate(h){const u=this.getDistance()*i*(V?-1:1);c(o,"transform",W(tt(-a+(u-u*h),-Je(o),w(o).width)*(V?-1:1),"px"));const d=this.getActives(),f=this.getItemIn(),v=this.getItemIn(!0);h=t?tt(h,-1,1):0;for(const b of B(o)){const T=m(d,b),M=b===f,wt=b===v,Ze=M||!wt&&(T||i*(V?-1:1)===-1^Pi(b,o)>Pi(t||e));_s(b,`itemtranslate${Ze?"in":"out"}`,{dir:i,percent:wt?1-h:M?h:T?1:0})}},percent(){return Math.abs((c(o,"transform").split(",")[4]*(V?-1:1)+r)/(a-r))},getDistance(){return Math.abs(a-r)},getItemIn(h=!1){let u=this.getActives(),d=vo(o,Xe(e||t,o,s));if(h){const f=u;u=d,d=f}return d[bt(d,f=>!m(u,f))]},getActives(){return vo(o,Xe(t||e,o,s))}}}function Xe(t,e,i){const s=Pi(t,e);return i?s-rl(t,e):Math.min(s,mo(e))}function mo(t){return Math.max(0,Je(t)-w(t).width)}function Je(t){return Nt(B(t),e=>w(e).width)}function rl(t,e){return w(e).width/2-w(t).width/2}function Pi(t,e){return t&&(ss(t).left+(V?w(t).width-w(e).width:0))*(V?-1:1)||0}function vo(t,e){e-=1;const i=w(t).width,s=e+i+2;return B(t).filter(n=>{const o=Pi(n,t),r=o+Math.min(w(n).width,i);return o>=e&&r<=s})}function _s(t,e,i){g(t,Ft(e,!1,!1,i))}var al={mixins:[st,Jn,po,fo,go],props:{center:Boolean,sets:Boolean},data:{center:!1,sets:!1,attrItem:"uk-slider-item",selList:".uk-slider-items",selNav:".uk-slider-nav",clsContainer:"uk-slider-container",Transitioner:ol},computed:{finite({finite:t}){return t||ll(this.list,this.center)},maxIndex(){if(!this.finite||this.center&&!this.sets)return this.length-1;if(this.center)return Mt(this.sets);let t=0;const e=mo(this.list),i=bt(this.slides,s=>{if(t>=e)return!0;t+=w(s).width});return~i?i:this.length-1},sets({sets:t}){if(!t||this.parallax)return;let e=0;const i=[],s=w(this.list).width;for(let n=0;n<this.length;n++){const o=w(this.slides[n]).width;e+o>s&&(e=0),this.center?e<s/2&&e+o+w(this.slides[ot(+n+1,this.slides)]).width/2>s/2&&(i.push(+n),e=s/2-o/2):e===0&&i.push(Math.min(+n,this.maxIndex)),e+=o}if(i.length)return i},transitionOptions(){return{center:this.center,list:this.list}},slides(){return B(this.list).filter(q)}},connected(){j(this.$el,this.clsContainer,!k(`.${this.clsContainer}`,this.$el))},observe:ct({target:({slides:t})=>t}),update:{write(){for(const t of this.navItems){const e=$t(X(t,this.attrItem));e!==!1&&(t.hidden=!this.maxIndex||e>this.maxIndex||this.sets&&!m(this.sets,e))}this.reorder(),this.updateActiveClasses()},events:["resize"]},events:{beforeitemshow(t){!this.dragging&&this.sets&&this.stack.length<2&&!m(this.sets,this.index)&&(this.index=this.getValidIndex());const e=Math.abs(this.index-this.prevIndex+(this.dir>0&&this.index<this.prevIndex||this.dir<0&&this.index>this.prevIndex?(this.maxIndex+1)*this.dir:0));if(!this.dragging&&e>1){for(let n=0;n<e;n++)this.stack.splice(1,0,this.dir>0?"next":"previous");t.preventDefault();return}const i=this.dir<0||!this.slides[this.prevIndex]?this.index:this.prevIndex,s=Je(this.list)/this.length;this.duration=Kn(s/this.velocity)*(w(this.slides[i]).width/s),this.reorder()},itemshow(){~this.prevIndex&&$(this._getTransitioner().getItemIn(),this.clsActive),this.updateActiveClasses(this.prevIndex)},itemshown(){this.updateActiveClasses()}},methods:{reorder(){if(this.finite){c(this.slides,"order","");return}const t=this.dir>0&&this.slides[this.prevIndex]?this.prevIndex:this.index;if(this.slides.forEach((n,o)=>c(n,"order",this.dir>0&&o<t?1:this.dir<0&&o>=this.index?-1:"")),!this.center)return;const e=this.slides[t];let i=w(this.list).width/2-w(e).width/2,s=0;for(;i>0;){const n=this.getIndex(--s+t,t),o=this.slides[n];c(o,"order",n>t?-2:-1),i-=w(o).width}},updateActiveClasses(t=this.index){const e=this._getTransitioner(t).getActives(),i=[this.clsActive,!this.sets||m(this.sets,S(this.index))?this.clsActivated:""];for(const s of this.slides){const n=m(e,s);j(s,i,n),p(s,"aria-hidden",!n);for(const o of z(Se,s))pt(o,"_tabindex")||(o._tabindex=p(o,"tabindex")),p(o,"tabindex",n?o._tabindex:-1)}},getValidIndex(t=this.index,e=this.prevIndex){if(t=this.getIndex(t,e),!this.sets)return t;let i;do{if(m(this.sets,t))return t;i=t,t=this.getIndex(t+this.dir,e)}while(t!==i);return t},getAdjacentSlides(){const{width:t}=w(this.list),e=-t,i=t*2,s=w(this.slides[this.index]).width,n=this.center?t/2-s/2:0,o=new Set;for(const r of[-1,1]){let a=n+(r>0?s:0),l=0;do{const h=this.slides[this.getIndex(this.index+r+l++*r)];a+=w(h).width*r,o.add(h)}while(this.length>l&&a>e&&a<i)}return Array.from(o)},getIndexAt(t){let e=-1;const i=w(this.slides[0]).width,s=w(Mt(this.slides)).width,n=Je(this.list)-(this.center?i/2+s/2:s);let o=t*n,r=0;do{const a=w(this.slides[++e]).width,l=this.center?a/2+w(this.slides[e+1]).width/2:a;r=o/l%1,o-=l}while(o>=0&&e<this.maxIndex);return[e,r]}}};function ll(t,e){if(!t||t.length<2)return!0;const{width:i}=w(t);if(!e)return Math.ceil(Je(t))<Math.trunc(i+hl(t));const s=B(t),n=Math.trunc(i/2);for(const o in s){const r=s[o],a=w(r).width,l=new Set([r]);let h=0;for(const u of[-1,1]){let d=a/2,f=0;for(;d<n;){const v=s[ot(+o+u+f++*u,s)];if(l.has(v))return!0;d+=w(v).width,l.add(v)}h=Math.max(h,a/2+w(s[ot(+o+u,s)]).width/2-(d-n))}if(h>Nt(s.filter(u=>!l.has(u)),u=>w(u).width))return!0}return!1}function hl(t){return Math.max(0,...B(t).map(e=>w(e).width))}var wo={mixins:[no],data:{selItem:"!li"},beforeConnect(){this.item=J(this.selItem,this.$el)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el(){return this.item},handler({type:t,detail:{percent:e,duration:i,timing:s,dir:n}}){K.read(()=>{if(!this.matchMedia)return;const o=this.getCss(xo(t,n,e)),r=this.getCss(bo(t)?.5:n>0?1:0);K.write(()=>{c(this.$el,o),D.start(this.$el,r,i,s).catch(A)})})}},{name:"transitioncanceled transitionend",self:!0,el(){return this.item},handler(){D.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el(){return this.item},handler({type:t,detail:{percent:e,dir:i}}){K.read(()=>{if(!this.matchMedia){this.reset();return}const s=this.getCss(xo(t,i,e));K.write(()=>c(this.$el,s))})}}]};function bo(t){return te(t,"in")}function xo(t,e,i){return i/=2,bo(t)^e<0?i:1-i}var cl={...ks,fade:{show(){return[{opacity:0,zIndex:0},{zIndex:-1}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t,zIndex:0},{zIndex:-1}]}},scale:{show(){return[{opacity:0,transform:ue(1+.5),zIndex:0},{zIndex:-1}]},percent(t){return 1-c(t,"opacity")},translate(t){return[{opacity:1-t,transform:ue(1+.5*t),zIndex:0},{zIndex:-1}]}},pull:{show(t){return t<0?[{transform:W(30),zIndex:-1},{transform:W(),zIndex:0}]:[{transform:W(-100),zIndex:0},{transform:W(),zIndex:-1}]},percent(t,e,i){return i<0?1-je(e):je(t)},translate(t,e){return e<0?[{transform:W(30*t),zIndex:-1},{transform:W(-100*(1-t)),zIndex:0}]:[{transform:W(-t*100),zIndex:0},{transform:W(30*(1-t)),zIndex:-1}]}},push:{show(t){return t<0?[{transform:W(100),zIndex:0},{transform:W(),zIndex:-1}]:[{transform:W(-30),zIndex:-1},{transform:W(),zIndex:0}]},percent(t,e,i){return i>0?1-je(e):je(t)},translate(t,e){return e<0?[{transform:W(t*100),zIndex:0},{transform:W(-30*(1-t)),zIndex:-1}]:[{transform:W(-30*t),zIndex:-1},{transform:W(100*(1-t)),zIndex:0}]}}},ul={mixins:[st,Zn,po,fo,go],props:{ratio:String,minHeight:String,maxHeight:String},data:{ratio:"16:9",minHeight:void 0,maxHeight:void 0,selList:".uk-slideshow-items",attrItem:"uk-slideshow-item",selNav:".uk-slideshow-nav",Animations:cl},watch:{list(t){c(t,{aspectRatio:this.ratio?this.ratio.replace(":","/"):void 0,minHeight:this.minHeight,maxHeight:this.maxHeight,minWidth:"100%",maxWidth:"100%"})}},methods:{getAdjacentSlides(){return[1,-1].map(t=>this.slides[this.getIndex(this.index+t)])}}},dl={mixins:[st,_n],props:{group:String,threshold:Number,clsItem:String,clsPlaceholder:String,clsDrag:String,clsDragState:String,clsBase:String,clsNoDrag:String,clsEmpty:String,clsCustom:String,handle:String},data:{group:!1,threshold:5,clsItem:"uk-sortable-item",clsPlaceholder:"uk-sortable-placeholder",clsDrag:"uk-sortable-drag",clsDragState:"uk-drag",clsBase:"uk-sortable",clsNoDrag:"uk-sortable-nodrag",clsEmpty:"uk-sortable-empty",clsCustom:"",handle:!1,pos:{}},created(){for(const t of["init","start","move","end"]){const e=this[t];this[t]=i=>{gt(this.pos,oe(i)),e(i)}}},events:{name:mt,passive:!1,handler:"init"},computed:{target:(t,e)=>(e.tBodies||[e])[0],items(){return B(this.target)},isEmpty(){return!this.items.length},handles({handle:t},e){return t?z(t,e):this.items}},watch:{isEmpty(t){j(this.target,this.clsEmpty,t)},handles(t,e){c(e,{touchAction:"",userSelect:""}),c(t,{touchAction:qt?"none":"",userSelect:"none"})}},update:{write(t){if(!this.drag||!P(this.placeholder))return;const{pos:{x:e,y:i},origin:{offsetTop:s,offsetLeft:n},placeholder:o}=this;c(this.drag,{top:i-s,left:e-n});const r=this.getSortable(document.elementFromPoint(e,i));if(!r)return;const{items:a}=r;if(a.some(D.inProgress))return;const l=ml(a,{x:e,y:i});if(a.length&&(!l||l===o))return;const h=this.getSortable(o),u=vl(r.target,l,o,e,i,r===h&&t.moved!==l);u!==!1&&(u&&o===u||(r!==h?(h.remove(o),t.moved=l):delete t.moved,r.insert(o,u),this.touched.add(r)))},events:["move"]},methods:{init(t){const{target:e,button:i,defaultPrevented:s}=t,[n]=this.items.filter(o=>o.contains(e));!n||s||i>0||Vi(e)||e.closest(`.${this.clsNoDrag}`)||this.handle&&!e.closest(this.handle)||(t.preventDefault(),this.touched=new Set([this]),this.placeholder=n,this.origin={target:e,index:Pt(n),...this.pos},x(document,pi,this.move),x(document,Ot,this.end),this.threshold||this.start(t))},start(t){this.drag=gl(this.$container,this.placeholder);const{left:e,top:i}=w(this.placeholder);gt(this.origin,{offsetLeft:this.pos.x-e,offsetTop:this.pos.y-i}),$(this.drag,this.clsDrag,this.clsCustom),$(this.placeholder,this.clsPlaceholder),$(this.items,this.clsItem),$(document.documentElement,this.clsDragState),g(this.$el,"start",[this,this.placeholder]),fl(this.pos),this.move(t)},move(t){this.drag?this.$emit("move"):(Math.abs(this.pos.x-this.origin.x)>this.threshold||Math.abs(this.pos.y-this.origin.y)>this.threshold)&&this.start(t)},end(){if(_t(document,pi,this.move),_t(document,Ot,this.end),!this.drag)return;pl();const t=this.getSortable(this.placeholder);this===t?this.origin.index!==Pt(this.placeholder)&&g(this.$el,"moved",[this,this.placeholder]):(g(t.$el,"added",[t,this.placeholder]),g(this.$el,"removed",[this,this.placeholder])),g(this.$el,"stop",[this,this.placeholder]),at(this.drag),this.drag=null;for(const{clsPlaceholder:e,clsItem:i}of this.touched)for(const s of this.touched)O(s.items,e,i);this.touched=null,O(document.documentElement,this.clsDragState)},insert(t,e){$(this.items,this.clsItem);const i=()=>e?li(e,t):L(this.target,t);this.animate(i)},remove(t){this.target.contains(t)&&this.animate(()=>at(t))},getSortable(t){do{const e=this.$getComponent(t,"sortable");if(e&&(e===this||this.group!==!1&&e.group===this.group))return e}while(t=P(t))}}};let $o;function fl(t){let e=Date.now();$o=setInterval(()=>{let{x:i,y:s}=t;s+=document.scrollingElement.scrollTop;const n=(Date.now()-e)*.3;e=Date.now(),he(document.elementFromPoint(i,t.y)).reverse().some(o=>{let{scrollTop:r,scrollHeight:a}=o;const{top:l,bottom:h,height:u}=lt(o);if(l<s&&l+35>s)r-=n;else if(h>s&&h-35<s)r+=n;else return;if(r>0&&r<a-u)return o.scrollTop=r,!0})},15)}function pl(){clearInterval($o)}function gl(t,e){let i;if(U(e,"li","tr")){i=k("<div>"),L(i,e.cloneNode(!0).children);for(const s of e.getAttributeNames())p(i,s,e.getAttribute(s))}else i=e.cloneNode(!0);return L(t,i),c(i,"margin","0","important"),c(i,{boxSizing:"border-box",width:e.offsetWidth,height:e.offsetHeight,padding:c(e,"padding")}),et(i.firstElementChild,et(e.firstElementChild)),i}function ml(t,e){return t[bt(t,i=>ii(e,w(i)))]}function vl(t,e,i,s,n,o){if(!B(t).length)return;const r=w(e);if(!o)return wl(t,i)||n<r.top+r.height/2?e:e.nextElementSibling;const a=w(i),l=yo([r.top,r.bottom],[a.top,a.bottom]),[h,u,d,f]=l?[s,"width","left","right"]:[n,"height","top","bottom"],v=a[u]<r[u]?r[u]-a[u]:0;return a[d]<r[d]?v&&h<r[d]+v?!1:e.nextElementSibling:v&&h>r[f]-v?!1:e}function wl(t,e){const i=B(t).length===1;i&&L(t,e);const s=B(t),n=s.some((o,r)=>{const a=w(o);return s.slice(r+1).some(l=>{const h=w(l);return!yo([a.left,a.right],[h.left,h.right])})});return i&&at(e),n}function yo(t,e){return t[1]>e[0]&&e[1]>t[0]}var ko={props:{pos:String,offset:null,flip:Boolean,shift:Boolean,inset:Boolean},data:{pos:`bottom-${V?"right":"left"}`,offset:!1,flip:!0,shift:!0,inset:!1},connected(){this.pos=this.$props.pos.split("-").concat("center").slice(0,2),[this.dir,this.align]=this.pos,this.axis=m(["top","bottom"],this.dir)?"y":"x"},methods:{positionAt(t,e,i){let s=[this.getPositionOffset(t),this.getShiftOffset(t)];const n=[this.flip&&"flip",this.shift&&"shift"],o={element:[this.inset?this.dir:fi(this.dir),this.align],target:[this.dir,this.align]};if(this.axis==="y"){for(const l in o)o[l].reverse();s.reverse(),n.reverse()}const r=bl(t),a=w(t);c(t,{top:-a.height,left:-a.width}),fn(t,e,{attach:o,offset:s,boundary:i,placement:n,viewportOffset:this.getViewportOffset(t)}),r()},getPositionOffset(t){return R(this.offset===!1?c(t,"--uk-position-offset"):this.offset,this.axis==="x"?"width":"height",t)*(m(["left","top"],this.dir)?-1:1)*(this.inset?-1:1)},getShiftOffset(t){return this.align==="center"?0:R(c(t,"--uk-position-shift-offset"),this.axis==="y"?"width":"height",t)*(m(["left","top"],this.align)?1:-1)},getViewportOffset(t){return R(c(t,"--uk-position-viewport-offset"))}}};function bl(t){const e=It(t),{scrollTop:i}=e;return()=>{i!==e.scrollTop&&(e.scrollTop=i)}}var xl={mixins:[We,Vt,ko],data:{pos:"top",animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},connected(){$l(this.$el)},disconnected(){this.hide()},methods:{show(){if(this.isToggled(this.tooltip||null))return;const{delay:t=0,title:e}=kl(this.$options);if(!e)return;const i=p(this.$el,"title"),s=x(this.$el,["blur",De],o=>!kt(o)&&this.hide());this.reset=()=>{p(this.$el,{title:i,"aria-describedby":null}),s()};const n=Xt(this);p(this.$el,{title:null,"aria-describedby":n}),clearTimeout(this.showTimer),this.showTimer=setTimeout(()=>this._show(e,n),t)},async hide(){var t;E(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&await this.toggleElement(this.tooltip,!1,!1),(t=this.reset)==null||t.call(this),at(this.tooltip),this.tooltip=null)},async _show(t,e){this.tooltip=L(this.container,`<div id="${e}" class="uk-${this.$options.name}" role="tooltip"> <div class="uk-${this.$options.name}-inner">${t}</div> </div>`),x(this.tooltip,"toggled",(i,s)=>{if(!s)return;const n=()=>this.positionAt(this.tooltip,this.$el);n();const[o,r]=yl(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?`${fi(o)}-${r}`:`${r}-${fi(o)}`;const a=[H(document,`keydown ${mt}`,this.hide,!1,l=>l.type===mt&&!this.$el.contains(l.target)||l.type==="keydown"&&l.keyCode===_.ESC),x([document,...Ut(this.$el)],"scroll",n,{passive:!0})];H(this.tooltip,"hide",()=>a.forEach(l=>l()),{self:!0})}),await this.toggleElement(this.tooltip,!0)||this.hide()}},events:{[`focus ${le} ${mt}`](t){kt(t)||this.show()}}};function $l(t){ni(t)||p(t,"tabindex","0")}function yl(t,e,[i,s]){const n=I(t),o=I(e),r=[["left","right"],["top","bottom"]];for(const l of r){if(n[l[0]]>=o[l[1]]){i=l[1];break}if(n[l[1]]<=o[l[0]]){i=l[0];break}}return s=(m(r[0],i)?r[1]:r[0]).find(l=>n[l]===o[l])||"center",[i,s]}function kl(t){const{el:e,id:i,data:s}=t;return["delay","title"].reduce((n,o)=>({[o]:X(e,o),...n}),{...ce(X(e,i),["title"]),...s})}var Sl={mixins:[yi],i18n:{invalidMime:"Invalid File Type: %s",invalidName:"Invalid File Name: %s",invalidSize:"Invalid File Size: %s Kilobytes Max"},props:{allow:String,clsDragover:String,concurrent:Number,maxSize:Number,method:String,mime:String,multiple:Boolean,name:String,params:Object,type:String,url:String},data:{allow:!1,clsDragover:"uk-dragover",concurrent:1,maxSize:0,method:"POST",mime:!1,multiple:!1,name:"files[]",params:{},type:"",url:"",abort:A,beforeAll:A,beforeSend:A,complete:A,completeAll:A,error:A,fail:A,load:A,loadEnd:A,loadStart:A,progress:A},events:{change(t){E(t.target,'input[type="file"]')&&(t.preventDefault(),t.target.files&&this.upload(t.target.files),t.target.value="")},drop(t){_i(t);const e=t.dataTransfer;e!=null&&e.files&&(O(this.$el,this.clsDragover),this.upload(e.files))},dragenter(t){_i(t)},dragover(t){_i(t),$(this.$el,this.clsDragover)},dragleave(t){_i(t),O(this.$el,this.clsDragover)}},methods:{async upload(t){if(t=Ct(t),!t.length)return;g(this.$el,"upload",[t]);for(const s of t){if(this.maxSize&&this.maxSize*1e3<s.size){this.fail(this.t("invalidSize",this.maxSize));return}if(this.allow&&!So(this.allow,s.name)){this.fail(this.t("invalidName",this.allow));return}if(this.mime&&!So(this.mime,s.type)){this.fail(this.t("invalidMime",this.mime));return}}this.multiple||(t=t.slice(0,1)),this.beforeAll(this,t);const e=Il(t,this.concurrent),i=async s=>{const n=new FormData;s.forEach(o=>n.append(this.name,o));for(const o in this.params)n.append(o,this.params[o]);try{const o=await Tl(this.url,{data:n,method:this.method,responseType:this.type,beforeSend:r=>{const{xhr:a}=r;x(a.upload,"progress",this.progress);for(const l of["loadStart","load","loadEnd","abort"])x(a,l.toLowerCase(),this[l]);return this.beforeSend(r)}});this.complete(o),e.length?await i(e.shift()):this.completeAll(o)}catch(o){this.error(o)}};await i(e.shift())}}};function So(t,e){return e.match(new RegExp(`^${t.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")}$`,"i"))}function Il(t,e){const i=[];for(let s=0;s<t.length;s+=e)i.push(t.slice(s,s+e));return i}function _i(t){t.preventDefault(),t.stopPropagation()}function Tl(t,e){const i={data:null,method:"GET",headers:{},xhr:new XMLHttpRequest,beforeSend:A,responseType:"",...e};return Promise.resolve().then(()=>i.beforeSend(i)).then(()=>Cl(t,i))}function Cl(t,e){return new Promise((i,s)=>{const{xhr:n}=e;for(const o in e)if(o in n)try{n[o]=e[o]}catch{}n.open(e.method.toUpperCase(),t);for(const o in e.headers)n.setRequestHeader(o,e.headers[o]);x(n,"load",()=>{n.status===0||n.status>=200&&n.status<300||n.status===304?i(n):s(gt(Error(n.statusText),{xhr:n,status:n.status}))}),x(n,"error",()=>s(gt(Error("Network Error"),{xhr:n}))),x(n,"timeout",()=>s(gt(Error("Network Timeout"),{xhr:n}))),n.send(e.data)})}var El=Object.freeze({__proto__:null,Countdown:Hr,Filter:ea,Lightbox:Va,LightboxPanel:to,Notification:Ya,Parallax:sl,Slider:al,SliderParallax:wo,Slideshow:ul,SlideshowParallax:wo,Sortable:dl,Tooltip:xl,Upload:Sl});function Pl(t){Rt&&window.MutationObserver&&(document.body?requestAnimationFrame(()=>Io(t)):new MutationObserver((e,i)=>{document.body&&(Io(t),i.disconnect())}).observe(document.documentElement,{childList:!0}))}function Io(t){g(document,"uikit:init",t),document.body&&St(document.body,To),new MutationObserver(e=>e.forEach(_l)).observe(document,{subtree:!0,childList:!0}),new MutationObserver(e=>e.forEach(Al)).observe(document,{subtree:!0,attributes:!0}),t._initialized=!0}function _l({addedNodes:t,removedNodes:e}){for(const i of t)St(i,To);for(const i of e)St(i,Ol)}function Al({target:t,attributeName:e}){var i;const s=Co(e);if(s){if(yt(t,e)){Ue(s,t);return}(i=ki(t,s))==null||i.$destroy()}}function To(t){const e=Yt(t);for(const i in Yt(t))Ts(e[i]);for(const i of t.getAttributeNames()){const s=Co(i);s&&Ue(s,t)}}function Ol(t){const e=Yt(t);for(const i in Yt(t))Cs(e[i])}function Co(t){dt(t,"data-")&&(t=t.slice(5));const e=fe[t];return e&&(xt(e)?e:e.options).name}Wa(ut),ja(ut);var Eo={mixins:[st,Vt],props:{animation:Boolean,targets:String,active:null,collapsible:Boolean,multiple:Boolean,toggle:String,content:String,offset:Number},data:{targets:"> *",active:!1,animation:!0,collapsible:!0,multiple:!1,clsOpen:"uk-open",toggle:"> .uk-accordion-title",content:"> .uk-accordion-content",offset:0},computed:{items:({targets:t},e)=>z(t,e),toggles({toggle:t}){return this.items.map(e=>k(t,e))},contents({content:t}){return this.items.map(e=>{var i;return((i=e._wrapper)==null?void 0:i.firstElementChild)||k(t,e)})}},watch:{items(t,e){if(e||y(t,this.clsOpen))return;const i=this.active!==!1&&t[Number(this.active)]||!this.collapsible&&t[0];i&&this.toggle(i,!1)},toggles(){this.$emit()},contents(t){for(const e of t){const i=y(this.items.find(s=>s.contains(e)),this.clsOpen);Ai(e,!i)}this.$emit()}},observe:Fe(),events:[{name:"click keydown",delegate(){return`${this.targets} ${this.$props.toggle}`},async handler(t){var e;t.type==="keydown"&&t.keyCode!==_.SPACE||(t.preventDefault(),(e=this._off)==null||e.call(this),this._off=Ml(t.target),await this.toggle(Pt(this.toggles,t.current)),this._off())}},{name:"shown hidden",self:!0,delegate(){return this.targets},handler(){this.$emit()}}],update(){const t=Ie(this.items,`.${this.clsOpen}`);for(const e in this.items){const i=this.toggles[e],s=this.contents[e];if(!i||!s)continue;i.id=Xt(this,i),s.id=Xt(this,s);const n=m(t,this.items[e]);p(i,{role:U(i,"a")?"button":null,"aria-controls":s.id,"aria-expanded":n,"aria-disabled":!this.collapsible&&t.length<2&&n}),p(s,{role:"region","aria-labelledby":i.id}),U(s,"ul")&&p(B(s),"role","presentation")}},methods:{toggle(t,e){t=this.items[ot(t,this.items)];let i=[t];const s=Ie(this.items,`.${this.clsOpen}`);if(!this.multiple&&!m(s,i[0])&&(i=i.concat(s)),!(!this.collapsible&&s.length<2&&m(s,t)))return Promise.all(i.map(n=>this.toggleElement(n,!m(s,n),(o,r)=>{if(j(o,this.clsOpen,r),e===!1||!this.animation){Ai(k(this.content,o),!r);return}return Dl(o,r,this)})))}}};function Ai(t,e){t&&(t.hidden=e)}async function Dl(t,e,{content:i,duration:s,velocity:n,transition:o}){var r;i=((r=t._wrapper)==null?void 0:r.firstElementChild)||k(i,t),t._wrapper||(t._wrapper=ui(i,"<div>"));const a=t._wrapper;c(a,"overflow","hidden");const l=S(c(a,"height"));await D.cancel(a),Ai(i,!1);const h=Nt(["marginTop","marginBottom"],d=>c(i,d))+w(i).height,u=l/h;s=(n*h+s)*(e?1-u:u),c(a,"height",l),await D.start(a,{height:e?h:0},s,o),_e(i),delete t._wrapper,e||Ai(i,!0)}function Ml(t){const e=It(t,!0);let i;return function s(){i=requestAnimationFrame(()=>{const{top:n}=w(t);n<0&&(e.scrollTop+=n),s()})}(),()=>requestAnimationFrame(()=>cancelAnimationFrame(i))}var Bl={mixins:[st,Vt],args:"animation",props:{animation:Boolean,close:String},data:{animation:!0,selClose:".uk-alert-close",duration:150},events:{name:"click",delegate(){return this.selClose},handler(t){t.preventDefault(),this.close()}},methods:{async close(){await this.toggleElement(this.$el,!1,Nl),this.$destroy(!0)}}};function Nl(t,e,{duration:i,transition:s,velocity:n}){const o=S(c(t,"height"));return c(t,"height",o),D.start(t,{height:0,marginTop:0,marginBottom:0,paddingTop:0,paddingBottom:0,borderTop:0,borderBottom:0,opacity:0},n*o+i,s)}var Po={args:"autoplay",props:{automute:Boolean,autoplay:Boolean},data:{automute:!1,autoplay:!0},connected(){this.autoplay==="inview"&&!yt(this.$el,"preload")&&(this.$el.preload="none"),U(this.$el,"iframe")&&!yt(this.$el,"allow")&&(this.$el.allow="autoplay"),this.automute&&rn(this.$el)},observe:[ze({filter:({$el:t,autoplay:e})=>e&&an(t),handler([{isIntersecting:t}]){t?nn(this.$el):on(this.$el)},args:{intersecting:!1},options:({$el:t,autoplay:e})=>({root:e==="inview"?null:P(t)})})]},zl={mixins:[Po],props:{width:Number,height:Number},data:{automute:!0},events:{"load loadedmetadata"(){this.$emit("resize")}},observe:ct({target:({$el:t})=>[_o(t)||P(t)],filter:({$el:t})=>!Ao(t)}),update:{read(){if(Ao(this.$el))return;const{ratio:t,cover:e}=Ri,{$el:i,width:s,height:n}=this;let o={width:s,height:n};if(!s||!n){const h={width:i.naturalWidth||i.videoWidth||i.clientWidth,height:i.naturalHeight||i.videoHeight||i.clientHeight};s?o=t(h,"width",s):n?o=t(h,"height",n):o=h}const{offsetHeight:r,offsetWidth:a}=_o(i)||P(i),l=e(o,{width:a+(a%2?1:0),height:r+(r%2?1:0)});return!l.width||!l.height?!1:l},write({height:t,width:e}){c(this.$el,{height:t,width:e})},events:["resize"]}};function _o(t){for(;t=P(t);)if(c(t,"position")!=="static")return t}function Ao(t){return U(t,"img","video")}let Z;var Oo={mixins:[We,ko,Vt],args:"pos",props:{mode:"list",toggle:Boolean,boundary:Boolean,boundaryX:Boolean,boundaryY:Boolean,target:Boolean,targetX:Boolean,targetY:Boolean,stretch:Boolean,delayShow:Number,delayHide:Number,autoUpdate:Boolean,clsDrop:String,animateOut:Boolean,bgScroll:Boolean,closeOnScroll:Boolean},data:{mode:["click","hover"],toggle:"- *",boundary:!1,boundaryX:!1,boundaryY:!1,target:!1,targetX:!1,targetY:!1,stretch:!1,delayShow:0,delayHide:800,autoUpdate:!0,clsDrop:!1,animateOut:!1,bgScroll:!0,animation:["uk-animation-fade"],cls:"uk-open",container:!1,closeOnScroll:!1},computed:{boundary({boundary:t,boundaryX:e,boundaryY:i},s){return[J(e||t,s)||window,J(i||t,s)||window]},target({target:t,targetX:e,targetY:i},s){return e||(e=t||this.targetEl),i||(i=t||this.targetEl),[e===!0?window:J(e,s),i===!0?window:J(i,s)]}},created(){this.tracker=new Qs},beforeConnect(){this.clsDrop=this.$props.clsDrop||`uk-${this.$options.name}`},connected(){$(this.$el,"uk-drop",this.clsDrop),this.toggle&&!this.targetEl&&(this.targetEl=Ll(this)),this._style=Li(this.$el.style,["width","height"])},disconnected(){this.isActive()&&(this.hide(!1),Z=null),c(this.$el,this._style)},observe:Fe({target:({toggle:t,$el:e})=>J(t,e),targets:({$el:t})=>t}),events:[{name:"click",delegate(){return".uk-drop-close"},handler(t){t.preventDefault(),this.hide(!1)}},{name:"click",delegate(){return'a[href*="#"]'},handler({defaultPrevented:t,current:e}){const{hash:i}=e;!t&&i&&ne(e)&&!this.$el.contains(k(i))&&this.hide(!1)}},{name:"beforescroll",handler(){this.hide(!1)}},{name:"toggle",self:!0,handler(t,e){t.preventDefault(),this.isToggled()?this.hide(!1):this.show(e==null?void 0:e.$el,!1)}},{name:"toggleshow",self:!0,handler(t,e){t.preventDefault(),this.show(e==null?void 0:e.$el)}},{name:"togglehide",self:!0,handler(t){t.preventDefault(),E(this.$el,":focus,:hover")||this.hide()}},{name:`${le} focusin`,filter(){return m(this.mode,"hover")},handler(t){kt(t)||this.clearTimers()}},{name:`${De} focusout`,filter(){return m(this.mode,"hover")},handler(t){!kt(t)&&t.relatedTarget&&this.hide()}},{name:"toggled",self:!0,handler(t,e){e&&(this.clearTimers(),this.position())}},{name:"show",self:!0,handler(){Z=this,this.tracker.init(),p(this.targetEl,"aria-expanded",!0);const t=[Wl(this),jl(this),ql(this),this.autoUpdate&&Do(this),this.closeOnScroll&&Rl(this)];H(this.$el,"hide",()=>t.forEach(e=>e&&e()),{self:!0}),this.bgScroll||H(this.$el,"hidden",Dn(this.$el),{self:!0})}},{name:"beforehide",self:!0,handler:"clearTimers"},{name:"hide",handler({target:t}){if(this.$el!==t){Z=Z===null&&this.$el.contains(t)&&this.isToggled()?this:Z;return}Z=this.isActive()?null:Z,this.tracker.cancel(),p(this.targetEl,"aria-expanded",null)}}],update:{write(){this.isToggled()&&!y(this.$el,this.clsEnter)&&this.position()}},methods:{show(t=this.targetEl,e=!0){if(this.isToggled()&&t&&this.targetEl&&t!==this.targetEl&&this.hide(!1,!1),this.targetEl=t,this.clearTimers(),!this.isActive()){if(Z){if(e&&Z.isDelaying){this.showTimer=setTimeout(()=>E(t,":hover")&&this.show(),10);return}let i;for(;Z&&i!==Z&&!Z.$el.contains(this.$el);)i=Z,Z.hide(!1,!1)}this.container&&P(this.$el)!==this.container&&L(this.container,this.$el),this.showTimer=setTimeout(()=>this.toggleElement(this.$el,!0),e&&this.delayShow||0)}},hide(t=!0,e=!0){const i=()=>this.toggleElement(this.$el,!1,this.animateOut&&e);this.clearTimers(),this.isDelayedHide=t,this.isDelaying=Fl(this.$el).some(s=>this.tracker.movesTo(s)),t&&this.isDelaying?this.hideTimer=setTimeout(this.hide,50):t&&this.delayHide?this.hideTimer=setTimeout(i,this.delayHide):i()},clearTimers(){clearTimeout(this.showTimer),clearTimeout(this.hideTimer),this.showTimer=null,this.hideTimer=null,this.isDelaying=!1},isActive(){return Z===this},position(){O(this.$el,"uk-drop-stack"),c(this.$el,this._style),this.$el.hidden=!0;const t=this.target.map(n=>Hl(this.$el,n)),e=this.getViewportOffset(this.$el),i=[[0,["x","width","left","right"]],[1,["y","height","top","bottom"]]];for(const[n,[o,r]]of i)this.axis!==o&&m([o,!0],this.stretch)&&c(this.$el,{[r]:Math.min(I(this.boundary[n])[r],t[n][r]-2*e),[`overflow-${o}`]:"auto"});const s=t[0].width-2*e;this.$el.hidden=!1,c(this.$el,"maxWidth",""),this.$el.offsetWidth>s&&$(this.$el,"uk-drop-stack"),c(this.$el,"maxWidth",s),this.positionAt(this.$el,this.target,this.boundary);for(const[n,[o,r,a,l]]of i)if(this.axis===o&&m([o,!0],this.stretch)){const h=Math.abs(this.getPositionOffset(this.$el)),u=I(this.target[n]),d=I(this.$el);c(this.$el,{[r]:(u[a]>d[a]?u[this.inset?l:a]-Math.max(I(this.boundary[n])[a],t[n][a]+e):Math.min(I(this.boundary[n])[l],t[n][l]-e)-u[this.inset?a:l])-h,[`overflow-${o}`]:"auto"}),this.positionAt(this.$el,this.target,this.boundary)}}}};function Fl(t){const e=[];return St(t,i=>c(i,"position")!=="static"&&e.push(i)),e}function Hl(t,e){return lt(Ut(e).find(i=>i.contains(t)))}function Ll(t){const{$el:e}=t.$create("toggle",J(t.toggle,t.$el),{target:t.$el,mode:t.mode});return p(e,"aria-haspopup",!0),e}function Wl(t){const e=()=>t.$emit(),i=[rs(e),Me(Ut(t.$el).concat(t.target),e)];return()=>i.map(s=>s.disconnect())}function Do(t,e=()=>t.$emit()){return x([document,...Ut(t.$el)],"scroll",e,{passive:!0})}function jl(t){return x(document,"keydown",e=>{e.keyCode===_.ESC&&t.hide(!1)})}function Rl(t){return Do(t,()=>t.hide(!1))}function ql(t){return x(document,mt,({target:e})=>{t.$el.contains(e)||H(document,`${Ot} ${gi} scroll`,({defaultPrevented:i,type:s,target:n})=>{!i&&s===Ot&&e===n&&!(t.targetEl&&Ws(e,t.targetEl))&&t.hide(!1)},!0)})}var Mo={mixins:[st,We],props:{align:String,clsDrop:String,boundary:Boolean,dropbar:Boolean,dropbarAnchor:Boolean,duration:Number,mode:Boolean,offset:Boolean,stretch:Boolean,delayShow:Boolean,delayHide:Boolean,target:Boolean,targetX:Boolean,targetY:Boolean,animation:Boolean,animateOut:Boolean,closeOnScroll:Boolean},data:{align:V?"right":"left",clsDrop:"uk-dropdown",clsDropbar:"uk-dropnav-dropbar",boundary:!0,dropbar:!1,dropbarAnchor:!1,duration:200,container:!1,selNavItem:"> li > a, > ul > li > a"},computed:{dropbarAnchor:({dropbarAnchor:t},e)=>J(t,e)||e,dropbar({dropbar:t}){return t?(t=this._dropbar||J(t,this.$el)||k(`+ .${this.clsDropbar}`,this.$el),t||(this._dropbar=k("<div></div>"))):null},dropbarOffset({target:t,targetY:e},i){const{offsetTop:s,offsetHeight:n}=J(e||t||i,i);return s+n+this.dropbarPositionOffset},dropbarPositionOffset(t,e){return R(c(e,"--uk-position-offset"))},dropContainer(t,e){return this.container||e},dropdowns({clsDrop:t},e){var i;const s=z(`.${t}`,e);if(this.dropContainer!==e)for(const n of z(`.${t}`,this.dropContainer)){const o=(i=this.getDropdown(n))==null?void 0:i.targetEl;!m(s,n)&&o&&this.$el.contains(o)&&s.push(n)}return s},items({selNavItem:t},e){return z(t,e)}},watch:{dropbar(t){$(t,"uk-dropbar","uk-dropbar-top",this.clsDropbar,`uk-${this.$options.name}-dropbar`)},dropdowns(){this.initializeDropdowns()}},connected(){this.initializeDropdowns()},disconnected(){at(this._dropbar),delete this._dropbar},events:[{name:"mouseover focusin",delegate(){return this.selNavItem},handler({current:t}){const e=this.getActive();e&&m(e.mode,"hover")&&e.targetEl&&!t.contains(e.targetEl)&&!e.isDelaying&&e.hide(!1)}},{name:"keydown",self:!0,delegate(){return this.selNavItem},handler(t){var e;const{current:i,keyCode:s}=t,n=this.getActive();s===_.DOWN&&(n==null?void 0:n.targetEl)===i&&(t.preventDefault(),(e=k(Se,n.$el))==null||e.focus()),Bo(t,this.items,n)}},{name:"keydown",el(){return this.dropContainer},delegate(){return`.${this.clsDrop}`},handler(t){var e;const{current:i,keyCode:s}=t;if(!m(this.dropdowns,i))return;const n=this.getActive();let o=-1;if(s===_.HOME?o=0:s===_.END?o="last":s===_.UP?o="previous":s===_.DOWN?o="next":s===_.ESC&&((e=n.targetEl)==null||e.focus()),~o){t.preventDefault();const r=z(Se,i);r[ot(o,r,bt(r,a=>E(a,":focus")))].focus()}Bo(t,this.items,n)}},{name:"mouseleave",el(){return this.dropbar},filter(){return this.dropbar},handler(){const t=this.getActive();t&&m(t.mode,"hover")&&!this.dropdowns.some(e=>E(e,":hover"))&&t.hide()}},{name:"beforeshow",el(){return this.dropContainer},filter(){return this.dropbar},handler({target:t}){this.isDropbarDrop(t)&&(this.dropbar.previousElementSibling!==this.dropbarAnchor&&hi(this.dropbarAnchor,this.dropbar),$(t,`${this.clsDrop}-dropbar`))}},{name:"show",el(){return this.dropContainer},filter(){return this.dropbar},handler({target:t}){if(!this.isDropbarDrop(t))return;const e=this.getDropdown(t),i=()=>{const s=Math.max(...Te(t,`.${this.clsDrop}`).concat(t).map(n=>I(n).bottom));c(this.dropbar,"top",this.dropbarOffset),this.transitionTo(s-I(this.dropbar).top+S(c(t,"marginBottom")),t)};this._observer=Me([e.$el,...e.target],i),i()}},{name:"beforehide",el(){return this.dropContainer},filter(){return this.dropbar},handler(t){const e=this.getActive();E(this.dropbar,":hover")&&e.$el===t.target&&m(e.mode,"hover")&&e.isDelayedHide&&!this.items.some(i=>e.targetEl!==i&&E(i,":focus"))&&t.preventDefault()}},{name:"hide",el(){return this.dropContainer},filter(){return this.dropbar},handler({target:t}){var e;if(!this.isDropbarDrop(t))return;(e=this._observer)==null||e.disconnect();const i=this.getActive();(!i||i.$el===t)&&this.transitionTo(0)}}],methods:{getActive(){var t;return m(this.dropdowns,(t=Z)==null?void 0:t.$el)&&Z},async transitionTo(t,e){const{dropbar:i}=this,s=et(i);if(e=s<t&&e,await D.cancel([e,i]),e){const n=I(e).top-I(i).top-s;n>0&&c(e,"transitionDelay",`${n/t*this.duration}ms`)}c(e,"clipPath",`polygon(0 0,100% 0,100% ${s}px,0 ${s}px)`),et(i,s),await Promise.all([D.start(i,{height:t},this.duration),D.start(e,{clipPath:`polygon(0 0,100% 0,100% ${t}px,0 ${t}px)`},this.duration).finally(()=>c(e,{clipPath:"",transitionDelay:""}))]).catch(A)},getDropdown(t){return this.$getComponent(t,"drop")||this.$getComponent(t,"dropdown")},isDropbarDrop(t){return this.getDropdown(t)&&y(t,this.clsDrop)},initializeDropdowns(){this.$create("drop",this.dropdowns.filter(t=>!this.getDropdown(t)),{...this.$props,flip:!1,shift:!0,pos:`bottom-${this.align}`,boundary:this.boundary===!0?this.$el:this.boundary})}}};function Bo(t,e,i){var s,n,o;const{current:r,keyCode:a}=t;let l=-1;a===_.HOME?l=0:a===_.END?l="last":a===_.LEFT?l="previous":a===_.RIGHT?l="next":a===_.TAB&&((s=i.targetEl)==null||s.focus(),(n=i.hide)==null||n.call(i,!1)),~l&&(t.preventDefault(),(o=i.hide)==null||o.call(i,!1),e[ot(l,e,e.indexOf(i.targetEl||r))].focus())}var Ul={mixins:[st],args:"target",props:{target:Boolean},data:{target:!1},computed:{input:(t,e)=>k(ke,e),state(){return this.input.nextElementSibling},target({target:t},e){return t&&(t===!0&&P(this.input)===e&&this.input.nextElementSibling||k(t,e))}},update(){var t;const{target:e,input:i}=this;if(!e)return;let s;const n=Vi(e)?"value":"textContent",o=e[n],r=(t=i.files)!=null&&t[0]?i.files[0].name:E(i,"select")&&(s=z("option",i).filter(a=>a.selected)[0])?s.textContent:i.value;o!==r&&(e[n]=r)},events:[{name:"change",handler(){this.$emit()}},{name:"reset",el(){return this.$el.closest("form")},handler(){this.$emit()}}]},Vl={extends:kn,mixins:[st],name:"grid",props:{masonry:Boolean,parallax:String,parallaxStart:String,parallaxEnd:String,parallaxJustify:Boolean},data:{margin:"uk-grid-margin",clsStack:"uk-grid-stack",masonry:!1,parallax:0,parallaxStart:0,parallaxEnd:0,parallaxJustify:!1},connected(){this.masonry&&$(this.$el,"uk-flex-top","uk-flex-wrap-top")},observe:He({filter:({parallax:t,parallaxJustify:e})=>t||e}),update:[{write({rows:t}){j(this.$el,this.clsStack,!t.some(e=>e.length>1))},events:["resize"]},{read(t){const{rows:e}=t;let{masonry:i,parallax:s,parallaxJustify:n,margin:o}=this;if(s=Math.max(0,R(s)),!(i||s||n)||No(e)||e[0].some((b,T)=>e.some(M=>M[T]&&M[T].offsetWidth!==b.offsetWidth)))return t.translates=t.scrollColumns=!1;let r=Yl(e,o),a,l;i?[a,l]=Gl(e,r,i==="next"):a=Xl(e);const h=a.map(b=>Nt(b,"offsetHeight")+r*(b.length-1)),u=Math.max(0,...h);let d,f,v;return(s||n)&&(d=h.map((b,T)=>n?u-b+s:s/(T%2||8)),n||(s=Math.max(...h.map((b,T)=>b+d[T]-u))),f=R(this.parallaxStart,"height",this.$el,!0),v=R(this.parallaxEnd,"height",this.$el,!0)),{columns:a,translates:l,scrollColumns:d,parallaxStart:f,parallaxEnd:v,padding:s,height:l?u:""}},write({height:t,padding:e}){c(this.$el,"paddingBottom",e||""),t!==!1&&c(this.$el,"height",t)},events:["resize"]},{read({rows:t,scrollColumns:e,parallaxStart:i,parallaxEnd:s}){return e&&No(t)?!1:{scrolled:e?wi(this.$el,i,s):!1}},write({columns:t,scrolled:e,scrollColumns:i,translates:s}){!e&&!s||t.forEach((n,o)=>n.forEach((r,a)=>{let[l,h]=s&&s[o][a]||[0,0];e&&(h+=e*i[o]),c(r,"transform",`translate(${l}px, ${h}px)`)}))},events:["scroll","resize"]}]};function No(t){return t.flat().some(e=>c(e,"position")==="absolute")}function Gl(t,e,i){const s=[],n=[],o=Array(t[0].length).fill(0);let r=0;for(let a of t){V&&(a=a.reverse());let l=0;for(const h in a){const{offsetWidth:u,offsetHeight:d}=a[h],f=i?h:o.indexOf(Math.min(...o));As(s,f,a[h]),As(n,f,[(f-h)*u*(V?-1:1),o[f]-r]),o[f]+=d+e,l=Math.max(l,d)}r+=l+e}return[s,n]}function Yl(t,e){const i=t.flat().find(s=>y(s,e));return S(i?c(i,"marginTop"):c(t[0][0],"paddingLeft"))}function Xl(t){const e=[];for(const i of t)for(const s in i)As(e,s,i[s]);return e}function As(t,e,i){t[e]||(t[e]=[]),t[e].push(i)}var Jl={args:"target",props:{target:String,row:Boolean},data:{target:"> *",row:!0},computed:{elements:({target:t},e)=>z(t,e)},observe:ct({target:({$el:t,elements:e})=>e.reduce((i,s)=>i.concat(s,...s.children),[t])}),update:{read(){return{rows:(this.row?vs(this.elements):[this.elements]).map(Kl)}},write({rows:t}){for(const{heights:e,elements:i}of t)i.forEach((s,n)=>c(s,"minHeight",e[n]))},events:["resize"]}};function Kl(t){if(t.length<2)return{heights:[""],elements:t};let e=t.map(Zl);const i=Math.max(...e);return{heights:t.map((s,n)=>e[n].toFixed(2)===i.toFixed(2)?"":i-Ae(s,"height","content-box")),elements:t}}function Zl(t){const e=Li(t.style,["display","minHeight"]);q(t)||c(t,"display","block","important"),c(t,"minHeight","");const i=t.offsetHeight;return c(t,e),i}var Ql={args:"target",props:{target:String},data:{target:""},computed:{target:({target:t},e)=>J(t,e)},observe:ct({target:({target:t})=>t}),update:{read(){return{height:et(this.target)}},write({height:t}){c(this.$el,{minHeight:t})},events:["resize"]}},th={props:{expand:Boolean,offsetTop:Boolean,offsetBottom:Boolean,minHeight:Number},data:{expand:!1,offsetTop:!1,offsetBottom:!1,minHeight:0},observe:[ms({filter:({expand:t})=>t}),ct({target:({$el:t})=>he(t)})],update:{read(){if(!q(this.$el))return!1;let t="";const e=Ae(this.$el,"height","content-box"),{body:i,scrollingElement:s}=document,n=It(this.$el),{height:o}=lt(n===i?s:n),r=s===n||i===n;if(t=`calc(${r?"100vh":`${o}px`}`,this.expand){const a=w(n).height-w(this.$el).height;t+=` - ${a}px`}else{if(this.offsetTop)if(r){const a=this.offsetTop===!0?this.$el:J(this.offsetTop,this.$el),l=jt(a)[0]-jt(n)[0];t+=l>0&&l<o/2?` - ${l}px`:""}else t+=` - ${c(n,"paddingTop")}`;this.offsetBottom===!0?t+=` - ${w(this.$el.nextElementSibling).height}px`:vt(this.offsetBottom)?t+=` - ${this.offsetBottom}vh`:this.offsetBottom&&te(this.offsetBottom,"px")?t+=` - ${S(this.offsetBottom)}px`:N(this.offsetBottom)&&(t+=` - ${w(J(this.offsetBottom,this.$el)).height}px`)}return t+=`${e?` - ${e}px`:""})`,{minHeight:t}},write({minHeight:t}){c(this.$el,"minHeight",`max(${this.minHeight||0}px, ${t})`)},events:["resize"]}},eh='<svg width="14" height="14" viewBox="0 0 14 14"><line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"/><line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"/></svg>',ih='<svg width="20" height="20" viewBox="0 0 20 20"><line fill="none" stroke="#000" stroke-width="1.4" x1="1" y1="1" x2="19" y2="19"/><line fill="none" stroke="#000" stroke-width="1.4" x1="19" y1="1" x2="1" y2="19"/></svg>',sh='<svg width="12" height="12" viewBox="0 0 12 12"><polyline fill="none" stroke="#000" stroke-width="1.1" points="1 3.5 6 8.5 11 3.5"/></svg>',nh='<svg width="20" height="20" viewBox="0 0 20 20"><rect x="9" y="4" width="1" height="11"/><rect x="4" y="9" width="11" height="1"/></svg>',oh='<svg width="14" height="14" viewBox="0 0 14 14"><polyline fill="none" stroke="#000" stroke-width="1.1" points="1 4 7 10 13 4"/></svg>',rh='<svg width="12" height="12" viewBox="0 0 12 12"><polyline fill="none" stroke="#000" stroke-width="1.1" points="1 3.5 6 8.5 11 3.5"/></svg>',ah='<svg width="12" height="12" viewBox="0 0 12 12"><polyline fill="none" stroke="#000" stroke-width="1.1" points="1 3.5 6 8.5 11 3.5"/></svg>',lh='<svg width="20" height="20" viewBox="0 0 20 20"><style>.uk-navbar-toggle-animate svg>[class*="line-"]{transition:0.2s ease-in-out;transition-property:transform, opacity;transform-origin:center;opacity:1}.uk-navbar-toggle-animate svg>.line-3{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{opacity:1}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-2{transform:rotate(45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-3{transform:rotate(-45deg)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1,.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{opacity:0}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-1{transform:translateY(6px) scaleX(0)}.uk-navbar-toggle-animate[aria-expanded="true"] svg>.line-4{transform:translateY(-6px) scaleX(0)}</style><rect class="line-1" y="3" width="20" height="2"/><rect class="line-2" y="9" width="20" height="2"/><rect class="line-3" y="9" width="20" height="2"/><rect class="line-4" y="15" width="20" height="2"/></svg>',hh='<svg width="40" height="40" viewBox="0 0 40 40"><rect x="19" y="0" width="1" height="40"/><rect x="0" y="19" width="40" height="1"/></svg>',ch='<svg width="7" height="12" viewBox="0 0 7 12"><polyline fill="none" stroke="#000" stroke-width="1.2" points="1 1 6 6 1 11"/></svg>',uh='<svg width="7" height="12" viewBox="0 0 7 12"><polyline fill="none" stroke="#000" stroke-width="1.2" points="6 1 1 6 6 11"/></svg>',zo='<svg width="20" height="20" viewBox="0 0 20 20"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/></svg>',dh='<svg width="40" height="40" viewBox="0 0 40 40"><circle fill="none" stroke="#000" stroke-width="1.8" cx="17.5" cy="17.5" r="16.5"/><line fill="none" stroke="#000" stroke-width="1.8" x1="38" y1="39" x2="29" y2="30"/></svg>',fh='<svg width="24" height="24" viewBox="0 0 24 24"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10.5" cy="10.5" r="9.5"/><line fill="none" stroke="#000" stroke-width="1.1" x1="23" y1="23" x2="17" y2="17"/></svg>',ph='<svg width="25" height="40" viewBox="0 0 25 40"><polyline fill="none" stroke="#000" stroke-width="2" points="4.002,38.547 22.527,20.024 4,1.5"/></svg>',gh='<svg width="14" height="24" viewBox="0 0 14 24"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1"/></svg>',mh='<svg width="25" height="40" viewBox="0 0 25 40"><polyline fill="none" stroke="#000" stroke-width="2" points="20.527,1.5 2,20.024 20.525,38.547"/></svg>',vh='<svg width="14" height="24" viewBox="0 0 14 24"><polyline fill="none" stroke="#000" stroke-width="1.4" points="12.775,1 1.225,12 12.775,23"/></svg>',wh='<svg width="30" height="30" viewBox="0 0 30 30"><circle fill="none" stroke="#000" cx="15" cy="15" r="14"/></svg>',bh='<svg width="18" height="10" viewBox="0 0 18 10"><polyline fill="none" stroke="#000" stroke-width="1.2" points="1 9 9 1 17 9"/></svg>',Fo={args:"src",props:{width:Number,height:Number,ratio:Number},data:{ratio:1},connected(){this.svg=this.getSvg().then(t=>{if(!this._connected)return;const e=xh(t,this.$el);return this.svgEl&&e!==this.svgEl&&at(this.svgEl),$h.call(this,e,t),this.svgEl=e},A)},disconnected(){this.svg.then(t=>{this._connected||(Ui(this.$el)&&(this.$el.hidden=!1),at(t),this.svgEl=null)}),this.svg=null},methods:{async getSvg(){}}};function xh(t,e){if(Ui(e)||U(e,"canvas")){e.hidden=!0;const s=e.nextElementSibling;return Ho(t,s)?s:hi(e,t)}const i=e.lastElementChild;return Ho(t,i)?i:L(e,t)}function Ho(t,e){return U(t,"svg")&&U(e,"svg")&&t.innerHTML===e.innerHTML}function $h(t,e){const i=["width","height"];let s=i.map(o=>this[o]);s.some(o=>o)||(s=i.map(o=>p(e,o)));const n=p(e,"viewBox");n&&!s.some(o=>o)&&(s=n.split(" ").slice(2)),s.forEach((o,r)=>p(t,i[r],S(o)*this.ratio||null))}const Oi={spinner:wh,totop:bh,marker:nh,"close-icon":eh,"close-large":ih,"drop-parent-icon":sh,"nav-parent-icon":rh,"nav-parent-icon-large":oh,"navbar-parent-icon":ah,"navbar-toggle-icon":lh,"overlay-icon":hh,"pagination-next":ch,"pagination-previous":uh,"search-icon":zo,"search-large":dh,"search-navbar":fh,"search-toggle-icon":zo,"slidenav-next":gh,"slidenav-next-large":ph,"slidenav-previous":vh,"slidenav-previous-large":mh},Os={install:Ah,mixins:[Fo],args:"icon",props:{icon:String},isIcon:!0,beforeConnect(){$(this.$el,"uk-icon")},methods:{async getSvg(){const t=Dh(this.icon);if(!t)throw"Icon not found.";return t}}},Kt={args:!1,extends:Os,data:t=>({icon:Dt(t.constructor.options.name)}),beforeConnect(){$(this.$el,this.$options.id)}},yh={extends:Kt,beforeConnect(){const t=this.$props.icon;this.icon=this.$el.closest(".uk-nav-primary")?`${t}-large`:t}},kh={extends:Kt,mixins:[yi],i18n:{toggle:"Open Search",submit:"Submit Search"},beforeConnect(){const t=y(this.$el,"uk-search-toggle")||y(this.$el,"uk-navbar-toggle");if(this.icon=t?"search-toggle-icon":y(this.$el,"uk-search-icon")&&oi(this.$el,".uk-search-large")?"search-large":oi(this.$el,".uk-search-navbar")?"search-navbar":this.$props.icon,!yt(this.$el,"aria-label"))if(t){const e=this.t("toggle");p(this.$el,"aria-label",e)}else{const e=this.$el.closest("a,button");if(e){const i=this.t("submit");p(e,"aria-label",i)}}}},Sh={extends:Kt,beforeConnect(){p(this.$el,"role","status")},methods:{async getSvg(){const t=await Os.methods.getSvg.call(this);return this.ratio!==1&&c(k("circle",t),"strokeWidth",1/this.ratio),t}}},Zt={extends:Kt,mixins:[yi],beforeConnect(){const t=this.$el.closest("a,button");p(t,"role",this.role!==null&&U(t,"a")?"button":this.role);const e=this.t("label");e&&!yt(t,"aria-label")&&p(t,"aria-label",e)}},Lo={extends:Zt,beforeConnect(){$(this.$el,"uk-slidenav");const t=this.$props.icon;this.icon=y(this.$el,"uk-slidenav-large")?`${t}-large`:t}},Ih={extends:Zt,i18n:{label:"Open menu"}},Th={extends:Zt,i18n:{label:"Close"},beforeConnect(){this.icon=`close-${y(this.$el,"uk-close-large")?"large":"icon"}`}},Ch={extends:Zt,i18n:{label:"Open"}},Eh={extends:Zt,i18n:{label:"Back to top"}},Ph={extends:Zt,i18n:{label:"Next page"},data:{role:null}},_h={extends:Zt,i18n:{label:"Previous page"},data:{role:null}},Di={};function Ah(t){t.icon.add=(e,i)=>{const s=N(e)?{[e]:i}:e;Bt(s,(n,o)=>{Oi[o]=n,delete Di[o]}),t._initialized&&St(document.body,n=>Bt(t.getComponents(n),o=>{o.$options.isIcon&&o.icon in s&&o.$reset()}))}}const Oh={twitter:"x"};function Dh(t){return t=Oh[t]||t,Oi[t]?(Di[t]||(Di[t]=k((Oi[Mh(t)]||Oi[t]).trim())),Di[t].cloneNode(!0)):null}function Mh(t){return V?Hi(Hi(t,"left","right"),"previous","next"):t}const Bh=Rt&&"loading"in HTMLImageElement.prototype;var Nh={args:"dataSrc",props:{dataSrc:String,sources:String,margin:String,target:String,loading:String},data:{dataSrc:"",sources:!1,margin:"50%",target:!1,loading:"lazy"},connected(){if(this.loading!=="lazy"){this.load();return}Bh&&Mi(this.$el)&&(this.$el.loading="lazy",Ds(this.$el)),Wh(this.$el)},disconnected(){this.img&&(this.img.onload=""),delete this.img},observe:ze({target:({$el:t,$props:e})=>[t,...Ce(e.target,t)],handler(t,e){this.load(),e.disconnect()},options:({margin:t})=>({rootMargin:t}),filter:({loading:t})=>t==="lazy"}),methods:{load(){if(this.img)return this.img;const t=Mi(this.$el)?this.$el:Fh(this.$el,this.dataSrc,this.sources);return ye(t,"loading"),Ds(this.$el,t.currentSrc),this.img=t}}};function Ds(t,e){if(Mi(t)){const i=P(t);(U(i,"picture")?B(i):[t]).forEach(n=>Wo(n,n))}else e&&!m(t.style.backgroundImage,e)&&(c(t,"backgroundImage",`url(${Xi(e)})`),g(t,Ft("load",!1)))}const zh=["data-src","data-srcset","sizes"];function Wo(t,e){for(const i of zh){const s=X(t,i);s&&p(e,i.replace(/^(data-)+/,""),s)}}function Fh(t,e,i){const s=new Image;return Hh(s,i),Wo(t,s),s.onload=()=>{Ds(t,s.currentSrc)},p(s,"src",e),s}function Hh(t,e){if(e=Lh(e),e.length){const i=Lt("<picture>");for(const s of e){const n=Lt("<source>");p(n,s),L(i,n)}L(i,t)}}function Lh(t){if(!t)return[];if(dt(t,"["))try{t=JSON.parse(t)}catch{t=[]}else t=ce(t);return Q(t)||(t=[t]),t.filter(e=>!ti(e))}function Wh(t){Mi(t)&&!yt(t,"src")&&p(t,"src",'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"></svg>')}function Mi(t){return U(t,"img")}var jh={props:{target:String,selActive:String},data:{target:!1,selActive:!1},computed:{target:({target:t},e)=>t?z(t,e):[e]},observe:[gs({target:({target:t})=>t,options:{attributes:!0,attributeFilter:["class"],attributeOldValue:!0}}),{target:({target:t})=>t,observe:(t,e)=>{const i=Me([...t,document.documentElement],e),s=[x(document,"scroll itemshown itemhidden",e,{passive:!0,capture:!0}),x(document,"show hide transitionstart",n=>(e(),i.observe(n.target))),x(document,"shown hidden transitionend transitioncancel",n=>(e(),i.unobserve(n.target)))];return{disconnect(){i.disconnect(),s.map(n=>n())}}},handler(){this.$emit()}}],update:{read(){for(const t of this.target)si(t,"uk-light,uk-dark",!this.selActive||E(t,this.selActive)?Rh(t):"")}}};function Rh(t){const{left:e,top:i,height:s,width:n}=w(t);let o;for(const r of[.25,.5,.75]){const a=t.ownerDocument.elementsFromPoint(Math.max(0,e)+n*r,Math.max(0,i)+s/2);for(const l of a){if(t.contains(l)||l.closest('[class*="-leave"]')&&a.some(u=>l!==u&&E(u,'[class*="-enter"]')))continue;const h=c(l,"--uk-inverse");if(h){if(h===o)return`uk-${h}`;o=h;break}}}return o?`uk-${o}`:""}var qh={mixins:[st,Si],props:{fill:String},data:{fill:"",clsWrapper:"uk-leader-fill",clsHide:"uk-leader-hide",attrFill:"data-fill"},computed:{fill:({fill:t},e)=>t||c(e,"--uk-leader-fill-content")},connected(){[this.wrapper]=is(this.$el,`<span class="${this.clsWrapper}">`)},disconnected(){_e(this.wrapper.childNodes)},observe:ct(),update:{read(){return{width:Math.trunc(this.$el.offsetWidth/2),fill:this.fill,hide:!this.matchMedia}},write({width:t,fill:e,hide:i}){j(this.wrapper,this.clsHide,i),p(this.wrapper,this.attrFill,new Array(t).join(e))},events:["resize"]}},Uh={install:Vh,mixins:[ys],data:{clsPage:"uk-modal-page",selPanel:".uk-modal-dialog",selClose:".uk-modal-close, .uk-modal-close-default, .uk-modal-close-outside, .uk-modal-close-full"},events:[{name:"show",self:!0,handler(){y(this.panel,"uk-margin-auto-vertical")?$(this.$el,"uk-flex"):c(this.$el,"display","block"),et(this.$el)}},{name:"hidden",self:!0,handler(){c(this.$el,"display",""),O(this.$el,"uk-flex")}}]};function Vh({modal:t}){t.dialog=function(i,s){const n=t(`<div class="uk-modal"> <div class="uk-modal-dialog">${i}</div> </div>`,{stack:!0,role:"alertdialog",...s});return n.show(),x(n.$el,"hidden",async()=>{await Promise.resolve(),n.$destroy(!0)},{self:!0}),n},t.alert=function(i,s){return e(({i18n:n})=>`<div class="uk-modal-body">${N(i)?i:Ht(i)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-primary uk-modal-close" autofocus>${n.ok}</button> </div>`,s)},t.confirm=function(i,s){return e(({i18n:n})=>`<form> <div class="uk-modal-body">${N(i)?i:Ht(i)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${n.cancel}</button> <button class="uk-button uk-button-primary" autofocus>${n.ok}</button> </div> </form>`,s,()=>Promise.reject())},t.prompt=function(i,s,n){const o=e(({i18n:l})=>`<form class="uk-form-stacked"> <div class="uk-modal-body"> <label>${N(i)?i:Ht(i)}</label> <input class="uk-input" value="${s||""}" autofocus> </div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${l.cancel}</button> <button class="uk-button uk-button-primary">${l.ok}</button> </div> </form>`,n,()=>null,()=>a.value),{$el:r}=o.dialog,a=k("input",r);return x(r,"show",()=>a.select()),o},t.i18n={ok:"Ok",cancel:"Cancel"};function e(i,s,n=A,o=A){s={bgClose:!1,escClose:!0,...s,i18n:{...t.i18n,...s==null?void 0:s.i18n}};const r=t.dialog(i(s),s);return gt(new Promise(a=>{const l=x(r.$el,"hide",()=>a(n()));x(r.$el,"submit","form",h=>{h.preventDefault(),a(o(r)),l(),r.hide()})}),{dialog:r})}}var Gh={extends:Eo,data:{targets:"> .uk-parent",toggle:"> a",content:"> ul"}};const Ms="uk-navbar-transparent";var Yh={extends:Mo,props:{dropbarTransparentMode:Boolean},data:{clsDrop:"uk-navbar-dropdown",selNavItem:".uk-navbar-nav > li > a,a.uk-navbar-item,button.uk-navbar-item,.uk-navbar-item a,.uk-navbar-item button,.uk-navbar-toggle",dropbarTransparentMode:!1},computed:{navbarContainer:(t,e)=>e.closest(".uk-navbar-container"),dropbarOffset({dropbarTransparentMode:t}){const{offsetTop:e,offsetHeight:i}=this.navbarContainer;return e+(t==="behind"?0:i+this.dropbarPositionOffset)}},watch:{items(){const t=y(this.$el,"uk-navbar-justify"),e=z(".uk-navbar-nav, .uk-navbar-left, .uk-navbar-right",this.$el);for(const i of e){const s=t?z(".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle",i).length:"";c(i,"flexGrow",s)}}},events:[{name:"show",el(){return this.dropContainer},handler({target:t}){this.getTransparentMode(t)==="remove"&&y(this.navbarContainer,Ms)&&(O(this.navbarContainer,Ms),this._transparent=!0)}},{name:"hide",el(){return this.dropContainer},async handler(){await Xh(),!this.getActive()&&this._transparent&&($(this.navbarContainer,Ms),this._transparent=null)}}],methods:{getTransparentMode(t){if(!this.navbarContainer)return;if(this.dropbar&&this.isDropbarDrop(t))return this.dropbarTransparentMode;const e=this.getDropdown(t);if(e&&y(t,"uk-dropbar"))return e.inset?"behind":"remove"}}};function Xh(){return new Promise(t=>setTimeout(t))}var Jh={mixins:[ys],args:"mode",props:{mode:String,flip:Boolean,overlay:Boolean,swiping:Boolean},data:{mode:"slide",flip:!1,overlay:!1,clsPage:"uk-offcanvas-page",clsContainer:"uk-offcanvas-container",selPanel:".uk-offcanvas-bar",clsFlip:"uk-offcanvas-flip",clsContainerAnimation:"uk-offcanvas-container-animation",clsSidebarAnimation:"uk-offcanvas-bar-animation",clsMode:"uk-offcanvas",clsOverlay:"uk-offcanvas-overlay",selClose:".uk-offcanvas-close",container:!1,swiping:!0},computed:{clsFlip:({flip:t,clsFlip:e})=>t?e:"",clsOverlay:({overlay:t,clsOverlay:e})=>t?e:"",clsMode:({mode:t,clsMode:e})=>`${e}-${t}`,clsSidebarAnimation:({mode:t,clsSidebarAnimation:e})=>t==="none"||t==="reveal"?"":e,clsContainerAnimation:({mode:t,clsContainerAnimation:e})=>t!=="push"&&t!=="reveal"?"":e,transitionElement({mode:t}){return t==="reveal"?P(this.panel):this.panel}},observe:yn({filter:({swiping:t})=>t}),update:{read(){this.isToggled()&&!q(this.$el)&&this.hide()},events:["resize"]},events:[{name:"touchmove",self:!0,passive:!1,filter(){return this.overlay},handler(t){t.cancelable&&t.preventDefault()}},{name:"show",self:!0,handler(){this.mode==="reveal"&&!y(P(this.panel),this.clsMode)&&(ui(this.panel,"<div>"),$(P(this.panel),this.clsMode));const{body:t,scrollingElement:e}=document;$(t,this.clsContainer,this.clsFlip),c(t,"touch-action","pan-y pinch-zoom"),c(this.$el,"display","block"),c(this.panel,"maxWidth",e.clientWidth),$(this.$el,this.clsOverlay),$(this.panel,this.clsSidebarAnimation,this.mode==="reveal"?"":this.clsMode),et(t),$(t,this.clsContainerAnimation),this.clsContainerAnimation&&Kh()}},{name:"hide",self:!0,handler(){O(document.body,this.clsContainerAnimation),c(document.body,"touch-action","")}},{name:"hidden",self:!0,handler(){this.clsContainerAnimation&&Zh(),this.mode==="reveal"&&_e(this.panel),O(this.panel,this.clsSidebarAnimation,this.clsMode),O(this.$el,this.clsOverlay),c(this.$el,"display",""),c(this.panel,"maxWidth",""),O(document.body,this.clsContainer,this.clsFlip)}},{name:"swipeLeft swipeRight",handler(t){this.isToggled()&&te(t.type,"Left")^this.flip&&this.hide()}}]};function Kh(){jo().content+=",user-scalable=0"}function Zh(){const t=jo();t.content=t.content.replace(/,user-scalable=0$/,"")}function jo(){return k('meta[name="viewport"]',document.head)||L(document.head,'<meta name="viewport">')}var Qh={mixins:[st],props:{selContainer:String,selContent:String,minHeight:Number},data:{selContainer:".uk-modal",selContent:".uk-modal-dialog",minHeight:150},computed:{container:({selContainer:t},e)=>e.closest(t),content:({selContent:t},e)=>e.closest(t)},observe:ct({target:({container:t,content:e})=>[t,e]}),update:{read(){return!this.content||!this.container||!q(this.$el)?!1:{max:Math.max(this.minHeight,et(this.container)-(w(this.content).height-et(this.$el)))}},write({max:t}){c(this.$el,{minHeight:this.minHeight,maxHeight:t})},events:["resize"]}},tc={props:["width","height"],connected(){$(this.$el,"uk-responsive-width"),c(this.$el,"aspectRatio",`${this.width}/${this.height}`)}},ec={props:{offset:Number},data:{offset:0},connected(){ic(this)},disconnected(){sc(this)},methods:{async scrollTo(t){t=t&&k(t)||document.body,g(this.$el,"beforescroll",[this,t])&&(await un(t,{offset:this.offset}),g(this.$el,"scrolled",[this,t]))}}};const Ke=new Set;function ic(t){Ke.size||x(document,"click",Ro),Ke.add(t)}function sc(t){Ke.delete(t),Ke.size||_t(document,"click",Ro)}function Ro(t){if(!t.defaultPrevented)for(const e of Ke)e.$el.contains(t.target)&&ne(e.$el)&&(t.preventDefault(),window.location.href!==e.$el.href&&window.history.pushState({},"",e.$el.href),e.scrollTo(Gi(e.$el)))}var nc={args:"cls",props:{cls:String,target:String,hidden:Boolean,margin:String,repeat:Boolean,delay:Number},data:()=>({cls:"",target:!1,hidden:!0,margin:"-1px",repeat:!1,delay:0,inViewClass:"uk-scrollspy-inview"}),computed:{elements:({target:t},e)=>t?z(t,e):[e]},watch:{elements(t){this.hidden&&c(Ie(t,`:not(.${this.inViewClass})`),"opacity",0)}},connected(){this.elementData=new Map},disconnected(){for(const[t,e]of this.elementData.entries())O(t,this.inViewClass,(e==null?void 0:e.cls)||"");delete this.elementData},observe:ze({target:({elements:t})=>t,handler(t){const e=this.elementData;for(const{target:i,isIntersecting:s}of t){e.has(i)||e.set(i,{cls:X(i,"uk-scrollspy-class")||this.cls});const n=e.get(i);!this.repeat&&n.show||(n.show=s)}this.$emit()},options:({margin:t})=>({rootMargin:t}),args:{intersecting:!1}}),update:[{write(t){for(const[e,i]of this.elementData.entries())i.show&&!i.inview&&!i.queued?(i.queued=!0,t.promise=(t.promise||Promise.resolve()).then(()=>new Promise(s=>setTimeout(s,this.delay))).then(()=>{this.toggle(e,!0),setTimeout(()=>{i.queued=!1,this.$emit()},300)})):!i.show&&i.inview&&!i.queued&&this.repeat&&this.toggle(e,!1)}}],methods:{toggle(t,e){var i;const s=this.elementData.get(t);if(s){if((i=s.off)==null||i.call(s),c(t,"opacity",!e&&this.hidden?0:""),j(t,this.inViewClass,e),j(t,s.cls),/\buk-animation-/.test(s.cls)){const n=()=>qi(t,"uk-animation-[\\w-]+");e?s.off=H(t,"animationcancel animationend",n,{self:!0}):n()}g(t,e?"inview":"outview"),s.inview=e,this.$update(t)}}}},oc={props:{cls:String,closest:Boolean,scroll:Boolean,overflow:Boolean,offset:Number},data:{cls:"uk-active",closest:!1,scroll:!1,overflow:!0,offset:0},computed:{links:(t,e)=>z('a[href*="#"]',e).filter(i=>i.hash&&ne(i)),elements({closest:t}){return this.links.map(e=>e.closest(t||"*"))}},watch:{links(t){this.scroll&&this.$create("scroll",t,{offset:this.offset})}},observe:[ze(),He()],update:[{read(){const t=this.links.map(Gi).filter(Boolean),{length:e}=t;if(!e||!q(this.$el))return!1;const i=It(t,!0),{scrollTop:s,scrollHeight:n}=i,o=lt(i),r=n-o.height;let a=!1;if(s===r)a=e-1;else{for(let l=0;l<t.length;l++){const h=hs(t[l]),u=this.offset+(h?I(h).height:0);if(I(t[l]).top-o.top-u>0)break;a=+l}a===!1&&this.overflow&&(a=0)}return{active:a}},write({active:t}){const e=t!==!1&&!y(this.elements[t],this.cls);this.links.forEach(i=>i.blur());for(let i=0;i<this.elements.length;i++)j(this.elements[i],this.cls,+i===t);e&&g(this.$el,"active",[t,this.elements[t]])},events:["scroll","resize"]}]},rc={mixins:[st,Si],props:{position:String,top:null,bottom:null,start:null,end:null,offset:String,overflowFlip:Boolean,animation:String,clsActive:String,clsInactive:String,clsFixed:String,clsBelow:String,selTarget:String,showOnUp:Boolean,targetOffset:Number},data:{position:"top",top:!1,bottom:!1,start:!1,end:!1,offset:0,overflowFlip:!1,animation:"",clsActive:"uk-active",clsInactive:"",clsFixed:"uk-sticky-fixed",clsBelow:"uk-sticky-below",selTarget:"",showOnUp:!1,targetOffset:!1},computed:{target:({selTarget:t},e)=>t&&k(t,e)||e},connected(){this.start=qo(this.start||this.top),this.end=qo(this.end||this.bottom),this.placeholder=k("+ .uk-sticky-placeholder",this.$el)||k('<div class="uk-sticky-placeholder"></div>'),this.isFixed=!1,this.setActive(!1)},beforeDisconnect(){this.isFixed&&(this.hide(),O(this.target,this.clsInactive)),Uo(this.$el),at(this.placeholder),this.placeholder=null},observe:[ms({handler(){R("100vh","height")!==this._data.viewport&&this.$emit("resize")}}),He({target:()=>document.scrollingElement}),ct({target:()=>document.scrollingElement,options:{box:"content-box"}}),ct({target:({$el:t})=>t})],events:[{name:"load hashchange popstate",el(){return window},filter(){return this.targetOffset!==!1},handler(){const{scrollingElement:t}=document;!location.hash||t.scrollTop===0||setTimeout(()=>{const e=I(k(location.hash)),i=I(this.$el);this.isFixed&&Wi(e,i)&&(t.scrollTop=e.top-i.height-R(this.targetOffset,"height",this.placeholder)-R(this.offset,"height",this.placeholder))})}},{name:"transitionstart",handler(){this.transitionInProgress=H(this.$el,"transitionend transitioncancel",()=>this.transitionInProgress=null)}}],update:[{read({height:t,width:e,margin:i,sticky:s}){if(this.inactive=!this.matchMedia||!q(this.$el),this.inactive)return;const n=this.isFixed&&!this.transitionInProgress;n&&(Ns(this.target),this.hide()),this.active||({height:t,width:e}=I(this.$el),i=c(this.$el,"margin")),n&&this.show();const o=R("100vh","height"),r=et(window),a=Math.max(0,document.scrollingElement.scrollHeight-o);let l=this.position;this.overflowFlip&&t>o&&(l=l==="top"?"bottom":"top");const h=this.isFixed?this.placeholder:this.$el;let u=R(this.offset,"height",s?this.$el:h);l==="bottom"&&(t<r||this.overflowFlip)&&(u+=r-t);const d=this.overflowFlip?0:Math.max(0,t+u-o),f=I(h).top,v=I(this.$el).height,b=(this.start===!1?f:Bs(this.start,this.$el,f))-u,T=this.end===!1?a:Math.min(a,Bs(this.end,this.$el,f+t,!0)-v-u+d);return s=a&&!this.showOnUp&&b+u===f&&T===Math.min(a,Bs(!0,this.$el,0,!0)-v-u+d)&&c(P(this.$el),"overflowY")==="visible",{start:b,end:T,offset:u,overflow:d,height:t,elHeight:v,width:e,margin:i,top:jt(h)[0],sticky:s,viewport:o}},write({height:t,width:e,margin:i,offset:s,sticky:n}){if((this.inactive||n||!this.isFixed)&&Uo(this.$el),this.inactive)return;n&&(t=e=i=0,c(this.$el,{position:"sticky",top:s}));const{placeholder:o}=this;c(o,{height:t,width:e,margin:i}),(P(o)!==P(this.$el)||n^Pt(o)<Pt(this.$el))&&((n?li:hi)(this.$el,o),o.hidden=!0)},events:["resize"]},{read({scroll:t=0,dir:e="down",overflow:i,overflowScroll:s=0,start:n,end:o,elHeight:r,height:a,sticky:l}){const h=document.scrollingElement.scrollTop,u=t<=h?"down":"up",d=this.isFixed?this.placeholder:this.$el;return{dir:u,prevDir:e,scroll:h,prevScroll:t,below:h>I(d).top+(l?Math.min(a,r):a),offsetParentTop:I(d.offsetParent).top,overflowScroll:tt(s+tt(h,n,o)-tt(t,n,o),0,i)}},write(t,e){const i=e.has("scroll"),{initTimestamp:s=0,dir:n,prevDir:o,scroll:r,prevScroll:a=0,top:l,start:h,below:u}=t;if(r<0||r===a&&i||this.showOnUp&&!i&&!this.isFixed)return;const d=Date.now();if((d-s>300||n!==o)&&(t.initScroll=r,t.initTimestamp=d),!(this.showOnUp&&!this.isFixed&&Math.abs(t.initScroll-r)<=30&&Math.abs(a-r)<=10))if(this.inactive||r<h||this.showOnUp&&(r<=h||n==="down"&&i||n==="up"&&!this.isFixed&&!u)){if(!this.isFixed){At.inProgress(this.$el)&&l>r&&(At.cancel(this.$el),this.hide());return}if(this.animation&&u){if(y(this.$el,"uk-animation-leave"))return;At.out(this.$el,this.animation).then(()=>this.hide(),A)}else this.hide()}else this.isFixed?this.update():this.animation&&u?(this.show(),At.in(this.$el,this.animation).catch(A)):(Ns(this.target),this.show())},events:["resize","resizeViewport","scroll"]}],methods:{show(){this.isFixed=!0,this.update(),this.placeholder.hidden=!1},hide(){const{offset:t,sticky:e}=this._data;this.setActive(!1),O(this.$el,this.clsFixed,this.clsBelow),e?c(this.$el,"top",t):c(this.$el,{position:"",top:"",width:"",marginTop:""}),this.placeholder.hidden=!0,this.isFixed=!1},update(){let{width:t,scroll:e=0,overflow:i,overflowScroll:s=0,start:n,end:o,offset:r,offsetParentTop:a,sticky:l,below:h}=this._data;const u=n!==0||e>n;if(!l){let d="fixed";e>o&&(r+=o-a+s-i,d="absolute"),c(this.$el,{position:d,width:t,marginTop:0},"important")}c(this.$el,"top",r-s),this.setActive(u),j(this.$el,this.clsBelow,h),$(this.$el,this.clsFixed)},setActive(t){const e=this.active;this.active=t,t?(si(this.target,this.clsInactive,this.clsActive),e!==t&&g(this.$el,"active")):(si(this.target,this.clsActive,this.clsInactive),e!==t&&(Ns(this.target),g(this.$el,"inactive")))}}};function Bs(t,e,i,s){if(!t)return 0;if(vt(t)||N(t)&&t.match(/^-?\d/))return i+R(t,"height",e,!0);{const n=t===!0?P(e):J(t,e);return I(n).bottom-(s&&(n!=null&&n.contains(e))?S(c(n,"paddingBottom")):0)}}function qo(t){return t==="true"?!0:t==="false"?!1:t}function Uo(t){c(t,{position:"",top:"",marginTop:"",width:""})}function Ns(t){$(t,"uk-transition-disable"),requestAnimationFrame(()=>O(t,"uk-transition-disable"))}var ac={mixins:[Fo],args:"src",props:{src:String,icon:String,attributes:"list",strokeAnimation:Boolean},data:{strokeAnimation:!1},observe:[gs({async handler(){const t=await this.svg;t&&Vo.call(this,t)},options:{attributes:!0,attributeFilter:["id","class","style"]}})],async connected(){m(this.src,"#")&&([this.src,this.icon]=this.src.split("#"));const t=await this.svg;t&&(Vo.call(this,t),this.strokeAnimation&&uc(t))},methods:{async getSvg(){return U(this.$el,"img")&&!this.$el.complete&&this.$el.loading==="lazy"&&await new Promise(t=>H(this.$el,"load",t)),hc(await lc(this.src),this.icon)||Promise.reject("SVG not found.")}}};function Vo(t){const{$el:e}=this;$(t,p(e,"class"),"uk-svg");for(let i=0;i<e.style.length;i++){const s=e.style[i];c(t,s,c(e,s))}for(const i in this.attributes){const[s,n]=this.attributes[i].split(":",2);p(t,s,n)}this.$el.id||ye(t,"id")}const lc=rt(async t=>t?dt(t,"data:")?decodeURIComponent(t.split(",")[1]):(await fetch(t)).text():Promise.reject());function hc(t,e){return e&&m(t,"<symbol")&&(t=cc(t)[e]||t),t=k(t.substr(t.indexOf("<svg"))),(t==null?void 0:t.hasChildNodes())&&t}const Go=/<symbol([^]*?id=(['"])(.+?)\2[^]*?<\/)symbol>/g,cc=rt(function(t){const e={};Go.lastIndex=0;let i;for(;i=Go.exec(t);)e[i[3]]=`<svg ${i[1]}svg>`;return e});function uc(t){const e=io(t);e&&c(t,"--uk-animation-stroke",e)}const zs=".uk-disabled *, .uk-disabled, [disabled]";var Yo={mixins:[Vt],args:"connect",props:{connect:String,toggle:String,itemNav:String,active:Number,followFocus:Boolean,swiping:Boolean},data:{connect:"~.uk-switcher",toggle:"> * > :first-child",itemNav:!1,active:0,cls:"uk-active",attrItem:"uk-switcher-item",selVertical:".uk-nav",followFocus:!1,swiping:!0},computed:{connects:({connect:t},e)=>Ce(t,e),connectChildren(){return this.connects.map(t=>B(t)).flat()},toggles:({toggle:t},e)=>z(t,e),children(t,e){return B(e).filter(i=>this.toggles.some(s=>i.contains(s)))}},watch:{connects(t){this.swiping&&c(t,"touchAction","pan-y pinch-zoom"),this.$emit()},connectChildren(){let t=Math.max(0,this.index());for(const e of this.connects)B(e).forEach((i,s)=>j(i,this.cls,s===t));this.$emit()},toggles(t){this.$emit();const e=this.index();this.show(~e?e:t[this.active]||t[0])}},connected(){p(this.$el,"role","tablist")},observe:[Fe({targets:({connectChildren:t})=>t}),yn({target:({connects:t})=>t,filter:({swiping:t})=>t})],events:[{name:"click keydown",delegate(){return this.toggle},handler(t){!E(t.current,zs)&&(t.type==="click"||t.keyCode===_.SPACE)&&(t.preventDefault(),this.show(t.current))}},{name:"keydown",delegate(){return this.toggle},handler(t){const{current:e,keyCode:i}=t,s=E(this.$el,this.selVertical);let n=i===_.HOME?0:i===_.END?"last":i===_.LEFT&&!s||i===_.UP&&s?"previous":i===_.RIGHT&&!s||i===_.DOWN&&s?"next":-1;if(~n){t.preventDefault();const o=this.toggles.filter(a=>!E(a,zs)),r=o[ot(n,o,o.indexOf(e))];r.focus(),this.followFocus&&this.show(r)}}},{name:"click",el(){return this.connects.concat(this.itemNav?Ce(this.itemNav,this.$el):[])},delegate(){return`[${this.attrItem}],[data-${this.attrItem}]`},handler(t){t.target.closest("a,button")&&(t.preventDefault(),this.show(X(t.current,this.attrItem)))}},{name:"swipeRight swipeLeft",filter(){return this.swiping},el(){return this.connects},handler({type:t}){this.show(te(t,"Left")?"next":"previous")}}],update(){var t;p(this.connects,"role","presentation"),p(B(this.$el),"role","presentation");for(const e in this.toggles){const i=this.toggles[e],s=(t=this.connects[0])==null?void 0:t.children[e];p(i,"role","tab"),s&&(i.id=Xt(this,i),s.id=Xt(this,s),p(i,"aria-controls",s.id),p(s,{role:"tabpanel","aria-labelledby":i.id}))}p(this.$el,"aria-orientation",E(this.$el,this.selVertical)?"vertical":null)},methods:{index(){return bt(this.children,t=>y(t,this.cls))},show(t){const e=this.toggles.filter(r=>!E(r,zs)),i=this.index(),s=ot(!Qe(t)||m(e,t)?t:0,e,ot(this.toggles[i],e)),n=ot(e[s],this.toggles);this.children.forEach((r,a)=>{j(r,this.cls,n===a),p(this.toggles[a],{"aria-selected":n===a,tabindex:n===a?null:-1})});const o=i>=0&&i!==s;this.connects.forEach(async({children:r})=>{const a=Ct(r).filter((l,h)=>h!==n&&y(l,this.cls));await this.toggleElement(a,!1,o),await this.toggleElement(r[n],!0,o)})}}},dc={mixins:[st],extends:Yo,props:{media:Boolean},data:{media:960,attrItem:"uk-tab-item",selVertical:".uk-tab-left,.uk-tab-right"},connected(){const t=y(this.$el,"uk-tab-left")?"uk-tab-left":y(this.$el,"uk-tab-right")?"uk-tab-right":!1;t&&this.$create("toggle",this.$el,{cls:t,mode:"media",media:this.media})}};const fc=32;var pc={mixins:[Si,Vt],args:"target",props:{href:String,target:null,mode:"list",queued:Boolean},data:{href:!1,target:!1,mode:"click",queued:!0},computed:{target({target:t},e){return t=Ce(t||e.hash,e),t.length?t:[e]}},connected(){m(this.mode,"media")||(ni(this.$el)||p(this.$el,"tabindex","0"),!this.cls&&U(this.$el,"a")&&p(this.$el,"role","button"))},observe:Fe({target:({target:t})=>t}),events:[{name:mt,filter(){return m(this.mode,"hover")},handler(t){this._preventClick=null,!(!kt(t)||ie(this._showState)||this.$el.disabled)&&(g(this.$el,"focus"),H(document,mt,()=>g(this.$el,"blur"),!0,e=>!this.$el.contains(e.target)),m(this.mode,"click")&&(this._preventClick=!0))}},{name:`mouseenter mouseleave ${le} ${De} focus blur`,filter(){return m(this.mode,"hover")},handler(t){if(kt(t)||this.$el.disabled)return;const e=m(["mouseenter",le,"focus"],t.type),i=this.isToggled(this.target);if(!e&&(!ie(this._showState)||t.type!=="blur"&&E(this.$el,":focus")||t.type==="blur"&&E(this.$el,":hover"))){i===this._showState&&(this._showState=null);return}e&&ie(this._showState)&&i!==this._showState||(this._showState=e?i:null,this.toggle(`toggle${e?"show":"hide"}`))}},{name:"keydown",filter(){return m(this.mode,"click")&&!U(this.$el,"input")},handler(t){t.keyCode===fc&&(t.preventDefault(),this.$el.click())}},{name:"click",filter(){return["click","hover"].some(t=>m(this.mode,t))},handler(t){let e;(this._preventClick||t.target.closest('a[href="#"], a[href=""]')||(e=t.target.closest("a[href]"))&&(!this.isToggled(this.target)||e.hash&&E(this.target,e.hash)))&&t.preventDefault(),!this._preventClick&&m(this.mode,"click")&&this.toggle()}},{name:"mediachange",filter(){return m(this.mode,"media")},el(){return this.target},handler(t,e){e.matches^this.isToggled(this.target)&&this.toggle()}}],methods:{async toggle(t){if(!g(this.target,t||"toggle",[this]))return;if(yt(this.$el,"aria-expanded")&&p(this.$el,"aria-expanded",!this.isToggled(this.target)),!this.queued)return this.toggleElement(this.target);const e=this.target.filter(s=>y(s,this.clsLeave));if(e.length){for(const s of this.target){const n=m(e,s);this.toggleElement(s,n,n)}return}const i=this.target.filter(this.isToggled);await this.toggleElement(i,!1)&&await this.toggleElement(this.target.filter(s=>!m(i,s)),!0)}}},gc=Object.freeze({__proto__:null,Accordion:Eo,Alert:Bl,Close:Th,Cover:zl,Drop:Oo,DropParentIcon:Kt,Dropdown:Oo,Dropnav:Mo,FormCustom:Ul,Grid:Vl,HeightMatch:Jl,HeightPlaceholder:Ql,HeightViewport:th,Icon:Os,Img:Nh,Inverse:jh,Leader:qh,Margin:kn,Marker:Ch,Modal:Uh,Nav:Gh,NavParentIcon:yh,Navbar:Yh,NavbarParentIcon:Kt,NavbarToggleIcon:Ih,Offcanvas:Jh,OverflowAuto:Qh,OverlayIcon:Kt,PaginationNext:Ph,PaginationPrevious:_h,Responsive:tc,Scroll:ec,Scrollspy:nc,ScrollspyNav:oc,SearchIcon:kh,SlidenavNext:Lo,SlidenavPrevious:Lo,Spinner:Sh,Sticky:rc,Svg:ac,Switcher:Yo,Tab:dc,Toggle:pc,Totop:Eh,Video:Po});return Bt(gc,(t,e)=>ut.component(e,t)),Pl(ut),Bt(El,(t,e)=>ut.component(e,t)),ut}); diff --git a/my_flask_app/templates/app.html b/my_flask_app/templates/app.html new file mode 100644 index 0000000..b7f13c2 --- /dev/null +++ b/my_flask_app/templates/app.html @@ -0,0 +1,629 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Database ERD Viewer</title> + <link rel="stylesheet" href="{{ url_for('static', filename='uikit-3.18.0/css/uikit.min.css') }}" /> + <script src="{{ url_for('static', filename='uikit-3.18.0/js/uikit.min.js') }}"></script> + <script src="{{ url_for('static', filename='uikit-3.18.0/js/uikit-icons.min.js') }}"></script> + + <script src="https://d3js.org/d3.v5.min.js"></script> + <script src="https://unpkg.com/d3-graphviz@2.6.1/build/d3-graphviz.min.js"></script> + <style> + body { + /* position: fixed; */ + display: flex; + flex-direction: row; + height: 100vh; + line-height: 13px; + margin: 0; + padding: 0; + box-sizing: border-box; + } + #sidebar1 { + /* position: relative; */ + width: 15%; + min-height: 100vh; + border-right: 0px solid #ccc; + background-color: #add8e6; + padding: 10px; + margin: 0; + margin-top: -1px; + box-sizing: border-box; + + position: fixed; /* Fixed positioning */ + top: 0; /* Align with the top */ + width: 15%; /* Set the width */ + height: 100vh; /* Full height of the viewport */ + overflow-y: auto; /* Enable scrolling within the sidebar */ + } + #content { + position: relative; + width: 70%; + flex-grow: 1; + display: flex; + flex-direction: column; + align-items: stretch; + overflow: hidden; + padding: 0; + margin-top: 0; + z-index: 0; + + margin-left: 15%; /* Left margin equal to the sidebar width */ + width: auto; /* Adjust the width automatically */ + /* overflow-y: auto; */ + } + .collapsed-sidebar #content { + margin-left: 0px; + } + #sidebar2 { + /* position: fixed; + top: 0; + right: 0; */ + width: 15%; + min-height: 100vh; + border-right: 0px solid #ccc; + background-color: #add8e6; + padding: 10px; + margin: 0; + box-sizing: border-box; + } + #table_list { + overflow: auto; + min-height: 15vh; + max-height: 30vh; + height: auto; + border: 1px solid black; + /* padding-top: 0px; + padding-bottom: 0px; */ + } + .custom-push-button { + font-size: 14px; + width: 30px; + height: 50px; + position: absolute; + top: 0px; + left: 0px; + z-index: 10; + background-color: rgba(173, 216, 230, 0.5); + padding: 0; + margin-top: 0px; + border: none; + } + .custom-zoom-button { + font-size: 14px; + width: 30px; + height: 30px; + z-index: 10px; + background-color: rgba(173, 216, 230, 0.5); + padding: 0; + border: none; /* Remove border to make it seamless */ + } + select, button { width: 80%; } + #canvasContainer { + min-height: 84vh; + max-height: max-content; + margin: 0vh; + margin-top: -15px; + box-sizing: border-box; + border: 1px solid rgba(128, 128, 128, 0.855); + } + + #erdCanvas1, #erdCanvas2, #erdCanvas3 { + display: block; + } + + #zoomButtons { + position: absolute; + top: 10px; + left: 10px; + } + + #zoomInBtn, #zoomOutBtn { + margin-bottom: 5px; + cursor: pointer; + } + .resize-handle-right { + position: absolute; + top: 0; + right: -5px; /* Adjust this value to position the handle outside the sidebar */ + width: 10px; /* Width of the handle */ + height: 100%; + cursor: ew-resize; + z-index: 10; + } + .resize-handle-left { + position: sticky; + margin-top: -100px; + margin-left: -13px; /* Adjust this value to position the handle to the left */ + width: 8px; /* Width of the handle */ + height: 100vh; + cursor: ew-resize; + z-index: 10; + } + .custom-buttom-bar { + display: flex; + justify-content: center; + /* height: 5vh; */ + min-width: max-content; + overflow: scroll; + border: 0; + } + .terminal { + position: absolute; /* Position the terminal absolutely to the bottom of the #content */ + bottom: 0; + left: 0; + right: 0; + z-index: 10; /* Ensure it sits on top of other content, adjust as necessary */ + transition: transform 0.3s ease-in-out; + transform: translateY(100%); /* Start off-screen */ + background: rgb(128, 128, 128); + color: #fff; + transition: height 0.1s; + } + .terminal-header { + height: 3vh; + background-color: #5ea9e2; + cursor: ns-resize; /* This cursor indicates vertical resizing */ + /* display: realtive; */ + justify-content: space-between; + align-items: center; + margin-top: -3vh; + } + .terminal-body { + padding: 1rem; + display: none; + } + .terminal.active { + transform: translateY(0); /* Slide into view */ + height: 0; + max-height: 500px; /* When terminal is active, it adjusts its height */ + } + /* When terminal is active, content is visible */ + .terminal.active .terminal-body { + display: block; + height: 100%; + } + .uk-table { + /* width: 100%; + border-collapse: collapse; */ + overflow-y:scroll; + min-height: 80vh; + max-height: 80vh; + margin-bottom: 10vh; + display:block; + } + .uk-table-hover tbody tr:hover { + background-color: #5ea9e2; + color: white; + } + .terminal.resizing .terminal-header { + cursor: ns-resize; + } + + + .options-container { + /* ... your styles ... */ + position: absolute; + background: #fff; + border: 1px solid #ccc; + border-radius: 5px; + padding: 10px; + z-index: 100; /* Make sure it appears on top */ + } + </style> +</head> +<body> + <div id="sidebar1"> <!--class="uk-panel uk-panel-scrollable" --> + <h4>Database:</h4> + <p style="margin-top: -10px; padding-left: 5px;">{{database}}.db</p> + + + <ul uk-accordion> + <li class="uk-open"> + <a class="uk-accordion-title" href="#" style="margin-top: -8px; margin-bottom: -1px;">Schema:</a> + <div class="uk-accordion-content" style="margin-top: -3px; border: 1px solid black;"> + <form method="post"> + <label> + <input class="uk-checkbox" style="margin: 2px 2px 2px 5px; border-color: black;" type="checkbox" name="show_all" value="True" onchange="this.form.submit()" {{ 'checked' if show_all else '' }}> + <span class="uk-label" style="margin: 1px;" >show all</span> + </label> + <select class="uk-select" name="schema" onchange='this.form.submit()' style="padding: 0px 1px 2px 1px;"> + <option value="">Choose here</option> + {% for schema in schemas %} + <option value="{{ schema }}" {% if schema == schema_Selected %} selected {% endif %}>{{ schema }}</option> + {% endfor %} + </select> + </form> + </div> + </li> + <li> + <a class="uk-accordion-title" href="#">Time:</a> + </li> + <li> + <a class="uk-accordion-title" href="#">Object:</a> + </li> + <li> + <a class="uk-accordion-title" href="#">Label:</a> + </li> + </ul> + + <h4 style="margin-top: 0px;">Tables:</h4> + <div id="table_list" style="margin-bottom: 5px; margin-top: -10px;"> + <div id="table_list_source"> + <div uk-sortable="group: sortable-group" class="uk-list uk-list-collapse"> + {% for table in tables %} + <div class="uk-margin" style="height: 15px; margin-bottom: -4px;"> + <div class="uk-card uk-card-default uk-card-body uk-card-small" style="height: 15px; padding-top: 5px;">{{ table }}</div> + </div> + {% endfor %} + </div> + </div> + </div> + + <h4 style="margin-top: -4px;">Target Tables:</h4> + <div id="table_list" style="margin-bottom: 5px; margin-top: -20px;"> + <div id="dropped_items"> + <div uk-sortable="group: sortable-group" class="uk-list uk-list-collapse "> + {% for item in dropped_items %} + <div class="uk-margin" style="height: 15px; margin-bottom: -4px;"> + <div class="uk-card uk-card-default uk-card-body uk-card-small" onclick="showOptions(this)" style="height: 15px; padding-top: 5px;">{{ item }}</div> + </div> + {% endfor %} + </div> + </div> + </div> + <!-- <div id="resize-handle-right" class="resize-handle-right"></div> --> + </div> + + <div id="content"> + <!-- <div class="uk-margin-small-top" style="z-index: 0;"> --> + <button class="uk-button uk-button-default uk-button-small custom-push-button" type="button" uk-toggle="target: #sidebar1" onclick="toggleSidebar()"></button> + <ul uk-tab class="uk-flex-center" data-uk-tab="{connect:'#my-id'}" style="margin-top: 10px; z-index: 0;"> + <li><a href="#">ERD</a></li> + <li><a href="#">Other Content</a></li> + </ul> + <!-- </div> --> + + <!-- <div> --> + <ul id="my-id" class="uk-switcher"> + <li><a href="#" id="autoplayer" data-uk-switcher-item="next"></a> + <div style="display: flex; flex-direction: row; height: 85vh;"> + + <div style="flex: 0,3; display: flex; flex-direction: column;"> + <h4>Filtered ERD</h4> + <div class="uk-panel uk-panel-scrollable" id="canvasContainer" style="margin-right: -1px; min-width: 30%;"> + <canvas id="erdCanvas1" style="min-width: 30%;"></canvas> + <div id="zoomButtons"> + <button class="uk-button uk-button-default uk-button-small custom-zoom-button" id="zoomInBtn1" uk-icon="plus-circle"></button> + <button class="uk-button uk-button-default uk-button-small custom-zoom-button" id="zoomOutBtn1" uk-icon="minus-circle"></button> + </div> + </div> + </div> + + <div style="flex: 0,7; display: flex; flex-direction: column;"> + <h4>Target ERD</h4> + <div class="uk-panel uk-panel-scrollable" id="canvasContainer" style="min-width: 20%; max-width: 70%;"> + <canvas id="erdCanvas2" style="min-width: 30%;"></canvas> + <div id="zoomButtons"> + <button class="uk-button uk-button-default uk-button-small custom-zoom-button"id="zoomInBtn2" uk-icon="plus-circle"></button> + <button class="uk-button uk-button-default uk-button-small custom-zoom-button"id="zoomOutBtn2" uk-icon="minus-circle"></button> + </div> + </div> + </div> + + </div> + </li> + + <li> + <div style="display: flex; flex-direction: row; height: 87vh;"> + + <div style="flex: 0,4; display: flex; flex-direction: column;"> + <h4>Target ERD</h4> + <div class="uk-panel uk-panel-scrollable" id="canvasContainer" style="margin-right: -1px; min-width: 30%;"> + <canvas id="erdCanvas3" style="min-width: 30%;"></canvas> + <div id="zoomButtons"> + <button class="uk-button uk-button-default uk-button-small custom-zoom-button" id="zoomInBtn3" uk-icon="plus-circle"></button> + <button class="uk-button uk-button-default uk-button-small custom-zoom-button" id="zoomOutBtn3" uk-icon="minus-circle"></button> + </div> + </div> + </div> + + <div style="flex: 0,6; display: flex; width: 60%; max-width: 70%; flex-direction: column; border: 1px solid blue;"> + <div id="options-container" class="options-container" style="display: block;"> + <div class="uk-margin"> + <div class="uk-form-label">Type</div><br> + <div class="uk-form-controls"> + <label><input class="uk-radio" type="radio" name="radio1"> Measurement </label><br> + <label><input class="uk-radio" type="radio" name="radio1"> Event </label><br> + <label><input class="uk-radio" type="radio" name="radio1"> Segment </label><br> + <label><input class="uk-radio" type="radio" name="radio1"> Segment Data </label><br> + <label><input class="uk-radio" type="radio" name="radio1"> Object </label> + </div> + </div> + </div> + </div> + + </div> + </li> + + </ul> + <!-- </div> --> + + <div class="custom-buttom-bar"> + + <div id="terminal" class="terminal"> + <div id="terminal-header" class="terminal-header"> + <span style="position: absolute; left: 5px;">Table</span> <span uk-icon="menu" style="position: absolute; right: 70vh;"></span> + <span id="close-terminal" uk-icon="close" style="position: absolute; right: 1vh; z-index: 1000;"></span> + <!-- <button class="uk-button" style="max-width: 20px; height: 20px; z-index: 15;; position: absolute; margin-left: 90vh;" onclick="toggleTerminal()" uk-icon="close"></button> --> + </div> + <div id=terminal-body class="terminal-body uk-overflow-auto"> + <p> No table selected.</p> + </div> + </div> + + </div> + + </div> + + <div id="sidebar2"> + <ul uk-accordion> + <li class="uk-open"> + <a class="uk-accordion-title" href="#">Item 1</a> + <div class="uk-accordion-content"> + <p>Content for item 1.</p> + </div> + </li> + <li> + <a class="uk-accordion-title" href="#">Item 2</a> + <div class="uk-accordion-content"> + <p>Content for item 2.</p> + </div> + </li> + <!-- Add more items as needed --> + </ul> + + <div id="resize-handle-left" class="resize-handle-left"></div> + </div> + + <script> + function toggleSidebar() { + var sidebar = document.getElementById("sidebar1"); + var content = document.getElementById("content"); + if (sidebar.classList.contains("collapsed-sidebar")) { + sidebar.classList.remove("collapsed-sidebar"); + content.style.marginLeft = "15%"; + } else { + sidebar.classList.add("collapsed-sidebar"); + content.style.marginLeft = "0px"; + } + } + + function toggleTerminal() { + var terminal = document.getElementById('terminal'); + terminal.classList.toggle('active'); + } + + function closeTerminal() { + var terminal = document.getElementById('terminal'); + terminal.style.height = `0 px`; + } + + function makeSidebarResizable(sidebarId, handleId, isLeftHandle) { + var isResizing = false; + var lastDownX = 0; + var sidebar = document.getElementById(sidebarId); + var handle = document.getElementById(handleId); + + if (!sidebar || !handle) { + console.error('Sidebar or handle not found!'); + return; // Exit the function if elements are not found + } + + handle.addEventListener('mousedown', function(e) { + isResizing = true; + lastDownX = e.clientX; + e.preventDefault(); + }, false); + + // console.log("isLeftHandle: ", isLeftHandle); + + window.addEventListener('mousemove', function(e) { + if (!isResizing) { return; } + + var currentX = e.clientX; + var offsetX = e.clientX - lastDownX; + + if (isLeftHandle) { + sidebar.style.width = window.innerWidth - e.clientX + 'px'; + } else { + var newWidth = parseInt(getComputedStyle(sidebar).width, 10) + offsetX; + sidebar.style.width = newWidth + 'px'; + } + + lastDownX = e.clientX; + }, false); + + window.addEventListener('mouseup', function(e) { + isResizing = false; + }); + } + + function showErdCanvas(erdCanvas, zoomInBtn, zoomOutBtn, erdImage) { + var canvas = document.getElementById(erdCanvas); + var ctx = canvas.getContext("2d"); + + var imageData = erdImage; //var imageData = '{{ image }}'; + + var image = new Image(); + image.onload = function () { + // Set canvas size based on the image dimensions + canvas.width = image.width; + canvas.height = image.height; + + // Draw the image on the canvas + ctx.drawImage(image, 0, 0, canvas.width, canvas.height); + }; + image.src = "data:image/png;base64," + imageData; + + // Set transform origin to top left corner + canvas.style.transformOrigin = '0 0'; + + // Add zoom in/out functionality + var scale = 1.0; + var zoomInBtn = document.getElementById(zoomInBtn); + var zoomOutBtn = document.getElementById(zoomOutBtn); + + zoomInBtn.addEventListener("click", function () { + // Zoom in + scale += 0.1; + scale = Math.min(scale, 3.0); + canvas.style.transform = "scale(" + scale + ")"; + }); + + zoomOutBtn.addEventListener("click", function () { + // Zoom out + scale -= 0.1; + scale = Math.max(scale, 0.1); + canvas.style.transform = "scale(" + scale + ")"; + }); + } + + // Function to handle the click on a dropped item + function handleDroppedItemClick(itemName) { + // Send a POST request to Flask backend with the item name + fetch('/get-table-data', { + method: 'POST', + body: JSON.stringify({ 'table_name': itemName }), + headers: { + 'Content-Type': 'application/json' + } + }) + .then(response => response.json()) + .then(data => { + // Display the table content in the terminal body + document.querySelector('.terminal-body').innerHTML = data.html_table; + // toggleTerminal(); // Show the terminal + }) + .catch(error => console.error('Error:', error)); + } + + function makeTerminalResizable() { + const terminal = document.getElementById('terminal'); + const terminalHeader = document.getElementById('terminal-header'); + let isResizing = false; + + terminalHeader.addEventListener('mousedown', function(e) { + // toggleTerminal(); + isResizing = true; + }); + + window.addEventListener('mousemove', function(e) { + if (isResizing) { + // Calculate the new height of the terminal + const newHeight = window.innerHeight - e.clientY; + terminal.style.height = `${newHeight}px`; + } + }); + + window.addEventListener('mouseup', function(e) { + isResizing = false; + }); + } + + function showOptions(clickedItem) { + // Get the options container + var optionsContainer = document.getElementById('options-container'); + + // Position the options container near the clicked item + optionsContainer.style.display = 'block'; + optionsContainer.style.left = clickedItem.getBoundingClientRect().left + 'px'; + optionsContainer.style.top = clickedItem.getBoundingClientRect().bottom + 'px'; + + // Populate options specific to the clicked item + populateOptions(clickedItem.textContent.trim()); + } + + function populateOptions(tableName) { + // Logic to populate options based on the table name + // This will depend on the specific options you want to show + return 'abc'; + } + + document.addEventListener('DOMContentLoaded', function() { + // Show the ERD canvas + showErdCanvas("erdCanvas1", "zoomInBtn1", "zoomOutBtn1", '{{image1}}'); + showErdCanvas("erdCanvas2", "zoomInBtn2", "zoomOutBtn2", '{{image2}}'); + showErdCanvas("erdCanvas3", "zoomInBtn3", "zoomOutBtn3", '{{image2}}'); + + // Resize the sidebars + makeSidebarResizable('sidebar1', 'resize-handle-right', false); + makeSidebarResizable('sidebar2', 'resize-handle-left', true); + makeTerminalResizable(); + toggleTerminal(); + + // Listen for the 'added' event on the target sortable list + UIkit.util.on('#dropped_items', 'added removed', function (event) { + var item = event.detail[1]; // Adjusted to access the second item + if (item) { // Ensure item is not undefined + var itemName = item.textContent.trim(); + var action = event.type; + console.log(action, itemName); + + // Send the item name to the Flask backend + fetch('/handle-drop', { + method: 'POST', + body: JSON.stringify({'item': itemName, 'action': action}), + headers: { + 'Content-Type': 'application/json' + } + }) + .then(response => response.json()) + .then(data => { + showErdCanvas("erdCanvas2", "zoomInBtn2", "zoomOutBtn2", data.image2); + showErdCanvas("erdCanvas3", "zoomInBtn3", "zoomOutBtn3", data.image2); + }) + .catch(error => console.error('Error:', error)); + } + }); + + // Attach click event listener to each dropped item + document.getElementById('dropped_items').addEventListener('click', function(event) { + let target = event.target; + while (target != this) { + if (target.matches('.uk-card')) { + handleDroppedItemClick(target.textContent.trim()); + return; + } + target = target.parentNode; + } + + showOptions(target.textContent.trim()); + }); + + document.getElementById('close-terminal').addEventListener('click', function() { + closeTerminal(); + }); + + + }); + + + </script> +</body> +</html> + + +<!-- For the pop up windows, I used the following code: --> + <!-- <div id="dropped_items"> + <span onclick="UIkit.modal('#my-modal').show()">Click me</span> + </div> + + <div id="my-modal" uk-modal> + <div class="uk-modal-dialog uk-modal-body"> + <h2 class="uk-modal-title">Terminal</h2> + <p>Here is the content of your "terminal".</p> + <button class="uk-modal-close" type="button">Close</button> + </div> + </div> --> \ No newline at end of file diff --git a/my_flask_app/templates/select_database.html b/my_flask_app/templates/select_database.html new file mode 100644 index 0000000..98135dc --- /dev/null +++ b/my_flask_app/templates/select_database.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Select Database</title> + <!-- Add some CSS for styling --> +</head> +<body> + <div> + <!-- <h3>Current Database: {{ current_db }}</h3> --> + <h3>Select a Database</h3> + <ul> + {% for db in databases %} + <li>{{ db }}</li> + {% endfor %} + </ul> + </div> +</body> +</html> diff --git a/pyproject.toml b/pyproject.toml new file mode 100644 index 0000000..a1bb931 --- /dev/null +++ b/pyproject.toml @@ -0,0 +1,9 @@ +[project] +name = "my_flask_app" +dependencies = [ + "flask", +] + +[build-system] +requires = ["flit_core<4"] +build-backend = "flit_core.buildapi" diff --git a/requirements.txt b/requirements.txt new file mode 100644 index 0000000..6885c12 --- /dev/null +++ b/requirements.txt @@ -0,0 +1,5 @@ +Flask==3.0.1 +flask_sqlalchemy==3.1.1 +graphviz==0.20.1 +pydot==1.4.2 +SQLAlchemy==2.0.24 -- GitLab