.pin-modal[data-v-65f22290]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;outline:none}.modal-content[data-v-65f22290]{background-color:#fff;padding:30px;border-radius:5px;text-align:center;width:400px}.modal-header[data-v-65f22290]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button[data-v-65f22290]{background:none;border:none;font-size:24px;cursor:pointer;color:#333}.pin-display-container[data-v-65f22290]{height:30px;overflow:hidden;margin-bottom:20px}.pin-display[data-v-65f22290]{font-size:48px;letter-spacing:10px;line-height:48px}.buttons[data-v-65f22290]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.number-button[data-v-65f22290]{padding:20px;font-size:32px;border:1px solid #ccc;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:all .1s ease-in-out;font-weight:900;outline:none}.button-pressed[data-v-65f22290],.number-button[data-v-65f22290]:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.2);transform:translateY(2px)}.clear-button[data-v-65f22290]{background-color:#d01e2b;color:#fff;padding:15px 25px;font-size:28px;border:1px solid #ccc;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:all .1s ease-in-out;font-weight:900}.clear-button[data-v-65f22290]:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.2);transform:translateY(2px)}.empty-button[data-v-65f22290]{border:none;background-color:transparent;cursor:default}