/*! os9.css v0.0.1 - https://github.com/mat-sz/platinum.css */
/* Colors */
/* sass */
/* Fonts */
@font-face {
  font-family: "Charcoal";
  src: url("charcoal.woff2") format("woff2"), url("charcoal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
* {
  box-sizing: border-box;
}

body {
  font-family: "Charcoal", "Courier New", Courier, monospace;
}

.window {
  position: relative;
  padding: 2px;
  background: #cecece;
  box-shadow: -1px -1px 0px 0px #ffffff, 0px -1px 0px 0px #ffffff, -1px 0px 0px 0px #ffffff, 1px 1px 0px 0px #9c9c9c, 1px 0px 0px 0px #9c9c9c, 0px 1px 0px 0px #9c9c9c, 1px -1px 0px 0px #cecece, -1px 1px 0px 0px #cecece, 0px 0px 0px 2px #000000;
}
.window-body {
  background: #dedede;
  margin: 1px;
  border: 1px solid #000000;
  box-shadow: 0px 1px 0px 0px #ffffff, 1px 0px 0px 0px #ffffff, 1px 1px 0px 0px #ffffff, -1px 0px 0px 0px #9c9c9c, 0px -1px 0px 0px #9c9c9c, -1px -1px 0px 0px #9c9c9c;
}

.title-bar {
  display: flex;
  align-items: center;
  padding-right: 1px;
  padding-bottom: 3px;
}
.title-bar .title-bar-text {
  display: flex;
  align-items: center;
  font-size: 11.5px;
  flex: 1;
  margin-top: 1px;
}
.title-bar .title-bar-text:after, .title-bar .title-bar-text:before {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  margin: 0 3px;
  margin-bottom: 13px;
  margin-top: -1px;
  box-shadow: 0px 1px 0px 0px #ffffff, 1px 2px 0px 0px #737373, 0px 3px 0px 0px #ffffff, 1px 4px 0px 0px #737373, 0px 5px 0px 0px #ffffff, 1px 6px 0px 0px #737373, 0px 7px 0px 0px #ffffff, 1px 8px 0px 0px #737373, 0px 9px 0px 0px #ffffff, 1px 10px 0px 0px #737373, 0px 11px 0px 0px #ffffff, 1px 12px 0px 0px #737373;
}
.title-bar .title-bar-text:after {
  margin-right: 1px;
}
.title-bar .title-bar-text:before {
  margin-left: 1px;
}
.title-bar .title-bar-controls {
  line-height: 1px;
  margin-top: 1px;
}
.title-bar .title-bar-controls:nth-child(1) {
  margin-right: 3px;
}
.title-bar .title-bar-controls:nth-child(3) {
  margin-left: 4px;
}
.title-bar .title-bar-controls button {
  padding: 0;
  border: 1px solid #212121;
  background: linear-gradient(135deg, #9c9c9c 0%, #ffffff 100%);
  box-shadow: -1px -1px 0px 0px #8c8c8c, 1px 1px 0px 0px #ffffff, inset 1px 0px 0px 0px #cecece, inset 0px 1px 0px 0px #cecece, inset -1px -1px 0px 0px #8c8c8c;
  width: 11px;
  height: 11px;
  position: relative;
  margin-left: 1px;
}
.title-bar .title-bar-controls button:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: #ffffff;
}