:root{--hour-1:var(--color-accent);--hour-2:var(--color-accent-00);--minute-1:var(--color-sec);--minute-2:var(--color-sec-00);--second-1:var(--color-prim);--second-2:var(--color-prim-00);--circle-size:60vw;--circle-size-max:400px;--circle-size-min:240px;--watch-box-padding:40px 0}.watch-box{position:absolute;width:100%;height:100%}.cadran{-webkit-transform:scale(1.02);transform:scale(1.02)}.hour,.minute,.second,.top{-webkit-transition:none;transition:none}.cadran,.hour,.minute,.second,.top{height:var(--circle-size);max-height:var(--circle-size-max);min-height:var(--circle-size-min);max-width:var(--circle-size-max);min-width:var(--circle-size-min);width:var(--circle-size);border-radius:50%;position:absolute;background-color:var(--color-darkest)}.cadran{-webkit-box-shadow:0 4px 64px 0 var(--color-dark);box-shadow:0 4px 64px 0 var(--color-dark);-webkit-transition:background-color var(--lin-norm);transition:background-color var(--lin-norm)}.--mode-light .cadran,.--mode-light .top{background-color:var(--color-darker)}.--mode-light .cadran{-webkit-box-shadow:0 4px 64px -8px var(--color-darker);box-shadow:0 4px 64px -8px var(--color-darker)}.hour{background:conic-gradient(var(--hour-2) 96%,var(--hour-1) 100%);-webkit-transform:rotate(var(--deg-hour));transform:rotate(var(--deg-hour));mix-blend-mode:hard-light;border:1px solid var(--over-bg)}.--mode-light.--prim-bright .watch-box .hour{--color-prim:var(--color-prim-dark)}.--mode-light .watch-box .hour{border:1px solid var(--color-prim)}.minute{background:conic-gradient(var(--minute-2) 87.5%,var(--minute-1) 100%);mix-blend-mode:hard-light;-webkit-transform:rotate(var(--deg-minute));transform:rotate(var(--deg-minute))}.second{background:conic-gradient(var(--second-2) 75%,var(--second-1) 100%);-webkit-transform:scale(1) rotate(var(--deg-second));transform:scale(1) rotate(var(--deg-second))}.top{-webkit-transform:scale(.2);transform:scale(.2);border-radius:50%;background-color:var(--bg-strongest)}.time-string{position:relative;z-index:10;bottom:0;width:-webkit-min-content;width:-moz-min-content;width:min-content;line-height:1.4;font-size:1rem;color:var(--color-lightest);mix-blend-mode:hard-light}@media screen and (max-width:680px){.time-string{font-size:.8rem}}@media screen and (max-width:320px){.time-string{font-size:.7rem}}