.clock-container[data-v-f8d7af9c]{background:transparent;justify-content:center}.clock[data-v-f8d7af9c],.clock-container[data-v-f8d7af9c]{align-items:center;display:flex}.clock[data-v-f8d7af9c]{gap:10px}.separator[data-v-f8d7af9c]{color:#444}.flip-card[data-v-f8d7af9c],.separator[data-v-f8d7af9c]{font-size:40px;font-weight:700}.flip-card[data-v-f8d7af9c]{border-radius:8px;height:62px;line-height:62px;perspective:600px;position:relative;width:46px}.flip-card .bottom[data-v-f8d7af9c],.flip-card .leaf-back[data-v-f8d7af9c],.flip-card .leaf-front[data-v-f8d7af9c],.flip-card .top[data-v-f8d7af9c]{backface-visibility:hidden;background:var(--pr-color);height:50%;left:0;overflow:hidden;position:absolute;width:100%}.flip-card .leaf-front[data-v-f8d7af9c],.flip-card .top[data-v-f8d7af9c]{border-bottom:1px solid hsla(0,0%,81%,.055);border-radius:8px 8px 0 0;top:0;z-index:1}.flip-card .bottom[data-v-f8d7af9c],.flip-card .leaf-back[data-v-f8d7af9c]{border-radius:0 0 8px 8px;bottom:0;z-index:0}.flip-card .bottom span[data-v-f8d7af9c],.flip-card .leaf-back span[data-v-f8d7af9c]{display:block;margin-top:-31px}.flip-card span[data-v-f8d7af9c]{color:#fff;display:block;text-align:center;width:100%}.flip-card .leaf[data-v-f8d7af9c]{height:50%;left:0;position:absolute;top:0;transform-origin:bottom;transform-style:preserve-3d;width:100%;z-index:2}.flip-card .leaf.flipping[data-v-f8d7af9c]{animation:flip-anim-f8d7af9c .6s ease-in forwards}.flip-card .leaf .leaf-back[data-v-f8d7af9c],.flip-card .leaf .leaf-front[data-v-f8d7af9c]{height:100%;left:0;position:absolute;top:0;width:100%}.flip-card .leaf .leaf-back[data-v-f8d7af9c]{background:var(--pr-color);transform:rotateX(-180deg);z-index:3}@keyframes flip-anim-f8d7af9c{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}.keyboard-event-template{animation:keyboard-event-info-anim 1s forwards;background:var(--product-table-color);border-radius:10px;color:var(--dark-color);padding:10px}.keyboard-event-template h3{width:100px}@keyframes keyboard-event-info-anim{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-7d83bdff]{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}.modal-container[data-v-7d83bdff]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header[data-v-7d83bdff]{align-items:center;background:var(--pr-color);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-title[data-v-7d83bdff]{font-size:30px;font-weight:600;margin:0}.modal-close[data-v-7d83bdff]{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:44px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.modal-close[data-v-7d83bdff]:hover{opacity:.7}.modal-body[data-v-7d83bdff]{color:#374151;font-size:25px;line-height:1.5;padding:24px}.modal-footer[data-v-7d83bdff]{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn[data-v-7d83bdff]{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel[data-v-7d83bdff]{background-color:#f3f4f6;color:#374151}.btn-cancel[data-v-7d83bdff]:hover{background-color:#e5e7eb}.btn-confirm[data-v-7d83bdff]{background-color:#dc2626;color:#fff}.btn-confirm[data-v-7d83bdff]:hover{background-color:#b91c1c}.modal-enter-active[data-v-7d83bdff],.modal-leave-active[data-v-7d83bdff]{transition:opacity .3s ease}.modal-enter-from[data-v-7d83bdff],.modal-leave-to[data-v-7d83bdff]{opacity:0}.modal-enter-active .modal-container[data-v-7d83bdff],.modal-leave-active .modal-container[data-v-7d83bdff]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-7d83bdff],.modal-leave-to .modal-container[data-v-7d83bdff]{transform:scale(.95)}.modal-overlay[data-v-0d60047d]{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:9999}.modal-container[data-v-0d60047d]{animation:slideUp-0d60047d .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-close[data-v-0d60047d]{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s;z-index:10}.modal-close[data-v-0d60047d]:hover{background-color:#0000000d}.modal-close svg[data-v-0d60047d]{color:#666;height:24px;width:24px}.modal-body[data-v-0d60047d]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.gif-container[data-v-0d60047d]{display:flex;justify-content:center;width:100%}.gif-img[data-v-0d60047d]{border-radius:8px;height:auto;max-width:300px;width:100%}.modal-title[data-v-0d60047d]{color:#333;font-size:1.5rem;font-weight:600;line-height:1.4;margin:0;text-align:center}.modal-actions[data-v-0d60047d]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.btn[data-v-0d60047d]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 2rem;transition:all .2s}.btn[data-v-0d60047d]:active{transform:scale(.98)}.btn-primary[data-v-0d60047d]{background-color:var(--pr-color);color:#fff;font-weight:600}.btn-primary[data-v-0d60047d]:hover{opacity:.8}.btn-primary[data-v-0d60047d]:active{transform:scale(98%)}.btn-danger[data-v-0d60047d]{background-color:transparent;border:1px solid var(--pr-color);color:var(--pr-color);font-weight:600}.btn-danger[data-v-0d60047d]:hover{opacity:.8}.btn-danger[data-v-0d60047d]:active{transform:scale(98%)}.modal-enter-active[data-v-0d60047d],.modal-leave-active[data-v-0d60047d]{transition:opacity .3s ease}.modal-enter-from[data-v-0d60047d],.modal-leave-to[data-v-0d60047d]{opacity:0}.modal-enter-active .modal-container[data-v-0d60047d]{animation:slideUp-0d60047d .3s ease-out}.modal-leave-active .modal-container[data-v-0d60047d]{animation:slideDown-0d60047d .3s ease-in}@keyframes slideUp-0d60047d{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown-0d60047d{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@media(max-width:640px){.modal-container[data-v-0d60047d]{margin:0 auto;max-width:95%}.modal-body[data-v-0d60047d]{padding:1.5rem}.modal-title[data-v-0d60047d]{font-size:1.25rem}.gif-img[data-v-0d60047d]{max-width:200px}.modal-actions[data-v-0d60047d]{flex-direction:column;width:100%}.btn[data-v-0d60047d]{min-width:unset;width:100%}}@media(max-width:480px){.modal-body[data-v-0d60047d]{padding:1rem}.modal-title[data-v-0d60047d]{font-size:1.1rem}.gif-img[data-v-0d60047d]{max-width:180px}.btn[data-v-0d60047d]{font-size:.95rem;padding:.65rem 1.5rem}}@media(prefers-color-scheme:dark){.modal-container[data-v-0d60047d]{background:#1f2937}.modal-title[data-v-0d60047d]{color:#f3f4f6}.modal-close svg[data-v-0d60047d]{color:#d1d5db}.modal-close[data-v-0d60047d]:hover{background-color:#ffffff1a}}.keyboard-com-to-mode[data-v-e2b80408]{display:none;left:-30px;position:absolute;top:45px;transition:all 1s ease;width:120px;z-index:10}.mini-screen-clock[data-v-e2b80408]{display:none}@media screen and (max-width:1164px){.mini-screen-clock[data-v-e2b80408]{display:flex}.usually-clock-deskt-top[data-v-e2b80408]{display:none}}