/*
 * Copyright 2019 dialog LLC <info@dlg.im>
 */

@import '../../styles/variables.css';

:root {
  --dragndrop-width: 740px;
  --dragndrop-height: 440px;
  --dragndrop-border-radius: var(--default-border-radius);
  --dragndrop-background-color: var(--color-primary);
}

/* Styles */
.container {
  all: initial;
  display: flex;
  width: var(--dragndrop-width);
  height: var(--dragndrop-height);
  transition: background var(--default-transition-duration) ease-in-out;
  text-align: center;
  border-radius: var(--dragndrop-border-radius);
  background-color: var(--dragndrop-background-color);
  font-family: var(--default-font-family);
  flex-flow: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #fff;
  z-index: var(--z-index-dragndrop);
}

.arrow {
  margin-bottom: 30px;
  color: #fff;
}

.title {
  margin-bottom: 18px;
  letter-spacing: -0.3px;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.24;
}

.subtitle {
  padding: 0 160px;
  letter-spacing: -0.3px;
  font-size: 18px;
  line-height: 1.33;
}