1/* App layout */
  2
  3body {
  4    display: flex;
  5    flex-flow: column;
  6    height: 100vh;
  7}
  8
  9#editor {
 10    flex-grow: 1;
 11    margin-top: -3px;
 12    overflow: auto;
 13}
 14
 15#controls,
 16#copy {
 17    background-color: #3b3b47;
 18    z-index: 10;
 19    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 10px;
 20}
 21
 22#progress {
 23    min-height: 3px;
 24    background: #ff79c6;
 25    z-index: 15;
 26    width: 0;
 27}
 28
 29#copy:not(.hidden) + #controls,
 30.hidden,
 31.readonly #controls,
 32.readonly #copy {
 33    display: none;
 34}
 35
 36#copy-link {
 37    font-family: JetBrainsMono, sans-serif;
 38    width: 100%;
 39}
 40
 41.CodeMirror {
 42    height: 100%;
 43    font-size: 14px;
 44    font-family: JetBrainsMono, sans-serif;
 45}
 46
 47.title {
 48    color: #fff;
 49    font: normal 24px JetBrainsMono, sans-serif;
 50    white-space: nowrap;
 51}
 52
 53/* Form elements */
 54
 55#controls .ss-main {
 56    width: 180px;
 57    font-family: Roboto, sans-serif;
 58}
 59
 60.ss-main .ss-single-selected,
 61button,
 62input[type='text'],
 63input[type='search'] {
 64    background-color: #3b3b47 !important;
 65    color: #fff !important;
 66    border-radius: 2px !important;
 67    border: 1px solid #ccc !important;
 68    font-size: 14px !important;
 69    font-family: Roboto, sans-serif;
 70    height: 26px !important;
 71}
 72
 73input::-webkit-search-cancel-button {
 74    display: none;
 75}
 76input::-moz-selection {
 77    background-color: rgba(90, 95, 128, 0.99);
 78}
 79input::selection {
 80    background-color: rgba(90, 95, 128, 0.99);
 81}
 82button {
 83    cursor: pointer;
 84}
 85button:hover {
 86    background-color: rgba(255, 255, 255, 0.1) !important;
 87}
 88.ss-content {
 89    background-color: #282936;
 90    color: #dedede;
 91    font-size: 14px;
 92}
 93.ss-content .ss-disabled {
 94    background-color: #3b3b47 !important;
 95}
 96
 97/* Fonts */
 98@font-face {
 99    font-family: 'JetBrainsMono';
100    src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2')
101            format('woff2'),
102        url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff'),
103        url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf') format('truetype');
104    font-weight: 400;
105    font-style: normal;
106}
107
108@font-face {
109    font-family: 'Roboto';
110    font-style: normal;
111    font-weight: 400;
112    font-display: swap;
113    src: local('Roboto'), local('Roboto-Regular'),
114        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
115    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
116        U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
117}