div+css布局模拟win95操作界面ui交互效果代码-html代码-BFW代码库

代码语言：html
代码描述：div+css布局模拟win95操作界面ui交互效果代码，可打开开始菜单、可拖动窗口，打开关闭，可打开内置的应用。
代码标签： div css 布局模拟 win95 操作界面 ui 交互 windows
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  


  
  
<style>
@charset "UTF-8";
@font-face {
  font-family: "MS Sans Serif";
  src: url("//repo.bfw.wiki/bfwrepo/images/win95/ms-sans-serif.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "MS Sans Serif";
  src: url("//repo.bfw.wiki/bfwrepo/images/win95/ms-sans-serif-bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
*, *:before, *:after {
  cursor: default;
  box-sizing: border-box;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  font-family: "MS Sans Serif", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 1px;
}

*:not(textarea, input) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
  outline: none;
}

::-moz-selection {
  background: none;
}

::selection {
  background: none;
}

body, html {
  height: 100%;
}

body {
  margin: 0;
  background-color: #fbe6e2;
  color: #263238;
  line-height: 1;
  overflow: hidden;
}

textarea {
  display: block;
  border: 0;
  padding: 3px;
  width: 100%;
  height: 100%;
  resize: none;
  overflow: scroll;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
textarea::-moz-selection {
  background-color: #577783;
  -webkit-tap-highlight-color: #577783;
  color: white;
}
textarea::selection {
  background-color: #577783;
  -webkit-tap-highlight-color: #577783;
  color: white;
}

.textarea-container {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #263238;
  padding: 3px;
}

[hidden] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

menu, ul:not(.information ul), ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.underline > li > a:not(.no-line):first-letter, .underline > li > a:not(.no-line) > span:first-letter, .underline > li > a:not(.no-line) .line:first-letter, .underline > li > label:not(.no-line):first-letter, .underline > li > label:not(.no-line) > span:first-letter, .underline > li > label:not(.no-line) .line:first-letter {
  text-decoration: underline;
}
.underline > li > a:not(.no-line) > span span:not(.line):first-letter, .underline > li > label:not(.no-line) > span span:not(.line):first-letter {
  text-decoration: none;
}
.underline > li > a:not(.no-line) .line, .underline > li > label:not(.no-line) .line {
  display: inline-block;
}

label:before, label:after, a:before, a:after {
  content: "";
  background-position: center center;
  background-size: contain;
}

label[tabindex] span {
  padding: 1px 2px;
}
label[tabindex] span span {
  padding: 0;
}

[class*=label]:not(.folders label):not(.label-nested):after {
  background-color: transparent;
  background-image: linear-gradient(45deg, #B2738E 25%, transparent 25%, transparent 75%, #B2738E 75%, #B2738E), linear-gradient(45deg, #B2738E 25%, transparent 25%, transparent 75%, #B2738E 75%, #B2738E);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
[class*=label]:not(.folders label):not(.label-nested)[tabindex]:active:after, [class*=label]:not(.folders label):not(.label-nested)[tabindex]:focus:after {
  opacity: 1;
}

.label-nested:after {
  position: absolute;
  right: 6px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVQokWP8//8/AymAiSTVDAwMLOgCasYW/xkYGBhh/FtnTxBlA053Ymjg/vcTryYMDV+Z2PHahNPTUJsY0cVxavjKxI6hGJ8GrIoZGBgYGGkecSRrAABJOBMT7b9GFQAAAABJRU5ErkJggg==");
  background-size: 16px 16px;
}
.label-nested:hover:after {
  filter: invert(1) brightness(200%);
}

li:hover > .label-nested:after {
  filter: invert(1) brightness(200%);
}

.label-folder-programs:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
  background-repeat: no-repeat;
}
.label-folder-programs:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
}

.label-folder-programs-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
  background-repeat: no-repeat;
}
.label-folder-programs-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
}

.label-folder-documents:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
  background-repeat: no-repeat;
}
.label-folder-documents:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
}

.label-folder-documents-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
  background-repeat: no-repeat;
}
.label-folder-documents-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
}

.label-settings:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
  background-repeat: no-repeat;
}
.label-settings:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
}

.label-settings-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
  background-repeat: no-repeat;
}
.label-settings-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
}

.label-find:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
  background-repeat: no-repeat;
}
.label-find:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
}

.label-find-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
  background-repeat: no-repeat;
}
.label-find-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
}

.label-help:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
  background-repeat: no-repeat;
}
.label-help:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
}

.label-help-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
  background-repeat: no-repeat;
}
.label-help-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
}

.label-run:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
  background-repeat: no-repeat;
}
.label-run:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
}

.label-run-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
  background-repeat: no-repeat;
}
.label-run-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
}

.label-shut-down:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
  background-repeat: no-repeat;
}
.label-shut-down:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
}

.label-shut-down-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
  background-repeat: no-repeat;
}
.label-shut-down-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
}

.label-notepad:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
  background-repeat: no-repeat;
}
.label-notepad:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
}

.label-notepad-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad-small.png");
  background-repeat: no-repeat;
}
.label-notepad-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad-small.png");
}

.label-folder-explorer:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
  background-repeat: no-repeat;
}
.label-folder-explorer:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
}

.label-folder-explorer-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer-small.png");
  background-repeat: no-repeat;
}
.label-folder-explorer-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer-small.png");
}

.label-document-text:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
  background-repeat: no-repeat;
}
.label-document-text:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
}

.label-document-text-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text-small.png");
  background-repeat: no-repeat;
}
.label-document-text-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text-small.png");
}

.label-control-panel:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
  background-repeat: no-repeat;
}
.label-control-panel:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
}

.label-control-panel-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel-small.png");
  background-repeat: no-repeat;
}
.label-control-panel-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel-small.png");
}

.label-folder-printers:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
  background-repeat: no-repeat;
}
.label-folder-printers:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
}

.label-folder-printers-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-small.png");
  background-repeat: no-repeat;
}
.label-folder-printers-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-small.png");
}

.label-desktop:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
  background-repeat: no-repeat;
}
.label-desktop:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
}

.label-desktop-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop-small.png");
  background-repeat: no-repeat;
}
.label-desktop-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop-small.png");
}

.label-computer:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
  background-repeat: no-repeat;
}
.label-computer:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
}

.label-computer-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-small.png");
  background-repeat: no-repeat;
}
.label-computer-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-small.png");
}

.label-disk:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
  background-repeat: no-repeat;
}
.label-disk:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
}

.label-disk-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk-small.png");
  background-repeat: no-repeat;
}
.label-disk-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk-small.png");
}

.label-diskette:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
  background-repeat: no-repeat;
}
.label-diskette:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
}

.label-diskette-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette-small.png");
  background-repeat: no-repeat;
}
.label-diskette-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette-small.png");
}

.label-folder:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
  background-repeat: no-repeat;
}
.label-folder:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
}

.label-folder-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-small.png");
  background-repeat: no-repeat;
}
.label-folder-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-small.png");
}

.label-recycle-bin:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
  background-repeat: no-repeat;
}
.label-recycle-bin:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
}

.label-recycle-bin-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-small.png");
  background-repeat: no-repeat;
}
.label-recycle-bin-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-small.png");
}

.label-inbox:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
  background-repeat: no-repeat;
}
.label-inbox:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
}

.label-inbox-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox-small.png");
  background-repeat: no-repeat;
}
.label-inbox-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox-small.png");
}

.label-program:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
  background-repeat: no-repeat;
}
.label-program:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
}

.label-program-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-small.png");
  background-repeat: no-repeat;
}
.label-program-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-small.png");
}

.label-program-config:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
  background-repeat: no-repeat;
}
.label-program-config:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
}

.label-program-config-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config-small.png");
  background-repeat: no-repeat;
}
.label-program-config-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config-small.png");
}

.label-document-windows:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
  background-repeat: no-repeat;
}
.label-document-windows:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
}

.label-document-windows-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows-small.png");
  background-repeat: no-repeat;
}
.label-document-windows-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows-small.png");
}

.label-hardware:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
  background-repeat: no-repeat;
}
.label-hardware:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
}

.label-hardware-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware-small.png");
  background-repeat: no-repeat;
}
.label-hardware-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware-small.png");
}

.label-add-programs:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
  background-repeat: no-repeat;
}
.label-add-programs:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
}

.label-add-programs-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs-small.png");
  background-repeat: no-repeat;
}
.label-add-programs-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs-small.png");
}

.label-date-time:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
  background-repeat: no-repeat;
}
.label-date-time:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
}

.label-date-time-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time-small.png");
  background-repeat: no-repeat;
}
.label-date-time-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time-small.png");
}

.label-document-misc:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
  background-repeat: no-repeat;
}
.label-document-misc:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
}

.label-document-misc-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc-small.png");
  background-repeat: no-repeat;
}
.label-document-misc-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc-small.png");
}

.label-document-config:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
  background-repeat: no-repeat;
}
.label-document-config:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
}

.label-document-config-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config-small.png");
  background-repeat: no-repeat;
}
.label-document-config-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config-small.png");
}

.label-document-font:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
  background-repeat: no-repeat;
}
.label-document-font:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
}

.label-document-font-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font-small.png");
  background-repeat: no-repeat;
}
.label-document-font-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font-small.png");
}

.label-grpconv:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
  background-repeat: no-repeat;
}
.label-grpconv:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
}

.label-grpconv-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv-small.png");
  background-repeat: no-repeat;
}
.label-grpconv-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv-small.png");
}

.label-folder-fonts-link:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link.png");
  background-repeat: no-repeat;
}
.label-folder-fonts-link:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link.png");
}

.label-folder-fonts-link-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link-small.png");
  background-repeat: no-repeat;
}
.label-folder-fonts-link-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link-small.png");
}

.label-computer-display:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display.png");
  background-repeat: no-repeat;
}
.label-computer-display:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display.png");
}

.label-computer-display-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display-small.png");
  background-repeat: no-repeat;
}
.label-computer-display-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display-small.png");
}

.label-modems:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems.png");
  background-repeat: no-repeat;
}
.label-modems:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems.png");
}

.label-modems-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems-small.png");
  background-repeat: no-repeat;
}
.label-modems-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems-small.png");
}

.label-keyboard:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard.png");
  background-repeat: no-repeat;
}
.label-keyboard:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard.png");
}

.label-keyboard-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard-small.png");
  background-repeat: no-repeat;
}
.label-keyboard-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard-small.png");
}

.label-internet:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet.png");
  background-repeat: no-repeat;
}
.label-internet:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet.png");
}

.label-internet-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet-small.png");
  background-repeat: no-repeat;
}
.label-internet-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet-small.png");
}

.label-joystick:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick.png");
  background-repeat: no-repeat;
}
.label-joystick:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick.png");
}

.label-joystick-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick-small.png");
  background-repeat: no-repeat;
}
.label-joystick-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick-small.png");
}

.label-mouse:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse.png");
  background-repeat: no-repeat;
}
.label-mouse:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse.png");
}

.label-mouse-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse-small.png");
  background-repeat: no-repeat;
}
.label-mouse-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse-small.png");
}

.label-multimedia:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia.png");
  background-repeat: no-repeat;
}
.label-multimedia:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia.png");
}

.label-multimedia-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia-small.png");
  background-repeat: no-repeat;
}
.label-multimedia-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia-small.png");
}

.label-network:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network.png");
  background-repeat: no-repeat;
}
.label-network:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network.png");
}

.label-network-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network-small.png");
  background-repeat: no-repeat;
}
.label-network-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network-small.png");
}

.label-passwords:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/passwords.png");
  background-repeat: no-repeat;
}
.label-passwords:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/passwords.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/passwords.png");
}

.label-passwords-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/passwords-small.png");
  background-repeat: no-repeat;
}
.label-passwords-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/passwords-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/passwords-small.png");
}

.label-battery:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/battery.png");
  background-repeat: no-repeat;
}
.label-battery:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/battery.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/battery.png");
}

.label-battery-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/battery-small.png");
  background-repeat: no-repeat;
}
.label-battery-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/battery-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/battery-small.png");
}

.label-regional:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/regional.png");
  background-repeat: no-repeat;
}
.label-regional:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/regional.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/regional.png");
}

.label-regional-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/regional-small.png");
  background-repeat: no-repeat;
}
.label-regional-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/regional-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/regional-small.png");
}

.label-folder-printers-link:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-link.png");
  background-repeat: no-repeat;
}
.label-folder-printers-link:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-link.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-link.png");
}

.label-folder-printers-link-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-link-small.png");
  background-repeat: no-repeat;
}
.label-folder-printers-link-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-link-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-link-small.png");
}

.label-computer-sounds:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-sounds.png");
  background-repeat: no-repeat;
}
.label-computer-sounds:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-sounds.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-sounds.png");
}

.label-computer-sounds-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-sounds-small.png");
  background-repeat: no-repeat;
}
.label-computer-sounds-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-sounds-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-sounds-small.png");
}

.label-computer-mouse:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-mouse.png");
  background-repeat: no-repeat;
}
.label-computer-mouse:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-mouse.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-mouse.png");
}

.label-computer-mouse-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-mouse-small.png");
  background-repeat: no-repeat;
}
.label-computer-mouse-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-mouse-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-mouse-small.png");
}

.label-document-printer:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-printer.png");
  background-repeat: no-repeat;
}
.label-document-printer:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-printer.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-printer.png");
}

.label-document-printer-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-printer-small.png");
  background-repeat: no-repeat;
}
.label-document-printer-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-printer-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-printer-small.png");
}

.label-printer:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/printer.png");
  background-repeat: no-repeat;
}
.label-printer:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/printer.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/printer.png");
}

.label-printer-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/printer-small.png");
  background-repeat: no-repeat;
}
.label-printer-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/printer-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/printer-small.png");
}

.label-volume:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/volume.png");
  background-repeat: no-repeat;
}
.label-volume:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/volume.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/volume.png");
}

.label-volume-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/volume-small.png");
  background-repeat: no-repeat;
}
.label-volume-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/volume-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/volume-small.png");
}

.label-wordpad:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/wordpad.png");
  background-repeat: no-repeat;
}
.label-wordpad:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/wordpad.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/wordpad.png");
}

.label-wordpad-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/wordpad-small.png");
  background-repeat: no-repeat;
}
.label-wordpad-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/wordpad-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/wordpad-small.png");
}

.label-taskbar:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/taskbar.png");
  background-repeat: no-repeat;
}

.label-customize-start-menu:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/customize-start-menu.png");
  background-repeat: no-repeat;
}

.label-recycle-bin-folder:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-folder.png");
  background-repeat: no-repeat;
}

.button {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #fcfcfc, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #cac6cb;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  border: 0;
  padding-left: 6px;
  padding-right: 6px;
  width: 120px;
  height: 36px;
  background: none;
  text-align: center;
}
.button.underline span:first-letter {
  text-decoration: underline;
}
.button + .button {
  margin-left: 10px;
}
.button > span {
  display: block;
  width: 100%;
  line-height: 22px;
  border: 1px dotted transparent;
  padding: 0 !important;
}
@media (min-width: 500px) {
  .button > span {
    border-width: 1.5px;
  }
}
.button[disabled] {
  color: #a099a1;
  pointer-events: none;
}
.button:not([disabled]):focus {
  box-shadow: inset -3px -3px 0 0 #263238, inset 1.5px 1.5px 0 0 #263238, inset -4.5px -4.5px 0 0 #a099a1, inset 3px 3px 0 0 #fcfcfc;
  padding-bottom: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
}
.button:not([disabled]):active {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
}
.button:not([disabled]):focus span, .button:not([disabled]):active span {
  border-color: #263238;
  color: #263238;
  background: none;
}

#desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - 44px);
}

#icons {
  position: relative;
  z-index: 1;
  padding-top: 3px;
  height: 100%;
}

.desktop-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.desktop-icon:before, .desktop-icon:after {
  width: 48px;
  height: 48px;
}
.desktop-icon:before {
  margin-bottom: 6px;
}
.desktop-icon:after {
  left: 36px;
}
.desktop-icon span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.desktop-icon:not(:first-child) {
  margin-top: 40px;
}
.desktop-icon[tabindex]:active span, .desktop-icon[tabindex]:focus span {
  background: #B2738E;
  color: white;
  border: 1px dotted #D1AE87;
}
@media (min-width: 500px) {
  .desktop-icon[tabindex]:active span, .desktop-icon[tabindex]:focus span {
    border-width: 1.5px;
  }
}

#windows, #alerts {
  display: grid;
  place-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 44px);
  padding-bottom: 44px;
}

.window, .alert {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #dedcde, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #fcfcfc;
  padding: 6px;
  z-index: 4;
  background: #cac6cb;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  background: #cac6cb;
}
.window-inside, .alert-inside {
  max-width: calc(100vw - 36px);
  max-height: calc(100vh - 44px - 12px);
  min-width: 300px;
  min-height: 200px;
  overflow: hidden;
  resize: both;
}
.window-inside::-webkit-resizer, .alert-inside::-webkit-resizer {
  display: none;
}

.window-nav {
  background-color: #a099a1;
}

.alert-nav {
  background-color: #577783;
}

.window-nav, .alert-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 28px;
  padding: 0 3px;
  color: white;
}
.window-nav:before, .window-nav:after, .alert-nav:before, .alert-nav:after {
  content: unset;
}
.window-nav h3, .alert-nav h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 69px);
  margin: 0;
  line-height: 28px;
}
.window-nav h3[class*=label]:before, .alert-nav h3[class*=label]:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background-size: contain;
}
.window-nav h3[class*=label] span:only-child, .alert-nav h3[class*=label] span:only-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 24px - 6px);
}
.window-nav h3:not([class*=label]), .alert-nav h3:not([class*=label]) {
  padding: 0 3px;
}
.window-nav .buttons, .alert-nav .buttons {
  display: flex;
}
.window-nav .buttons label, .alert-nav .buttons label {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #fcfcfc, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #cac6cb;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  position: relative;
  width: 22px;
  height: 20px;
  background: #cac6cb;
}
.window-nav .buttons label[disabled], .alert-nav .buttons label[disabled] {
  pointer-events: none;
}
.window-nav .buttons label[disabled]:after, .alert-nav .buttons label[disabled]:after {
  opacity: 0.4;
}
.window-nav .buttons label:last-child, .alert-nav .buttons label:last-child {
  margin-left: 3px;
}
.window-nav .buttons label.minimize:after, .alert-nav .buttons label.minimize:after {
  display: block;
  position: absolute;
  bottom: 4.5px;
  left: 5px;
  width: 10px;
  height: 3px;
  background: #263238;
}
.window-nav .buttons label.maximize:before, .window-nav .buttons label.maximize:after, .alert-nav .buttons label.maximize:before, .alert-nav .buttons label.maximize:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1.5px solid #263238;
  border-top-width: 3px;
  background-color: #cac6cb;
}
.window-nav .buttons label.maximize:before, .alert-nav .buttons label.maximize:before {
  visibility: hidden;
}
.window-nav .buttons label.close:after, .alert-nav .buttons label.close:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDggNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgPHBvbHlnb24gc3Ryb2tlPSJub25lIiBmaWxsPSIjMjYzMjM4IiBwb2ludHM9IjMgMyAyIDMgMiAyIDEgMiAxIDEgMCAxIDAgMCAyIDAgMiAxIDMgMSAzIDIgNSAyIDUgMSA2IDEgNiAwIDggMCA4IDEgNyAxIDcgMiA2IDIgNiAzIDUgMyA1IDQgNiA0IDYgNSA3IDUgNyA2IDggNiA4IDcgNiA3IDYgNiA1IDYgNSA1IDMgNSAzIDYgMiA2IDIgNyAwIDcgMCA2IDEgNiAxIDUgMiA1IDIgNCAzIDQiPjwvcG9seWdvbj4KPC9zdmc+");
  width: 12px;
  height: 10px;
}
.window-nav .buttons label.question:after, .alert-nav .buttons label.question:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGcgZmlsbD0iIzFBMkMzNCI+Cjxwb2x5Z29uIHBvaW50cz0iMyA0IDMgMyA0IDMgNCAxIDIgMSAyIDMgMCAzIDAgMSAxIDEgMSAwIDUgMCA1IDEgNiAxIDYgMyA1IDMgNSA0IDQgNCA0IDYgMiA2IDIgNCI+PC9wb2x5Z29uPgo8cmVjdCB4PSIyIiB5PSI3IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIj48L3JlY3Q+CjwvZz4KPC9zdmc+");
  width: 9px;
  height: 14px;
}
.window-nav .buttons label:not([disabled]):active, .alert-nav .buttons label:not([disabled]):active {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}

.window-menu {
  display: flex;
  position: relative;
  line-height: 25px;
  padding: 1.5px 0;
}
.window-menu li {
  position: relative;
}
.window-menu > li:has(> .sub-menu:hover) > a {
  background-color: #577783;
  color: white;
}
.window-menu > li > a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color: #263238;
}
.window-menu > li > a:before, .window-menu > li > a:after {
  content: unset;
}
.window-menu > li > a:hover {
  background-color: #577783;
  color: white;
}
.window-menu > li > a:hover + menu {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}
.window-menu .sub-menu {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #dedcde, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #fcfcfc;
  padding: 6px;
  z-index: 4;
  background: #cac6cb;
  background: #cac6cb;
  position: absolute;
  width: 190px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.window-menu .sub-menu:hover {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}
.window-menu .sub-menu .sub-menu {
  top: -6px;
  left: calc(100% - 6px);
}
.window-menu .sub-menu li:hover > label, .window-menu .sub-menu li:hover > a {
  background-color: #577783;
  color: white;
}
.window-menu .sub-menu li label:not(.label-check) {
  display: block;
}
.window-menu .sub-menu li label:not(.label-check):before, .window-menu .sub-menu li label:not(.label-check):after {
  content: unset;
}
.window-menu .sub-menu li > a {
  display: flex;
  align-items: center;
  align-content: center;
}
.window-menu .sub-menu li > a, .window-menu .sub-menu li > label {
  padding-left: 32px;
  line-height: 28px;
}
.window-menu .sub-menu li > a:hover, .window-menu .sub-menu li > label:hover {
  background-color: #577783;
}
.window-menu .sub-menu li > a:not(.label-disabled):hover, .window-menu .sub-menu li > label:not(.label-disabled):hover {
  color: white;
}
.window-menu .sub-menu li > a.label-disabled, .window-menu .sub-menu li > label.label-disabled {
  color: #a099a1;
}
.window-menu .sub-menu li a:hover ~ .sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 4;
}
.window-menu .sub-menu li .label-check {
  display: flex;
  padding-left: 0;
}
.window-menu .sub-menu li .label-check:before {
  visibility: hidden;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 28px;
}
.window-menu .sub-menu li .label-check:hover:before {
  filter: invert(1) brightness(200%);
}
.window-menu .sub-menu hr {
  margin: 4px 0;
  border: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(to bottom, #a099a1 0%, #a099a1 50%, #fcfcfc 50%);
}
.window-menu .label-status-bar:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwb2x5Z29uIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzI2MzIzOCIgcG9pbnRzPSI0IDYgMyA2IDMgNyAyIDcgMiA2IDEgNiAxIDUgMCA1IDAgMiAxIDIgMSAzIDIgMyAyIDQgMyA0IDMgMyA0IDMgNCAyIDUgMiA1IDEgNiAxIDYgMCA3IDAgNyAzIDYgMyA2IDQgNSA0IDUgNSA0IDUiPjwvcG9seWdvbj4KPC9zdmc+");
  background-size: 10px 10px;
}
.window-menu .label-icon-size:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwb2x5Z29uIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzI2MzIzOCIgcG9pbnRzPSI1IDAgNSAxIDYgMSA2IDUgNSA1IDUgNiAxIDYgMSA1IDAgNSAwIDEgMSAxIDEgMCI+PC9wb2x5Z29uPgo8L3N2Zz4=");
  background-size: 8px 8px;
}

.toggle-menu-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.toggle-menu:not(:checked) ~ .window-inside .window-menu > li > a:hover {
  background-color: unset;
  color: #263238;
}
.toggle-menu:not(:checked) ~ .window-inside .window-menu > li > a:hover + .sub-menu {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.toggle-menu:checked ~ .window-inside .toggle-menu-label {
  z-index: -1;
}

.window-content .window-footer {
  display: none;
  width: 100%;
  height: 26px;
  margin-top: 3px;
}
.window-content .window-footer ul {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1;
  position: relative;
  height: 26px;
  line-height: 26px;
}
.window-content .window-footer ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  position: absolute;
  padding: 0 4px;
}
.window-content .window-footer ul li:not(.show) {
  visibility: hidden;
}
.window-content .window-footer .number {
  width: 30%;
}
.window-content .window-footer .number:only-child {
  width: 100%;
}
.window-content .window-footer .space {
  margin-left: 3px;
  width: calc(70% - 3px);
}

.window-default .window-inside {
  width: 750px;
  height: 470px;
}

.window-content {
  height: calc(100% - 56px);
}
.window-content > .list-container {
  margin-top: 0;
}

.list-container {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #263238;
  padding: 3px;
  background: white;
  height: calc(100% - 28px - 2px);
  margin-top: 2px;
}

.list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  height: 100%;
  overflow: auto;
}
.list li {
  position: relative;
}
.list label:not(.label-toggle) {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 3px;
  white-space: nowrap;
}
.list label:not(.label-toggle):not(.folders label):after {
  width: 24px;
  height: 24px;
  z-index: 2;
}
.list label:not(.label-toggle):before {
  display: block;
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.list label:not(.label-toggle):active span, .list label:not(.label-toggle):focus span {
  background: #B2738E;
  color: white;
  border: 1px dotted #D1AE87;
}
@media (min-width: 500px) {
  .list label:not(.label-toggle):active span, .list label:not(.label-toggle):focus span {
    border-width: 1.5px;
  }
}
.list .label-toggle {
  display: block;
  position: absolute;
  top: 6px;
  left: -22px;
  width: 12.5px;
  height: 12.5px;
  box-shadow: inset -1.5px -1.5px 0 0 #a099a1, inset 1.5px 1.5px 0 0 #a099a1;
  background-color: white;
}
.list .label-toggle:before, .list .label-toggle:after {
  display: block;
  position: absolute;
  background-color: #263238;
}
.list .label-toggle:before {
  left: 3px;
  top: 5.5px;
  width: 6.5px;
  height: 1.5px;
}
.list .label-toggle:after {
  left: 5.5px;
  top: 3px;
  width: 1.5px;
  height: 6.5px;
}
.list .label-toggle ~ menu {
  display: none;
}
.list menu {
  position: relative;
  padding-left: 26px;
}
.list menu:before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 9px;
  height: calc(100% - 12px);
  border-left: 1px dotted #a099a1;
}
@media (min-width: 500px) {
  .list menu:before {
    height: calc(100% - 11px);
    border-left-width: 1.5px;
  }
}
.list menu li {
  position: relative;
}

.above-footer {
  height: 100%;
}

#alerts {
  z-index: -1;
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#alert-blue-screen {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background-color: #00a;
  color: white;
}
#alert-blue-screen .content {
  max-width: 570px;
}
#alert-blue-screen h3, #alert-blue-screen p {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
}
#alert-blue-screen h3, #alert-blue-screen p:last-child {
  text-align: center;
}
#alert-blue-screen h3 span {
  display: inline-block;
  padding: 2px 3px;
  background-color: #aaa;
  color: #00a;
}
#alert-blue-screen .blink {
  display: inline-block;
  -webkit-animation: blink 1s cubic-bezier(1, 0, 0, 1) infinite forwards;
          animation: blink 1s cubic-bezier(1, 0, 0, 1) infinite forwards;
}

.alert-inside {
  min-width: unset;
  min-height: unset;
  width: 320px;
  height: 180px;
  resize: none;
}

.alert-content {
  padding: 0 24px;
  height: calc(100% - 28px - 52px);
}
.alert-content p {
  padding: 16px 0 0;
  margin: 0;
}

.alert-footer {
  display: flex;
  padding: 0 24px 16px;
}

#window-welcome .window-inside {
  height: 60vh;
}
@media screen and (min-width: 568px) and (max-height: 450px), screen and (min-width: 768px) {
  #window-welcome .window-inside {
    width: 500px;
    height: 260px;
  }
}
@media only screen and (min-width: 1000px) {
  #window-welcome .window-inside {
    width: 700px;
    height: 400px;
  }
}
#window-welcome .window-content {
  padding: 20px;
  height: calc(100% - 3px - 40px - 36px);
}
#window-welcome .window-footer {
  display: flex;
  justify-content: flex-end;
  padding-right: 19px;
}
#window-welcome .window-footer .button {
  box-shadow: inset -3px -3px 0 0 #263238, inset 1.5px 1.5px 0 0 #263238, inset -4.5px -4.5px 0 0 #a099a1, inset 3px 3px 0 0 #fcfcfc;
  padding-bottom: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
}
#window-welcome .window-footer .button:active {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
}
#window-welcome .information-container {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1;
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  padding: 1.5px;
}
#window-welcome .information {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  padding: 20px;
  line-height: 1.4;
}
#window-welcome .information h3, #window-welcome .information p, #window-welcome .information ul {
  margin: 1em 0 0;
}
#window-welcome .information h3:first-child {
  margin-top: 0;
}
#window-welcome .information ul {
  padding-left: 10px;
  list-style-type: "–";
}
#window-welcome .information ul li {
  padding-left: 0.5em;
}
#window-welcome .information ul li:not(:first-child) {
  margin-top: 0.25em;
}

#window-taskbar {
  left: 3px;
  bottom: 48px;
}
#window-taskbar > .window-inside {
  resize: none;
  width: 510px;
  height: 600px;
}
#window-taskbar > .window-inside > .window-content {
  padding: 12px 9px 10px;
  height: calc(100% - 28px - 3px - 36px - 9px);
}
#window-taskbar .window-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0 9px;
}
#window-taskbar .tab-container {
  height: 100%;
}
#window-taskbar .tab-group {
  display: flex;
}
#window-taskbar .tab {
  display: block;
  position: relative;
  z-index: 0;
  margin-top: 3px;
  line-height: 32px;
  padding: 0 12px;
  background-color: #cac6cb;
}
#window-taskbar .tab:first-child {
  transform: translateX(3px);
}
#window-taskbar .tab:not(:first-child) {
  margin-left: -3px;
  transform: translateX(-3px);
}
#window-taskbar .tab:before, #window-taskbar .tab:after, #window-taskbar .tab span:before, #window-taskbar .tab span:after {
  content: "";
  display: block;
  position: absolute;
}
#window-taskbar .tab:before {
  width: calc(100% - 6px);
  height: 100%;
  top: 0;
  left: 3px;
  border-top: 1.5px solid #fcfcfc;
}
#window-taskbar .tab:after {
  width: 100%;
  height: calc(100% - 3px);
  bottom: 0;
  left: 0;
  border-left: 1.5px solid #fcfcfc;
  border-right: 1.5px solid #263238;
  box-shadow: inset -1.5px 0 0 0 #a099a1;
}
#window-taskbar .tab span:before, #window-taskbar .tab span:after {
  top: 1.5px;
  width: 1.5px;
  height: 1.5px;
}
#window-taskbar .tab span:before {
  left: 1.5px;
  background-color: #fcfcfc;
}
#window-taskbar .tab span:after {
  right: 1.5px;
  background-color: #263238;
}
#window-taskbar #taskbar-options:checked ~ .window-inside .tab-taskbar-options {
  z-index: 12;
  margin-top: 0;
  transform: none;
}
#window-taskbar #taskbar-options:checked ~ .window-inside .tabpanel.taskbar-options {
  z-index: 12;
}
#window-taskbar #start-menu-programs:checked ~ .window-inside .tab-start-menu-programs {
  z-index: 12;
  margin-top: 0;
  transform: none;
}
#window-taskbar #start-menu-programs:checked ~ .window-inside .tabpanel.start-menu-programs {
  z-index: 12;
}
#window-taskbar .tabpanel-group {
  position: relative;
  z-index: 0;
  margin-top: -1.5px;
  height: calc(100% - 32px + 1.5px);
}
#window-taskbar .tabpanel {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #fcfcfc, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #cac6cb;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #cac6cb;
}
#window-taskbar .taskbar-options {
  padding: 32px;
}
#window-taskbar .preview-container {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 200px;
  background: #fbe6e2;
}
#window-taskbar .preview {
  position: relative;
  overflow: hidden;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
}
#window-taskbar .preview * {
  pointer-events: none;
}
#window-taskbar .preview .window {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  bottom: 22px;
  left: calc(100% - 96px);
}
#window-taskbar .preview .window-inside {
  width: 300px;
  height: 200px;
}
#window-taskbar .preview .window-content {
  height: 100%;
}
#window-taskbar .preview .list-container {
  height: 100%;
}
#window-taskbar .preview .list {
  display: block;
}
#window-taskbar .preview .list label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
  height: 98px;
  white-space: unset;
  text-align: center;
  line-height: 1.3;
}
#window-taskbar .preview .list label:before {
  margin-bottom: 6px;
  margin-right: 0;
  width: 48px;
  height: 48px;
}
#window-taskbar .preview .start-menu, #window-taskbar .preview .start-menu-outline {
  bottom: 1px;
  left: 4px;
  width: calc(100% - 8px);
}
#window-taskbar .preview .start-menu-outline {
  visibility: hidden;
  position: absolute;
  height: 44px;
  border: 1.5px dotted #8BB29A;
  border-bottom: 0;
  z-index: 10;
}
#window-taskbar .preview .start-menu {
  box-shadow: inset -1.5px -1.5px 0 0 #263238, inset 1.5px 1.5px 0 0 #fcfcfc, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #dedcde;
  padding: 0 2px 0 1px;
  justify-content: space-between;
}
#window-taskbar .preview .start-menu .label-start {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#window-taskbar .preview .start-menu .menu-container {
  visibility: visible;
  z-index: 2;
  left: 0;
  bottom: 44px;
}
#window-taskbar .preview .start-menu .time {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 10px;
}
#window-taskbar .preview .start-menu .time:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-size: contain;
}
#window-taskbar .options {
  width: 100%;
}
#window-taskbar .options label {
  display: flex;
  align-items: center;
  margin-top: 32px;
  position: relative;
}
#window-taskbar .options label:before, #window-taskbar .options label:after {
  display: block;
  width: 20px;
  height: 20px;
}
#window-taskbar .options label:before {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #263238;
  padding: 3px;
  margin-right: 8px;
  background-color: white;
}
#window-taskbar .options label:after {
  position: absolute;
  left: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwb2x5Z29uIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzI2MzIzOCIgcG9pbnRzPSI0IDYgMyA2IDMgNyAyIDcgMiA2IDEgNiAxIDUgMCA1IDAgMiAxIDIgMSAzIDIgMyAyIDQgMyA0IDMgMyA0IDMgNCAyIDUgMiA1IDEgNiAxIDYgMCA3IDAgNyAzIDYgMyA2IDQgNSA0IDUgNSA0IDUiPjwvcG9seWdvbj4KPC9zdmc+");
  background-size: 10px 10px;
}
#window-taskbar .options label > span {
  border: 1.5px dotted transparent;
  line-height: 1;
  height: 20px;
}
#window-taskbar .options label:focus > span {
  border: 1.5px dotted;
}
#window-taskbar .start-menu-programs {
  padding: 0 20px 20px;
}
#window-taskbar .start-menu-programs form {
  display: block;
  width: 100%;
}
#window-taskbar .start-menu-programs fieldset {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1, inset -3px -3px 0 0 #a099a1, inset 3px 3px 0 0 #fcfcfc;
  display: block;
  width: 100%;
  margin-top: 20px;
  border: 0;
  padding: 32px 32px 20px;
}
#window-taskbar .start-menu-programs legend {
  background-color: #cac6cb;
  margin-left: -22px;
  transform: translateY(2px);
  padding: 0 5px;
}
#window-taskbar .start-menu-programs p {
  display: flex;
  align-items: flex-start;
  width: calc(100% - 20px);
  margin: 0;
  line-height: 1.3;
}
#window-taskbar .start-menu-programs p:before {
  content: "";
  display: block;
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-size: contain;
  margin-right: 24px;
}
#window-taskbar .start-menu-programs .menu-options {
  display: flex;
  justify-content: flex-end;
}
#window-taskbar .start-menu-programs .menu-options li:not(:first-child) {
  margin-left: 10px;
}
#window-taskbar .start-menu-programs .customize-start-menu .menu-options {
  margin-top: 48px;
}
#window-taskbar .start-menu-programs .documents-menu .menu-options {
  margin-top: 20px;
}

#option-always-on-top:checked ~ .window-inside label[for=option-always-on-top]:after {
  visibility: visible;
}

#option-auto-hide:checked ~ .window-inside label[for=option-auto-hide]:after {
  visibility: visible;
}

#option-show-small-icons:checked ~ .window-inside label[for=option-show-small-icons]:after {
  visibility: visible;
}

#option-show-clock:checked ~ .window-inside label[for=option-show-clock]:after {
  visibility: visible;
}

#option-always-on-top:not(:checked) ~ .window-inside .preview .window {
  z-index: 11;
}

#global-option-always-on-top:not(:checked) ~ main #start-menu {
  z-index: unset;
}
#global-option-always-on-top:not(:checked) ~ main #start-menu .menu-container {
  z-index: 1000000;
}

#start:checked ~ #global-option-always-on-top:not(:checked) ~ main #start-menu {
  z-index: 1000000;
}
#start:checked ~ #global-option-always-on-top:not(:checked) ~ main #start-menu .menu-container {
  z-index: unset;
}

#option-auto-hide:checked ~ .window-inside .preview .start-menu-outline {
  visibility: visible;
}
#option-auto-hide:checked ~ .window-inside .preview .start-menu {
  box-shadow: inset -1.5px 0 0 0 #263238, inset 1.5px 1.5px 0 0 #fcfcfc, inset -3px 0 0 0 #a099a1, inset 3px 3px 0 0 #dedcde;
  height: 10px;
}
#option-auto-hide:checked ~ .window-inside .preview .start-menu > * {
  visibility: hidden;
}

#global-option-auto-hide:checked ~ main:not(#start:checked ~ main) .start-menu {
  transform: translateY(100%);
}
#global-option-auto-hide:checked ~ main:not(#start:checked ~ main) .start-menu:hover {
  transform: none;
}
#global-option-auto-hide:checked ~ main:not(#start:checked ~ main) #start-menu-outline {
  visibility: visible;
}
#global-option-auto-hide:checked ~ main:not(#start:checked ~ main) #start-menu-outline:hover + .start-menu {
  transform: none;
}

#option-show-small-icons:checked ~ .window-inside .preview .label-folder-programs:before, #global-option-show-small-icons:checked ~ main #start-menu .label-folder-programs:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .label-folder-documents:before, #global-option-show-small-icons:checked ~ main #start-menu .label-folder-documents:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .label-settings:before, #global-option-show-small-icons:checked ~ main #start-menu .label-settings:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .label-find:before, #global-option-show-small-icons:checked ~ main #start-menu .label-find:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .label-help:before, #global-option-show-small-icons:checked ~ main #start-menu .label-help:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .label-run:before, #global-option-show-small-icons:checked ~ main #start-menu .label-run:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .label-shut-down:before, #global-option-show-small-icons:checked ~ main #start-menu .label-shut-down:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
}
#option-show-small-icons:checked ~ .window-inside .preview .menu-container:before, #global-option-show-small-icons:checked ~ main #start-menu .menu-container:before {
  display: none;
}
#option-show-small-icons:checked ~ .window-inside .preview .main-menu > li:last-child, #global-option-show-small-icons:checked ~ main #start-menu .main-menu > li:last-child {
  padding-top: 8px;
}
#option-show-small-icons:checked ~ .window-inside .preview .main-menu > li > a, #option-show-small-icons:checked ~ .window-inside .preview .main-menu > li > label, #global-option-show-small-icons:checked ~ main #start-menu .main-menu > li > a, #global-option-show-small-icons:checked ~ main #start-menu .main-menu > li > label {
  height: 34px;
  width: 175px;
}
#option-show-small-icons:checked ~ .window-inside .preview .main-menu > li > a:before, #option-show-small-icons:checked ~ .window-inside .preview .main-menu > li > label:before, #global-option-show-small-icons:checked ~ main #start-menu .main-menu > li > a:before, #global-option-show-small-icons:checked ~ main #start-menu .main-menu > li > label:before {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

#option-show-clock:not(:checked) ~ .window-inside .preview .time:before {
  margin-right: 0;
}
#option-show-clock:not(:checked) ~ .window-inside .preview time {
  display: none;
}

#global-option-show-clock:not(:checked) ~ main #start-menu .time {
  display: none;
}

#window-printers .window-inside {
  width: 480px;
  height: 390px;
}

#window-control-panel .window-inside {
  width: 520px;
  height: 480px;
}

#window-explorer .window-nav h3 > span {
  position: relative;
  height: 28px;
}
#window-explorer .window-nav h3 > span span {
  visibility: hidden;
  top: 0;
  position: absolute;
}
#window-explorer .window-content {
  display: flex;
  flex-wrap: wrap;
}
#window-explorer .window-content h4, #window-explorer .window-content h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1;
  margin: 0;
  padding: 0 6px;
  font-weight: normal;
  line-height: 28px;
}
#window-explorer .window-content .folders {
  width: 250px;
}
#window-explorer .window-content .folders .long {
  min-width: 180px;
}
#window-explorer .window-content .folders label:not(.label-toggle):after {
  display: block;
  position: absolute;
  z-index: 1;
  left: -17px;
  width: 17px;
  border-top: 1px dotted #a099a1;
}
@media (min-width: 500px) {
  #window-explorer .window-content .folders label:not(.label-toggle):after {
    left: -14px;
    width: 14px;
    border-top-width: 1.5px;
  }
}
#window-explorer .window-content .folders-content {
  position: relative;
  margin-left: 4px;
  width: calc(100% - 254px);
}
#window-explorer .window-content .content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
#window-explorer .window-content .content .list li {
  min-width: 210px;
}

#welcome:checked ~ main #window-welcome {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#welcome:checked ~ main .tab-welcome {
  display: flex;
}
#welcome:checked ~ main .menu .label-welcome {
  pointer-events: none;
}
#welcome.active ~ #welcome-minimize:not(:checked) ~ main #window-welcome, #welcome.active.no-tab ~ main #window-welcome {
  z-index: 10;
}
#welcome.active ~ #welcome-minimize:not(:checked) ~ main #window-welcome .window-nav, #welcome.active.no-tab ~ main #window-welcome .window-nav {
  background-color: #577783;
}
#welcome.active ~ #welcome-minimize:not(:checked) ~ main .window[data-window]:not(#window-welcome), #welcome.active.no-tab ~ main .window[data-window]:not(#window-welcome) {
  z-index: 2;
}
#welcome.active ~ #welcome-minimize:not(:checked) ~ main .tab-welcome label, #welcome.active.no-tab ~ main .tab-welcome label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#welcome.active ~ #welcome-minimize:not(:checked) ~ main .activate:not(.tab-welcome .activate), #welcome.active.no-tab ~ main .activate:not(.tab-welcome .activate) {
  z-index: 1;
}
#welcome.active ~ #welcome-minimize:not(:checked) ~ main .tab label:not(.tab-welcome label), #welcome.active.no-tab ~ main .tab label:not(.tab-welcome label) {
  z-index: 0;
}

#welcome-minimize:active ~ main #window-welcome .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#welcome-minimize:checked ~ main #window-welcome {
  transform: scale(0);
}

#welcome-maximize:active ~ main #window-welcome .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#welcome-maximize:checked ~ main #window-welcome {
  left: unset !important;
  top: 0 !important;
}
#welcome-maximize:checked ~ main #window-welcome .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#welcome-maximize:checked ~ main #window-welcome .window-inside .maximize:before, #welcome-maximize:checked ~ main #window-welcome .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#welcome-maximize:checked ~ main #window-welcome .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#welcome-maximize:checked ~ main #window-welcome .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

#taskbar:checked ~ main #window-taskbar {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#taskbar:checked ~ main .tab-taskbar {
  display: flex;
}
#taskbar:checked ~ main .menu .label-taskbar {
  pointer-events: none;
}
#taskbar.active ~ #taskbar-minimize:not(:checked) ~ main #window-taskbar, #taskbar.active.no-tab ~ main #window-taskbar {
  z-index: 10;
}
#taskbar.active ~ #taskbar-minimize:not(:checked) ~ main #window-taskbar .window-nav, #taskbar.active.no-tab ~ main #window-taskbar .window-nav {
  background-color: #577783;
}
#taskbar.active ~ #taskbar-minimize:not(:checked) ~ main .window[data-window]:not(#window-taskbar), #taskbar.active.no-tab ~ main .window[data-window]:not(#window-taskbar) {
  z-index: 2;
}
#taskbar.active ~ #taskbar-minimize:not(:checked) ~ main .tab-taskbar label, #taskbar.active.no-tab ~ main .tab-taskbar label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#taskbar.active ~ #taskbar-minimize:not(:checked) ~ main .activate:not(.tab-taskbar .activate), #taskbar.active.no-tab ~ main .activate:not(.tab-taskbar .activate) {
  z-index: 1;
}
#taskbar.active ~ #taskbar-minimize:not(:checked) ~ main .tab label:not(.tab-taskbar label), #taskbar.active.no-tab ~ main .tab label:not(.tab-taskbar label) {
  z-index: 0;
}

#taskbar-minimize:active ~ main #window-taskbar .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#taskbar-minimize:checked ~ main #window-taskbar {
  transform: scale(0);
}

#taskbar-maximize:active ~ main #window-taskbar .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#taskbar-maximize:checked ~ main #window-taskbar {
  left: unset !important;
  top: 0 !important;
}
#taskbar-maximize:checked ~ main #window-taskbar .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#taskbar-maximize:checked ~ main #window-taskbar .window-inside .maximize:before, #taskbar-maximize:checked ~ main #window-taskbar .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#taskbar-maximize:checked ~ main #window-taskbar .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#taskbar-maximize:checked ~ main #window-taskbar .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

#printers:checked ~ main #window-printers {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#printers:checked ~ main .tab-printers {
  display: flex;
}
#printers:checked ~ main .menu .label-printers {
  pointer-events: none;
}
#printers.active ~ #printers-minimize:not(:checked) ~ main #window-printers, #printers.active.no-tab ~ main #window-printers {
  z-index: 10;
}
#printers.active ~ #printers-minimize:not(:checked) ~ main #window-printers .window-nav, #printers.active.no-tab ~ main #window-printers .window-nav {
  background-color: #577783;
}
#printers.active ~ #printers-minimize:not(:checked) ~ main .window[data-window]:not(#window-printers), #printers.active.no-tab ~ main .window[data-window]:not(#window-printers) {
  z-index: 2;
}
#printers.active ~ #printers-minimize:not(:checked) ~ main .tab-printers label, #printers.active.no-tab ~ main .tab-printers label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#printers.active ~ #printers-minimize:not(:checked) ~ main .activate:not(.tab-printers .activate), #printers.active.no-tab ~ main .activate:not(.tab-printers .activate) {
  z-index: 1;
}
#printers.active ~ #printers-minimize:not(:checked) ~ main .tab label:not(.tab-printers label), #printers.active.no-tab ~ main .tab label:not(.tab-printers label) {
  z-index: 0;
}

#printers-minimize:active ~ main #window-printers .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#printers-minimize:checked ~ main #window-printers {
  transform: scale(0);
}

#printers-maximize:active ~ main #window-printers .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#printers-maximize:checked ~ main #window-printers {
  left: unset !important;
  top: 0 !important;
}
#printers-maximize:checked ~ main #window-printers .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#printers-maximize:checked ~ main #window-printers .window-inside .maximize:before, #printers-maximize:checked ~ main #window-printers .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#printers-maximize:checked ~ main #window-printers .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#printers-maximize:checked ~ main #window-printers .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

#control-panel:checked ~ main #window-control-panel {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#control-panel:checked ~ main .tab-control-panel {
  display: flex;
}
#control-panel:checked ~ main .menu .label-control-panel {
  pointer-events: none;
}
#control-panel.active ~ #control-panel-minimize:not(:checked) ~ main #window-control-panel, #control-panel.active.no-tab ~ main #window-control-panel {
  z-index: 10;
}
#control-panel.active ~ #control-panel-minimize:not(:checked) ~ main #window-control-panel .window-nav, #control-panel.active.no-tab ~ main #window-control-panel .window-nav {
  background-color: #577783;
}
#control-panel.active ~ #control-panel-minimize:not(:checked) ~ main .window[data-window]:not(#window-control-panel), #control-panel.active.no-tab ~ main .window[data-window]:not(#window-control-panel) {
  z-index: 2;
}
#control-panel.active ~ #control-panel-minimize:not(:checked) ~ main .tab-control-panel label, #control-panel.active.no-tab ~ main .tab-control-panel label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#control-panel.active ~ #control-panel-minimize:not(:checked) ~ main .activate:not(.tab-control-panel .activate), #control-panel.active.no-tab ~ main .activate:not(.tab-control-panel .activate) {
  z-index: 1;
}
#control-panel.active ~ #control-panel-minimize:not(:checked) ~ main .tab label:not(.tab-control-panel label), #control-panel.active.no-tab ~ main .tab label:not(.tab-control-panel label) {
  z-index: 0;
}

#control-panel-minimize:active ~ main #window-control-panel .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#control-panel-minimize:checked ~ main #window-control-panel {
  transform: scale(0);
}

#control-panel-maximize:active ~ main #window-control-panel .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#control-panel-maximize:checked ~ main #window-control-panel {
  left: unset !important;
  top: 0 !important;
}
#control-panel-maximize:checked ~ main #window-control-panel .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#control-panel-maximize:checked ~ main #window-control-panel .window-inside .maximize:before, #control-panel-maximize:checked ~ main #window-control-panel .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#control-panel-maximize:checked ~ main #window-control-panel .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#control-panel-maximize:checked ~ main #window-control-panel .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

#computer:checked ~ main #window-computer {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#computer:checked ~ main .tab-computer {
  display: flex;
}
#computer:checked ~ main .menu .label-computer {
  pointer-events: none;
}
#computer.active ~ #computer-minimize:not(:checked) ~ main #window-computer, #computer.active.no-tab ~ main #window-computer {
  z-index: 10;
}
#computer.active ~ #computer-minimize:not(:checked) ~ main #window-computer .window-nav, #computer.active.no-tab ~ main #window-computer .window-nav {
  background-color: #577783;
}
#computer.active ~ #computer-minimize:not(:checked) ~ main .window[data-window]:not(#window-computer), #computer.active.no-tab ~ main .window[data-window]:not(#window-computer) {
  z-index: 2;
}
#computer.active ~ #computer-minimize:not(:checked) ~ main .tab-computer label, #computer.active.no-tab ~ main .tab-computer label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#computer.active ~ #computer-minimize:not(:checked) ~ main .activate:not(.tab-computer .activate), #computer.active.no-tab ~ main .activate:not(.tab-computer .activate) {
  z-index: 1;
}
#computer.active ~ #computer-minimize:not(:checked) ~ main .tab label:not(.tab-computer label), #computer.active.no-tab ~ main .tab label:not(.tab-computer label) {
  z-index: 0;
}

#computer-minimize:active ~ main #window-computer .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#computer-minimize:checked ~ main #window-computer {
  transform: scale(0);
}

#computer-maximize:active ~ main #window-computer .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#computer-maximize:checked ~ main #window-computer {
  left: unset !important;
  top: 0 !important;
}
#computer-maximize:checked ~ main #window-computer .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#computer-maximize:checked ~ main #window-computer .window-inside .maximize:before, #computer-maximize:checked ~ main #window-computer .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#computer-maximize:checked ~ main #window-computer .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#computer-maximize:checked ~ main #window-computer .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

#notepad:checked ~ main #window-notepad {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#notepad:checked ~ main .tab-notepad {
  display: flex;
}
#notepad:checked ~ main .menu .label-notepad {
  pointer-events: none;
}
#notepad.active ~ #notepad-minimize:not(:checked) ~ main #window-notepad, #notepad.active.no-tab ~ main #window-notepad {
  z-index: 10;
}
#notepad.active ~ #notepad-minimize:not(:checked) ~ main #window-notepad .window-nav, #notepad.active.no-tab ~ main #window-notepad .window-nav {
  background-color: #577783;
}
#notepad.active ~ #notepad-minimize:not(:checked) ~ main .window[data-window]:not(#window-notepad), #notepad.active.no-tab ~ main .window[data-window]:not(#window-notepad) {
  z-index: 2;
}
#notepad.active ~ #notepad-minimize:not(:checked) ~ main .tab-notepad label, #notepad.active.no-tab ~ main .tab-notepad label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#notepad.active ~ #notepad-minimize:not(:checked) ~ main .activate:not(.tab-notepad .activate), #notepad.active.no-tab ~ main .activate:not(.tab-notepad .activate) {
  z-index: 1;
}
#notepad.active ~ #notepad-minimize:not(:checked) ~ main .tab label:not(.tab-notepad label), #notepad.active.no-tab ~ main .tab label:not(.tab-notepad label) {
  z-index: 0;
}

#notepad-minimize:active ~ main #window-notepad .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#notepad-minimize:checked ~ main #window-notepad {
  transform: scale(0);
}

#notepad-maximize:active ~ main #window-notepad .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#notepad-maximize:checked ~ main #window-notepad {
  left: unset !important;
  top: 0 !important;
}
#notepad-maximize:checked ~ main #window-notepad .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#notepad-maximize:checked ~ main #window-notepad .window-inside .maximize:before, #notepad-maximize:checked ~ main #window-notepad .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#notepad-maximize:checked ~ main #window-notepad .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#notepad-maximize:checked ~ main #window-notepad .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

#explorer:checked ~ main #window-explorer {
  will-change: transform;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
#explorer:checked ~ main .tab-explorer {
  display: flex;
}
#explorer:checked ~ main .menu .label-explorer {
  pointer-events: none;
}
#explorer.active ~ #explorer-minimize:not(:checked) ~ main #window-explorer, #explorer.active.no-tab ~ main #window-explorer {
  z-index: 10;
}
#explorer.active ~ #explorer-minimize:not(:checked) ~ main #window-explorer .window-nav, #explorer.active.no-tab ~ main #window-explorer .window-nav {
  background-color: #577783;
}
#explorer.active ~ #explorer-minimize:not(:checked) ~ main .window[data-window]:not(#window-explorer), #explorer.active.no-tab ~ main .window[data-window]:not(#window-explorer) {
  z-index: 2;
}
#explorer.active ~ #explorer-minimize:not(:checked) ~ main .tab-explorer label, #explorer.active.no-tab ~ main .tab-explorer label {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5px;
  z-index: 4;
  background: #cac6cb;
  background-color: transparent;
  background-image: linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc), linear-gradient(45deg, #fcfcfc 25%, transparent 25%, transparent 75%, #fcfcfc 75%, #fcfcfc);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  justify-content: flex-start;
}
#explorer.active ~ #explorer-minimize:not(:checked) ~ main .activate:not(.tab-explorer .activate), #explorer.active.no-tab ~ main .activate:not(.tab-explorer .activate) {
  z-index: 1;
}
#explorer.active ~ #explorer-minimize:not(:checked) ~ main .tab label:not(.tab-explorer label), #explorer.active.no-tab ~ main .tab label:not(.tab-explorer label) {
  z-index: 0;
}

#explorer-minimize:active ~ main #window-explorer .window-inside .minimize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#explorer-minimize:checked ~ main #window-explorer {
  transform: scale(0);
}

#explorer-maximize:active ~ main #window-explorer .window-inside .maximize {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #263238, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #a099a1;
  padding-bottom: 1.5px;
  padding-right: 1.5px;
}
#explorer-maximize:checked ~ main #window-explorer {
  left: unset !important;
  top: 0 !important;
}
#explorer-maximize:checked ~ main #window-explorer .window-inside {
  max-width: calc(100vw - 12px);
  width: calc(100vw - 12px);
  height: calc(100vh - 44px - 12px);
}
#explorer-maximize:checked ~ main #window-explorer .window-inside .maximize:before, #explorer-maximize:checked ~ main #window-explorer .window-inside .maximize:after {
  width: 9px;
  height: 9px;
}
#explorer-maximize:checked ~ main #window-explorer .window-inside .maximize:before {
  visibility: visible;
  top: 3px;
  right: 6px;
}
#explorer-maximize:checked ~ main #window-explorer .window-inside .maximize:after {
  bottom: 4px;
  left: 4px;
}

.menu-status-bar:checked ~ .window-inside .label-check.label-status-bar:before {
  visibility: visible;
}
.menu-status-bar:checked ~ .window-inside .window-footer {
  display: flex;
}
.menu-status-bar:checked ~ .window-inside .above-footer {
  height: calc(100% - 26px - 3px);
}

.menu-large-icons:checked ~ .window-inside .label-check.label-large-icons:before {
  visibility: visible;
}
.menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 120px);
  row-gap: 24px;
  padding: 9px 0;
}
.menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) li label {
  white-space: unset;
  text-align: center;
  line-height: 1.3;
  height: 98px;
}
.menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) li label:before {
  margin-bottom: 6px;
  margin-right: 0;
}
.menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) li label:active span, .menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) li label:focus span {
  background: #B2738E;
  color: white;
  border: 1px dotted #D1AE87;
}
@media (min-width: 500px) {
  .menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) li label:active span, .menu-large-icons:checked ~ .window-inside .window-content .list:not(.folders .list) li label:focus span {
    border-width: 1.5px;
  }
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-programs-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-documents-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-settings-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-find-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-help-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-run-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-shut-down-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-notepad-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-explorer-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-text-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-control-panel-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-printers-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-desktop-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-disk-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-diskette-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-recycle-bin-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-inbox-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-program-config-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-windows-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-hardware-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-add-programs-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-date-time-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-misc-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-config-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-document-font-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-grpconv-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-folder-fonts-link-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-computer-display-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-display.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-modems-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/modems.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-keyboard-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/keyboard.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-internet-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/internet.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-joystick-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/joystick.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-mouse-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/mouse.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-multimedia-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/multimedia.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label):before, .menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label):after {
  width: 48px;
  height: 48px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label):before {
  margin-bottom: 6px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label):after {
  left: 36px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label) span {
  padding: 1px;
  border: 1.5px solid transparent;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-network-small:not(.folders label):before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/network.png");
}
.menu-large-icons:checked ~ .window-inside .window-content .label-passwords-small:not(.folders label) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 116px;
}
.menu-large-icons:checked ~ .window-inside .window-content .label-passwords-small:not(.folders label):before, .menu-large-icons:checked ~ ..........完整代码请登录后点击上方下载按钮下载查看