/* Light */
@font-face {
  font-family: Publik;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Light.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Light.woff") format("woff");
}
/* LightItalic */
@font-face {
  font-family: Publik;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-LightItalic.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-LightItalic.woff") format("woff");
}
/* Regular */
@font-face {
  font-family: Publik;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Regular.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Regular.woff") format("woff");
}
/* Italic */
@font-face {
  font-family: Publik;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Italic.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Italic.woff") format("woff");
}
/* SemiBold */
@font-face {
  font-family: Publik;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-SemiBold.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-SemiBold.woff") format("woff");
}
/* SemiBoldItalic */
@font-face {
  font-family: Publik;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-SemiBoldItalic.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/ublikWeb-SemiBoldItalic.woff") format("woff");
}
/* Bold */
@font-face {
  font-family: Publik;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Bold.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Bold.woff") format("woff");
}
/* BoldItalic */
@font-face {
  font-family: Publik;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-BoldItalic.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-BoldItalic.woff") format("woff");
}
/* DisplayItalic */
@font-face {
  font-family: Publik;
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-DisplayItalic.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-DisplayItalic.woff") format("woff");
}
/* Black */
@font-face {
  font-family: Publik;
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Black.woff2") format("woff2"), url("https://www.svtstatic.se/frontend-resources/svtlib-font/svtlib-font-1.2.0/fonts/PublikWeb-Black.woff") format("woff");
}
:root {
  --base-fontFamily1: 'Publik', 'Helvetica', sans-serif;
  --base-color-background1: #FAFAFA;
  --base-color-shade1: #EBEBEB;
  --base-color-shade2: rgba(0, 0, 0, 0.05);
  --base-color-shade3: rgba(0, 0, 0, 0.2);
  --base-color-shade4: #CCCCCC;
  --base-color-shade5: #D7D2F0;

  --base-color-accent1: #641E78;
  --base-color-warning1: #FFDC8C;
  --base-color-error1: #E13241;

  --base-color1: black;
  --base-color2: white;
}
html, body {
  margin: 0;

  background: var(--base-color-background1);
  font-family: var(--base-fontFamily1);
}

a {
  color: var(--base-color1);
}

/* Headings */

.u-heading--0 {
  margin: 0.4em 0;

  font-size: 2.5em;
  font-weight: 900;
}

h1, .u-heading--1 {
  font-size: 2.5em;
}

/* Text */

.u-textAlign--center {
  text-align: center;
}

/* Margins */

.u-marginTop--30px {
  margin-top: 30px;
}

.u-marginTop--100px {
  margin-top: 100px;
}

/* Buttons */

.Button {
  display: inline-block;
  padding: 1em 1.5em;

  border: none;
  border-radius: 100px;

  font-size: 1.1em;
  font-family: var(--base-fontFamily1);

  background: var(--base-color-shade1);

  outline: none;
}

.Button:disabled {
  pointer-events: none;
  opacity: 0.8;
}

.Button--accent {
  background: var(--base-color-accent1);
  color: var(--base-color2);
}

.Button--secondary {
  background: var(--base-color-shade5);
}

.Button:focus {
  box-shadow: inset 0 0 0 3px var(--base-color-shade3);
}

.Button:active {
  box-shadow: inset 0 0 0 3px var(--base-color-shade3);
}

.Button--back {
  display: inline-block;
  padding: 0.75em 1em 0.75em 3em;

  color: var(--base-color1);
  text-decoration: none;

  border-radius: 6px;

  background-color: var(--base-color-shade2);

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzNweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMzMgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZHVvL2ljb25zL2Fycm93LWxlZnQ8L3RpdGxlPgogICAgPGcgaWQ9ImR1by9pY29ucy9hcnJvdy1sZWZ0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bGluZSB4MT0iOSIgeTE9IjE2LjUiIHgyPSIyNiIgeTI9IjE2LjUiIGlkPSJQYXRoLTUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvbGluZT4KICAgICAgICA8cGF0aCBkPSJNMTUsMjMgTDkuNjI2MTA0NzEsMTcuMTc4MjgwMSBDOS4yNzI1MDkzLDE2Ljc5NTIxODQgOS4yNzI1MDkzLDE2LjIwNDc4MTYgOS42MjYxMDQ3MSwxNS44MjE3MTk5IEwxNSwxMCBMMTUsMTAiIGlkPSJQYXRoLTciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: 0.5em center;
}

.Button--external {
  display: inline-block;
  padding: 0.75em 2.5em 0.75em 1em;

  color: var(--base-color1);
  text-decoration: none;

  border-radius: 6px;

  background-color: var(--base-color-shade2);

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzNweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMzMgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbnMvYXJyb3ctcnQ8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMzIiBoZWlnaHQ9IjMzIj48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iY29tcG9uZW50cy9oZWFkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDguMDAwMDAwLCAtMTkuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDEyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb25zL2Fycm93LXJ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTYuMDAwMDAwLCA3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik1hc2siPjwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZHVvL2ljb25zL2Fycm93LWxlZnQiIG1hc2s9InVybCgjbWFzay0yKSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1Ljc5Mjg5MywgMTcuMjA3MTA3KSByb3RhdGUoMTM1LjAwMDAwMCkgdHJhbnNsYXRlKC0xNS43OTI4OTMsIC0xNy4yMDcxMDcpIHRyYW5zbGF0ZSg3LjI5Mjg5MywgMTAuNzA3MTA3KSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGluZSB4MT0iMS43NzYzNTY4NGUtMTUiIHkxPSI2LjUiIHgyPSIxNyIgeTI9IjYuNSIgaWQ9IlBhdGgtNSI+PC9saW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYsMTMgTDAuNjI2MTA0NzEsNy4xNzgyODAxIEMwLjI3MjUwOTMwMyw2Ljc5NTIxODQxIDAuMjcyNTA5MzAzLDYuMjA0NzgxNTkgMC42MjYxMDQ3MSw1LjgyMTcxOTkgTDYsMCBMNiwwIiBpZD0iUGF0aC03IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right 0.5em center;
}

/* Inputs */

.Input {
  padding: 1em;

  border: none;
  border-radius: 5px;

  font-size: 1em;
  font-family: var(--base-fontFamily1);

  background: var(--base-color-shade1);

  box-sizing: border-box;
}

/* Select */

.Select {
  padding: 1em;
  padding-right: 3em;
  margin: 0;

  border: none;
  border-radius: 5px;

  font-size: 1em;
  font-family: var(--base-fontFamily1);

  background: var(--base-color-shade1);

  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbnMvY2FyZXQ8L3RpdGxlPgogICAgPGcgaWQ9Imljb25zL2NhcmV0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8cG9seWxpbmUgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDI4MTc1LCA2Ljc3ODE3NSkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMjgxNzUsIC02Ljc3ODE3NSkgIiBwb2ludHM9IjE1LjUyODE3NDYgMS4yNzgxNzQ1OSAxNS41MjgxNzQ2IDEyLjI3ODE3NDYgNC41MjgxNzQ1OSAxMi4yNzgxNzQ2Ij48L3BvbHlsaW5lPgogICAgPC9nPgo8L3N2Zz4=);
  background-size: 1em;
  background-position: right 1em center;
  background-repeat: no-repeat;
}

/* Textarea */

.Textarea {
  padding: 1em;

  width: 100%;

  font-size: 1em;
  font-family: var(--base-fontFamily1);

  border: none;
  border-radius: 5px;
  background: var(--base-color-shade1);

  resize: vertical;
  box-sizing: border-box;
}
.Header {
  position: sticky;
  display: flex;
  top: 0;
  left: 0;

  width: 100%;

  padding: 5px;
  box-sizing: border-box;

  align-items: center;

  background: var(--base-color-background1);
  border-bottom: 1px solid var(--base-color-shade1);

  z-index: 1;
}

.Header-section {
  margin-right: 10px;
}

.Header-section--center {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

@media screen and (max-width: 700px) {
  .Header {
    justify-items: flex-start;
  }

  .Header-section--center {
    position: relative;
    margin-left: 20px;

    left: unset;
    transform: unset;
  }
}
.Footer {
  position: relative;
  display: flex;
  bottom: 0;
  left: 0;

  width: 100%;

  margin-top: 70px;
  padding: 30px;
  box-sizing: border-box;

  align-items: center;
  flex-direction: column;

  background: var(--base-color-background1);
  border-top: 1px solid var(--base-color-shade1);
}

.Footer.is-fixed {
  position: fixed;
}

.Footer-section {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.Footer-section:last-child {
  margin-bottom: 0;
}

.Footer-copy {
  margin-top: 7px;
  font-size: 0.9em;
}
.Form-section {
  margin-bottom: 20px;
}

.Form-actions {
  margin-top: 30px;
}

.Form-labelWrapper {
  display: flex;
  margin-bottom: 10px;

  align-items: center;
}

.Form-label {
  display: flex;

  text-transform: uppercase;
  font-size: 1em;
  
  align-items: center;
}

.Form-section.is-missing .Form-label::before {
  content: '';
  position: relative;

  width: 1em;
  height: 1em;

  margin-right: 5px;

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjEgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbnMvbWlzc2luZzwvdGl0bGU+CiAgICA8ZyBpZD0iaWNvbnMvbWlzc2luZyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLjUsMjEgQzE2LjI5ODk4OTksMjEgMjEsMTYuMjk4OTg5OSAyMSwxMC41IEMyMSw0LjcwMTAxMDEzIDE2LjI5ODk4OTksMCAxMC41LDAgQzQuNzAxMDEwMTMsMCAwLDQuNzAxMDEwMTMgMCwxMC41IEMwLDE2LjI5ODk4OTkgNC43MDEwMTAxMywyMSAxMC41LDIxIFogTTkuNjEyLDEyLjMwNCBMMTEuMjc2LDEyLjMwNCBMMTEuNzg4LDguMDY0IEwxMS43ODgsNC44IEw5LjEsNC44IEw5LjEsOC4wNjQgTDkuNjEyLDEyLjMwNCBaIE0xMC40OTIsMTYuMTYgQzExLjM0LDE2LjE2IDEyLjAyOCwxNS41MDQgMTIuMDI4LDE0LjY4OCBDMTIuMDI4LDEzLjg1NiAxMS4zNCwxMy4xODQgMTAuNDkyLDEzLjE4NCBDOS42NiwxMy4xODQgOC45NzIsMTMuODU2IDguOTcyLDE0LjY4OCBDOC45NzIsMTUuNTA0IDkuNjYsMTYuMTYgMTAuNDkyLDE2LjE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0UxMzI0MSI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
}

.Form-required {
  padding: 0.3em 0.65em;
  margin-left: 5px;

  border: 1px solid var(--base-color-shade4);
  border-radius: 20px;

  text-transform: uppercase;
  font-size: 0.75em;

  opacity: 0.6;
}

.Form-input {
  width: 100%;
}

.Form-section.is-missing .Input {
  box-shadow: inset 0 0 0 1px var(--base-color-error1);
}

.Form-section.is-inline {
  display: flex;
}

.Form-checkbox {
  display: flex;
  align-items: flex-start;
}

.Form-checkbox input {
  margin-right: 10px;
  flex-shrink: 0;
}
.Editor {
  width: 100%;
}

.Editor-canvasWrapper {
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--base-color-shade3);

  overflow: hidden;
}

.Editor-canvasWrapper::before {
  content: '';
  position: absolute;

  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjAxcHgiIGhlaWdodD0iMzQ4cHgiIHZpZXdCb3g9IjAgMCA2MDEgMzQ4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmljb25zL2dyaWQ8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTIwMCwzNDggTDIwMCwwIE0wLDExNiBMNjAxLDExNiBNMCwyMzIgTDYwMSwyMzIgTTQwMCwzNDggTDQwMCwwIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iaWNvbnMvZ3JpZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDx1c2Ugc3Ryb2tlLW9wYWNpdHk9IjAuNDE3NjU4NTU5IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDx1c2Ugc3Ryb2tlLW9wYWNpdHk9IjAuODM1MzAzMjQ3IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMC41IiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-size: cover;
  background-position: center;

  pointer-events: none;
  z-index: 1;
}

.Editor-canvasWrapper.is-focused::before {
  opacity: 0;

  animation-name: grid-fade-in;
  animation-duration: 200ms;
  animation-fill-mode: forwards;
}

.Editor-canvasWrapper.is-blurred::before {
  opacity: 1;

  animation-name: grid-fade-out;
  animation-duration: 100ms;
  animation-delay: 200ms;
  animation-fill-mode: forwards;
}

@keyframes grid-fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes grid-fade-out {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.Editor-canvas {
  position: absolute;
  transform-origin: top left;
  touch-action: none;
}

.Editor-control {
  display: inline-block;
  position: relative;
  padding: 1em 1.5em;

  border-radius: 50px;
  background: var(--base-color-shade1);

  align-items: center;
  touch-action: none;
}

.Editor-control > * {
  margin-right: 10px;
}

.Editor-control > *:last-child {
  margin-right: 0;
}

.Editor-control .Icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}
.FormImageInput-label {
  position: relative;
  display: inline-block;

  padding-top: 75px;
  padding-bottom: 35px;

  width: 100%;

  text-align: center;
}

.FormImageInput-label::before {
  content: '';
  position: absolute;

  width: 80px;
  height: 30px;

  left: 50%;
  top: 35px;
  transform: translate(-50%);

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzNweCIgaGVpZ2h0PSIyOXB4IiB2aWV3Qm94PSIwIDAgNzMgMjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbnMvbWVkaWE8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE1IiByeD0iMSI+PC9yZWN0PgogICAgPC9kZWZzPgogICAgPGcgaWQ9Imljb25zL21lZGlhIiBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgICAgICA8ZyBpZD0iaWNvbnMvdmlkZW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LCAyKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi42NTAzLCAxLjczNzUpIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC4zNzUsMTAuNzYyNDU3OSBMMjAuMzc1LDE4Ljc2MjQ1NzkgQzIwLjM3NSwxOS4yNDU3MDcxIDE5Ljk4MzI0OTIsMTkuNjM3NDU3OSAxOS41LDE5LjYzNzQ1NzkgTDIuODQ5NzA2MzMsMTkuNjM3NDU3OSBDMi4zNjY0NTcxNywxOS42Mzc0NTc5IDEuOTc0NzA2MzMsMTkuMjQ1NzA3MSAxLjk3NDcwNjMzLDE4Ljc2MjQ1NzkgTDEuOTc0NzA2MzQsOS44ODc0NTc5MSBMMTkuNSw5Ljg4NzQ1Nzg5IEMxOS45ODMyNDkyLDkuODg3NDU3ODkgMjAuMzc1LDEwLjI3OTIwODcgMjAuMzc1LDEwLjc2MjQ1NzkgWiIgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS40NTQ5MTIzLDMuNTUwNTQ4NzMgTDE5LjQ1OTgwMTIsMy42Mzk5OTI4OSBDMTkuNDU5ODExMiwzLjY0MzU5NDczIDE5LjQ1OTgxMTIsMy42NDM1OTQ3MyAxOS40NTk4MDE0LDMuNjQ3MTk2NiBMMTkuNDQ3NjAxMSw2LjYzNTk5MzI5IEMxOS40NDU2Mzk5LDcuMTE2NDI3NiAxOS4wNTY2NzQ1LDcuNTA1NDE5NzkgMTguNTc2MjQwMyw3LjUwNzQxNDAxIEwxLjAyMzk5ODYyLDcuNTgwMjcxMDggTDEuMDM5ODAwMjMsMy43MDkyNDgxOCBDMS4wNDE3NjEzOCwzLjIyODgxMzg3IDEuNDMwNzI2NzksMi44Mzk4MjE2OSAxLjkxMTE2MDk2LDIuODM3ODI3NDcgTDE4LjU4MTE3NjcsMi43Njg2MzIzOSBDMTkuMDM0MjE4OSwyLjc2Njc1MTg3IDE5LjQwODI3MjUsMy4xMDk1MTQ0NSAxOS40NTQ5MTIzLDMuNTUwNTQ4NzMgWiIgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjI0MzcsIDUuMTcyNikgcm90YXRlKC0xMykgdHJhbnNsYXRlKC0xMC4yNDM3LCAtNS4xNzI2KSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0yLUNvcHktMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuNDcwNSwgNC4yMDY2KSByb3RhdGUoMTQpIHRyYW5zbGF0ZSgtMTQuNDcwNSwgLTQuMjA2NikiIHBvaW50cz0iMTMuMDEyNjQ4MyAxLjc1MzY2MzkyIDE2LjEyOTU4MTMgMC42NDg2ODI2ODcgMTYuMDEzMDA1MSA2LjMyNDQzNTEgMTIuODExNDQ1OCA3Ljc2NDQyNzA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTItQ29weS0zIiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjY0NTQsIDUuMjA2Nikgcm90YXRlKDE0KSB0cmFuc2xhdGUoLTkuNjQ1NCwgLTUuMjA2NikiIHBvaW50cz0iOC4yNDM4OTMwMiAyLjczOTYwMzkyIDExLjEzNDc3NTIgMS42OTA5ODM1IDExLjEyMDI2MTkgNy4zNDEyODg3NCA4LjE1NTk1ODIyIDguNzIyMTI2MjciPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMi1Db3B5LTQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODIwMiwgNi4yMDY2KSByb3RhdGUoMTQpIHRyYW5zbGF0ZSgtNC44MjAyLCAtNi4yMDY2KSIgcG9pbnRzPSIzLjM0NTI2MDE2IDQuMDE2MDUzMDcgNi40NzkyODc2NSAyLjY0ODY4MjY5IDYuMzYyNzExMzkgOC4zMjQ0MzUxIDMuMTYxMTUyMTEgOS43NjQ0MjcwOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuOTk4MDUxNSwxMi42MTEwMDg2IEwxMy4yNzkxMTgsMTQuMzc0OTExNCBDMTMuNDkzMTU0LDE0LjQ4OTk3NzMgMTMuNTczMzg1MiwxNC43NTY3NjcgMTMuNDU4MzE5MywxNC45NzA4MDMxIEMxMy40MTc0NTMxLDE1LjA0NjgxOSAxMy4zNTUxMzM5LDE1LjEwOTEzODIgMTMuMjc5MTE4LDE1LjE1MDAwNDQgTDkuOTk4MDUxNSwxNi45MTM5MDcyIEM5Ljc4NDAxNTQ4LDE3LjAyODk3MzEgOS41MTcyMjU2OSwxNi45NDg3NDE5IDkuNDAyMTU5ODMsMTYuNzM0NzA1OSBDOS4zNjc3MjgwNSwxNi42NzA2NTg4IDkuMzQ5NzA2MzMsMTYuNTk5MDc2NSA5LjM0OTcwNjMzLDE2LjUyNjM2MDcgTDkuMzQ5NzA2MzMsMTIuOTk4NTU1MSBDOS4zNDk3MDYzMywxMi43NTU1NDk4IDkuNTQ2NzAxMDQsMTIuNTU4NTU1MSA5Ljc4OTcwNjMzLDEyLjU1ODU1NTEgQzkuODYyNDIyMSwxMi41NTg1NTUxIDkuOTM0MDA0MzYsMTIuNTc2NTc2OCA5Ljk5ODA1MTUsMTIuNjExMDA4NiBaIiBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBpZD0iaWNvbnMvaW1hZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsIDIpIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LCA0KSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxyZWN0IHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjI1IiB4PSIwLjYyNSIgeT0iMS42MjUiIHdpZHRoPSIyMS43NSIgaGVpZ2h0PSIxMy43NSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBtYXNrPSJ1cmwoI21hc2stMikiIGN4PSIyMCIgY3k9IjQiIHI9IjMuMzc1Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iMTMgMTYgNy4yODU3MTQyOSA2IDEgMTYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExIDEyLjE0ODE0ODEgMTMuOCA4IDE5IDE2Ij48L3BvbHlsaW5lPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.FormImageInput-smallLabel {
  display: inline-block;
  margin-top: 0.3em;
  font-size: 0.9em;
}

.FormImageInput-input {
  display: none;
}

.FormImageInput-notice {
  width: 100%;
  padding: 1em 1em;
  margin-bottom: 5px;

  color: var(--base-color1);
  background: var(--base-color-shade5);

  border-radius: 6px;

  box-sizing: border-box;
}

.FormImageInput-error {
  background: var(--base-color-warning1);
}

.FormImageInput-changeImageButton {
  margin-top: 10px;
}
.Layout--default {
  margin: 0 auto;
  width: calc(100% - 40px);
  max-width: 600px;
}
.Article {
  margin: 50px 0;
}
.CircularImage {
  display: inline-block;
  width: 200px;
  height: 200px;

  margin: 40px 0;

  border-radius: 100px;
  background-color: var(--base-color-shade1);

  overflow: hidden;
}

.CircularImage img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}
.Help {
  padding: 10px 0;

  margin-top: 50px;
  border-top: 1px solid var(--base-color-shade1);
}

.Help-question {
  margin-bottom: 40px;
}

.Help-question:last-child {
  margin-bottom: 0;
}

.Help-questionTitle {
  margin-bottom: 0.5em;

  font-weight: 600;
  font-size: 1.1em;
}

.Help-path {
  display: block;
  margin: 10px 0;
  padding: 0.5em;

  background: var(--base-color-shade1);

  width: 100%;
  white-space: nowrap;

  overflow-x: scroll;
}