/*** POPUP ***/

.bms-popup-blurred-widget {
    background: rgba(0, 0, 0, 0.01);
}

.bms-popup-background-transparent .popup-menu-content,
.bms-popup-background-transparent .popup-sub-menu,
.bms-popup-background-transparent .candidate-popup-content,
.bms-popup-background-transparent .quick-settings,
.bms-popup-background-transparent .quick-toggle-menu,
.bms-popup-background-transparent .osd-window,
.bms-popup-background-transparent .resize-popup,
.bms-popup-background-transparent .switcher-list,
.bms-popup-background-transparent .workspace-switcher,
.bms-popup-background-transparent .modal-dialog,
.bms-popup-background-transparent .run-dialog,
.bms-popup-background-transparent .screenshot-ui-panel,
.bms-popup-surface-transparent .popup-menu-content,
.bms-popup-surface-transparent .popup-sub-menu,
.bms-popup-surface-transparent .candidate-popup-content,
.bms-popup-surface-transparent .quick-settings,
.bms-popup-surface-transparent .quick-toggle-menu,
.bms-popup-surface-transparent .osd-window,
.bms-popup-surface-transparent .resize-popup,
.bms-popup-surface-transparent .switcher-list,
.bms-popup-surface-transparent .workspace-switcher,
.bms-popup-surface-transparent .modal-dialog,
.bms-popup-surface-transparent .run-dialog,
.bms-popup-surface-transparent .screenshot-ui-panel {
    background: transparent !important;
    border-color: transparent;
    box-shadow: none;
}

.bms-popup-background-light .popup-menu-content,
.bms-popup-background-light .popup-sub-menu,
.bms-popup-background-light .candidate-popup-content,
.bms-popup-background-light .quick-settings,
.bms-popup-background-light .quick-toggle-menu,
.bms-popup-background-light .message,
.bms-popup-background-light .osd-window,
.bms-popup-background-light .resize-popup,
.bms-popup-background-light .switcher-list,
.bms-popup-background-light .workspace-switcher,
.bms-popup-background-light .modal-dialog,
.bms-popup-background-light .run-dialog,
.bms-popup-background-light .screenshot-ui-panel {
    color: #222226;
}

.bms-popup-background-light .popup-menu-content,
.bms-popup-background-light .popup-sub-menu,
.bms-popup-background-light .candidate-popup-content,
.bms-popup-background-light .quick-settings,
.bms-popup-background-light .quick-toggle-menu,
.bms-popup-background-light .message,
.bms-popup-background-light .osd-window,
.bms-popup-background-light .resize-popup,
.bms-popup-background-light .switcher-list,
.bms-popup-background-light .workspace-switcher,
.bms-popup-background-light .modal-dialog,
.bms-popup-background-light .run-dialog,
.bms-popup-background-light .screenshot-ui-panel,
.bms-popup-surface-light .popup-menu-content,
.bms-popup-surface-light .popup-sub-menu,
.bms-popup-surface-light .candidate-popup-content,
.bms-popup-surface-light .quick-settings,
.bms-popup-surface-light .quick-toggle-menu,
.bms-popup-surface-light .message,
.bms-popup-surface-light .osd-window,
.bms-popup-surface-light .resize-popup,
.bms-popup-surface-light .switcher-list,
.bms-popup-surface-light .workspace-switcher,
.bms-popup-surface-light .modal-dialog,
.bms-popup-surface-light .run-dialog,
.bms-popup-surface-light .screenshot-ui-panel {
    background: rgba(255, 255, 255, 0.58) !important;
    border-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.bms-popup-background-light .modal-dialog,
.bms-popup-background-light .run-dialog,
.bms-popup-surface-light .modal-dialog,
.bms-popup-surface-light .run-dialog,
.bms-popup-background-dark .modal-dialog,
.bms-popup-background-dark .run-dialog,
.bms-popup-surface-dark .modal-dialog,
.bms-popup-surface-dark .run-dialog {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.bms-popup-background-light .message:hover,
.bms-popup-surface-light .message:hover {
    background: rgba(255, 255, 255, 0.4) !important;
}

.bms-popup-background-light .message:active,
.bms-popup-surface-light .message:active,
.bms-popup-background-light .message:focus,
.bms-popup-surface-light .message:focus {
    background: rgba(255, 255, 255, 0.7) !important;
}

.bms-popup-background-dark .popup-menu-content,
.bms-popup-background-dark .popup-sub-menu,
.bms-popup-background-dark .candidate-popup-content,
.bms-popup-background-dark .quick-settings,
.bms-popup-background-dark .quick-toggle-menu,
.bms-popup-background-dark .message,
.bms-popup-background-dark .osd-window,
.bms-popup-background-dark .resize-popup,
.bms-popup-background-dark .switcher-list,
.bms-popup-background-dark .workspace-switcher,
.bms-popup-background-dark .modal-dialog,
.bms-popup-background-dark .run-dialog,
.bms-popup-background-dark .screenshot-ui-panel,
.bms-popup-background-transparent .message {
    color: #ffffff;
}

.bms-popup-background-dark .popup-menu-content,
.bms-popup-background-dark .popup-sub-menu,
.bms-popup-background-dark .candidate-popup-content,
.bms-popup-background-dark .quick-settings,
.bms-popup-background-dark .quick-toggle-menu,
.bms-popup-background-dark .osd-window,
.bms-popup-background-dark .resize-popup,
.bms-popup-background-dark .switcher-list,
.bms-popup-background-dark .workspace-switcher,
.bms-popup-background-dark .modal-dialog,
.bms-popup-background-dark .run-dialog,
.bms-popup-background-dark .screenshot-ui-panel,
.bms-popup-surface-dark .screenshot-ui-panel, 
.bms-popup-surface-dark .popup-menu-content,
.bms-popup-surface-dark .popup-sub-menu,
.bms-popup-surface-dark .candidate-popup-content,
.bms-popup-surface-dark .quick-settings,
.bms-popup-surface-dark .quick-toggle-menu,
.bms-popup-surface-dark .osd-window,
.bms-popup-surface-dark .resize-popup,
.bms-popup-surface-dark .switcher-list,
.bms-popup-surface-dark .workspace-switcher,
.bms-popup-surface-dark .modal-dialog,
.bms-popup-surface-dark .run-dialog {
    background: rgba(45, 45, 50, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.bms-popup-background-dark .message,
.bms-popup-background-transparent .message,
.bms-popup-surface-dark .message,
.bms-popup-surface-transparent .message {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.bms-popup-background-dark .message:hover,
.bms-popup-background-transparent .message:hover,
.bms-popup-surface-dark .message:hover,
.bms-popup-surface-transparent .message:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

.bms-popup-background-dark .message:focus,
.bms-popup-background-transparent .message:focus,
.bms-popup-surface-dark .message:focus,
.bms-popup-surface-transparent .message:focus,
.bms-popup-background-dark .message:active,
.bms-popup-background-transparent .message:active,
.bms-popup-surface-dark .message:active,
.bms-popup-surface-transparent .message:active {
    background: rgba(255, 255, 255, 0.15) !important;
}

.bms-popup-background-transparent .message,
.bms-popup-background-light .message,
.bms-popup-background-dark .message,
.bms-popup-surface-transparent .message,
.bms-popup-surface-light .message,
.bms-popup-surface-dark .message {
    box-shadow: none;
}

.bms-popup-background-transparent StScrollBar StBin#trough,
.bms-popup-background-light StScrollBar StBin#trough,
.bms-popup-background-dark StScrollBar StBin#trough {
    background-color: transparent;
}

.bms-popup-background-transparent StScrollBar > .vhandle,
.bms-popup-background-transparent StScrollBar > .hhandle,
.bms-popup-background-dark StScrollBar > .vhandle,
.bms-popup-background-dark StScrollBar > .hhandle {
    background-color: rgba(255, 255, 255, 0.28);
    border-color: transparent;
}

.bms-popup-background-transparent StScrollBar > .vhandle:hover,
.bms-popup-background-transparent StScrollBar > .hhandle:hover,
.bms-popup-background-dark StScrollBar > .vhandle:hover,
.bms-popup-background-dark StScrollBar > .hhandle:hover {
    background-color: rgba(255, 255, 255, 0.38);
}

.bms-popup-background-transparent StScrollBar > .vhandle:active,
.bms-popup-background-transparent StScrollBar > .hhandle:active,
.bms-popup-background-dark StScrollBar > .vhandle:active,
.bms-popup-background-dark StScrollBar > .hhandle:active {
    background-color: rgba(255, 255, 255, 0.46);
}

.bms-popup-background-light StScrollBar > .vhandle,
.bms-popup-background-light StScrollBar > .hhandle {
    background-color: rgba(34, 34, 38, 0.24);
    border-color: transparent;
}

.bms-popup-background-light StScrollBar > .vhandle:hover,
.bms-popup-background-light StScrollBar > .hhandle:hover {
    background-color: rgba(34, 34, 38, 0.34);
}

.bms-popup-background-light StScrollBar > .vhandle:active,
.bms-popup-background-light StScrollBar > .hhandle:active {
    background-color: rgba(34, 34, 38, 0.42);
}

.bms-popup-background-transparent .osd-window,
.bms-popup-background-light .osd-window,
.bms-popup-background-dark .osd-window,
.bms-popup-background-transparent .resize-popup,
.bms-popup-background-light .resize-popup,
.bms-popup-background-dark .resize-popup,
.bms-popup-background-transparent .workspace-switcher,
.bms-popup-background-light .workspace-switcher,
.bms-popup-background-dark .workspace-switcher,
.bms-popup-surface-transparent .osd-window,
.bms-popup-surface-light .osd-window,
.bms-popup-surface-dark .osd-window,
.bms-popup-surface-transparent .resize-popup,
.bms-popup-surface-light .resize-popup,
.bms-popup-surface-dark .resize-popup,
.bms-popup-surface-transparent .workspace-switcher,
.bms-popup-surface-light .workspace-switcher,
.bms-popup-surface-dark .workspace-switcher {
    border-radius: 18px;
}

.bms-popup-background-light .osd-window .level {
    -barlevel-background-color: rgba(0, 0, 0, 0.12);
    -barlevel-active-background-color: #222226;
    -barlevel-overdrive-color: #c01c28;
}

.bms-popup-background-dark .osd-window .level {
    -barlevel-background-color: rgba(255, 255, 255, 0.14);
    -barlevel-active-background-color: #ffffff;
    -barlevel-overdrive-color: #f66151;
}

.bms-popup-background-light .switcher-list .item-box:focus,
.bms-popup-background-light .switcher-list .item-box:selected,
.bms-popup-surface-light .switcher-list .item-box:focus,
.bms-popup-surface-light .switcher-list .item-box:selected {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

.bms-popup-background-dark .switcher-list .item-box:focus,
.bms-popup-background-dark .switcher-list .item-box:selected,
.bms-popup-surface-dark .switcher-list .item-box:focus,
.bms-popup-surface-dark .switcher-list .item-box:selected {
  background-color: rgba(255, 255, 255, 0.13) !important;
}

.bms-popup-background-transparent .switcher-list .item-box:focus,
.bms-popup-background-transparent .switcher-list .item-box:selected,
.bms-popup-surface-transparent .switcher-list .item-box:focus,
.bms-popup-surface-transparent .switcher-list .item-box:selected {
  background-color: rgba(255, 255, 255, 0.13) !important;
}

.bms-popup-background-transparent .popup-sub-menu,
.bms-popup-background-light .popup-sub-menu,
.bms-popup-background-dark .popup-sub-menu,
.bms-popup-surface-transparent .popup-sub-menu,
.bms-popup-surface-light .popup-sub-menu,
.bms-popup-surface-dark .popup-sub-menu {
    background: transparent !important;
    border-color: transparent;
    border-radius: 0 0 13px 13px;
    box-shadow: none;
}

.bms-popup-background-dark .popup-sub-menu > StBoxLayout,
.bms-popup-surface-dark .popup-sub-menu > StBoxLayout {
    background-color: rgba(58, 58, 64, 0.36) !important;
    border-radius: 0 0 13px 13px;
}

.bms-popup-background-light .popup-sub-menu > StBoxLayout,
.bms-popup-surface-light .popup-sub-menu > StBoxLayout {
    background-color: rgba(255, 255, 255, 0.58) !important;
    border-radius: 0 0 13px 13px;
}

.bms-popup-background-transparent .popup-sub-menu .popup-menu-item,
.bms-popup-background-light .popup-sub-menu .popup-menu-item,
.bms-popup-background-dark .popup-sub-menu .popup-menu-item {
    background-color: transparent !important;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.bms-popup-background-transparent .popup-sub-menu .popup-menu-item:insensitive,
.bms-popup-background-light .popup-sub-menu .popup-menu-item:insensitive,
.bms-popup-background-dark .popup-sub-menu .popup-menu-item:insensitive {
    background-color: transparent !important;
}

.bms-popup-background-transparent .screenshot-ui-type-button,
.bms-popup-background-light .screenshot-ui-type-button,
.bms-popup-background-dark .screenshot-ui-type-button,
.bms-popup-background-transparent .screenshot-ui-type-button:insensitive,
.bms-popup-background-light .screenshot-ui-type-button:insensitive,
.bms-popup-background-dark .screenshot-ui-type-button:insensitive {
    background-color: transparent !important;
}

.bms-popup-background-transparent .screenshot-ui-type-button:checked,
.bms-popup-background-transparent .screenshot-ui-type-button:focus,
.bms-popup-background-dark .screenshot-ui-type-button:checked,
.bms-popup-background-dark .screenshot-ui-type-button:focus {
    background-color: rgba(255, 255, 255, 0.13) !important
}

.bms-popup-background-light .screenshot-ui-type-button,
.bms-popup-background-light .screenshot-ui-show-pointer-button,
.bms-popup-background-light .screenshot-ui-shot-cast-button {
    color: #1a1a1e !important;
}

.bms-popup-background-light .screenshot-ui-type-button:insensitive,
.bms-popup-background-light .screenshot-ui-show-pointer-button:insensitive,
.bms-popup-background-light .screenshot-ui-shot-cast-button:insensitive {
    color: rgba(26, 26, 30, 0.5) !important;
}

.bms-popup-background-transparent .screenshot-ui-type-button:hover,
.bms-popup-background-dark .screenshot-ui-type-button:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
}

.bms-popup-background-transparent .screenshot-ui-type-button:active,
.bms-popup-background-transparent .screenshot-ui-type-button:outlined,
.bms-popup-background-dark .screenshot-ui-type-button:active,
.bms-popup-background-dark .screenshot-ui-type-button:outlined {
    background-color: rgba(255, 255, 255, 0.18) !important;
}

.bms-popup-background-light .screenshot-ui-type-button:hover {
   background-color: rgba(0, 0, 0, 0.18) !important;
}

.bms-popup-background-light .screenshot-ui-type-button:checked,
.bms-popup-background-light .screenshot-ui-type-button:focus {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

.bms-popup-background-light .screenshot-ui-type-button:active,
.bms-popup-background-light .screenshot-ui-type-button:outlined {
    background-color: rgba(0, 0, 0, 0.16) !important;
}

.bms-popup-background-transparent .screenshot-ui-show-pointer-button,
.bms-popup-background-light .screenshot-ui-show-pointer-button,
.bms-popup-background-dark .screenshot-ui-show-pointer-button,
.bms-popup-background-transparent .screenshot-ui-show-pointer-button:insensitive,
.bms-popup-background-light .screenshot-ui-show-pointer-button:insensitive,
.bms-popup-background-dark .screenshot-ui-show-pointer-button:insensitive {
    background-color: transparent !important;
}

.bms-popup-background-light .screenshot-ui-show-pointer-button:hover {
    background-color: rgba(0, 0, 0, 0.18) !important;
}

.bms-popup-background-light .screenshot-ui-show-pointer-button:checked,
.bms-popup-background-light .screenshot-ui-show-pointer-button:focus {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

.bms-popup-background-transparent .screenshot-ui-show-pointer-button:checked,
.bms-popup-background-transparent .screenshot-ui-show-pointer-button:focus,
.bms-popup-background-dark .screenshot-ui-show-pointer-button:checked,
.bms-popup-background-dark .screenshot-ui-show-pointer-button:focus {
    background-color: rgba(255, 255, 255, 0.13) !important;
}

.bms-popup-background-transparent .screenshot-ui-show-pointer-button:hover,
.bms-popup-background-dark .screenshot-ui-show-pointer-button:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
}

.bms-popup-background-transparent .screenshot-ui-show-pointer-button:active,
.bms-popup-background-transparent .screenshot-ui-show-pointer-button:outlined,
.bms-popup-background-dark .screenshot-ui-show-pointer-button:active,
.bms-popup-background-dark .screenshot-ui-show-pointer-button:outlined {
    background-color: rgba(255, 255, 255, 0.18) !important;
}

.bms-popup-background-light .screenshot-ui-show-pointer-button:active,
.bms-popup-background-light .screenshot-ui-show-pointer-button:outlined {
    background-color: rgba(0, 0, 0, 0.16) !important;
}

.bms-popup-background-light .screenshot-ui-capture-button {
    border: 4px #1a1a1e !important;
}

.bms-popup-background-light .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
    background-color: #1a1a1e !important;
}

.bms-popup-background-light .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
.bms-popup-background-light .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
    background-color: #3a3a3e !important;
}

.bms-popup-background-light .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
    background-color: #5a5a5e !important;
}

.bms-popup-background-light .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
    background-color: #c01c28 !important;
}

.bms-popup-background-light .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
.bms-popup-background-light .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
    background-color: #d61f2d !important;
}

.bms-popup-background-light .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
    background-color: #a11722 !important;
}

.bms-popup-background-light .screenshot-ui-shot-cast-container {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.bms-popup-background-light .screenshot-ui-shot-cast-button:hover,
.bms-popup-background-light .screenshot-ui-shot-cast-button:focus {
    background-color: rgba(0, 0, 0, 0.18) !important;
}

.bms-popup-background-light .screenshot-ui-shot-cast-button:active {
    background-color: rgba(0, 0, 0, 0.28) !important;
}

.bms-popup-background-light .screenshot-ui-shot-cast-button:checked {
    background-color: #1a1a1e !important;
    color: #ffffff !important;
}

.bms-popup-background-light .screenshot-ui-shot-cast-button:insensitive {
    color: rgba(26, 26, 30, 0.5) !important;
}

.bms-popup-background-transparent .popup-sub-menu .popup-menu-section,
.bms-popup-background-light .popup-sub-menu .popup-menu-section,
.bms-popup-background-dark .popup-sub-menu .popup-menu-section {
    border-radius: 0 0 12px 12px;
}

.bms-popup-background-transparent .popup-sub-menu .popup-menu-item:last-child,
.bms-popup-background-transparent .popup-sub-menu .popup-menu-section .popup-menu-item:last-child,
.bms-popup-background-transparent .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child,
.bms-popup-background-light .popup-sub-menu .popup-menu-item:last-child,
.bms-popup-background-light .popup-sub-menu .popup-menu-section .popup-menu-item:last-child,
.bms-popup-background-light .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child,
.bms-popup-background-dark .popup-sub-menu .popup-menu-item:last-child,
.bms-popup-background-dark .popup-sub-menu .popup-menu-section .popup-menu-item:last-child,
.bms-popup-background-dark .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
    border-radius: 0 0 12px 12px;
}

.bms-popup-background-dark .bms-keyboard-surface,
.bms-popup-surface-dark .bms-keyboard-surface,
.bms-popup-background-transparent .bms-keyboard-surface,
.bms-popup-surface-transparent .bms-keyboard-surface {
    background: rgba(45, 45, 50, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.05);;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.bms-popup-background-light .bms-keyboard-surface,
.bms-popup-surface-light .bms-keyboard-surface {
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.bms-popup-background-dark .keyboard-subkeys,
.bms-popup-background-transparent .keyboard-subkeys {
  -arrow-background-color: rgba(35, 35, 35, 0.98);
  -arrow-border-color: rgba(255, 255, 255, 0.12);
}

/* Base Keys */
.bms-popup-background-dark .keyboard-key,
.bms-popup-background-transparent .keyboard-key,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}

/* Interactive States */
.bms-popup-background-dark .keyboard-key:hover,
.bms-popup-background-transparent .keyboard-key:hover,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key:hover,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:hover,
.bms-popup-background-dark .keyboard-key:focus:hover,
.bms-popup-background-transparent .keyboard-key:focus:hover,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key:focus:hover,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:focus:hover {
  background-color: rgba(255, 255, 255, 0.20) !important;
  color: #ffffff;
}

.bms-popup-background-dark .keyboard-key:active,
.bms-popup-background-transparent .keyboard-key:active,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key:active,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:active,
.bms-popup-background-dark .keyboard-key:focus:active,
.bms-popup-background-transparent .keyboard-key:focus:active,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key:focus:active,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:focus:active {
  background-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff;
}

.bms-popup-background-dark .keyboard-key:checked,
.bms-popup-background-transparent .keyboard-key:checked,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key:checked,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:checked {
  background-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6);
  color: #ffffff;
}

.bms-popup-background-dark .keyboard-key:focus,
.bms-popup-background-transparent .keyboard-key:focus,
.bms-popup-background-dark .keyboard-subkeys .keyboard-key:focus,
.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:focus {
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none;
  color: #ffffff;
}

.bms-popup-background-dark .keyboard-key:grayed,
.bms-popup-background-transparent .keyboard-key:grayed {
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.35);
  border-color: rgba(0, 0, 0, 0.4);
}

/* Modifier & Function Keys */
.bms-popup-background-dark .keyboard-key.default-key,
.bms-popup-background-transparent .keyboard-key.default-key {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
}

.bms-popup-background-dark .keyboard-key.default-key:hover,
.bms-popup-background-transparent .keyboard-key.default-key:hover {
  background-color: rgba(255, 255, 255, 0.20);
}

.bms-popup-background-dark .keyboard-key.default-key:active,
.bms-popup-background-transparent .keyboard-key.default-key:active {
  background-color: rgba(255, 255, 255, 0.18);
}

.bms-popup-background-dark .keyboard-key.default-key:checked,
.bms-popup-background-transparent .keyboard-key.default-key:checked {
  background-color: rgba(255, 255, 255, 0.13);
}

.bms-popup-background-dark .keyboard-key.default-key:latched,
.bms-popup-background-transparent .keyboard-key.default-key:latched {
  border-color: #4b92e7;
  background-color: #3584e4;
  color: #ffffff;
}

/* Enter Key */
.bms-popup-background-dark .keyboard-key.enter-key,
.bms-popup-background-transparent .keyboard-key.enter-key {
  color: #ffffff;
  background-color: #428ce6;
}

.bms-popup-background-dark .keyboard-key.enter-key:hover,
.bms-popup-background-transparent .keyboard-key.enter-key:hover {
  background-color: #5497e8;
}

.bms-popup-background-dark .keyboard-key.enter-key:active,
.bms-popup-background-transparent .keyboard-key.enter-key:active {
  background-color: #629fea;
}

/* Shift Key Uppercase */
.bms-popup-background-dark .keyboard-key.shift-key-uppercase,
.bms-popup-background-transparent .keyboard-key.shift-key-uppercase {
  background-color: rgba(255, 255, 255, 0.35);
  color: #1e1e1e;
}

.bms-popup-background-dark .keyboard-key.shift-key-uppercase:hover,
.bms-popup-background-transparent .keyboard-key.shift-key-uppercase:hover {
  background-color: rgba(255, 255, 255, 0.45);
}

.bms-popup-background-light .keyboard-subkeys {
  -arrow-background-color: rgba(240, 240, 240, 0.98);
  -arrow-border-color: rgba(0, 0, 0, 0.1);
}

/* Base Keys */
.bms-popup-background-light .keyboard-key,
.bms-popup-background-light .keyboard-subkeys .keyboard-key {
  color: #1a1a1a;
  background-color: rgba(0, 0, 0, 0.07);
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}

/* Interactive States */
.bms-popup-background-light .keyboard-key:hover,
.bms-popup-background-light .keyboard-subkeys .keyboard-key:hover,
.bms-popup-background-light .keyboard-key:focus:hover,
.bms-popup-background-light .keyboard-subkeys .keyboard-key:focus:hover {
  background-color: rgba(0, 0, 0, 0.18) !important;
  color: #000000;
}

.bms-popup-background-light .keyboard-key:active,
.bms-popup-background-light .keyboard-subkeys .keyboard-key:active,
.bms-popup-background-light .keyboard-key:focus:active,
.bms-popup-background-light .keyboard-subkeys .keyboard-key:focus:active {
  background-color: rgba(0, 0, 0, 0.16) !important;
  color: #000000;
}

.bms-popup-background-light .keyboard-key:checked,
.bms-popup-background-light .keyboard-subkeys .keyboard-key:checked {
  background-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6);
  color: #000000;
}

.bms-popup-background-light .keyboard-key:focus,
.bms-popup-background-light .keyboard-subkeys .keyboard-key:focus {
  background-color: rgba(0, 0, 0, 0.07) !important;
  box-shadow: none;
  color: #1a1a1a;
}

.bms-popup-background-light .keyboard-key:grayed {
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.4);
  border-color: transparent;
}

/* Modifier & Function Keys */
.bms-popup-background-light .keyboard-key.default-key {
  color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.11);
}

.bms-popup-background-light .keyboard-key.default-key:hover {
  background-color: rgba(0, 0, 0, 0.18);
}

.bms-popup-background-light .keyboard-key.default-key:active {
  background-color: rgba(0, 0, 0, 0.16);
}

.bms-popup-background-light .keyboard-key.default-key:checked {
  background-color: rgba(0, 0, 0, 0.12);
}

.bms-popup-background-light .keyboard-key.default-key:latched {
  border-color: #3584e4;
  background-color: #3584e4;
  color: #ffffff;
}

/* Enter Key */
.bms-popup-background-light .keyboard-key.enter-key {
  color: #ffffff;
  background-color: #3584e4;
}

.bms-popup-background-light .keyboard-key.enter-key:hover {
  background-color: #4b92e7;
}

.bms-popup-background-light .keyboard-key.enter-key:active {
  background-color: #2871cc;
}

/* Shift Key Uppercase */
.bms-popup-background-light .keyboard-key.shift-key-uppercase {
  background-color: rgba(0, 0, 0, 0.22);
  color: #000000;
}

.bms-popup-background-light .keyboard-key.shift-key-uppercase:hover {
  background-color: rgba(0, 0, 0, 0.28);
}