@charset "UTF-8";.clock-container[data-v-88bd3a1f]{display:flex;align-items:center}.colon[data-v-88bd3a1f]{height:50px;padding:0 10px;display:flex;justify-content:space-around;flex-direction:column}.colon[data-v-88bd3a1f]:after,.colon[data-v-88bd3a1f]:before{content:"";display:block;width:10px;height:10px;background:#000000b3;border-radius:50%}.test-clock-container,body{background:transparent}.test-clock-container{font: 12px Helvetica Neue,Helvetica,sans-serif;-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 rgba(0,0,0,.3);min-height:100vh;position:relative;display:block}.clock-wrapper{display:inline-flex;align-items:center;justify-content:center}.clock-wrapper.dragging{pointer-events:auto}.modal-overlay{position:fixed;inset:0;background:#00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{position:relative;background:#ffffff38;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:16px;min-width:320px;box-shadow:0 10px 30px #00000040;color:#0a0a0a}.modal h3{margin:0 0 12px;font-weight:600;color:#0a0a0a}.modal label{display:block;margin:8px 0;font-size:14px;color:#0a0a0a}.modal select{width:100%;padding:8px 12px;margin-top:4px;background:#ffffff38;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);border:1px solid rgba(255,255,255,.35);border-radius:10px;outline:none;box-shadow:0 4px 18px #0000001f;color:#0a0a0a;appearance:none;transition:box-shadow .2s ease,background-color .2s ease}.modal select:focus{box-shadow:0 0 0 2px #ffffff8c,0 0 14px #50a0ff73}.modal select:hover{box-shadow:0 0 0 2px #ffffff8c,0 0 14px #50a0ff73}.modal-actions{text-align:right;margin-top:12px}.modal-actions button{padding:8px 16px;background:#ffffff38;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#0a0a0a;box-shadow:0 4px 18px #0000001f;cursor:pointer;transition:box-shadow .2s ease,transform .08s ease}.modal-actions button:hover{box-shadow:0 0 0 2px #ffffff8c,0 0 16px #50a0ff80}.modal-actions button:active{transform:scale(.98)}.modal-actions button:focus{outline:none;box-shadow:0 0 0 2px #ffffff8c,0 0 16px #50a0ff80}