.slide-pane {
  display: flex;
  flex-direction: column;
  background: #fff;
  min-width: 100px;
  height: 100%;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
  transition: transform 0.5s;
  will-change: transform;
}
.slide-pane:focus {
  outline-style: none;
}

@font-face {
  font-family: 'Chinese Quote';
  src: local('PingFang SC'), local('SimSun');
  unicode-range: U+2018, U+2019, U+201c, U+201d;
}

/* Roboto 300 latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
    url(/static/media/roboto-v18-latin-300.815babffe97b00a1f30b.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/static/media/roboto-v18-latin-300.d4c409dfe110747b1763.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Roboto regular latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
    url(/static/media/roboto-v18-latin-regular.cb41c1e71debe927815c.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/static/media/roboto-v18-latin-regular.fbebe70817c0f48eb4ee.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Roboto 500 latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
    url(/static/media/roboto-v18-latin-500.2d241905f5d9b81989af.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/static/media/roboto-v18-latin-500.1d19ca2fdcd9bd75a7dd.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Rubik 300 latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: local('Rubik Light'), local('Rubik-Light'),
    url(/static/media/rubik-latin-300.03d4d0264f85346b9b80.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */ url(/static/media/rubik-latin-300.22763d27fcfdbf32c6d4.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Rubik regular latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local('Rubik'), local('Rubik-Regular'),
    url(/static/media/rubik-latin-regular.03d4d0264f85346b9b80.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/static/media/rubik-latin-regular.c657abca6e47f845ac10.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Rubik 500 latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local('Rubik Medium'), local('Rubik-Medium'),
    url(/static/media/rubik-latin-500.03d4d0264f85346b9b80.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */ url(/static/media/rubik-latin-500.17cfbfc56b455ac21c04.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
}

h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}

ul {
  margin-top: 0;
  margin-bottom: 1em;
}

ul ul {
  margin-bottom: 0;
}
b {
  font-weight: bolder;
}
small {
  font-size: 80%;
}

code {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
label {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}