.clock-personalization{display:grid;gap:.75rem;padding:1.25rem;border:1px solid rgba(var(--color-foreground-rgb,0,0,0),.2);border-radius:.5rem}.clock-personalization__heading,.clock-personalization__intro,.clock-personalization__field{margin:0}.clock-personalization__heading,.clock-personalization label{font-weight:700}.clock-personalization__field{display:grid;gap:.55rem}.clock-personalization input{width:100%;padding:.8rem;border:1px solid rgba(var(--color-foreground-rgb,0,0,0),.3);border-radius:.35rem}.clock-personalization__field[data-state="invalid"] input{border-color:#b42318}.clock-personalization__field[data-state="valid"] input{border-color:#2f6d3a}.clock-personalization__status{font-size:.9rem}.clock-personalization__field[data-state="invalid"] .clock-personalization__status{color:#b42318}.clock-personalization__field[data-state="valid"] .clock-personalization__status{color:#2f6d3a}.clock-name-locked:not(:disabled){cursor:not-allowed;opacity:.55}
.clock-personalization[hidden],.clock-personalization [hidden]{display:none!important}