.ac-clock-container{position:fixed;inset:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--ac-bg-color,#101010);transition:background-color .5s ease;z-index:1}.ac-clock-container+header,.ac-clock-container~header{z-index:50}.ac-clock-wrapper{position:relative;width:min(70vh,70vw,600px);height:min(70vh,70vw,600px);display:flex;justify-content:center;align-items:center;transition:width .5s ease,height .5s ease}body.is-fullscreen .ac-clock-wrapper{width:min(90vh,90vw);height:min(90vh,90vw)}.ac-clock{border-radius:50%;position:relative}.ac-clock,.ac-number{width:100%;height:100%}.ac-number{position:absolute;text-align:center;transform:rotate(var(--rotation));font-size:min(4vh,4vw,2.5rem);color:#63c0f5;font-weight:500;transition:font-size .5s ease,font-weight .5s ease}body.is-fullscreen .ac-number{font-size:min(6vh,6vw,4rem);font-weight:700}.ac-number div{transform:rotate(calc(-1 * var(--rotation)));padding-top:15px}.ac-hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;z-index:10}.ac-hour{width:12px;height:30%;border-radius:6px;margin-left:-6px}.ac-hour,.ac-minute{background-color:#ffffff}.ac-minute{width:8px;height:40%;border-radius:4px;margin-left:-4px}.ac-second{width:3px;height:45%;background-color:#ff44cc;border-radius:1.5px;margin-left:-1.5px}.ac-center-circle{position:absolute;width:20px;height:20px;background-color:white;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}.ac-controls{position:fixed;bottom:20px;right:20px;display:flex;gap:15px;align-items:center;z-index:100;background:rgba(0,0,0,.3);padding:10px 15px;border-radius:30px;transition:opacity .3s}.ac-color-label{color:white;font-size:.9rem;font-weight:500;opacity:.9;white-space:nowrap;font-family:system-ui,-apple-system,sans-serif}.ac-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:none;background-color:transparent;cursor:pointer;padding:0;display:block}.ac-color-picker::-webkit-color-swatch{border-radius:50%;border:2px solid white}.ac-color-picker::-moz-color-swatch{border-radius:50%;border:2px solid white}.ac-color-picker:focus{outline:2px solid #63c0f5;outline-offset:3px;border-radius:50%}.ac-color-picker:focus-visible{outline:2px solid #63c0f5;outline-offset:3px;border-radius:50%}.ac-color-picker:focus:not(:focus-visible){outline:none}@media (max-width:768px){.ac-clock-wrapper{width:min(85vh,85vw,450px);height:min(85vh,85vw,450px)}}@media (max-width:480px){.ac-number{font-size:min(5vh,5vw,1.8rem)}.ac-controls{bottom:10px;right:10px;padding:8px 12px}.ac-color-label{font-size:.8rem}}