.screen {
    margin: 1rem 1.5rem; }

button.disabled, button:disabled, input:disabled, textarea:disabled, select:disabled {
    background: repeating-linear-gradient( 45deg, transparent, transparent 5px, #bbb 6px);
    color: #bbb;
}

button.light {
    background: #eee;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.2); }

    .modal.show {
        display: block; }

    .modal .modal-frame {
        background-color: var(--background);
        margin: 15% auto;
        padding: 2rem;
        border: 1px solid #888;
        width: 80%;
        /*animation-name: animate-modal;*/
        animation-duration: 0.4s }

        @keyframes animate-modal {
          from {top: -300px; opacity: 0}
          to {top: 0; opacity: 1} }