.icon_1ew2Q {
  display: block;
  image-rendering: pixelated;
}
.desktopIconGrid_1dZQa {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.desktopIcon_akwdc {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 78px;
  height: 72px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.desktopIcon_akwdc.dragging_2FADy {
  z-index: 1000;
}

.desktopIcon_akwdc.selected_1GIBr .iconWrapper_30crf {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2);
}

.desktopIcon_akwdc.selected_1GIBr .iconLabel_qflwR {
  color: white;
  background: #040080;
  background: var(--dialog-blue);
}

.iconWrapper_30crf {
  padding: 0 8px 4px 8px;
  pointer-events: none;
}

.iconLabel_qflwR {
  max-height: 30px;
  padding: 2px 3px 2px 3px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  overflow: hidden;
  pointer-events: none;
  word-wrap: break-word;
}

.selectionRect_zWspY {
  position: absolute;
  border: 1px dotted rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 128, 0.1);
  pointer-events: none;
  z-index: 999;
}

.contextMenu_nM3CH {
  position: fixed;
  background: #c0c0c0;
  background: var(--surface);
  border: 2px solid;
  border-color: #ffffff #0a0a0a #0a0a0a #ffffff;
  border-color: var(--button-highlight) var(--window-frame) var(--window-frame) var(--button-highlight);
  box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.5);
  min-width: 200px;
  z-index: 10000;
  padding: 2px;
}

.menuItem_3Xiz- {
  padding: 4px 20px 4px 8px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.menuItem_3Xiz-:hover:not(.disabled_2VoUQ) {
  background: #040080;
  background: var(--dialog-blue);
  color: white;
}

.menuItem_3Xiz-.disabled_2VoUQ {
  color: #808080;
  color: var(--button-shadow);
  cursor: default;
}

.separator_1qMQU {
  height: 1px;
  margin: 2px 4px;
  background: #808080;
  background: var(--button-shadow);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--button-highlight);
}


.desktop_1fPJK {
  width: 100%;
  height: 100%;
  background-color: #008080;
  background-color: var(--desktop-green);
}
.button_3AO2i {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: none;
    background-color: #c0c0c0;
    background-color: var(--surface);
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
    box-shadow: var(--border-raised-outer), var(--border-raised-inner);
    border-radius: 0;
  
    min-width: 75px;
    min-height: 23px;
    padding: 0 12px;
  }
  
  .button_3AO2i:not(:disabled):active,
  .button_3AO2i.active_2LUOw {
    box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
    box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
  }

  .button_3AO2i:not(:disabled):active > *,
  .button_3AO2i.active_2LUOw > * {
    transform: translate3d(1px, 1px, 0);
  }
  
  @media (hover: none) {
    .button_3AO2i:not(:disabled):hover {
      box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
      box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
    }
  }
  
  .button_3AO2i:focus,
  .button_3AO2i.focus_8udqU {
    outline: 1px dotted #000000;
    outline-offset: -4px;
  }
  
  .button_3AO2i::-moz-focus-inner {
    border: 0;
  }

.button_3AO2i.inTaskbar_sZCZl {
    min-height: 22px;
    height: 22px;
    padding: 0 4px 0;
}

.button_3AO2i.inTaskbar_sZCZl img {
    margin-right: 3px;
}

.button_3AO2i.inTaskbar_sZCZl div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.button_3AO2i.inTaskbar_sZCZl:not(:disabled):active > *,
.button_3AO2i.inTaskbar_sZCZl.active_2LUOw > * {
    transform: translate3d(1px, 1px, 0);
  }

.button_3AO2i.noOutline_3vpeS:focus {
    outline: 0;
}
.notificationArea_2AyF8 {
    display: flex;
    align-items: center;
    grid-gap: 6px;
    gap: 6px;
    height: 22px;
    padding: 2px 6px;
    font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
    font-family: var(--font-family-ui), sans-serif;
    font-size: 11px;
    line-height: 1;
    box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
    box-shadow: var(--box-shadow-notification);
    white-space: nowrap;
}

.statusIcon_IrfPk {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    min-width: 16px;
}

.clock_THtSD {
    margin: 0;
    padding: 0 4px 0 2px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.2px;
}
.menuOption_ZLwPW{
    position: relative; 
    display: flex;
    align-items: center;
    margin: 1px 0;
    min-width: 128px;
    height: 20px;
    color: black;
    white-space: nowrap;
    overflow: visible;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.menuOption_ZLwPW:hover
{
    color: white;
    background-color: #040080;
    background-color: var(--dialog-blue);
}

.menuOptionIcon_2pOAE {
    margin: 0 6px;
}

.menuOptionArrow_3ukUc {
    margin: 0 3px;
}

.menuOptionLabel_2xN1Y {
    flex: 1;
    margin-right: 14px;
    /* margin: 1px 0 0; */
}

.menuOption_ZLwPW.large_3XB6o {
    margin: 0;
    min-width: 136px;
    height: 32px;
}

.menuOption_ZLwPW.large_3XB6o > .menuOptionIcon_2pOAE {
    margin: 0 10px;
}

.menuOption_ZLwPW.large_3XB6o > .menuOptionLabel_2xN1Y::first-letter {
    text-decoration: underline;
}

.menuOptionSubMenu_1STiY {
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate3d(-3px, -6px, 0);
}

.menuOption_ZLwPW:hover > .menuOptionSubMenu_1STiY {
  display: block;
}
.menu_pecxl {
    display: inline-flex;
    flex-direction: column;
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px #808080, inset 2px 2px #ffffff;
    box-shadow: var(--border-window-outer), var(--border-window-inner);
    background: #c0c0c0;
    background: var(--surface);
    padding: 3px;
    font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
    font-family: var(--font-family-ui), sans-serif;
    font-size: 11px;
    line-height: 1;
    overflow: visible;
}

.optionGroup_zgqjj {
    padding: 5px 0 2px;
    box-shadow:  inset 0px 1px #808080, inset 0px 2px #ffffff;
    box-shadow:  inset 0px 1px var(--button-shadow), inset 0px 2px var(--button-highlight);
    overflow: visible;
}

.menu_pecxl.large_32Lbf > .optionGroup_zgqjj {
    padding: 8px 0 6px;
}

.optionGroup_zgqjj:first-child {
   padding-top: 0 !important; 
   box-shadow:  none !important;

}  

.optionGroup_zgqjj:last-child {
    padding-bottom: 0 !important; 
 }  

.startMenu_3eJEM {
  position: relative;
}

.startMenu_3eJEM > div {
  padding-left: 24px;
}

.startMenu_3eJEM::before {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 21px;
  height: calc(100% - 6px);
  content: '';
  background: #808080 url(/assets/start-menu-logo.e01aef59968688dd6c2fb1e582c74ca0.png) no-repeat left bottom;
  background: var(--dialog-gray) url(/assets/start-menu-logo.e01aef59968688dd6c2fb1e582c74ca0.png) no-repeat left bottom;
}
.taskbar_1Frg6 {
    position: relative;
    display: flex;
    height: 28px;
    padding: 4px 0 2px 0;
    box-shadow: inset 0 1px #dfdfdf, inset 0 2px #ffffff;
    box-shadow: inset 0 1px var(--button-face), inset 0 2px var(--button-highlight);
    background: #c0c0c0;
    background: var(--surface);
}

.startMenuWrapper_5gT0M {
    z-index: 1;
    position: absolute;
    left: 2px;
    bottom: 24px;
}

.startButtonWrapper_1PFYt {
    margin: 0 2px;
}

.startButtonWrapper_1PFYt  button {
    min-width: auto;
    font-weight: bold;
}

.startButtonLabel_2MeJe {
    margin: 1px 1px 0 3px;
}

.taskButtonsWrapper_1RwUo {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    min-width: 100px;
    padding: 0 4px;
    min-width: 0;
    overflow: hidden;
}

.taskButtonsWrapper_1RwUo button {
    flex: 1 1 0;
    margin-right: 4px;
    min-width: 20px;
    max-width: 160px;
}

.notificationAreaWrapper_p2eVA {
    flex: 0 0 auto;
    margin: 0 1px;
}
.aimLogin_9T0VW {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #d6d6ce;
  font-family: Arial, sans-serif;
}

.logoSection_rBuu3 {
  background: #d6d6ce; /* Match form background */
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #848484;
}

.loginLogo_1h4TI {
  max-width: 65%;
  height: auto;
  display: block;
}

.formSection_nGUF6 {
  flex: 1;
  padding: 12px;
  background: #d6d6ce;
}

.inputGroup_c7g7H {
  margin-bottom: 10px;
}

.label_2g_RS {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  color: #000;
}

.keyIcon_3wEWP {
  font-size: 14px;
}

.link_23LPb {
  display: inline-block;
  margin-top: 3px;
  font-size: 11px;
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

.link_23LPb:hover {
  color: #0000cc;
}

.inputWrapper_2ZRIP {
  position: relative;
  display: flex;
}

.input_3ODQd {
  width: 100%;
  padding: 3px 5px;
  border: 2px inset #848484;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #fff;
  color: #000;
}

.input_3ODQd:focus {
  outline: none;
}

.dropdown_3lGCA {
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  width: 20px;
  background: #d6d6ce;
  border-left: 1px solid #848484;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
}

.checkboxRow_tG_sb {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  grid-gap: 10px;
  gap: 10px;
}

.checkbox_3JNnL {
  display: flex;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.checkbox_3JNnL input[type="checkbox"] {
  margin-right: 5px;
  cursor: pointer;
}

.checkbox_3JNnL span {
  text-decoration: underline;
  color: #000;
}

.buttonRow_3laIm {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #848484;
}

.leftButtons_3GID7 {
  display: flex;
  grid-gap: 5px;
  gap: 5px;
}

.iconButton_2857q {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #d6d6ce;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  padding: 5px 10px;
  cursor: pointer;
  min-width: 60px;
}

.iconButton_2857q:active {
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.signOnButton_UqqIN {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #d6d6ce;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  padding: 5px 15px;
  cursor: pointer;
  min-width: 70px;
}

.signOnButton_UqqIN:active {
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.buttonIcon_1Feow {
  width: 32px;
  height: 32px;
  margin-bottom: 3px;
}

.signOnIcon_2yp-m {
  width: 32px;
  height: 32px;
  margin-bottom: 3px;
}

.buttonLabel_o3yQd {
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  color: #000;
  display: none; /* Hide button text */
}

.version_MUPj5 {
  text-align: center;
  font-size: 10px;
  color: #666;
  margin-top: 10px;
}


.aimBuddyList_36M0Z {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #d6d6ce;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.logoContainer_11JS0 {
  background: #d6d6ce;
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #848484;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logoImg_Y9M3t {
  width: 200px;
  max-width: 200px;
  height: auto;
  display: block;
}

.menuBar_2odK5 {
  display: flex;
  background: #d6d6ce;
  border-bottom: 1px solid #848484;
  border-top: 1px solid #fff;
  padding: 2px 5px;
}

.menuItem_3RP1F {
  padding: 2px 8px;
  cursor: pointer;
  font-size: 11px;
}

.menuItem_3RP1F:hover {
  background: #0a246a;
  color: #fff;
}

.buddyListContainer_1lIhQ {
  flex: 1;
  overflow-y: auto;
  background: #fff;
  border: 2px inset #848484;
  margin: 5px;
}

.buddyGroup_1agRy {
  margin-bottom: 1px;
}

.groupHeader_3BmzO {
  background: linear-gradient(to bottom, #9fc3f7 0%, #6fa3f7 100%);
  padding: 3px 5px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid #4a7bc7;
  font-size: 11px;
}

.groupHeader_3BmzO span {
  margin-right: 3px;
}

.groupContent_doKOw {
  background: #fff;
}

.buddyItem_2YU32 {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
}

.buddyItem_2YU32:hover {
  background: #e8f0ff;
}

.buddyIcon_2z2xA {
  position: relative;
  width: 20px;
  height: 20px;
  background: #ccc;
  border-radius: 3px;
  margin-right: 6px;
  border: 1px solid #999;
}

.statusIndicator_34mjG {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.statusIndicator_34mjG.online_y8kju {
  background: #00ff00;
}

.statusIndicator_34mjG.idle_2TDVv {
  background: #ffa500; /* Orange for idle */
}

.statusIndicator_34mjG.away_2r1Dx {
  background: #ffcc00;
}

.statusIndicator_34mjG.offline_3x_Mr {
  background: #ff0000;
}

.buddyInfo_1Wg37 {
  flex: 1;
  overflow: hidden;
}

.buddyName_2HHn0 {
  font-weight: bold;
  color: #000;
  font-size: 11px;
}

.statusMessage_18-12 {
  font-size: 10px;
  color: #666;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bottomBar_36-_w {
  background: #d6d6ce;
  border-top: 1px solid #fff;
  padding: 5px 3px;
}

.buttonRow_MjBs_ {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  grid-gap: 2px;
  gap: 2px;
}

.buttonContainer_3c-_B {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 2px;
  gap: 2px;
}

.bottomButton_23L45 {
  cursor: pointer;
  width: 35px;
  height: auto;
  transition: opacity 0.1s;
}

.bottomButton_23L45:hover {
  opacity: 0.8;
}

.bottomButton_23L45:active {
  opacity: 0.6;
}

.buttonLabel_-QE5D {
  font-size: 9px;
  color: #000;
  text-align: center;
  line-height: 1.1;
  max-width: 50px;
}

/* Scrollbar styling */
.buddyListContainer_1lIhQ::-webkit-scrollbar {
  width: 16px;
}

.buddyListContainer_1lIhQ::-webkit-scrollbar-track {
  background: #d6d6ce;
}

.buddyListContainer_1lIhQ::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border: 1px outset #848484;
}

.buddyListContainer_1lIhQ::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}


.aimChat_2lzIz {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #d6d6ce;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.menuBar_2x8xY {
  display: flex;
  background: #d6d6ce;
  border-bottom: 1px solid #848484;
  border-top: 1px solid #fff;
  padding: 2px 5px;
  justify-content: space-between;
}

.menuLeft_3YP5D {
  display: flex;
}

.menuItem_1cE4K {
  padding: 2px 8px;
  cursor: pointer;
  font-size: 11px;
}

.menuItem_1cE4K:hover {
  background: #0a246a;
  color: #fff;
}

.warningLevel_RtLBH {
  padding: 2px 8px;
  color: #000;
  font-size: 11px;
}

.messagesContainer_2Sj-F {
  flex: 1;
  overflow: hidden;
  padding: 5px;
  background: #d6d6ce;
  min-height: 150px;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.messages_1O94Z {
  height: 100%;
  overflow-y: auto;
  background: #fff;
  border: 2px inset #848484;
  padding: 8px;
  font-family: 'Arial', sans-serif;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.message_1cEYZ {
  margin-bottom: 4px;
  line-height: 1.3;
  font-size: 12px;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.messageSenderYou_fRHAI {
  font-weight: bold;
  color: #0000ff;
}

.messageSenderBuddy_1mXwr {
  font-weight: bold;
  color: #ff0000;
}

.messageTime_1lvZM {
  font-size: 10px;
  color: #666;
}

.messageText_35l7I {
  color: #000;
}

.systemMessage_1mvff {
  text-align: center;
  color: #666;
  font-size: 11px;
  font-style: italic;
  margin: 8px 0;
  line-height: 1.3;
}

.toolbar_2bz8k {
  display: flex;
  grid-gap: 1px;
  gap: 1px;
  padding: 3px;
  background: #d6d6ce;
  border-bottom: 1px solid #848484;
  align-items: center;
}

.toolButton_1uRje {
  width: 28px;
  height: 24px;
  padding: 0;
  background: #d6d6ce;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toolButton_1uRje:active {
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.toolSeparator_2fz9Y {
  width: 2px;
  height: 20px;
  background: #848484;
  margin: 0 2px;
}

.inputContainer_fy2uF {
  padding: 5px;
  padding-bottom: 3px;
  background: #d6d6ce;
}

.input_3yIci {
  width: 100%;
  height: 80px;
  padding: 4px;
  border: 2px inset #848484;
  font-family: Arial, sans-serif;
  font-size: 12px;
  resize: none;
  box-sizing: border-box;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.input_3yIci:focus {
  outline: none;
}

.bottomBar_189AT {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  padding-top: 3px;
  background: #d6d6ce;
  border-top: 1px solid #fff;
}

.actionButtons_3-wiq {
  display: flex;
  grid-gap: 3px;
  gap: 3px;
}

.actionButton_1Fmal {
  min-width: 60px;
  padding: 4px 8px;
  background: #d6d6ce;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
}

.actionButton_1Fmal:active {
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.sendButton_UpAZ2 {
  min-width: 80px;
  padding: 4px 12px;
  background: #d6d6ce;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
}

.sendButton_UpAZ2:active {
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

/* Scrollbar styling */
.messages_1O94Z::-webkit-scrollbar {
  width: 16px;
}

.messages_1O94Z::-webkit-scrollbar-track {
  background: #d6d6ce;
}

.messages_1O94Z::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border: 1px outset #848484;
}

.messages_1O94Z::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}

.emojiButton_2qEHK {
  width: 32px;
  height: 32px;
  padding: 0;
  background: #d6d6ce;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.emojiButton_2qEHK:hover {
  background: #e0e0e0;
}

.emojiButton_2qEHK:active {
  border-top: 2px solid #848484;
  border-left: 2px solid #848484;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}


.windowContent_HSrY7 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.windowContentMenu_t8Ilt {
    flex: 0 0 auto;
}

.windowContentBody_13o9M {
    display: flex;
    flex: 1 1 auto;
    min-width: 1px;
}

.windowContentFooter_EYuWt {
    flex: 0 0 auto;
}

.windowContent_HSrY7, 
.windowContentMenu_t8Ilt,
.windowContentBody_13o9M, 
.windowContentFooter_EYuWt {
    overflow: hidden;
}
.groupSelector_2Uayj {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  font-family: 'MS Sans Serif', Arial, sans-serif;
}

.header_3YLog {
  margin-bottom: 10px;
}

.header_3YLog h3 {
  margin: 0 0 5px 0;
  font-size: 13px;
  font-weight: bold;
}

.header_3YLog p {
  margin: 0;
  font-size: 11px;
  color: #666;
}

.buddyList_E39EH {
  flex: 1;
  overflow-y: auto;
  border: 2px inset #808080;
  background: #fff;
  padding: 5px;
  margin-bottom: 10px;
}

.emptyMessage_3e0wi {
  padding: 20px;
  text-align: center;
  color: #999;
  font-size: 11px;
}

.buddyItem_2Fggl {
  display: flex;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
}

.buddyItem_2Fggl:hover {
  background: #e8f0ff;
}

.buddyItem_2Fggl input[type="checkbox"] {
  margin-right: 8px;
}

.buddyName_1ZQ0A {
  font-weight: bold;
  font-size: 11px;
  margin-right: 8px;
}

.statusMessage_2spa8 {
  font-size: 10px;
  color: #666;
  font-style: italic;
}

.footer_xcfNK {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.selectedCount_Q9v2p {
  font-size: 11px;
  color: #000;
}

.buttons_3T5yH {
  display: flex;
  grid-gap: 5px;
  gap: 5px;
}


.aimChat_2znol {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: Arial, sans-serif;
}

.chatArea__57rM {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: #fff;
  border: 2px inset #808080;
  margin: 5px;
}

.emptyChat_1JP9C {
  text-align: center;
  color: #999;
  padding: 20px;
  font-style: italic;
  font-size: 11px;
}

.messageBlock_2e8aT {
  margin-bottom: 8px;
}

.messageSender_YrAed {
  font-size: 10px;
  color: #00f;
  margin-bottom: 2px;
}

.messageText_1nAUo {
  font-size: 11px;
  color: #000;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin-left: 8px;
}

.systemMessage_xykeM {
  text-align: center;
  color: #808080;
  font-size: 10px;
  font-style: italic;
  margin: 8px 0;
  padding: 4px;
}

.inputArea_1fYPO {
  padding: 5px;
  border-top: 1px solid #999;
  background: #d6d6ce;
}

.input_1AhUS {
  width: 100%;
  min-height: 50px;
  padding: 5px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  border: 2px inset #808080;
  resize: vertical;
  box-sizing: border-box;
}

.sendButtonRow_3oLyd {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}

/* Scrollbar styling */
.chatArea__57rM::-webkit-scrollbar {
  width: 16px;
}

.chatArea__57rM::-webkit-scrollbar-track {
  background: #d6d6ce;
}

.chatArea__57rM::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border: 1px outset #848484;
}

.chatArea__57rM::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}


.menuBar_qTdvP {
    display: flex;
    margin: 1px;
    height: 16px;
}

.menuBarOption_dwdZR {
    display: flex;
    align-items: center;
    padding: 0 6px;
    list-style-type: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

/* .menuBarOption:hover {
    background: var(--dialog-blue);
    color: white;
} */

.menuBarOptionLabel_1mgxw::first-letter {
    text-decoration: underline;
}
.calc_2rTPw { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; padding: 8px; background: #c0c0c0; background: var(--surface); min-width: 240px; }
.screen_2tAx5 { background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 6px 8px; text-align: right; font-family: monospace; font-size: 20px; min-height: 32px; overflow: hidden; }
.grid_3pDYH { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 4px; gap: 4px; }
.key_Og9bO { min-height: 26px; font-size: 12px; background: #dfdfdf; background: var(--button-face); box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf; box-shadow: var(--border-raised-outer), var(--border-raised-inner); border: none; cursor: pointer; }
.key_Og9bO:active { box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080; box-shadow: var(--border-sunken-outer), var(--border-sunken-inner); }
.red_1pXfF { color: #a00000; }
.wide_2Kv-T { grid-column: span 2; }
.row_3TUN4 { display: flex; justify-content: flex-end; }

.cd_Mc_ye { padding: 10px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 300px; }
.display_29Mc5 { background: #001800; color: #00ff00; font-family: monospace; padding: 8px; display: flex; justify-content: space-between; border: 2px inset #808080; border: 2px inset var(--button-shadow); }
.track_eI8UA { font-size: 13px; } .time_1o6-c { font-size: 16px; }
.list_3nPEI { font-size: 12px; }
.row_1BkWp { display: flex; grid-gap: 6px; gap: 6px; }

.defrag_1f8DE { padding: 10px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 380px; font-size: 12px; }
.map_1QPNg { display: grid; grid-template-columns: repeat(22, 1fr); grid-gap: 1px; gap: 1px; background: #000; padding: 4px; border: 2px inset #808080; border: 2px inset var(--button-shadow); }
.map_1QPNg span { display: block; height: 12px; }
.used_15TTg { background: #0000aa; } .frag_ctk9k { background: #ff0000; } .free_3_nEK { background: white; } .sys_bncCu { background: #00aa00; }
.legend_2oqgD { display: flex; grid-gap: 12px; gap: 12px; font-size: 11px; }
.legend_2oqgD i { display: inline-block; width: 12px; height: 10px; margin-right: 4px; border: 1px solid #000; }
.bar_1UW-W { height: 16px; border: 2px inset #808080; border: 2px inset var(--button-shadow); background: white; }
.fill_fYn0p { height: 100%; background: #0000aa; transition: width 0.15s; }
.row_3XRX6 { display: flex; justify-content: space-between; align-items: center; grid-gap: 8px; gap: 8px; }
.btns_1lDkj { display: flex; grid-gap: 6px; gap: 6px; }

.tabs_XQ2wJ {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.tabHeaders_1ww5X {
  display: flex;
  border-bottom: 2px solid #808080;
  border-bottom: 2px solid var(--button-shadow);
}

.tabHeader_1D5_4 {
  padding: 6px 16px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  cursor: pointer;
  background: var(--ui-background);
  border: 2px solid transparent;
  border-bottom: none;
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.tabHeader_1D5_4.active_3JVj7 {
  background: var(--ui-background);
  border-color: var(--raised-outer-border) var(--raised-outer-border) var(--ui-background) var(--raised-outer-border);
  border-bottom-color: var(--ui-background);
  font-weight: bold;
}

.tabHeader_1D5_4:not(.active_3JVj7):hover {
  background: #ffffff;
  background: var(--button-highlight);
}

.tabBody_2vFN8 {
  flex: 1;
  background: var(--ui-background);
  overflow: auto;
}


.screenSaver_1vxsi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  z-index: 999999; /* Very high z-index to be above everything */
  pointer-events: auto; /* Allow interaction to dismiss */
  cursor: pointer;
}

.bsod_2ayXd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #0000aa;
  color: #ffffff;
  font-family: monospace;
  font-size: 16px;
  line-height: 1.4;
  padding: 80px 60px;
  z-index: 1000000;
  cursor: pointer;
  outline: none;
}


.desktopPropertiesApp_3ZFK5 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 4px 8px 8px 8px;
  background: var(--ui-background);
}

.tabContent_RLP7V {
  flex: 1;
  padding: 8px;
  overflow-y: auto;
}

.section_1o-bC {
  margin-bottom: 16px;
}

.label_DjnPs {
  display: block;
  margin-bottom: 8px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.wallpaperGrid_1fqWf {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 12px;
}

.wallpaperOption_i_qBh {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  border: 2px solid transparent;
}

.wallpaperOption_i_qBh.selected_6hFpl {
  border-color: #040080;
  border-color: var(--dialog-blue);
  background: rgba(0, 0, 128, 0.1);
}

.wallpaperPreview_2UaJe {
  width: 80px;
  height: 60px;
  border: 1px solid #808080;
  border: 1px solid var(--button-shadow);
  margin-bottom: 4px;
}

.wallpaperLabel_2BkID {
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 4px;
  gap: 4px;
  width: 100%;
}

.wallpaperLabel_2BkID span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.deleteButton_2dOSE {
  width: 16px;
  height: 16px;
  padding: 0;
  border: 1px solid #808080;
  border: 1px solid var(--button-shadow);
  background: #c0c0c0;
  background: var(--surface);
  color: #0a0a0a;
  color: var(--window-frame);
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  flex-shrink: 0;
}

.deleteButton_2dOSE:hover {
  background: #ff0000;
  color: white;
  border-color: #cc0000;
}

.uploadSection_14tz1 {
  margin-top: 8px;
}

.uploadButton_25VKp {
  display: inline-block;
  padding: 4px 12px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  background: var(--ui-background);
  border: 2px solid;
  border-color: var(--raised-outer-border) var(--raised-inner-border) var(--raised-inner-border) var(--raised-outer-border);
  cursor: pointer;
}

.uploadButton_25VKp:active {
  border-color: var(--raised-inner-border) var(--raised-outer-border) var(--raised-outer-border) var(--raised-inner-border);
}

.fileInput_3tCRx {
  display: none;
}

.select_3e4Zf {
  width: 100%;
  max-width: 250px;
  padding: 4px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  background: white;
  border: 2px solid;
  border-color: var(--lowered-outer-border) var(--lowered-inner-border) var(--lowered-inner-border) var(--lowered-outer-border);
}

.preview_2LSQR {
  margin-top: 16px;
}

.previewLabel_oKuA9 {
  margin-bottom: 8px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.previewBox_szfpF {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 300px;
  height: 150px;
  background: #000;
  border: 2px solid;
  border-color: var(--lowered-outer-border) var(--lowered-inner-border) var(--lowered-inner-border) var(--lowered-outer-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.previewCaption_1AJ5I {
  margin-top: 6px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  color: #0a0a0a;
  color: var(--window-frame);
}

.previewRow_34PJe {
  margin-top: 8px;
  display: flex;
  grid-gap: 6px;
  gap: 6px;
}

.previewText_1rwuS {
  color: white;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  text-align: center;
}

/* Monitor Preview */
.monitorPreview_1Awyn {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  padding: 16px 0;
}

.monitorFrame_3MTRF {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.monitorScreen_1NoX_ {
  width: 140px;
  height: 105px;
  border: 3px solid #808080;
  border: 3px solid var(--button-shadow);
  border-left-color: #ffffff;
  border-left-color: var(--button-highlight);
  border-top-color: #ffffff;
  border-top-color: var(--button-highlight);
  background: #008080;
  margin-bottom: 8px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.monitorStand_1kgCY {
  width: 80px;
  height: 3px;
  background: #808080;
  background: var(--button-shadow);
  position: relative;
}

.monitorStand_1kgCY::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
  width: 30px;
  height: 10px;
  background: #808080;
  background: var(--button-shadow);
  border-left: 2px solid #ffffff;
  border-left: 2px solid var(--button-highlight);
  border-top: 2px solid #ffffff;
  border-top: 2px solid var(--button-highlight);
  border-right: 2px solid #0a0a0a;
  border-right: 2px solid var(--window-frame);
}

/* Wallpaper Section */
.wallpaperSection_25nLU {
  margin-bottom: 16px;
}

.sectionLabel_1J5Kq {
  display: block;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
}

.fieldLabel_3fHlX {
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  display: block;
  margin-bottom: 4px;
}

.wallpaperControls_zhn8B {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 12px;
}

.wallpaperSelect_22-iB {
  flex: 1;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  background: white;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  border-color: var(--button-shadow) var(--button-highlight) var(--button-highlight) var(--button-shadow);
  padding: 2px;
  min-height: 80px;
}

.wallpaperButtons_1aN0z {
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px;
  min-width: 90px;
}

.browseButton_2HVf9 {
  display: block;
  padding: 3px 12px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  background: #c0c0c0;
  background: var(--surface);
  border: 2px solid;
  border-color: #ffffff #0a0a0a #0a0a0a #ffffff;
  border-color: var(--button-highlight) var(--window-frame) var(--window-frame) var(--button-highlight);
  cursor: pointer;
  text-align: center;
  width: 100%;
}

.browseButton_2HVf9:active {
  border-color: #0a0a0a #ffffff #ffffff #0a0a0a;
  border-color: var(--window-frame) var(--button-highlight) var(--button-highlight) var(--window-frame);
}

.patternButton_2GkY2 {
  padding: 3px 12px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  background: #c0c0c0;
  background: var(--surface);
  border: 2px solid;
  border-color: #ffffff #0a0a0a #0a0a0a #ffffff;
  border-color: var(--button-highlight) var(--window-frame) var(--window-frame) var(--button-highlight);
  cursor: pointer;
  text-align: center;
  width: 100%;
}

.patternButton_2GkY2:disabled {
  color: #808080;
  color: var(--button-shadow);
  cursor: default;
}

/* Pattern Dialog */
.patternDialog_PtGHf {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.patternDialogContent_1aVPk {
  background: #c0c0c0;
  background: var(--surface);
  border: 2px solid;
  border-color: #ffffff #0a0a0a #0a0a0a #ffffff;
  border-color: var(--button-highlight) var(--window-frame) var(--window-frame) var(--button-highlight);
  min-width: 400px;
  max-width: 500px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.patternDialogHeader_3RjtC {
  background: #040080;
  background: var(--dialog-blue);
  color: white;
  padding: 2px 4px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.patternDialogClose_3URAE {
  background: #c0c0c0;
  background: var(--surface);
  border: 1px solid #0a0a0a;
  border: 1px solid var(--window-frame);
  width: 16px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}

.patternDialogBody_1qSXN {
  padding: 12px;
}

.patternGrid_2r8M4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  gap: 8px;
  margin-top: 8px;
  padding: 4px;
  background: white;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  border-color: var(--button-shadow) var(--button-highlight) var(--button-highlight) var(--button-shadow);
  max-height: 400px;
  overflow-y: auto;
}

.patternItem_AbHXt {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  padding: 6px;
  cursor: pointer;
  border: 2px solid transparent;
}

.patternItem_AbHXt:hover {
  background: rgba(0, 0, 128, 0.05);
}

.patternItemSelected_1FEoo {
  border: 2px solid #040080 !important;
  border: 2px solid var(--dialog-blue) !important;
  background: rgba(0, 0, 128, 0.1) !important;
}

.patternPreview_y8W_E {
  width: 60px;
  height: 60px;
  border: 1px solid #808080;
  border: 1px solid var(--button-shadow);
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.patternName_2lIm6 {
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 9px;
  text-align: center;
  word-wrap: break-word;
  max-width: 70px;
  line-height: 1.2;
}

.patternDialogButtons_1cirM {
  padding: 8px 12px;
  display: flex;
  justify-content: center;
  border-top: 1px solid #808080;
  border-top: 1px solid var(--button-shadow);
}

.dialogButton_2E6DY {
  padding: 3px 24px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  background: #c0c0c0;
  background: var(--surface);
  border: 2px solid;
  border-color: #ffffff #0a0a0a #0a0a0a #ffffff;
  border-color: var(--button-highlight) var(--window-frame) var(--window-frame) var(--button-highlight);
  cursor: pointer;
  min-width: 75px;
}

.dialogButton_2E6DY:active {
  border-color: #0a0a0a #ffffff #ffffff #0a0a0a;
  border-color: var(--window-frame) var(--button-highlight) var(--button-highlight) var(--window-frame);
}

.buttons_16RDF {
  display: flex;
  justify-content: flex-end;
  grid-gap: 8px;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid #808080;
  border-top: 1px solid var(--button-shadow);
  margin-top: auto;
}


.statusBar_Kmq_n {
    position: relative;
    display: flex;
    height: 21px;
    padding: 1px;
}

.spaceLeft_32606, .spaceRight_r2im6 {
    height: 100%;
    padding: 3px 3px 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
    box-shadow: var(--box-shadow-notification);

}

.spaceLeft_32606 {
    min-width: 144px;
    margin-right: 2px;
}

.spaceRight_r2im6 {
    flex: 1;
}
.ex_2rpaU { display: grid; grid-template-columns: 120px 1fr; grid-template-rows: 140px 120px auto; grid-gap: 6px; gap: 6px; padding: 8px; min-width: 480px; }
.folders_3RpRC { display: flex; flex-direction: column; grid-gap: 2px; gap: 2px; grid-row: span 2; }
.folders_3RpRC button { text-align: left; font-size: 12px; padding: 4px 6px; }
.on_262Le { font-weight: bold; background: #040080; background: var(--dialog-blue); color: white; }
.list_1psqI { background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); overflow: auto; font-size: 12px; }
.mail_2bIMT { display: grid; grid-template-columns: 1fr 1fr auto; grid-gap: 6px; gap: 6px; padding: 3px 6px; cursor: default; }
.mail_2bIMT:hover, .read_rOilW { background: #040080; background: var(--dialog-blue); color: white; }
.date_3W1Mt { font-size: 11px; opacity: 0.8; }
.empty_3ofjj { padding: 10px; color: #666; }
.preview_qaXfV { grid-column: 2; background: #ffffe1; border: 1px solid #999; padding: 6px; font-size: 12px; white-space: pre-wrap; overflow: auto; }
.row_fy3nu { grid-column: span 2; display: flex; grid-gap: 6px; gap: 6px; }

.countour_2xluh {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    background: #ffffff;
    background: var(--button-highlight);
    box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
    box-shadow: var(--border-field);
    margin: 1px;
    padding: 2px;
    overflow: hidden;
}
.fileGrid_2e3qm {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  justify-items: flex-start;
  width: 100%;
  height: 100%;
}

.file_1qjwA {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5px 4px;
  width: 78px;
  height: 72px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fileIcon_2sO5f {
  padding: 0 8px 4px 8px;
}

.fileLabel_3ETZZ {
  max-height: 30px;
  padding: 2px 3px 2px 3px;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  overflow: hidden;
}

.file_1qjwA.focus_3pMHM .fileIcon_2sO5f {
  filter: brightness(0.4) contrast(0.9) sepia(100%) hue-rotate(195deg) saturate(2)
}

.file_1qjwA.focus_3pMHM .fileLabel_3ETZZ {
  color: white;
  background: #040080;
  background: var(--dialog-blue);
}

.file_1qjwA.softFocus_3SHeW .fileLabel_3ETZZ {
  outline: 1px dotted black;
  outline-offset: -1px;
}

.file_1qjwA.softFocus_3SHeW.focus_3pMHM .fileLabel_3ETZZ {
  outline-color: white;
}
.ex_2j2un { display: flex; flex-direction: column; height: 100%; min-height: 320px; }
.bar_JoJEe { display: flex; grid-gap: 6px; gap: 6px; align-items: center; padding: 4px; font-size: 12px; }
.bar_JoJEe input { flex: 1; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 2px 6px; }
.main_3NYyw { display: grid; grid-template-columns: 170px 1fr; grid-gap: 6px; gap: 6px; flex: 1; min-height: 0; padding: 0 4px 4px; }
.tree_uQN0D { background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 6px; font-size: 12px; overflow: auto; }
.node_32Zpr { white-space: nowrap; padding: 1px 0; }

.find_2U6OY { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; padding: 8px; min-width: 380px; min-height: 300px; }
.bar_2ZaVA { display: flex; grid-gap: 8px; gap: 8px; align-items: center; font-size: 12px; }
.bar_2ZaVA input { flex: 1; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 3px 6px; }
.list_3vkqO { height: 200px; overflow: auto; background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); font-size: 12px; }
.empty_vmIqi { padding: 12px; color: #666; }
.row_1BPiM { display: flex; justify-content: space-between; padding: 2px 8px; cursor: default; }
.row_1BPiM:hover { background: #040080; background: var(--dialog-blue); color: white; }
.path_ba_oV { color: #666; font-size: 11px; }
.row_1BPiM:hover .path_ba_oV { color: white; }
.status_2yGDH { font-size: 11px; }

.find_2cfHY { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; padding: 8px; min-width: 360px; }
.bar_YwzeI { display: flex; grid-gap: 8px; gap: 8px; align-items: center; font-size: 12px; }
.bar_YwzeI input { flex: 1; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 3px 6px; }
.list_4R-1Z { height: 180px; overflow: auto; background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 6px; font-size: 12px; font-family: monospace; }

.find_3j_4r { padding: 12px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 320px; font-size: 12px; }
.sub_3ba5b { color: #444; }
.bar_Vaq24 { display: flex; grid-gap: 6px; gap: 6px; }
.bar_Vaq24 input { flex: 1; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 4px 6px; }

.term_S8RDd { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; padding: 8px; min-width: 380px; }
.status_Fiiwz { font-size: 11px; background: #c0c0c0; background: var(--surface); padding: 3px 6px; border: 2px inset #808080; border: 2px inset var(--button-shadow); }
.box_3ntLX { height: 240px; overflow: auto; background: #002000; color: #d0ffd0; font-family: monospace; font-size: 12px; padding: 8px; border: 2px inset #808080; border: 2px inset var(--button-shadow); }
.in_9tyKC { display: flex; grid-gap: 6px; gap: 6px; }
.in_9tyKC input { flex: 1; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 3px 6px; font-family: monospace; }

.mp_R1XK8 { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; padding: 8px; min-width: 340px; }
.stage_7sb8a { background: black; border: 2px inset #808080; border: 2px inset var(--button-shadow); min-height: 220px; display: flex; align-items: center; justify-content: center; }
.video_3RttP { width: 100%; max-height: 320px; background: black; }
.empty_18vir { color: #888; font-size: 13px; text-align: center; line-height: 1.5; }
.name_3q7Av { font-size: 11px; background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 3px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row_22SoZ { display: flex; grid-gap: 6px; gap: 6px; }
.open_3VH5f { font-size: 12px; padding: 4px 12px; background: #dfdfdf; background: var(--button-face); box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf; box-shadow: var(--border-raised-outer), var(--border-raised-inner); cursor: pointer; }

.msn_2JC7P { padding: 16px; display: flex; flex-direction: column; grid-gap: 10px; gap: 10px; min-width: 320px; font-size: 12px; }
.hero_1ZVOC { font-size: 48px; font-weight: 900; font-style: italic; color: #000080; letter-spacing: -2px; }
.row_h9dg3 { display: flex; grid-gap: 6px; gap: 6px; }
.dots_HYvDt { display: flex; grid-gap: 6px; gap: 6px; }
.dots_HYvDt span { width: 10px; height: 10px; border-radius: 50%; background: #ccc; display: block; }
.on_1WQv- { background: #000080 !important; }

.dos_1iKxa { background: black; color: #c0c0c0; font-family: monospace; font-size: 13px; height: 100%; min-height: 280px; display: flex; }
.output_2rKdb { flex: 1; overflow-y: auto; padding: 8px; white-space: pre-wrap; word-break: break-word; }
.prompt_2p35I { display: flex; grid-gap: 6px; gap: 6px; align-items: center; }
.prompt_2p35I input { flex: 1; background: black; border: none; outline: none; color: #fff; font: inherit; }
.echo_2rkjg { color: #fff; }
.err_z_aw3 { color: #ff8080; }
.bsod_r45Ka { background: #0000aa; color: white; font-family: monospace; font-size: 14px; padding: 60px 40px; min-height: 300px; outline: none; cursor: pointer; }

.dial_25Usq { padding: 10px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 240px; }
.screen_ErrM2 { font-size: 18px; padding: 6px; border: 2px inset #808080; border: 2px inset var(--button-shadow); font-family: monospace; letter-spacing: 2px; }
.pad_1ODTI { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 6px; gap: 6px; }
.pad_1ODTI button { min-height: 34px; font-size: 16px; font-weight: bold; }
.row_2oj29 { display: flex; grid-gap: 6px; gap: 6px; }
.status_3PfkO { font-size: 11px; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 4px 6px; background: white; min-height: 26px; }

.reg_1YDn0 { padding: 14px; display: flex; flex-direction: column; grid-gap: 10px; gap: 10px; min-width: 300px; font-size: 12px; }
.reg_1YDn0 h3 { margin: 0; }
.reg_1YDn0 input[type="text"], .reg_1YDn0 input:not([type]) { border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 3px 6px; }
.row_cH9pF { display: flex; grid-gap: 6px; gap: 6px; }

.run_2szQD { padding: 12px; display: flex; flex-direction: column; grid-gap: 12px; gap: 12px; min-width: 320px; }
.top_3ES6k { display: flex; grid-gap: 12px; gap: 12px; }
.top_3ES6k p { margin: 0 0 8px; font-size: 12px; }
.top_3ES6k label { display: flex; align-items: center; grid-gap: 8px; gap: 8px; font-size: 12px; }
.top_3ES6k input { flex: 1; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 3px 5px; min-width: 0; }
.error_2MZVc { color: #a00000; font-size: 12px; margin-top: 6px; }
.buttons_1fVWV { display: flex; grid-gap: 6px; gap: 6px; justify-content: flex-end; }

.scan_3C9r2 { padding: 10px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 360px; font-size: 12px; }
.top_1GDml { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; }
.bar_2F254 { height: 16px; border: 2px inset #808080; border: 2px inset var(--button-shadow); background: white; }
.fill_FiqPY { height: 100%; background: #0000aa; transition: width 0.15s; }
.log_1_eLO { height: 150px; overflow: auto; background: white; border: 2px inset #808080; border: 2px inset var(--button-shadow); padding: 6px; font-family: monospace; font-size: 11px; }
.row_3MUY3 { display: flex; grid-gap: 6px; gap: 6px; justify-content: flex-end; }

.shut_1OY5z { padding: 12px; display: flex; flex-direction: column; grid-gap: 12px; gap: 12px; min-width: 300px; }
.top_3f8QX { display: flex; grid-gap: 12px; gap: 12px; }
.radio_2nt-V { display: flex; grid-gap: 6px; gap: 6px; align-items: center; font-size: 12px; margin: 3px 0; }
.buttons_3Uk7z { display: flex; grid-gap: 6px; gap: 6px; justify-content: flex-end; }
.full_3fYuY { padding: 24px; text-align: center; font-size: 13px; }
.safe_1sfGJ { background: #000; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; padding: 20px; }
.safeText_1lrmG { color: #ff7f00; font-family: monospace; font-size: 26px; text-align: center; line-height: 1.3; margin: 0; }
.hint_p4rH1 { color: #666; font-size: 11px; margin-top: 16px; }

.rec_2VPmV { padding: 10px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 280px; }
.wave_18lsO { display: flex; grid-gap: 2px; gap: 2px; align-items: center; height: 40px; background: #004000; padding: 4px 6px; border: 2px inset #808080; border: 2px inset var(--button-shadow); }
.wave_18lsO span { width: 3px; background: #00ff00; display: block; }
.time_2QQIC { font-family: monospace; font-size: 13px; }
.row_2ERp2 { display: flex; grid-gap: 6px; gap: 6px; }
.err_14KS3 { color: #a00000; font-size: 12px; }
.hint_3MA5n { font-size: 11px; color: #555; }

.wrap_Q5DVH { padding: 8px; display: flex; flex-direction: column; grid-gap: 8px; gap: 8px; min-width: 360px; }
.pane_1LqjU { display: flex; flex-direction: column; grid-gap: 6px; gap: 6px; padding: 10px; font-size: 12px; min-height: 160px; }
.note_2R0G0 { color: #444; font-size: 11px; }
.row_2Eycq { display: flex; grid-gap: 6px; gap: 6px; }
.buttons_P0LlR { display: flex; grid-gap: 6px; gap: 6px; justify-content: flex-end; }

.vol_1wr_k { display: flex; grid-gap: 14px; gap: 14px; padding: 14px; align-items: flex-end; min-width: 260px; }
.col_3PdL5 { display: flex; flex-direction: column; align-items: center; grid-gap: 6px; gap: 6px; font-size: 11px; }
.col_3PdL5 input[type="range"] { writing-mode: vertical-lr; direction: rtl; height: 110px; }
.val_3ArLg { font-family: monospace; }
.mute_2WxmN { font-size: 12px; display: flex; grid-gap: 4px; gap: 4px; align-items: center; }

.pad_3S1Ao { display: flex; flex-direction: column; height: 100%; min-height: 300px; }
.toolbar_1Kt0M { display: flex; grid-gap: 4px; gap: 4px; align-items: center; padding: 4px; background: #c0c0c0; background: var(--surface); }
.toolbar_1Kt0M button, .toolbar_1Kt0M select { font-size: 12px; padding: 2px 8px; }
.on_2Awz0 { box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080; box-shadow: var(--border-sunken-outer), var(--border-sunken-inner); background: white; }
.sep_GVXYI { width: 1px; height: 18px; background: #808080; background: var(--button-shadow); margin: 0 4px; }
.area_32oeF { width: 100%; height: 320px; border: none; padding: 8px; resize: none; font-family: Georgia, serif; line-height: 1.4; background: white; }

.steam_qJMgr {
  --light: #88917b;
  --dark: #282e22;
  box-sizing: border-box;
  width: 100%; height: 100%; min-width: 0; min-height: 0;
  display: flex; flex-direction: column; overflow: hidden;
  color: #e0e4d6; background: #4c5844; font: 11px Tahoma, Verdana, sans-serif;
  container-type: inline-size;
}
.steam_qJMgr * { box-sizing: border-box; }
/* Scope resets: the desktop's global Windows controls must not leak into Steam. */
.steam_qJMgr button, .steam_qJMgr input, .steam_qJMgr select, .play_25kVV {
  font: inherit; color: inherit; border: 1px solid; border-color: var(--light) var(--dark) var(--dark) var(--light);
  background: #4c5844; border-radius: 0; padding: 4px 8px; min-height: 24px;
  box-shadow: none; text-shadow: none; letter-spacing: normal;
}
.steam_qJMgr button { cursor: pointer; }
.steam_qJMgr button:active, .steam_qJMgr button[aria-pressed="true"] { border-color: var(--dark) var(--light) var(--light) var(--dark); background: #3e4836; }
.steam_qJMgr button:disabled { cursor: default; color: #adb3a4; background: #424c3b; }
.steam_qJMgr input, .steam_qJMgr input[type="text"], .steam_qJMgr input[type="search"], .steam_qJMgr select {
  border-color: var(--dark) var(--light) var(--light) var(--dark); background: #3e4637;
  min-width: 0; height: 25px; width: 100%; padding: 3px 5px; -webkit-user-select: text; -moz-user-select: text; user-select: text;
}
.steam_qJMgr select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; color-scheme: dark; padding-right: 2px; }
.steam_qJMgr option { color: #e0e4d6; background: #3e4637; font: inherit; }
.steam_qJMgr input::-moz-placeholder { color: #aab39e; opacity: 1; }
.steam_qJMgr input::placeholder { color: #aab39e; opacity: 1; }
.steam_qJMgr label { align-items: stretch; font: inherit; color: #c4cbb8; }
.steam_qJMgr .focus-visible_eKTqf { outline: 2px solid #d2dca0; outline-offset: -3px; }
.steam_qJMgr :focus-visible { outline: 2px solid #d2dca0; outline-offset: -3px; }
.header_3v4nZ { display: flex; flex: 0 0 auto; align-items: center; grid-gap: 12px; gap: 12px; padding: 6px 10px; }
.header_3v4nZ img { flex-shrink: 0; -o-object-fit: contain; object-fit: contain; }
.brand_3iUHG { flex: 1; font-size: 10px; color: #b5bea9; }
.navigation_1_9e5 { display: flex; flex: 0 0 auto; align-items: center; grid-gap: 4px; gap: 4px; padding: 0 8px 6px; border-bottom: 1px solid var(--dark); }
.navigation_1_9e5 span { margin-left: auto; font-size: 10px; color: #b5bea9; text-align: right; }
.workspace_VSrtL { display: flex; flex: 1; min-height: 0; overflow: hidden; }
.sidebar_XTLel { width: 30%; min-width: 150px; max-width: 260px; display: flex; flex-direction: column; border-right: 1px solid var(--dark); background: #424c3b; }
.search_225RE { display: flex; flex: 0 0 auto; flex-direction: column; grid-gap: 4px; gap: 4px; padding: 8px 8px 0; }
.gameList_PWUSb { flex: 1; min-height: 0; overflow: auto; margin-top: 8px; padding: 2px; }
.steam_qJMgr .gameRow_10eaK { display: flex; width: 100%; grid-gap: 7px; gap: 7px; align-items: center; text-align: left; border: 1px solid transparent; padding: 4px 5px; background: transparent; line-height: 1.3; }
.gameRow_10eaK img { flex-shrink: 0; -o-object-fit: contain; object-fit: contain; }
.gameRow_10eaK span:first-of-type { flex: 1; min-width: 0; word-wrap: anywhere; }
.gameRow_10eaK small { display: block; margin-top: 2px; font-size: 9px; color: #b6bda9; }
.steam_qJMgr .gameRow_10eaK[aria-current="page"] { background: #62734f; border-color: #899979 #303b29 #303b29 #899979; color: #fff; }
.steam_qJMgr .gameRow_10eaK:hover { background: #515f44; }
.empty_3w0gP { padding: 8px; line-height: 1.5; color: #b5bea9; }
.detail_2M52Z { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.hero_1wM6O { display: flex; flex: 0 0 auto; align-items: center; grid-gap: 10px; gap: 10px; padding: 13px 14px; background: #3e4637; border-bottom: 1px solid var(--light); }
.hero_1wM6O img { flex-shrink: 0; -o-object-fit: contain; object-fit: contain; }
.hero_1wM6O div { min-width: 0; word-wrap: anywhere; }
.hero_1wM6O small { color: #aeb99e; font-size: 10px; }
.hero_1wM6O h1 { font: bold 18px Tahoma, Verdana, sans-serif; margin: 4px 0 6px; color: #f0f1e8; }
.hero_1wM6O span { font-size: 10px; color: #b7c4a3; }
.actions_37-HA { display: flex; flex: 0 0 auto; flex-wrap: wrap; grid-gap: 6px; gap: 6px; padding: 9px 12px; }
.shortcutMessage_3SF4e { flex: 0 0 auto; padding: 0 12px 9px; line-height: 1.4; }
.steam_qJMgr .play_25kVV { display: inline-block; background: #64774a; padding: 5px 16px; text-decoration: none; font-weight: bold; }
.tabs_3AgDt { display: flex; flex: 0 0 auto; grid-gap: 3px; gap: 3px; margin: 0 12px; padding-bottom: 1px; border-bottom: 1px solid var(--dark); }
.tabs_3AgDt button { font-size: 11px; }
.content_1Opl2 { flex: 1; min-height: 0; overflow: auto; padding: 12px 14px; line-height: 1.5; }
.content_1Opl2 h2 { font-size: 12px; margin: 0 0 8px; font-weight: bold; color: #cbd6a1; }
.content_1Opl2 h3 { font-size: 11px; margin: 0; }
.content_1Opl2 p { margin: 7px 0 13px; }
.notice_3MRTT { padding: 8px 10px; background: #414b39; border-left: 2px solid #8e9d6f; margin-bottom: 12px; }
.notice_3MRTT p { margin-bottom: 0; }
.options_38UM7 { display: flex; flex-direction: column; grid-gap: 10px; gap: 10px; max-width: 420px; }
.options_38UM7 label { display: flex; flex-direction: column; grid-gap: 4px; gap: 4px; }
.options_38UM7 .checkbox_1Rq-e { flex-direction: row; align-items: center; grid-gap: 7px; gap: 7px; }
.steam_qJMgr .options_38UM7 input[type="checkbox"] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto; position: static; opacity: 1; margin: 0; padding: 0;
  width: 13px; height: 13px; min-height: 13px; flex: 0 0 13px;
  border: 0; box-shadow: none; accent-color: #bac899; cursor: pointer;
}
.options_38UM7 button { align-self: flex-start; }
.build_j4rT5 { display: grid; grid-template-columns: 105px minmax(0, 1fr); grid-gap: 8px; gap: 8px; }
.build_j4rT5 dt { color: #b9c4a9; }
.build_j4rT5 dd { margin: 0; word-wrap: anywhere; -webkit-user-select: text; -moz-user-select: text; user-select: text; }
.message_1zdT0 { flex: 1; padding: 24px; }
.status_kZDg8 { flex-shrink: 0; padding: 5px 8px; border-top: 1px solid var(--light); background: #424c3b; color: #b8c2a8; font-size: 10px; }
/* Reset the global end-buttons, which otherwise appear twice. */
.steam_qJMgr ::-webkit-scrollbar { width: 14px; height: 14px; }
.steam_qJMgr ::-webkit-scrollbar-track { background: #343d2d; box-shadow: none; }
.steam_qJMgr ::-webkit-scrollbar-thumb { background: #59664e; border: 1px solid; border-color: var(--light) var(--dark) var(--dark) var(--light); box-shadow: none; }
.steam_qJMgr ::-webkit-scrollbar-button { display: none; width: 0; height: 0; background: none; }
.steam_qJMgr ::-webkit-scrollbar-corner { background: #343d2d; }
/* Adapt to the application's width, not just the browser viewport. */
@container (max-width: 650px) {
  .navigation_1_9e5 span { display: none; }
  .sidebar_XTLel { width: 36%; min-width: 130px; }
  .hero_1wM6O { padding: 10px; grid-gap: 8px; gap: 8px; }
  .hero_1wM6O h1 { font-size: 16px; }
  .tabs_3AgDt { flex-wrap: wrap; margin: 0 6px; }
  .tabs_3AgDt button { padding: 4px 6px; }
  .content_1Opl2 { padding: 10px; }
  .build_j4rT5 { grid-template-columns: 1fr; grid-gap: 4px; gap: 4px; }
}

.help_1koxH { height: 100%; min-height: 0; display: flex; flex-direction: column; background: #c0c0c0; color: #000; font: 12px Arial, sans-serif; }
.help_1koxH button { color: #000; background: #c0c0c0; border: 2px outset #eee; padding: 4px 9px; font: inherit; }
.help_1koxH button:active { border-style: inset; }
.help_1koxH button.focus-visible_5wie7, .help_1koxH input.focus-visible_5wie7 { outline: 1px dotted #000; outline-offset: -4px; }
.help_1koxH button:focus-visible, .help_1koxH input:focus-visible { outline: 1px dotted #000; outline-offset: -4px; }
.help_1koxH button:disabled { color: #777; text-shadow: 1px 1px #fff; }
.toolbar_1n4bq { display: flex; flex-wrap: wrap; grid-gap: 5px; gap: 5px; padding: 5px; border-bottom: 1px solid #808080; }
.workspace_1Pgud { display: flex; flex: 1; min-height: 0; margin: 5px; border: 2px inset #eee; }
.contents_277r6 { flex: 0 0 195px; min-width: 0; overflow: auto; padding: 8px; border-right: 1px solid #808080; }
.contents_277r6 label { display: block; margin-bottom: 10px; }
.contents_277r6 input { display: block; box-sizing: border-box; width: 100%; margin-top: 5px; padding: 4px; border: 2px inset #eee; background: #fff; color: #000; font: inherit; }
.contents_277r6 nav { display: flex; flex-direction: column; grid-gap: 3px; gap: 3px; }
.contents_277r6 nav button { text-align: left; border: 1px solid transparent; padding: 5px; }
.contents_277r6 nav button[aria-current] { background: #000080; color: white; border: 1px dotted white; }
.topic_38exx { flex: 1; min-width: 0; overflow: auto; padding: 14px 18px; background: #ffffe1; line-height: 1.5; }
.topic_38exx h1 { margin: 0 0 14px; font: bold 19px Georgia, serif; }
.topic_38exx p { margin: 0 0 13px; }
.status_226Od { margin: 0 5px 5px; padding: 3px 6px; border: 1px inset #eee; }
@media (max-width: 600px) { .contents_277r6 { flex-basis: 135px; padding: 5px; } .topic_38exx { padding: 9px; } }

.browser_Ojs6Z { display: flex; flex-direction: column; height: 100%; min-width: 0; min-height: 0; overflow: hidden; background: #c0c0c0; color: #000; font: 12px Tahoma, Arial, sans-serif; }
.browser_Ojs6Z button { color: #000; background: #c0c0c0; font: inherit; border: 1px solid transparent; padding: 4px 7px; }
.browser_Ojs6Z button:hover:not(:disabled) { border-color: #fff #808080 #808080 #fff; }
.browser_Ojs6Z button:active:not(:disabled) { border-color: #808080 #fff #fff #808080; }
.browser_Ojs6Z button.focus-visible_2EGJE { outline: 1px dotted #000; outline-offset: -4px; }
.browser_Ojs6Z button:focus-visible { outline: 1px dotted #000; outline-offset: -4px; }
.browser_Ojs6Z button:disabled { color: #808080; text-shadow: 1px 1px #fff; }
.menu_aIDe_ { display: flex; align-items: center; border-bottom: 1px solid #808080; flex-shrink: 0; }
.menu_aIDe_ img { margin: 2px 6px 2px auto; background: #fff; padding: 2px; }
.toolbar_3b5NK { display: flex; grid-gap: 3px; gap: 3px; flex-wrap: wrap; padding: 3px 5px; box-shadow: inset 0 1px #fff; border-bottom: 1px solid #808080; flex-shrink: 0; }
.toolbar_3b5NK button { min-width: 48px; display: flex; align-items: center; flex-direction: column; grid-gap: 2px; gap: 2px; }
.toolbar_3b5NK span { font: bold 23px Arial, sans-serif; color: #006633; line-height: 25px; }
.toolbar_3b5NK .stop_f6x13 { color: #b00000; }
.toolbar_3b5NK .refresh_1GGxf { color: #008000; }
.toolbar_3b5NK .star_T5eYP { color: #b28600; }
.address_1dpe2 { display: flex; align-items: center; grid-gap: 5px; gap: 5px; padding: 5px 4px; box-shadow: inset 0 1px #fff; flex-shrink: 0; }
.address_1dpe2 input { width: 0; min-width: 0; flex: 1; background: #fff; color: #000; font: 12px Tahoma, Arial, sans-serif; border: 2px inset #eee; padding: 3px; }
.workspace_pV9p0 { display: flex; min-height: 0; min-width: 0; flex: 1; margin: 0 2px; border: 2px inset #eee; }
.surface_3XMtl { position: relative; min-width: 0; min-height: 0; flex: 1; overflow: hidden; background: #fff; }
.canvas_GJU6S { display: block; width: 100%; height: 100%; border: 0; padding: 0; outline: none; cursor: default; }
.panel_21qia { flex: 0 1 200px; min-width: 100px; max-width: 40%; overflow: auto; border-right: 3px ridge #c0c0c0; background: #eee; padding: 7px; }
.panel_21qia button { display: block; width: 100%; text-align: left; word-wrap: anywhere; }
.panel_21qia h3 { margin: 3px 0 12px; }
.panel_21qia .panelClose_gXqxU { float: right; width: auto; padding: 0 4px; border: 2px outset #fff; }
.message_3gc33 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; padding: 25px; overflow: auto; background: #fff; }
.message_3gc33 h2 { font-size: 18px; }
.message_3gc33 button { border: 2px outset #eee; }
.status_34s-7 { display: flex; flex-shrink: 0; grid-gap: 3px; gap: 3px; padding: 3px 2px 1px; }
.status_34s-7 span { border: 1px inset #eee; padding: 2px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status_34s-7 span:first-child { flex: 1; }

.update_IGHrJ { height: 100%; display: flex; flex-direction: column; background: #fff; color: #172540; font-family: Tahoma, Arial, sans-serif; }
.header_35gD5 { display: flex; grid-gap: 12px; gap: 12px; align-items: center; padding: 14px 20px; color: white; background: #173b7a; border-bottom: 4px solid #e3b847; }
.header_35gD5 h1 { font: bold 22px Tahoma, Arial, sans-serif; margin-bottom: 3px; }
.header_35gD5 p { color: white; }
.body_2Q_eD { display: flex; flex: 1; min-height: 0; overflow: auto; }
.sidebar_2bFT2 { flex: 0 0 145px; display: flex; flex-direction: column; grid-gap: 17px; gap: 17px; padding: 20px 14px; background: #eaf0fb; border-right: 1px solid #c2cfe3; color: #214879; }
.sidebar_2bFT2 small { margin-top: auto; line-height: 1.5; }
.main_2Ds6x { flex: 1; min-width: 0; padding: 22px; }
.main_2Ds6x h2 { font: bold 18px Tahoma, Arial, sans-serif; margin-bottom: 14px; }
.main_2Ds6x p { margin: 9px 0; line-height: 1.5; }
.details_gTpZ4 { display: flex; flex-direction: column; grid-gap: 7px; gap: 7px; margin: 18px 0; padding: 12px; border: 1px solid #becae0; background: #f4f7fc; }
.notice_1YD3D { padding: 8px; border-left: 3px solid #3072bc; background: #eef5ff; }
.progress_1Q9Zo { height: 20px; padding: 2px; border: 1px solid #7a8799; background: white; }
.progress_1Q9Zo span { display: block; height: 100%; background: repeating-linear-gradient(to right, #3b8b39 0, #3b8b39 6px, white 6px, white 8px); transition: width .15s linear; }
.wallpaper_1H_B8 { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 9px; gap: 9px; margin-top: 14px; }
.wallpaper_1H_B8 select { max-width: 100%; min-height: 24px; }
.main_2Ds6x .disclaimer_3ZtsZ { color: #647188; font-size: 11px; margin-top: 18px; }
.actions_3LzP0 { display: flex; justify-content: flex-end; grid-gap: 8px; gap: 8px; padding: 10px 14px; border-top: 1px solid #b9c6d8; background: #eef2f8; }
@media (max-width: 600px) { .sidebar_2bFT2 { display: none; } .main_2Ds6x { padding: 14px; } }

.loading_4hsvx,
.empty_muhNx {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: white;
  color: #808080;
  font-size: 11px;
  padding: 20px;
}

.threeColumnLayout_1nefm {
  display: flex;
  width: 100%;
  height: 100%;
  background: white;
}

.column_1cL_y {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex-shrink: 0;
}

.resizeHandle_1Z8Ut {
  width: 4px;
  background: #c0c0c0;
  cursor: col-resize;
  position: relative;
  flex-shrink: 0;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}

.resizeHandle_1Z8Ut:hover {
  background: #a0a0a0;
}

.resizeHandle_1Z8Ut:active {
  background: #808080;
}

.column_1cL_y.focused_1Rwee .listHeader_29ba9 {
  background: #0000aa;
  color: white;
}

.listView_34KWq {
  background: white;
  width: 100%;
  min-height: 100%;
}

.listHeader_29ba9 {
  display: flex;
  background: #c0c0c0;
  border-bottom: 1px solid #808080;
  padding: 2px 4px;
  font-size: 11px;
  position: sticky;
  top: 0;
  z-index: 1;
}

.headerColumn_QPKLR {
  padding: 0 2px;
}

.searchContainer_ttFzj {
  padding: 4px;
  background: #c0c0c0;
  border-bottom: 1px solid #808080;
  position: relative;
}

.searchInputWrapper_2WM_G {
  position: relative;
  width: 100%;
}

.searchInput_27RO- {
  width: 100%;
  padding: 2px 20px 2px 4px;
  border: 1px solid #808080;
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  font-family: 'MS Sans Serif', sans-serif;
  font-size: 11px;
  background: white;
  box-sizing: border-box;
}

.searchInput_27RO-:focus {
  outline: none;
}

.clearSearchButton_3vNQq {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid #808080;
  background: #c0c0c0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: bold;
}

.clearSearchButton_3vNQq:hover {
  background: #dfdfdf;
}

.clearSearchButton_3vNQq:active {
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-right-color: #000000;
  border-bottom-color: #000000;
  background: #a0a0a0;
}

.loadingMore_1ct6K {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: #808080;
  font-size: 11px;
  font-style: italic;
}

.listItems_2zAcK {
  background: white;
}

.listItem_2d-B5 {
  display: flex;
  align-items: center;
  padding: 1px 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 11px;
  min-height: 18px;
  grid-gap: 4px;
  gap: 4px;
}

.listItem_2d-B5:hover {
  background: #c0c0c0;
}

.listItem_2d-B5.selected_1DnZp {
  background: #000080;
  color: white;
}

.albumName_2wQHq,
.itemName_LSghY {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trackCount_1-k2l {
  width: 50px;
  text-align: right;
  flex-shrink: 0;
  padding-right: 8px;
}


.textarea_NnYLB {
    border: 0;
    padding: 4px;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: white;
    resize: none;
    font-family: FixedSysExcelsior, monospace;
    font-family: var(--font-family-sys);
    font-weight: bold;
    /* -webkit-font-smoothing: none; */
    /* font-size: 13px; */
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0px;
    overflow: scroll;
}
.paint_2CkIH { display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; min-height: 0; position: relative; color: #000; background: #c0c0c0; font: 11px "PixelatedMsSansSerif", sans-serif, sans-serif; font: 11px var(--font-family-ui), sans-serif; overflow: hidden; }
.paint_2CkIH button, .paint_2CkIH select, .paint_2CkIH input { font: inherit; color: inherit; }
.paint_2CkIH button { background: #c0c0c0; border: 1px solid; border-color: #fff #404040 #404040 #fff; padding: 3px 7px; min-height: 23px; }
.paint_2CkIH button:active, .paint_2CkIH button[aria-pressed="true"] { border-color: #404040 #fff #fff #404040; background: #ddd; }
.paint_2CkIH button:disabled { color: #808080; text-shadow: 1px 1px #fff; }
.paint_2CkIH button.focus-visible_3vd7q { outline: 1px dotted #000; outline-offset: -4px; }
.paint_2CkIH button:focus-visible { outline: 1px dotted #000; outline-offset: -4px; }
.menu_lx0P1 { display: flex; flex-shrink: 0; border-bottom: 1px solid #808080; padding: 1px; }
.menuGroup_26AMh { position: relative; }
.menuGroup_26AMh > button { border-color: transparent; background: transparent; }
.menuGroup_26AMh > button[aria-expanded="true"] { border-color: #808080 #fff #fff #808080; }
.dropdown_m_uw6 { position: absolute; left: 0; top: 100%; z-index: 4; min-width: 170px; padding: 2px; border: 2px solid; border-color: #fff #404040 #404040 #fff; background: #c0c0c0; box-shadow: 2px 2px rgba(0,0,0,0.4); box-shadow: 2px 2px #0006; }
.dropdown_m_uw6 button { display: block; text-align: left; width: 100%; border-color: transparent; padding: 5px 12px; white-space: nowrap; }
.dropdown_m_uw6 button:not(:disabled):hover { background: #000080; color: #fff; }
.workarea_1P7q9 { display: flex; flex: 1; min-height: 0; min-width: 0; }
.toolbox_3g0Ow { width: 68px; flex-shrink: 0; padding: 5px 3px; border-right: 1px solid #808080; overflow-y: auto; }
.tools_2V89m { display: grid; grid-template-columns: repeat(2, 28px); grid-gap: 2px; gap: 2px; }
.tools_2V89m button { display: grid; align-items: center; justify-items: center; padding: 2px; height: 29px; }
.toolOption_8D-wa { display: block; margin-top: 10px; font-size: 11px; }
.toolOption_8D-wa select { display: block; width: 60px; margin-top: 3px; background: #fff; }
.drawingArea_3WleA { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.scroll_3sPrv { flex: 1; min-height: 0; overflow: auto; background: #808080; padding: 4px; border: 1px solid; border-color: #404040 #fff #fff #404040; }
.picture_1FzW6 { position: relative; background: #fff; box-shadow: 1px 1px #404040; }
.canvas_27hov { display: block; width: 100%; height: 100%; image-rendering: pixelated; cursor: crosshair; touch-action: none; outline: none; }
.selection_20W9r { position: absolute; border: 1px dashed #000; outline: 1px dashed #fff; pointer-events: none; box-sizing: border-box; }
.textOptions_3UrpG { display: flex; padding: 3px; grid-gap: 3px; gap: 3px; }
.textOptions_3UrpG input { flex: 1; min-width: 0; }
.colors_28uI2 { display: flex; align-items: center; grid-gap: 6px; gap: 6px; padding: 5px 4px; flex-shrink: 0; overflow-x: auto; }
.palette_NiDps { display: grid; grid-template-columns: repeat(14, 16px); grid-template-rows: repeat(2, 16px); grid-gap: 1px; gap: 1px; }
.palette_NiDps button { width: 16px; height: 16px; min-height: 0; padding: 0; border-color: #404040 #fff #fff #404040; }
.swatches_1vulu { position: relative; width: 42px; height: 35px; flex-shrink: 0; }
.swatches_1vulu span { position: absolute; width: 20px; height: 20px; border: 1px solid #808080; right: 3px; bottom: 3px; }
.swatches_1vulu span + span { left: 3px; top: 3px; }
.customColor_2jSiF { display: flex; flex-direction: column; grid-gap: 2px; gap: 2px; }
.customColor_2jSiF input { width: 34px; height: 22px; padding: 0; }
.status_2m9MG { display: flex; flex-shrink: 0; grid-gap: 2px; gap: 2px; padding: 2px; }
.status_2m9MG span { border: 1px solid; border-color: #808080 #fff #fff #808080; padding: 2px 4px; white-space: nowrap; }
.status_2m9MG span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.fileInput_27zjw { display: none; }
.overlay_2kyBr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 5; background: rgba(0,0,0,0.13333); background: #0002; display: grid; align-items: center; justify-items: center; padding: 10px; }
.dialog_37uGa { width: 360px; max-width: 100%; max-height: 100%; overflow-y: auto; border: 2px solid; border-color: #fff #404040 #404040 #fff; background: #c0c0c0; padding: 3px 10px 10px; box-shadow: 2px 2px rgba(0,0,0,0.4); box-shadow: 2px 2px #0006; }
.dialog_37uGa h2 { font-size: 13px; color: #fff; background: #000080; padding: 4px; margin: 0 -7px 10px; }
.dialog_37uGa p { line-height: 1.5; margin: 10px 0; }
.dialog_37uGa label { display: flex; align-items: center; grid-gap: 8px; gap: 8px; margin: 8px 0; }
.dialog_37uGa input { flex: 1; min-width: 0; background: #fff; border: 2px inset #fff; padding: 3px; }
.dialog_37uGa button { margin: 4px 4px 0 0; }

.picture_3o1Yn {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    image-rendering: pixelated;
}
.bump_2mBNO {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    margin: 1px;
    overflow: hidden;
    box-sizing: border-box;
}

.inner_qD3mF.small_2AdlY,
.outer_i9vT8.small_2AdlY {
    padding: 1px;
}

.inner_qD3mF.small_2AdlY {
    box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
    box-shadow: var(--box-shadow-notification);
}

.outer_i9vT8.small_2AdlY {
    box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080;
    box-shadow: var(--box-shadow-notification);
}

.inner_qD3mF.medium_9JbD7, 
.inner_qD3mF.large_2otph {
    border: 2px solid #808080;
    border: 2px solid var(--button-shadow);
    border-right-color: #ffffff;
    border-right-color: var(--button-highlight);
    border-bottom-color: #ffffff;
    border-bottom-color: var(--button-highlight);
}

.outer_i9vT8.medium_9JbD7,
.outer_i9vT8.large_2otph {
    border: 2px solid #ffffff;
    border: 2px solid var(--button-highlight);
    border-right-color: #808080;
    border-right-color: var(--button-shadow);
    border-bottom-color: #808080;
    border-bottom-color: var(--button-shadow);

}

.inner_qD3mF.large_2otph {
    border-width: 3px;
}

.timerNumber_acFyb {
    position: relative;
    width: 13px;
    height: 23px;
    background: black;
}

.timerNumber_acFyb img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 23px;
    image-rendering: pixelated;
}

.timerAppContent_3oUTo {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 6px;
}

.timers_2QRE0 {
    display: flex;
    flex-direction: row;
    padding: 4px;
}

.timers_2QRE0 > * {
    margin: 0 2px;
}

.timer_m1exe {
    display: flex;
    width: auto;
    height: 23px;
}

.timerAppContent_3oUTo button,
.timerAppContent_3oUTo button:not(:disabled):active,
.timerAppContent_3oUTo button.active_i0jiy
 {
    min-width: auto;
    padding: 0 4px 0 3px;
  }

.timerAppContent_3oUTo button img {
    width: 18px;
   height: 18px;
   image-rendering: pixelated;
}
@font-face {
  font-family: 'Modern DOS';
  src: url(/assets/ModernDOS8x16.fc910792f52946d98507429d827f197a.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

.vmwareApp_2HN2P {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: var(--default-bg-color);
}

.sidebar_3w-1_ {
  width: 200px;
  border-right: 1px solid var(--border-dark);
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.vmList_2uykt {
  flex: 1;
  overflow-y: auto;
  padding: 1px;
  background-color: #fff;
}

.vmItem_uCnHd {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  margin-bottom: 2px;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: #fff;
}

.vmItem_uCnHd:hover {
  background-color: var(--selected-item-bg-color-light);
}

.vmItem_uCnHd.selected_19Ud_ {
  background-color: #0000aa;
  color: #fff;
  border: 1px solid #0000aa;
}

.vmItem_uCnHd.selected_19Ud_ .vmStatus_1NFYt {
  color: #ddd;
}

.stopButton_16tRr {
  margin-left: auto;
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  padding: 2px 8px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
}

.stopButton_16tRr:hover {
  background: #e0e0e0;
}

.stopButton_16tRr:active {
  border-style: inset;
  background: #a0a0a0;
}

.vmItem_uCnHd.selected_19Ud_ .stopButton_16tRr {
  background: #8080ff;
  border-color: #a0a0ff;
}

.vmItem_uCnHd.selected_19Ud_ .stopButton_16tRr:hover {
  background: #9090ff;
}

.vmIcon_2cy6p {
  font-size: 20px;
  margin-right: 8px;
  width: 24px;
  text-align: center;
}

.vmInfo_1Q88f {
  flex: 1;
  min-width: 0;
}

.vmName_2D-dP {
  font-weight: bold;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vmStatus_1NFYt {
  font-size: 10px;
  color: var(--text-color-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mainPanel_1Vzuf {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--default-bg-color);
}

.displayArea_3QSxz {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  background-color: var(--default-bg-color);
  min-height: 480px;
  overflow: auto;
}

.vmDisplay_1GoFL {
  width: 100%;
  height: 100%;
  min-width: 640px;
  min-height: 480px;
  border: 2px inset var(--border-light);
  background-color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 1px 1px 0 var(--border-dark),
              inset -1px -1px 0 var(--border-light);
}

.vmDisplayContent_1ZX-u {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.poweredOff_1hJUi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 24px;
  gap: 24px;
  cursor: pointer;
  background-color: #000;
  z-index: 10;
}

.playButton_1TZA3 {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.playButton_1TZA3:hover {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

.playIcon_3poRE {
  font-size: 48px;
  color: #000;
  margin-left: 8px;
}

.poweredOffText_1njEQ {
  color: #ccc;
  font-size: 14px;
  text-align: center;
}

.noSelection_3_he1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 32px;
}

.noSelectionText_2Paoa {
  color: var(--text-color-secondary);
  font-size: 12px;
  text-align: center;
}

.vmRunning_2_Jm_ {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vmRunning_2_Jm_ canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  pointer-events: auto;
}

.vmRunning_2_Jm_ > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: 'Modern DOS', 'Courier New', 'Courier', monospace;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: 0;
  white-space: pre;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
  pointer-events: auto;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
}

/* Scale down content when container is smaller */
@media (max-width: 640px), (max-height: 480px) {
  .vmRunning_2_Jm_ > div {
    min-width: unset;
    min-height: unset;
    transform-origin: center center;
  }
}


.winampApp_4seTf {
  position: relative;
  background: transparent;
  width: 1px;
  height: 1px;
  overflow: visible;
}

/* Force Webamp to respect parent z-index hierarchy */
.winampApp_4seTf #webamp {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}

/* Override Webamp's internal z-index values to respect parent */
.winampApp_4seTf .webamp-window {
  position: relative !important;
  z-index: 1 !important;
}

/* Ensure all Webamp internal elements respect parent z-index */
.winampApp_4seTf #webamp * {
  z-index: auto !important;
}

/* Disable playlist drag and drop to prevent re-ordering */
.winampApp_4seTf .playlist-tracks .track,
.winampApp_4seTf .playlist-track,
.winampApp_4seTf .playlist-track-title {
  cursor: default !important;
  -webkit-user-drag: none !important;
  user-drag: none !important;
  pointer-events: auto !important;
}

.winampApp_4seTf .playlist-tracks {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
       user-select: none !important;
}

/* Make the skin selector submenu scrollable - target the actual skins list */
#webamp-context-menu li.parent ul {
  max-height: 400px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Style the scrollbar for the skin menu */
#webamp-context-menu li.parent ul::-webkit-scrollbar {
  width: 16px !important;
  background: #c0c0c0 !important;
}

#webamp-context-menu li.parent ul::-webkit-scrollbar-thumb {
  background: #808080 !important;
  border: 1px solid #000 !important;
}

#webamp-context-menu li.parent ul::-webkit-scrollbar-button {
  height: 16px !important;
  background: #c0c0c0 !important;
  border: 1px outset #fff !important;
}


.titleBar_2eyKu {
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
  margin: 1px !important;
  height: 18px;
  padding: 1px 2px !important;
  color: white;
  background: #040080;
  background: var(--dialog-blue);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.titleBar_2eyKu.inactive_HqCtT {
  background: #808080;
  background: var(--dialog-gray);
  color: #c0c0c0;
  color: var(--surface);
}

.titleBarText_KGG7d {
  flex: 1;
  margin: 0 24px 0 1px;
  letter-spacing: 0;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.titleBarIcon_1UE0v {
  margin-right: 2px;
}

.titleBarControls_3JjqG {
  display: flex;
}

.titleBarControls_3JjqG button {
  padding: 0;
  display: block;
  min-width: 16px;
  min-height: 14px;
}

.titleBarControls_3JjqG button:active {
  padding: 0;
}

.titleBarControls_3JjqG button:focus {
  outline: none;
}

.titleBarControls_3JjqG button:last-child {
  margin-left: 2px;
}

.titleBarControls_3JjqG button {
  position: relative;
}

.minimize_1SGvZ, .maximize_80pw3, .restore_7gXB6, .help_SNH_r, .close_1MQCT {
  width: 16px;
  height: 14px;
}

.minimize_1SGvZ {
  background-image: url(/assets/minimize.896e84f548fa85f4b7e40370422509bc.svg);
  background-repeat: no-repeat;
  background-position: bottom 3px left 4px;
}

.maximize_80pw3 {
  background-image: url(/assets/maximize.31636e4de146faefa416fa47d6fe61fc.svg);
  background-repeat: no-repeat;
  background-position: top 2px left 3px;
}

.restore_7gXB6 {
  background-image: url(/assets/restore.a883ccc66e6662e8b62af42880aab733.svg);
  background-repeat: no-repeat;
  background-position: top 2px left 3px;
}

.help_SNH_r {
  background-image: url(/assets/help.ce0d476c01bbfbb3dcac038c05ded0dd.svg);
  background-repeat: no-repeat;
  background-position: top 2px left 5px;
}

.close_1MQCT {
  background-image: url(/assets/close.b618b2378463d746f2ac5c3268114ead.svg);
  background-repeat: no-repeat;
  background-position: top 3px left 4px;
}
.window_3dLUQ {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 3px;
    background: #c0c0c0;
    background: var(--surface);
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px #808080, inset 2px 2px #ffffff;
    box-shadow: var(--border-window-outer), var(--border-window-inner);
  }

.windowNoChrome_1owc5 {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  background: transparent;
  box-shadow: none;
  width: 1px;
  height: 1px;
  overflow: visible;
}

.windowMain_1PBIM {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.windowMain_1PBIM {
    overflow: hidden;
}

.windowMainNoChrome_22DWa {
  flex: 0 0 auto;
  width: 1px;
  height: 1px;
  overflow: visible;
}

.handle_3E0U- {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 24px;
    height: 24px;
    background: transparent url(/assets/resize-handle-grip.e245578f47d20fdf88b10aa23b151de7.png) no-repeat 7px 7px;
    image-rendering: pixelated;
}

.handle_3E0U-:hover {
    cursor: nwse-resize;
}

.windowsContainer_3uhBt {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.windowsContainer_3uhBt > * {
  pointer-events: all;
  position: absolute;
  top: 0;
  left: 0;
}
.win96_1bZjZ {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.shell_2wylh {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mainView_2FYOq, .taskbarView_25NV9 {
  position: relative;
}

.mainView_2FYOq {
  flex: 1 1 0;
  min-height: 1px;
}

.taskbarView_25NV9 {
  flex: 0 0 28px
}

/**
 * Windows 96's is based om 98.css
 * Copyright (c) 2020 Jordan Scales <thatjdanisso.cool>
 * https://github.com/jdan/98.css/blob/master/LICENSE
 */

@font-face {
    font-family: "PixelatedMsSansSerif";
    src: url(/assets/ms_sans_serif.7bbbd32e0f9977dd70a4d1287927d5da.woff) format("woff");
    src: url(/assets/ms_sans_serif.1d4d404a3bbe4b7007f89e792233aa9c.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "PixelatedMsSansSerif";
    src: url(/assets/ms_sans_serif_bold.6eb2c63fbead0014ef0c4c537bfe328a.woff) format("woff");
    src: url(/assets/ms_sans_serif_bold.cb1c7473de82bb53662aaa2d7640e53e.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
  }

@font-face {
    font-family: "FixedSysExcelsior";
    src: url(/assets/FSEX301.740a9fca3000757ffa96236667ef00c3.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}

:root {
    /* Custom */
    --font-family-ui: "PixelatedMsSansSerif", sans-serif;
    --font-family-sys: FixedSysExcelsior, monospace;
    --box-shadow-notification: inset -1px -1px var(--button-highlight), inset 1px 1px var(--button-shadow);
    /* from Win98.css */

    /* Color */
    --surface: #c0c0c0;
    --button-highlight: #ffffff;
    --button-face: #dfdfdf;
    --button-shadow: #808080;
    --window-frame: #0a0a0a;
    /* --dialog-blue: #000080; */
    --dialog-blue:#040080;
    /* --dialog-blue-light: #1084d0; */
    --dialog-gray: #808080;
    /* --dialog-gray-light: #b5b5b5; */
    --link-blue: #0000ff;
    --desktop-green: #008080;
    /* Spacing */
    --element-spacing: 8px;
    --grouped-button-spacing: 4px;
    --grouped-element-spacing: 6px;
    --radio-width: 12px;
    --checkbox-width: 13px;
    --radio-label-spacing: 6px;
    --range-track-height: 4px;
    --range-spacing: 10px;
    /* Some detailed computations for radio buttons and checkboxes */
    --radio-total-width-precalc: calc(var(--radio-width) + var(--radio-label-spacing));
    --radio-total-width: calc(var(--radio-total-width-precalc));
    --radio-left: calc(-1 * var(--radio-total-width-precalc));
    --radio-dot-width: 4px;
    --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);
    --radio-dot-left: calc( -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var( --radio-dot-width) / 2);
    --checkbox-total-width-precalc: calc(var(--checkbox-width) + var(--radio-label-spacing));
    --checkbox-total-width: calc(var(--checkbox-total-width-precalc));
    --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));
    --checkmark-width: 7px;
    --checkmark-top: 3px;
    --checkmark-left: 3px;
    /* Borders */
    --border-width: 1px;
    --border-raised-outer: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-highlight);
    --border-raised-inner: inset -2px -2px var(--button-shadow), inset 2px 2px var(--button-face);
    --border-sunken-outer: inset -1px -1px var(--button-highlight), inset 1px 1px var(--window-frame);
    --border-sunken-inner: inset -2px -2px var(--button-face), inset 2px 2px var(--button-shadow);
    /* Window borders flip button-face and button-highlight */
    --border-window-outer: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-face);
    --border-window-inner: inset -2px -2px var(--button-shadow), inset 2px 2px var(--button-highlight);
    /* Field borders (checkbox, input, etc) flip window-frame and button-shadow */
    --border-field: inset -1px -1px var(--button-highlight), inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face), inset 2px 2px var(--window-frame);
}

* {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

html {
  font-size: 12px;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* body {
    font-size: 1rem;
    font-family: var(--font-family-main);
    font-weight: 400;
  } */

/* body, input, textarea, button, select {
    line-height: 130%;
  } */

body, button, label, input, textarea, select, option, ul {
  /* font-family: Arial; */
  /* font-size: 12px; */
  font-size: 11px;
  color: #222222;
  font-family: "PixelatedMsSansSerif", sans-serif, sans-serif;
  font-family: var(--font-family-ui), sans-serif;
  /* -webkit-font-smoothing: none; */
}


h1 {
  font-size: 5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

u {
  text-decoration: none;
  border-bottom: 0.5px solid #222222;
}

/* .vertical-bar {
  width: 4px;
  height: 20px;
  background: #c0c0c0;
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
} */

label {
  display: inline-flex;
  align-items: center;
}

:disabled, :disabled+label {
  color: #808080;
  color: var(--button-shadow);
  text-shadow: 1px 1px 0 #ffffff;
  text-shadow: 1px 1px 0 var(--button-highlight);
}

input[type="radio"], input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  background: 0;
  position: fixed;
  opacity: 0;
  border: none;
}

input[type="radio"]+label, input[type="checkbox"]+label {
  line-height: 13px;
}

input[type="radio"]:focus+label, input[type="checkbox"]:focus+label {
  outline: 1px dotted #000000;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea {
  padding: 3px 4px;
  border: none;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  box-shadow: var(--border-field);
  background-color: #ffffff;
  background-color: var(--button-highlight);
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type="text"], input[type="password"], input[type="email"], select {
  height: 21px;
}

input[type="text"], input[type="password"], input[type="email"] {
  /* For some reason descenders are getting cut off without this */
  line-height: 2;
}

a {
  color: #0000ff;
  color: var(--link-blue);
}

a:focus {
  outline: 1px dotted #0000ff;
  outline: 1px dotted var(--link-blue);
}

pre {
  display: block;
  background: #ffffff;
  background: var(--button-highlight);
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  box-shadow: var(--border-field);
  padding: 12px 8px;
  margin: 0;
}

code, code * {
  font-family: FixedSysExcelsior, monospace;
  font-family: var(--font-family-sys);
}

::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar:horizontal {
  height: 17px;
}

::-webkit-scrollbar-corner {
  background-color: #c0c0c0;
  background-color: var(--surface);
}

::-webkit-scrollbar-track {
  background-image: url(/assets/scrollbar-background.0f92e920ea42088fb1a5ed706d5159a5.svg);
}

::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  background-color: var(--surface);
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  box-shadow: var(--border-raised-outer), var(--border-raised-inner);
}

::-webkit-scrollbar-button:horizontal:start:decrement, ::-webkit-scrollbar-button:horizontal:end:increment, ::-webkit-scrollbar-button:vertical:start:decrement, ::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
}

::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url(/assets/button-up.c2a849bbd8dff33c1e4d9d7c56b320b4.svg);
}

::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url(/assets/button-down.a71ed12784616270129bfecafd7d0a52.svg);
}

::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-image: url(/assets/button-left.5334624c2aea7322eb60787ef7747764.svg);
}

::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-image: url(/assets/button-right.df6f030c0a52527bbcdd5a7928d7960f.svg);
}
:root[data-windows-theme="royale"] {
  --royale-caption-1: url(/assets/caption-1.c548a4c03a0194e7d43a068d3046b32b.png);
  --royale-caption-2: url(/assets/caption-2.8d2e26560993e5378ab4a85029e76e34.png);
  --royale-caption-max-1: url(/assets/caption-max-1.438ddee61603ea61a7699029504e42cb.png);
  --royale-caption-max-2: url(/assets/caption-max-2.fdefcb8ae82b2a0d5c701a3696f6fc52.png);
  --royale-frame-left-1: url(/assets/frame-left-1.1ed36c36275ec89885c49afb12d4dff7.png);
  --royale-frame-left-2: url(/assets/frame-left-2.8017342a39c95cc682fe542ad4bccca4.png);
  --royale-frame-right-1: url(/assets/frame-right-1.4e7df790c2b90e843ab1442f598effbc.png);
  --royale-frame-right-2: url(/assets/frame-right-2.fd49ebd25c4f7beb319009c0d314f596.png);
  --royale-frame-bottom-1: url(/assets/frame-bottom-1.b3e76d009345b830d749d0b9e44064e0.png);
  --royale-frame-bottom-2: url(/assets/frame-bottom-2.07394e8fc92f42fcd8a151ef41cdf84c.png);
  --royale-caption-button-1: url(/assets/caption-button-1.ee14693fff02a1be2991881965be677c.png);
  --royale-caption-button-2: url(/assets/caption-button-2.37f7c44e67a9945cf9e7f27af33ca6e9.png);
  --royale-caption-button-3: url(/assets/caption-button-3.2121db94a8dc57d6af3f96b44bbb7155.png);
  --royale-caption-button-4: url(/assets/caption-button-4.d99a80dfc036e4466c70e8e194b3484c.png);
  --royale-caption-button-5: url(/assets/caption-button-5.27f1f1034c17f1accb4ff87394a26808.png);
  --royale-caption-button-6: url(/assets/caption-button-6.00febcaab550d466a8fa0ede89cd1357.png);
  --royale-caption-button-7: url(/assets/caption-button-7.4c6a832c33a638f754ed54dfdff5ce50.png);
  --royale-caption-button-8: url(/assets/caption-button-8.01c8c3ce34d9d93a6693dc48886ffa40.png);
  --royale-close-button-1: url(/assets/close-button-1.6151480fd4db545b2d7145a5d5725dd3.png);
  --royale-close-button-2: url(/assets/close-button-2.431d377fc21e2054c805700b476bc36b.png);
  --royale-close-button-3: url(/assets/close-button-3.b55a48e5950345ad7e481e77ea7230eb.png);
  --royale-close-button-4: url(/assets/close-button-4.67f9edd18e1c8c624a8e9bd255c1e0b4.png);
  --royale-close-button-5: url(/assets/close-button-5.66dc233c1df5b3a7bc51addab4814911.png);
  --royale-close-button-6: url(/assets/close-button-6.3d1c839c735eeab4fc6a7670e97463e0.png);
  --royale-close-button-7: url(/assets/close-button-7.972b0f8e8f0cf4bf2309d2d4027c7e4d.png);
  --royale-close-button-8: url(/assets/close-button-8.61c0f2a7bd799f045c6a358c1679613c.png);
  --royale-close-glyph-1: url(/assets/close-glyph-1.58000b1affde399415cd0bf91db2e3fb.png);
  --royale-close-glyph-2: url(/assets/close-glyph-2.58000b1affde399415cd0bf91db2e3fb.png);
  --royale-close-glyph-3: url(/assets/close-glyph-3.960cfabf637a0955a4842ad36f08c06a.png);
  --royale-close-glyph-4: url(/assets/close-glyph-4.8401d856e5c7edc5d217fd6ca487b53b.png);
  --royale-close-glyph-5: url(/assets/close-glyph-5.58000b1affde399415cd0bf91db2e3fb.png);
  --royale-close-glyph-6: url(/assets/close-glyph-6.58000b1affde399415cd0bf91db2e3fb.png);
  --royale-close-glyph-7: url(/assets/close-glyph-7.14b7b65a4190d4c798e8a1b9fb578252.png);
  --royale-close-glyph-8: url(/assets/close-glyph-8.a9aab7c9ebf2bd311c77e4229bc00e76.png);
  --royale-minimize-glyph-1: url(/assets/minimize-glyph-1.395fe1058c538897551d7c3f0fcb9c55.png);
  --royale-minimize-glyph-2: url(/assets/minimize-glyph-2.395fe1058c538897551d7c3f0fcb9c55.png);
  --royale-minimize-glyph-3: url(/assets/minimize-glyph-3.51574b5bf2ed6a5cfd06401d5fa1155b.png);
  --royale-minimize-glyph-4: url(/assets/minimize-glyph-4.2421caad2f936809a293dbb0da14c25e.png);
  --royale-minimize-glyph-5: url(/assets/minimize-glyph-5.395fe1058c538897551d7c3f0fcb9c55.png);
  --royale-minimize-glyph-6: url(/assets/minimize-glyph-6.395fe1058c538897551d7c3f0fcb9c55.png);
  --royale-minimize-glyph-7: url(/assets/minimize-glyph-7.f32a961d9df9ef022d94ac50d23f8593.png);
  --royale-minimize-glyph-8: url(/assets/minimize-glyph-8.2421caad2f936809a293dbb0da14c25e.png);
  --royale-maximize-glyph-1: url(/assets/maximize-glyph-1.db8c98c57b2f9c93ac6d0e3de5706194.png);
  --royale-maximize-glyph-2: url(/assets/maximize-glyph-2.db8c98c57b2f9c93ac6d0e3de5706194.png);
  --royale-maximize-glyph-3: url(/assets/maximize-glyph-3.a79b6ae11b681a9f3cf73df23b2bd472.png);
  --royale-maximize-glyph-4: url(/assets/maximize-glyph-4.73a77214390e4be33dd44fbebb4bce99.png);
  --royale-maximize-glyph-5: url(/assets/maximize-glyph-5.db8c98c57b2f9c93ac6d0e3de5706194.png);
  --royale-maximize-glyph-6: url(/assets/maximize-glyph-6.db8c98c57b2f9c93ac6d0e3de5706194.png);
  --royale-maximize-glyph-7: url(/assets/maximize-glyph-7.a79b6ae11b681a9f3cf73df23b2bd472.png);
  --royale-maximize-glyph-8: url(/assets/maximize-glyph-8.73a77214390e4be33dd44fbebb4bce99.png);
  --royale-restore-glyph-1: url(/assets/restore-glyph-1.539f32cc222baaece39952e5dd7c34ed.png);
  --royale-restore-glyph-2: url(/assets/restore-glyph-2.539f32cc222baaece39952e5dd7c34ed.png);
  --royale-restore-glyph-3: url(/assets/restore-glyph-3.b7db2d4c9e597628a7654fbaaa97e69c.png);
  --royale-restore-glyph-4: url(/assets/restore-glyph-4.bd530e9ebe3a264c9055170df33f6430.png);
  --royale-restore-glyph-5: url(/assets/restore-glyph-5.539f32cc222baaece39952e5dd7c34ed.png);
  --royale-restore-glyph-6: url(/assets/restore-glyph-6.539f32cc222baaece39952e5dd7c34ed.png);
  --royale-restore-glyph-7: url(/assets/restore-glyph-7.160c130a8bc17a458bad11d770761bdd.png);
  --royale-restore-glyph-8: url(/assets/restore-glyph-8.bd530e9ebe3a264c9055170df33f6430.png);
  --royale-help-glyph-1: url(/assets/help-glyph-1.b42cbc03cbb434a4cedbceabb3bf243f.png);
  --royale-help-glyph-2: url(/assets/help-glyph-2.b42cbc03cbb434a4cedbceabb3bf243f.png);
  --royale-help-glyph-3: url(/assets/help-glyph-3.ab8a2747c7b3b2d3beb5fe32f4c7771e.png);
  --royale-help-glyph-4: url(/assets/help-glyph-4.87fbd5d80c081969dd67f7574e2dc280.png);
  --royale-help-glyph-5: url(/assets/help-glyph-5.b42cbc03cbb434a4cedbceabb3bf243f.png);
  --royale-help-glyph-6: url(/assets/help-glyph-6.b42cbc03cbb434a4cedbceabb3bf243f.png);
  --royale-help-glyph-7: url(/assets/help-glyph-7.481348ca54bf479112ff7ebbc157528d.png);
  --royale-help-glyph-8: url(/assets/help-glyph-8.262734e98059c7c9fa3a260064b856e9.png);
  --royale-start-1: url(/assets/start-1.05eda383bf4ac552ff956fd2d458e285.png);
  --royale-start-2: url(/assets/start-2.c88c5d8df015c34d5e2544afee1e95ca.png);
  --royale-start-3: url(/assets/start-3.741f00a9465267c70b84d363050217c9.png);
  --royale-task-1: url(/assets/task-1.e9057bf0a8dc90a3b5577550deda29fa.png);
  --royale-task-2: url(/assets/task-2.07f62f1cd579489fefc6dd6a94af6154.png);
  --royale-task-3: url(/assets/task-3.dbf3bd9e80e1c0b0e6f07fc1dfcb547e.png);
  --royale-task-4: url(/assets/task-4.e7ef8f71a96323ea0923f860cd421b47.png);
  --royale-task-5: url(/assets/task-5.4646f3c0e4724b8faa152791f533854b.png);
  --royale-task-6: url(/assets/task-6.98d5ae519cf00a282f4bbb1454d67a13.png);
  --royale-taskbar-1: url(/assets/taskbar-1.56c2cd8a4dacf13dc8b1645884a19afd.png);
  --royale-tray-1: url(/assets/tray-1.106694b04a1d53687e076f51cb1ff517.png);
  --royale-start-user-1: url(/assets/start-user-1.2ae22a32fcc74256377cfe3cb2a73cfa.png);
  --royale-start-programs-1: url(/assets/start-programs-1.d513617b7fc47c943dc90f4c88560e04.png);
  --royale-start-places-1: url(/assets/start-places-1.dafad18058ecff4a1816ae505c08cf49.png);
  --royale-start-footer-1: url(/assets/start-footer-1.5695697e8baf8a3f03455d916e638516.png);
  --royale-start-more-1: url(/assets/start-more-1.168a0c1e8fe3c7405f2097624e1f3641.png);
  --royale-start-arrow-1: url(/assets/start-arrow-1.94541a3412c2da1f9a84fee85efaa75e.png);
  --royale-start-avatar-1: url(/assets/start-avatar-1.5813a277c09eb7ddd2ee3227f9251d79.png);
  --royale-button-1: url(/assets/button-1.efd6194516fa25a5fe3720a92e4bdf58.png);
  --royale-button-2: url(/assets/button-2.a3eb2a7c5be611d219e37fbea0b57849.png);
  --royale-button-3: url(/assets/button-3.ffca4cf57bda370c363e672151902f70.png);
  --royale-button-4: url(/assets/button-4.870ef01a8d1daca8c8de4a15726f281d.png);
  --royale-button-5: url(/assets/button-5.462609fe5eac0c3f8403c7f63c543335.png);
  --royale-checkbox-1: url(/assets/checkbox-1.79000fe62b00e6beb8cbf9bb730dc18e.png);
  --royale-checkbox-2: url(/assets/checkbox-2.2019108521b22aecd935d5fd553b68f2.png);
  --royale-checkbox-3: url(/assets/checkbox-3.2a46a36947f58373716c2a88c9235330.png);
  --royale-checkbox-4: url(/assets/checkbox-4.bedd3921a9b84b26ed51ff99be40b889.png);
  --royale-checkbox-5: url(/assets/checkbox-5.88be51e9ee7d721e45e742ba8c3fac12.png);
  --royale-checkbox-6: url(/assets/checkbox-6.8dddb484d6b85b2563af7120887905a9.png);
  --royale-checkbox-7: url(/assets/checkbox-7.cc1d2ec9c1df9d4830d737440b20a859.png);
  --royale-checkbox-8: url(/assets/checkbox-8.a27d513db594bfba18eefbb55df08f62.png);
  --royale-checkbox-9: url(/assets/checkbox-9.cba5ac944320b39407791fe7e39648f2.png);
  --royale-checkbox-10: url(/assets/checkbox-10.b5ea033297fa587da24c5bb517019647.png);
  --royale-checkbox-11: url(/assets/checkbox-11.f16a9785be349815feb530ab27d0361e.png);
  --royale-checkbox-12: url(/assets/checkbox-12.2baffb011433a76c9a6e36c274ccc70d.png);
  --royale-radio-1: url(/assets/radio-1.a5fc66d91776f4fd9a4188572b56802a.png);
  --royale-radio-2: url(/assets/radio-2.50d9c2f0e97088a2a780361c2e384338.png);
  --royale-radio-3: url(/assets/radio-3.b9ca18fbb2625c1b822b331ec29933cc.png);
  --royale-radio-4: url(/assets/radio-4.402ef367f39c3d3efd9a3b91bbf469ce.png);
  --royale-radio-5: url(/assets/radio-5.00c417bedce173c6a2ad0156318959ab.png);
  --royale-radio-6: url(/assets/radio-6.321e1dc7236a6d82960798aaf39a462a.png);
  --royale-radio-7: url(/assets/radio-7.b1def4e55cd5ca52d723cc04f19840e1.png);
  --royale-radio-8: url(/assets/radio-8.121c23e0f0e4d08c9202e8282246215b.png);
  --royale-scroll-v-1: url(/assets/scroll-v-1.e8c11d980ef9bf8930fda697ba45ce6f.png);
  --royale-scroll-v-2: url(/assets/scroll-v-2.939cae60efc0b0c2f588d2e9f99c2131.png);
  --royale-scroll-v-3: url(/assets/scroll-v-3.59e0e1b73d57fb83ff9386baf892367e.png);
  --royale-scroll-v-4: url(/assets/scroll-v-4.6611f0ecc8c070a60b9c9f0a7c4cb1b4.png);
  --royale-scroll-h-1: url(/assets/scroll-h-1.763af853d217678840e782689c20665d.png);
  --royale-scroll-h-2: url(/assets/scroll-h-2.6dbadd015ee24bb965e53ef28683bf77.png);
  --royale-scroll-h-3: url(/assets/scroll-h-3.75ae6269045429b47a683dd66950e462.png);
  --royale-scroll-h-4: url(/assets/scroll-h-4.645d1a037dbbf491f56d8d3968f3ee3a.png);
  --royale-scroll-track-v-1: url(/assets/scroll-track-v-1.564e7bb039d4f83711ced0a89d66909b.png);
  --royale-scroll-track-v-2: url(/assets/scroll-track-v-2.564e7bb039d4f83711ced0a89d66909b.png);
  --royale-scroll-track-v-3: url(/assets/scroll-track-v-3.0e30d78cebf035bb4381e9b748775d35.png);
  --royale-scroll-track-v-4: url(/assets/scroll-track-v-4.495ee62825e851b9afb9bfcbd3298687.png);
  --royale-scroll-track-h-1: url(/assets/scroll-track-h-1.240a1f68096944ff7c6919df230a5fde.png);
  --royale-scroll-track-h-2: url(/assets/scroll-track-h-2.240a1f68096944ff7c6919df230a5fde.png);
  --royale-scroll-track-h-3: url(/assets/scroll-track-h-3.ee51600cf79072a8179302f130295670.png);
  --royale-scroll-track-h-4: url(/assets/scroll-track-h-4.240a1f68096944ff7c6919df230a5fde.png);
  --royale-scroll-arrow-1: url(/assets/scroll-arrow-1.10afb7c30c53b5da85ce02418d80fb1d.png);
  --royale-scroll-arrow-2: url(/assets/scroll-arrow-2.ae87c7e706f3ffbdd97efaaaad2134b6.png);
  --royale-scroll-arrow-3: url(/assets/scroll-arrow-3.55605b1b4482ac84615c9ab6f0bfa29e.png);
  --royale-scroll-arrow-4: url(/assets/scroll-arrow-4.2b5443cc882d65ff9b859b67e67bccfc.png);
  --royale-scroll-arrow-5: url(/assets/scroll-arrow-5.10afb7c30c53b5da85ce02418d80fb1d.png);
  --royale-scroll-arrow-6: url(/assets/scroll-arrow-6.ae87c7e706f3ffbdd97efaaaad2134b6.png);
  --royale-scroll-arrow-7: url(/assets/scroll-arrow-7.55605b1b4482ac84615c9ab6f0bfa29e.png);
  --royale-scroll-arrow-8: url(/assets/scroll-arrow-8.2b5443cc882d65ff9b859b67e67bccfc.png);
  --royale-scroll-arrow-9: url(/assets/scroll-arrow-9.ec00ba5c5e1913bd86131889cc60d851.png);
  --royale-scroll-arrow-10: url(/assets/scroll-arrow-10.aa5e515cee9e898780c1932374b1007c.png);
  --royale-scroll-arrow-11: url(/assets/scroll-arrow-11.04b8c869fcf74c1dbc676a5097494096.png);
  --royale-scroll-arrow-12: url(/assets/scroll-arrow-12.0ec10dbc4f3b7aa5a88b63d51181ceee.png);
  --royale-scroll-arrow-13: url(/assets/scroll-arrow-13.ec00ba5c5e1913bd86131889cc60d851.png);
  --royale-scroll-arrow-14: url(/assets/scroll-arrow-14.aa5e515cee9e898780c1932374b1007c.png);
  --royale-scroll-arrow-15: url(/assets/scroll-arrow-15.04b8c869fcf74c1dbc676a5097494096.png);
  --royale-scroll-arrow-16: url(/assets/scroll-arrow-16.0ec10dbc4f3b7aa5a88b63d51181ceee.png);
  --royale-scroll-glyph-1: url(/assets/scroll-glyph-1.a594bfba28032596d2a2cf43083fd25a.png);
  --royale-scroll-glyph-2: url(/assets/scroll-glyph-2.ecad94672f91af6a26d1ed3908ad08c9.png);
  --royale-scroll-glyph-3: url(/assets/scroll-glyph-3.ecad94672f91af6a26d1ed3908ad08c9.png);
  --royale-scroll-glyph-4: url(/assets/scroll-glyph-4.06512904cb5933787a8188967a926749.png);
  --royale-scroll-glyph-5: url(/assets/scroll-glyph-5.ac76da99268a7b1a3bf02c27fd1ac273.png);
  --royale-scroll-glyph-6: url(/assets/scroll-glyph-6.d33b562f2711d749bab70bc83d885980.png);
  --royale-scroll-glyph-7: url(/assets/scroll-glyph-7.d33b562f2711d749bab70bc83d885980.png);
  --royale-scroll-glyph-8: url(/assets/scroll-glyph-8.b227e03b22e395bf01d8ebb308435e7b.png);
  --royale-scroll-glyph-9: url(/assets/scroll-glyph-9.6de6213171a0fc7c6a38c9b062ef01cc.png);
  --royale-scroll-glyph-10: url(/assets/scroll-glyph-10.dc76d66a36fd18b1af3bc64b7ba4e5a1.png);
  --royale-scroll-glyph-11: url(/assets/scroll-glyph-11.dc76d66a36fd18b1af3bc64b7ba4e5a1.png);
  --royale-scroll-glyph-12: url(/assets/scroll-glyph-12.f405e200611c1096368a6864f1c4ccfb.png);
  --royale-scroll-glyph-13: url(/assets/scroll-glyph-13.4106cfa308c09c43c77669a411c30778.png);
  --royale-scroll-glyph-14: url(/assets/scroll-glyph-14.b7959b6a2244672e036909090e795d23.png);
  --royale-scroll-glyph-15: url(/assets/scroll-glyph-15.b7959b6a2244672e036909090e795d23.png);
  --royale-scroll-glyph-16: url(/assets/scroll-glyph-16.5ea113677f9b03b5cd9229977fdfa0c2.png);
  --royale-scroll-grip-v-1: url(/assets/scroll-grip-v-1.c59ff0061453c96091cd6028e11a8000.png);
  --royale-scroll-grip-v-2: url(/assets/scroll-grip-v-2.c59ff0061453c96091cd6028e11a8000.png);
  --royale-scroll-grip-v-3: url(/assets/scroll-grip-v-3.c59ff0061453c96091cd6028e11a8000.png);
  --royale-scroll-grip-v-4: url(/assets/scroll-grip-v-4.fd04467e45f39ee1d228679d87d26b5b.png);
  --royale-scroll-grip-h-1: url(/assets/scroll-grip-h-1.8addd789e2d0aae0eca02fd2dc8f6df2.png);
  --royale-scroll-grip-h-2: url(/assets/scroll-grip-h-2.8addd789e2d0aae0eca02fd2dc8f6df2.png);
  --royale-scroll-grip-h-3: url(/assets/scroll-grip-h-3.8addd789e2d0aae0eca02fd2dc8f6df2.png);
  --royale-scroll-grip-h-4: url(/assets/scroll-grip-h-4.fd04467e45f39ee1d228679d87d26b5b.png);
  --royale-progress-1: url(/assets/progress-1.b3d53978fae010a6bd7b7b11d756032c.png);
  --royale-progress-chunk-1: url(/assets/progress-chunk-1.aa8647fa39873cd71abcee469f41c071.png);
  --royale-tab-1: url(/assets/tab-1.8f8a9be78097e32e612d82601cae8c68.png);
  --royale-tab-2: url(/assets/tab-2.871cd04ac689038626c0d938537fea0d.png);
  --royale-tab-3: url(/assets/tab-3.a49c4de98cfa4007f372b612db0cc423.png);
  --royale-tab-4: url(/assets/tab-4.becde69befa06c16a78b894abd4225a8.png);
  --royale-tab-5: url(/assets/tab-5.8df9970b919cf49bd32e604f8e0c7634.png);
  --royale-tab-pane-1: url(/assets/tab-pane-1.5126b8711dbe46ec44a6fbed61ae5770.png);
  --royale-wallpaper: url(/assets/bliss.ca93627e72392e635213f971cd717c96.jpg);
}
:root[data-windows-theme="royale"] [data-caption-action="minimize"] { --caption-button: var(--royale-caption-button-1); --caption-glyph: var(--royale-minimize-glyph-1); }
:root[data-windows-theme="royale"] [data-caption-action="minimize"]:hover { --caption-button: var(--royale-caption-button-2); --caption-glyph: var(--royale-minimize-glyph-2); }
:root[data-windows-theme="royale"] [data-caption-action="minimize"]:active { --caption-button: var(--royale-caption-button-3); --caption-glyph: var(--royale-minimize-glyph-3); }
:root[data-windows-theme="royale"] [data-caption-action="minimize"]:disabled { --caption-button: var(--royale-caption-button-4); --caption-glyph: var(--royale-minimize-glyph-4); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="minimize"] { --caption-button: var(--royale-caption-button-5); --caption-glyph: var(--royale-minimize-glyph-5); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="minimize"]:hover { --caption-button: var(--royale-caption-button-6); --caption-glyph: var(--royale-minimize-glyph-6); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="minimize"]:active { --caption-button: var(--royale-caption-button-7); --caption-glyph: var(--royale-minimize-glyph-7); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="minimize"]:disabled { --caption-button: var(--royale-caption-button-8); --caption-glyph: var(--royale-minimize-glyph-8); }
:root[data-windows-theme="royale"] [data-caption-action="maximize"] { --caption-button: var(--royale-caption-button-1); --caption-glyph: var(--royale-maximize-glyph-1); }
:root[data-windows-theme="royale"] [data-caption-action="maximize"]:hover { --caption-button: var(--royale-caption-button-2); --caption-glyph: var(--royale-maximize-glyph-2); }
:root[data-windows-theme="royale"] [data-caption-action="maximize"]:active { --caption-button: var(--royale-caption-button-3); --caption-glyph: var(--royale-maximize-glyph-3); }
:root[data-windows-theme="royale"] [data-caption-action="maximize"]:disabled { --caption-button: var(--royale-caption-button-4); --caption-glyph: var(--royale-maximize-glyph-4); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="maximize"] { --caption-button: var(--royale-caption-button-5); --caption-glyph: var(--royale-maximize-glyph-5); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="maximize"]:hover { --caption-button: var(--royale-caption-button-6); --caption-glyph: var(--royale-maximize-glyph-6); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="maximize"]:active { --caption-button: var(--royale-caption-button-7); --caption-glyph: var(--royale-maximize-glyph-7); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="maximize"]:disabled { --caption-button: var(--royale-caption-button-8); --caption-glyph: var(--royale-maximize-glyph-8); }
:root[data-windows-theme="royale"] [data-caption-action="restore"] { --caption-button: var(--royale-caption-button-1); --caption-glyph: var(--royale-restore-glyph-1); }
:root[data-windows-theme="royale"] [data-caption-action="restore"]:hover { --caption-button: var(--royale-caption-button-2); --caption-glyph: var(--royale-restore-glyph-2); }
:root[data-windows-theme="royale"] [data-caption-action="restore"]:active { --caption-button: var(--royale-caption-button-3); --caption-glyph: var(--royale-restore-glyph-3); }
:root[data-windows-theme="royale"] [data-caption-action="restore"]:disabled { --caption-button: var(--royale-caption-button-4); --caption-glyph: var(--royale-restore-glyph-4); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="restore"] { --caption-button: var(--royale-caption-button-5); --caption-glyph: var(--royale-restore-glyph-5); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="restore"]:hover { --caption-button: var(--royale-caption-button-6); --caption-glyph: var(--royale-restore-glyph-6); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="restore"]:active { --caption-button: var(--royale-caption-button-7); --caption-glyph: var(--royale-restore-glyph-7); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="restore"]:disabled { --caption-button: var(--royale-caption-button-8); --caption-glyph: var(--royale-restore-glyph-8); }
:root[data-windows-theme="royale"] [data-caption-action="help"] { --caption-button: var(--royale-caption-button-1); --caption-glyph: var(--royale-help-glyph-1); }
:root[data-windows-theme="royale"] [data-caption-action="help"]:hover { --caption-button: var(--royale-caption-button-2); --caption-glyph: var(--royale-help-glyph-2); }
:root[data-windows-theme="royale"] [data-caption-action="help"]:active { --caption-button: var(--royale-caption-button-3); --caption-glyph: var(--royale-help-glyph-3); }
:root[data-windows-theme="royale"] [data-caption-action="help"]:disabled { --caption-button: var(--royale-caption-button-4); --caption-glyph: var(--royale-help-glyph-4); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="help"] { --caption-button: var(--royale-caption-button-5); --caption-glyph: var(--royale-help-glyph-5); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="help"]:hover { --caption-button: var(--royale-caption-button-6); --caption-glyph: var(--royale-help-glyph-6); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="help"]:active { --caption-button: var(--royale-caption-button-7); --caption-glyph: var(--royale-help-glyph-7); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="help"]:disabled { --caption-button: var(--royale-caption-button-8); --caption-glyph: var(--royale-help-glyph-8); }
:root[data-windows-theme="royale"] [data-caption-action="close"] { --caption-button: var(--royale-close-button-1); --caption-glyph: var(--royale-close-glyph-1); }
:root[data-windows-theme="royale"] [data-caption-action="close"]:hover { --caption-button: var(--royale-close-button-2); --caption-glyph: var(--royale-close-glyph-2); }
:root[data-windows-theme="royale"] [data-caption-action="close"]:active { --caption-button: var(--royale-close-button-3); --caption-glyph: var(--royale-close-glyph-3); }
:root[data-windows-theme="royale"] [data-caption-action="close"]:disabled { --caption-button: var(--royale-close-button-4); --caption-glyph: var(--royale-close-glyph-4); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="close"] { --caption-button: var(--royale-close-button-5); --caption-glyph: var(--royale-close-glyph-5); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="close"]:hover { --caption-button: var(--royale-close-button-6); --caption-glyph: var(--royale-close-glyph-6); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="close"]:active { --caption-button: var(--royale-close-button-7); --caption-glyph: var(--royale-close-glyph-7); }
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] [data-caption-action="close"]:disabled { --caption-button: var(--royale-close-button-8); --caption-glyph: var(--royale-close-glyph-8); }
:root[data-windows-theme="royale"] input[type="radio"] + label { --choice-image: var(--royale-radio-1); }
:root[data-windows-theme="royale"] input[type="radio"]:not(:disabled) + label:hover { --choice-image: var(--royale-radio-2); }
:root[data-windows-theme="royale"] input[type="radio"]:not(:disabled) + label:active { --choice-image: var(--royale-radio-3); }
:root[data-windows-theme="royale"] input[type="radio"]:disabled + label { --choice-image: var(--royale-radio-4); }
:root[data-windows-theme="royale"] input[type="radio"]:checked + label { --choice-image: var(--royale-radio-5); }
:root[data-windows-theme="royale"] input[type="radio"]:checked:not(:disabled) + label:hover { --choice-image: var(--royale-radio-6); }
:root[data-windows-theme="royale"] input[type="radio"]:checked:not(:disabled) + label:active { --choice-image: var(--royale-radio-7); }
:root[data-windows-theme="royale"] input[type="radio"]:checked:disabled + label { --choice-image: var(--royale-radio-8); }
:root[data-windows-theme="royale"] input[type="checkbox"] + label { --choice-image: var(--royale-checkbox-1); }
:root[data-windows-theme="royale"] input[type="checkbox"]:not(:disabled) + label:hover { --choice-image: var(--royale-checkbox-2); }
:root[data-windows-theme="royale"] input[type="checkbox"]:not(:disabled) + label:active { --choice-image: var(--royale-checkbox-3); }
:root[data-windows-theme="royale"] input[type="checkbox"]:disabled + label { --choice-image: var(--royale-checkbox-4); }
:root[data-windows-theme="royale"] input[type="checkbox"]:checked + label { --choice-image: var(--royale-checkbox-5); }
:root[data-windows-theme="royale"] input[type="checkbox"]:checked:not(:disabled) + label:hover { --choice-image: var(--royale-checkbox-6); }
:root[data-windows-theme="royale"] input[type="checkbox"]:checked:not(:disabled) + label:active { --choice-image: var(--royale-checkbox-7); }
:root[data-windows-theme="royale"] input[type="checkbox"]:checked:disabled + label { --choice-image: var(--royale-checkbox-8); }
:root[data-windows-theme="royale"] input[type="checkbox"]:indeterminate + label { --choice-image: var(--royale-checkbox-9); }
:root[data-windows-theme="royale"] input[type="checkbox"]:indeterminate:not(:disabled) + label:hover { --choice-image: var(--royale-checkbox-10); }
:root[data-windows-theme="royale"] input[type="checkbox"]:indeterminate:not(:disabled) + label:active { --choice-image: var(--royale-checkbox-11); }
:root[data-windows-theme="royale"] input[type="checkbox"]:indeterminate:disabled + label { --choice-image: var(--royale-checkbox-12); }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:start:decrement { background: var(--royale-scroll-glyph-1) center / 9px 9px no-repeat, var(--royale-scroll-arrow-1) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:start:decrement:hover { background: var(--royale-scroll-glyph-2) center / 9px 9px no-repeat, var(--royale-scroll-arrow-2) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:start:decrement:active { background: var(--royale-scroll-glyph-3) center / 9px 9px no-repeat, var(--royale-scroll-arrow-3) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:start:decrement:disabled { background: var(--royale-scroll-glyph-4) center / 9px 9px no-repeat, var(--royale-scroll-arrow-4) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:end:increment { background: var(--royale-scroll-glyph-5) center / 9px 9px no-repeat, var(--royale-scroll-arrow-5) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:end:increment:hover { background: var(--royale-scroll-glyph-6) center / 9px 9px no-repeat, var(--royale-scroll-arrow-6) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:end:increment:active { background: var(--royale-scroll-glyph-7) center / 9px 9px no-repeat, var(--royale-scroll-arrow-7) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:end:increment:disabled { background: var(--royale-scroll-glyph-8) center / 9px 9px no-repeat, var(--royale-scroll-arrow-8) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:start:decrement { background: var(--royale-scroll-glyph-9) center / 9px 9px no-repeat, var(--royale-scroll-arrow-9) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:start:decrement:hover { background: var(--royale-scroll-glyph-10) center / 9px 9px no-repeat, var(--royale-scroll-arrow-10) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:start:decrement:active { background: var(--royale-scroll-glyph-11) center / 9px 9px no-repeat, var(--royale-scroll-arrow-11) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:start:decrement:disabled { background: var(--royale-scroll-glyph-12) center / 9px 9px no-repeat, var(--royale-scroll-arrow-12) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:end:increment { background: var(--royale-scroll-glyph-13) center / 9px 9px no-repeat, var(--royale-scroll-arrow-13) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:end:increment:hover { background: var(--royale-scroll-glyph-14) center / 9px 9px no-repeat, var(--royale-scroll-arrow-14) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:end:increment:active { background: var(--royale-scroll-glyph-15) center / 9px 9px no-repeat, var(--royale-scroll-arrow-15) center / 17px 17px no-repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:end:increment:disabled { background: var(--royale-scroll-glyph-16) center / 9px 9px no-repeat, var(--royale-scroll-arrow-16) center / 17px 17px no-repeat; }

/* Layout binds losslessly extracted Microsoft Royale bitmaps. Slice ordering is
   CSS top/right/bottom/left; the source INI records left/right/top/bottom. */
:root[data-windows-theme="royale"] {
  --font-family-ui: Tahoma, Arial, sans-serif;
  --surface: #ebe9ed;
  --button-face: #ebe9ed;
  --button-shadow: #a7a6aa;
  --window-frame: #85878c;
  --dialog-blue: #335ea8;
  --dialog-gray: #6fa1d9;
  --radio-width: 13px;
  --ui-background: #f2f4fa;
}
:root[data-windows-theme="royale"] [data-ui="window"] {
  padding: 0 5px 5px;
  background: var(--royale-frame-left-1) left 29px / 5px calc(100% - 34px) no-repeat,
    var(--royale-frame-right-1) right 29px / 5px calc(100% - 34px) no-repeat, #f2f4fa;
  box-shadow: none;
  border-radius: 8px 8px 0 0;
}
:root[data-windows-theme="royale"] [data-ui="window"]::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px;
  -o-border-image: var(--royale-frame-bottom-1) 1 5 2 / 1px 5px 2px stretch;
     border-image: var(--royale-frame-bottom-1) 1 5 2 fill / 1px 5px 2px stretch;
  pointer-events: none;
}
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"] {
  background-image: var(--royale-frame-left-2), var(--royale-frame-right-2);
}
:root[data-windows-theme="royale"] [data-ui="window"][data-active="false"]::after { border-image-source: var(--royale-frame-bottom-2); }
:root[data-windows-theme="royale"] [data-ui="title-bar"] {
  height: 29px; flex: 0 0 29px; margin: 0 -5px !important; padding: 4px 5px 0 7px !important;
  -o-border-image: var(--royale-caption-1) 9 35 17 28 / 9px 35px 17px 28px stretch;
     border-image: var(--royale-caption-1) 9 35 17 28 fill / 9px 35px 17px 28px stretch;
  background: transparent; color: white;
}
:root[data-windows-theme="royale"] [data-active="false"] > [data-ui="title-bar"] { border-image-source: var(--royale-caption-2); }
:root[data-windows-theme="royale"] [data-maximized="true"] > [data-ui="title-bar"] { border-image-source: var(--royale-caption-max-1); }
:root[data-windows-theme="royale"] [data-maximized="true"][data-active="false"] > [data-ui="title-bar"] { border-image-source: var(--royale-caption-max-2); }
:root[data-windows-theme="royale"] [data-ui="title-text"] { font: bold 13px "Trebuchet MS", Tahoma, sans-serif; margin-right: 6px; text-shadow: 1px 1px #3e659a; }
:root[data-windows-theme="royale"] [data-ui="caption-controls"] { grid-gap: 2px; gap: 2px; align-self: flex-start; }
:root[data-windows-theme="royale"] [data-ui="button"] {
  -o-border-image: var(--royale-button-1) 9 8 9 8 / 9px 8px 9px 8px stretch;
     border-image: var(--royale-button-1) 9 8 9 8 fill / 9px 8px 9px 8px stretch;
  box-shadow: none; background: transparent; justify-content: center;
}
:root[data-windows-theme="royale"] [data-ui="button"]:hover { border-image-source: var(--royale-button-2); box-shadow: none; }
:root[data-windows-theme="royale"] [data-ui="button"].focus-visible_1wLj- { border-image-source: var(--royale-button-5); }
:root[data-windows-theme="royale"] [data-ui="button"]:focus-visible { border-image-source: var(--royale-button-5); }
:root[data-windows-theme="royale"] [data-ui="button"]:active,
:root[data-windows-theme="royale"] [data-ui="button"][data-active="true"] { border-image-source: var(--royale-button-3); box-shadow: none; }
:root[data-windows-theme="royale"] [data-ui="button"]:disabled { border-image-source: var(--royale-button-4); text-shadow: none; }
:root[data-windows-theme="royale"] [data-ui="caption-controls"] [data-caption-action] {
  width: 21px; min-width: 21px; height: 21px; min-height: 21px; margin: 0; padding: 0;
  -o-border-image: none;
     border-image: none; background: var(--caption-glyph) center / 13px 13px no-repeat, var(--caption-button) center / 21px 21px no-repeat;
  box-shadow: none; outline-offset: -4px;
}
:root[data-windows-theme="royale"] [data-caption-action] > * { display: none; }
:root[data-windows-theme="royale"] [data-ui="taskbar-slot"] { flex-basis: 33px; }
:root[data-windows-theme="royale"] [data-ui="taskbar"] {
  height: 33px; padding: 0; box-shadow: none;
  -o-border-image: var(--royale-taskbar-1) 16 0 13 0 / 16px 0 13px 0 stretch;
     border-image: var(--royale-taskbar-1) 16 0 13 0 fill / 16px 0 13px 0 stretch;
  background: transparent;
}
:root[data-windows-theme="royale"] [data-ui="start-popup"] { left: 0; bottom: 33px; }
:root[data-windows-theme="royale"] [data-ui="start-button"] { margin: 0; flex: 0 0 99px; display: flex; align-items: stretch; }
:root[data-windows-theme="royale"] [data-ui="start-button"] button {
  width: 99px; height: 33px; padding: 0 20px 1px 10px; color: white;
  display: flex; align-items: center; justify-content: flex-start; grid-gap: 5px; gap: 5px;
  -o-border-image: var(--royale-start-1) 13 52 14 6 / 13px 52px 14px 6px stretch;
     border-image: var(--royale-start-1) 13 52 14 6 fill / 13px 52px 14px 6px stretch;
  font-family: "Franklin Gothic Medium", Tahoma, sans-serif; font-style: italic; font-weight: 600; font-size: 18px; line-height: 1;
  letter-spacing: 0.3px; text-shadow: 1px 1px 1px rgba(0, 60, 0, 0.65); text-transform: lowercase;
}
:root[data-windows-theme="royale"] [data-ui="start-button"] button > div { font-weight: 600; margin-top: 1px; }
:root[data-windows-theme="royale"] [data-ui="start-button"] button img { flex: 0 0 auto; }
:root[data-windows-theme="royale"] [data-ui="start-button"] button:hover { border-image-source: var(--royale-start-2); }
:root[data-windows-theme="royale"] [data-ui="start-button"] button:active,
:root[data-windows-theme="royale"] [data-ui="start-button"] [data-active="true"] { border-image-source: var(--royale-start-3); }
:root[data-windows-theme="royale"] [data-ui="task-list"] { display: flex; align-items: center; grid-gap: 4px; gap: 4px; padding: 4px 6px 5px 8px; min-width: 0; }
:root[data-windows-theme="royale"] [data-ui="task-list"] button {
  height: 24px; min-height: 24px; color: white; padding: 0 8px; display: flex; align-items: center; grid-gap: 6px; gap: 6px; justify-content: flex-start;
  font-family: Tahoma, sans-serif; font-size: 11px; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
  -o-border-image: var(--royale-task-1) 12 12 15 12 / 12px 12px 15px 12px stretch;
     border-image: var(--royale-task-1) 12 12 15 12 fill / 12px 12px 15px 12px stretch;
}
:root[data-windows-theme="royale"] [data-ui="task-list"] button:hover { border-image-source: var(--royale-task-2); }
:root[data-windows-theme="royale"] [data-ui="task-list"] button:active { border-image-source: var(--royale-task-3); }
:root[data-windows-theme="royale"] [data-ui="task-list"] [data-active="true"] { border-image-source: var(--royale-task-5); }
:root[data-windows-theme="royale"] [data-ui="task-list"] [data-active="true"]:hover { border-image-source: var(--royale-task-6); }
:root[data-windows-theme="royale"] [data-ui="tray-wrapper"] { margin: 0; display: flex; align-items: center; padding: 2px 0; flex: 0 0 auto; }
:root[data-windows-theme="royale"] [data-ui="tray"] {
  height: 26px; min-height: 26px; display: flex; align-items: center; grid-gap: 6px; gap: 6px; padding: 0 10px 0 12px; box-shadow: none; color: white;
  font-family: Tahoma, sans-serif; font-size: 11px; font-weight: normal; line-height: 1; white-space: nowrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
  -o-border-image: var(--royale-tray-1) 12 10 15 34 / 12px 10px 15px 34px stretch;
     border-image: var(--royale-tray-1) 12 10 15 34 fill / 12px 10px 15px 34px stretch;
}
:root[data-windows-theme="royale"] [data-ui="tray"] > * { display: flex; align-items: center; }
:root[data-windows-theme="royale"] [data-ui="tray"] > :last-child { margin: 0; padding: 0 2px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; letter-spacing: 0.2px; }
:root[data-windows-theme="royale"] [data-ui="menu"] { background: white; box-shadow: 0 0 0 1px #a7a6aa, 2px 2px 2px rgba(0,0,0,0.26667); box-shadow: 0 0 0 1px #a7a6aa, 2px 2px 2px #0004; }
:root[data-windows-theme="royale"] [data-ui="tab-list"] { border: none; padding: 2px 3px 0; }
:root[data-windows-theme="royale"] [data-ui="tab"] {
  border: none; -o-border-image: var(--royale-tab-1) 6 / 6px stretch; border-image: var(--royale-tab-1) 6 fill / 6px stretch; padding: 6px 12px; font-weight: normal; background: transparent;
}
:root[data-windows-theme="royale"] [data-ui="tab"]:hover { background: transparent; border-image-source: var(--royale-tab-2); }
:root[data-windows-theme="royale"] [data-ui="tab"][aria-selected="true"] { border-image-source: var(--royale-tab-3); top: 0; padding-top: 8px; }
:root[data-windows-theme="royale"] [data-ui="tab-panel"] { -o-border-image: var(--royale-tab-pane-1) 2 3 3 1 / 2px 3px 3px 1px stretch; border-image: var(--royale-tab-pane-1) 2 3 3 1 fill / 2px 3px 3px 1px stretch; padding: 5px; min-height: 0; }
:root[data-windows-theme="royale"] input[type="text"],
:root[data-windows-theme="royale"] input[type="password"],
:root[data-windows-theme="royale"] input[type="email"],
:root[data-windows-theme="royale"] textarea,
:root[data-windows-theme="royale"] select { border: 1px solid #7f9db9; box-shadow: none; }
:root[data-windows-theme="royale"] input[type="radio"] + label::before,
:root[data-windows-theme="royale"] input[type="checkbox"] + label::before {
  width: 13px; height: 13px; border: none; box-shadow: none; background: var(--choice-image) center / 13px 13px no-repeat;
}
:root[data-windows-theme="royale"] input[type="radio"] + label::after,
:root[data-windows-theme="royale"] input[type="checkbox"] + label::after { display: none; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar { width: 17px; height: 17px; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-track:vertical { background: var(--royale-scroll-track-v-1) center / 17px 17px repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-track:horizontal { background: var(--royale-scroll-track-h-1) center / 17px 17px repeat; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb {
  box-shadow: none; border: 1px solid transparent; background-repeat: no-repeat; background-position: center;
}
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb:vertical { border-image: var(--royale-scroll-v-1) 5 fill / 5px stretch; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb:horizontal { border-image: var(--royale-scroll-h-1) 5 fill / 5px stretch; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb:vertical:hover { border-image-source: var(--royale-scroll-v-2); }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb:horizontal:hover { border-image-source: var(--royale-scroll-h-2); }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb:vertical:active { border-image-source: var(--royale-scroll-v-3); }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-thumb:horizontal:active { border-image-source: var(--royale-scroll-h-3); }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button { display: none; width: 17px; height: 17px; }
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:start:decrement,
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:vertical:end:increment,
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:start:decrement,
:root[data-windows-theme="royale"] ::-webkit-scrollbar-button:horizontal:end:increment { display: block; }
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] { position: relative; width: 380px; max-width: 100vw; color: white; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.33333)); filter: drop-shadow(2px 2px 2px #0005); }
:root[data-windows-theme="royale"] [data-ui="xp-start-user"] {
  height: 63px; display: flex; align-items: center; grid-gap: 8px; gap: 8px; padding: 4px 7px; color: white; font-size: 18px;
  -o-border-image: var(--royale-start-user-1) 30 36 32 83 / 30px 36px 32px 83px stretch;
     border-image: var(--royale-start-user-1) 30 36 32 83 fill / 30px 36px 32px 83px stretch;
}
:root[data-windows-theme="royale"] [data-ui="xp-start-avatar"] { display: grid; align-items: center; justify-items: center; width: 55px; height: 55px; -o-border-image: var(--royale-start-avatar-1) 6 10 10 6 / 6px 10px 10px 6px stretch; border-image: var(--royale-start-avatar-1) 6 10 10 6 fill / 6px 10px 10px 6px stretch; }
:root[data-windows-theme="royale"] [data-ui="xp-start-columns"] { display: grid; grid-template-columns: 1fr 1fr; max-height: calc(100vh - 135px); overflow: auto; }
:root[data-windows-theme="royale"] [data-ui="xp-start-programs"] { padding: 9px 5px 0 6px; display: flex; flex-direction: column; -o-border-image: var(--royale-start-programs-1) 3 153 0 2 / 3px 153px 0 2px stretch; border-image: var(--royale-start-programs-1) 3 153 0 2 fill / 3px 153px 0 2px stretch; }
:root[data-windows-theme="royale"] [data-ui="xp-start-places"] { padding: 9px 7px 5px 5px; -o-border-image: var(--royale-start-places-1) 3 7 1 172 / 3px 7px 1px 172px stretch; border-image: var(--royale-start-places-1) 3 7 1 172 fill / 3px 7px 1px 172px stretch; }
:root[data-windows-theme="royale"] [data-ui="xp-start-columns"] button { display: flex; align-items: center; grid-gap: 6px; gap: 6px; width: 100%; min-height: 37px; text-align: left; color: inherit; padding: 3px 4px; }
:root[data-windows-theme="royale"] [data-ui="xp-start-columns"] button > span { min-width: 0; }
:root[data-windows-theme="royale"] [data-ui="xp-start-columns"] strong { font-weight: normal; }
:root[data-windows-theme="royale"] [data-ui="xp-start-programs"] > button:nth-child(-n+2) strong { font-weight: bold; }
:root[data-windows-theme="royale"] [data-ui="xp-start-columns"] small { display: block; margin-top: 2px; font-size: 11px; }
:root[data-windows-theme="royale"] [data-ui="xp-start-programs"] small { color: #8fb6e3; }
:root[data-windows-theme="royale"] [data-ui="xp-start-places"] img { width: 24px; height: 24px; }
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] button:hover,
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] button.focus-visible_1wLj-,
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] summary:hover { background-color: #335ea8; color: white; outline-offset: -2px; }
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] button:hover,
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] button:focus-visible,
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] summary:hover { background-color: #335ea8; color: white; outline-offset: -2px; }
:root[data-windows-theme="royale"] [data-ui="xp-start-programs"] button:hover { background-color: #3070d0; }
:root[data-windows-theme="royale"] [data-ui="xp-start-places"] button:hover { background-color: #5096f8; }
:root[data-windows-theme="royale"] [data-ui="xp-start-menu"] hr { height: 1px; margin: 4px; background: linear-gradient(to right, transparent, #91aed7, transparent); }
:root[data-windows-theme="royale"] [data-ui="xp-start-more"] { margin-top: auto; -o-border-image: var(--royale-start-more-1) 0 2 / 0 2px stretch; border-image: var(--royale-start-more-1) 0 2 fill / 0 2px stretch; }
:root[data-windows-theme="royale"] [data-ui="xp-start-more"] button { justify-content: center; font-weight: bold; }
:root[data-windows-theme="royale"] [data-ui="xp-start-more"] button span { width: 16px; height: 24px; background: var(--royale-start-arrow-1) center no-repeat; }
:root[data-windows-theme="royale"] [data-ui="xp-start-footer"] { height: 39px; display: flex; justify-content: flex-end; align-items: center; padding: 4px 9px; -o-border-image: var(--royale-start-footer-1) 18 47 20 49 / 18px 47px 20px 49px stretch; border-image: var(--royale-start-footer-1) 18 47 20 49 fill / 18px 47px 20px 49px stretch; }
:root[data-windows-theme="royale"] [data-ui="xp-start-footer"] button { display: flex; align-items: center; grid-gap: 5px; gap: 5px; padding: 5px; color: white; }
:root[data-windows-theme="royale"] [data-ui="xp-all-programs"] { position: absolute; left: 185px; bottom: 39px; width: 245px; max-width: calc(100vw - 190px); max-height: calc(100vh - 80px); overflow: auto; background: white; border: 1px solid #335ea8; border-left-width: 5px; box-shadow: 2px 2px 3px rgba(0,0,0,0.33333); box-shadow: 2px 2px 3px #0005; padding: 3px; color: black; }
:root[data-windows-theme="royale"] [data-ui="xp-program-list"] button,
:root[data-windows-theme="royale"] [data-ui="xp-program-list"] summary { display: block; width: 100%; min-height: 25px; padding: 3px; text-align: left; cursor: default; }
:root[data-windows-theme="royale"] [data-ui="xp-program-list"] summary { display: list-item; margin-left: 12px; width: calc(100% - 12px); }
:root[data-windows-theme="royale"] [data-ui="xp-program-list"] span { display: inline-flex; align-items: center; grid-gap: 5px; gap: 5px; }
:root[data-windows-theme="royale"] [data-ui="xp-program-list"] details > div { margin-left: 12px; }
:root[data-windows-theme="royale"] [data-ui="xp-program-list"] button:disabled { color: #a7a6aa; background: transparent; }
@media (max-width: 440px) {
  :root[data-windows-theme="royale"] [data-ui="xp-all-programs"] { left: 5px; right: 5px; width: auto; max-width: none; }
}