$primary: #2E2D2B; $accent: #FEB453; $divider: #ffffff0d; $text: #E5DFD5; $text2: #ADA9A1; $mutedtext: #78756F; .bg { width: 750px; height: 474px; background-color: $primary; border: 1px solid $divider; border-radius: 12px; z-index: -1; position: fixed; outline: none; } .keybind-container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 20px; } h2 { margin-bottom: 20px; } .keybind-input { width: 300px; height: 50px; border: 2px solid $accent; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; margin-bottom: 20px; background-color: rgba($accent, 0.1); user-select: none; } .keybind-input:focus { outline: none; box-shadow: 0 0 0 2px rgba($accent, 0.5); } button { padding: 10px 20px; background-color: $accent; color: $primary; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } button:disabled { opacity: 0.5; cursor: not-allowed; }