<div class="dark-or-light"> <div class="dark-or-light__element dark-or-light__element-light"> <svg class="dark-or-light__svg dark-or-light__svg-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.805 16.805"> <path d="M8.4,4.193A4.209,4.209,0,1,0,12.611,8.4,4.214,4.214,0,0,0,8.4,4.193Zm0-1.237a.821.821,0,0,1-.821-.821V.821a.821.821,0,0,1,1.643,0V2.135A.821.821,0,0,1,8.4,2.956Zm0,10.892a.821.821,0,0,0-.821.821v1.314a.821.821,0,1,0,1.643,0V14.67A.821.821,0,0,0,8.4,13.848Zm3.851-9.3a.822.822,0,0,1,0-1.161l.929-.929a.821.821,0,0,1,1.161,1.161l-.929.929A.821.821,0,0,1,12.253,4.551Zm-7.7,7.7a.82.82,0,0,0-1.161,0l-.929.929a.821.821,0,1,0,1.161,1.161l.929-.93A.82.82,0,0,0,4.551,12.254Zm9.3-3.851a.821.821,0,0,1,.821-.821h1.314a.821.821,0,1,1,0,1.642H14.67A.821.821,0,0,1,13.848,8.4ZM2.956,8.4a.821.821,0,0,0-.821-.821H.821a.821.821,0,1,0,0,1.642H2.135A.821.821,0,0,0,2.956,8.4Zm9.3,3.851a.822.822,0,0,1,1.161,0l.929.929a.821.821,0,0,1-1.161,1.161l-.929-.929A.821.821,0,0,1,12.253,12.254Zm-7.7-7.7a.821.821,0,0,0,0-1.161l-.929-.929A.821.821,0,0,0,2.461,3.622l.929.929A.82.82,0,0,0,4.551,4.551Z"/> </svg> </div> <div class="dark-or-light__element dark-or-light__element-dark"> <svg class="dark-or-light__svg dark-or-light__svg-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.306 14.366"> <path d="M14.016,8.152a.505.505,0,0,0-.423.092,5.389,5.389,0,0,1-1.635.955A5.12,5.12,0,0,1,10.1,9.53a5.394,5.394,0,0,1-5.4-5.4A5.661,5.661,0,0,1,5,2.347,4.933,4.933,0,0,1,5.878.767.469.469,0,0,0,5.8.106.505.505,0,0,0,5.382.014,7.413,7.413,0,0,0,1.488,2.623a7.273,7.273,0,1,0,12.859,6.1A.446.446,0,0,0,14.016,8.152Z"/> </svg> </div></div>