/**
 * This is forked from the base.css included in TailwindCSS
 * I had to omit certain resets because it broke multiple existing styling in our codebase.
 */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role='button'] {
  cursor: pointer;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

button {
  padding: 0;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

*{box-sizing:border-box}html,body,#app-container{margin:0;padding:0}html{font-family:sans-serif;font-size:16px;line-height:1.4}body{min-width:320px;line-height:1.5}a:active,a:hover{outline-width:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible !important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.bottom-0{bottom:0px}.left-0{left:0px}.right-0{right:0px}.top-0{top:0px}.z-10{z-index:10}.z-20{z-index:20}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.m-0{margin:0px}.m-4{margin:1rem}.-my-4{margin-top:-1rem;margin-bottom:-1rem}.mx-1{margin-left:0.25rem;margin-right:0.25rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-14{margin-left:3.5rem;margin-right:3.5rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-1{margin-left:-0.25rem}.-ml-2{margin-left:-0.5rem}.-mr-4{margin-right:-1rem}.mb-0{margin-bottom:0px}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:0.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-10{margin-left:2.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:0.5rem}.ml-24{margin-left:6rem}.ml-3{margin-left:0.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:0.25rem}.mr-10{margin-right:2.5rem}.mr-12{margin-right:3rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:0.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-72{height:18rem}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-20{width:5rem}.w-36{width:9rem}.w-48{width:12rem}.w-56{width:14rem}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-screen-sm{max-width:640px}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-initial{flex:0 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-auto{grid-auto-columns:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.75rem}.rounded-l-md{border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.rounded-bl-lg{border-bottom-left-radius:0.5rem}.rounded-bl-md{border-bottom-left-radius:0.375rem}.rounded-tr-lg{border-top-right-radius:0.5rem}.rounded-tr-md{border-top-right-radius:0.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-2{border-bottom-width:2px}.border-b-8{border-bottom-width:8px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-blink-lightgray{--tw-border-opacity:1;border-color:rgb(234 234 234 / var(--tw-border-opacity))}.border-blink-pink{--tw-border-opacity:1;border-color:rgb(255 110 141 / var(--tw-border-opacity))}.border-blink-start{--tw-border-opacity:1;border-color:rgb(39 49 194 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(247 250 252 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(160 174 192 / var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(45 55 72 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(245 101 101 / var(--tw-border-opacity))}.border-t-gray-400{--tw-border-opacity:1;border-top-color:rgb(203 213 224 / var(--tw-border-opacity))}.border-opacity-50{--tw-border-opacity:0.5}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blink-darkgray{--tw-bg-opacity:1;background-color:rgb(214 214 214 / var(--tw-bg-opacity))}.bg-blink-lightgray{--tw-bg-opacity:1;background-color:rgb(234 234 234 / var(--tw-bg-opacity))}.bg-blink-pink{--tw-bg-opacity:1;background-color:rgb(255 110 141 / var(--tw-bg-opacity))}.bg-blink-start{--tw-bg-opacity:1;background-color:rgb(39 49 194 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(49 130 206 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 252 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(237 242 247 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(26 32 44 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-cover{background-size:cover}.bg-center{background-position:center}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0px}.p-1{padding:0.25rem}.p-14{padding:3.5rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-20{padding-left:5rem;padding-right:5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:0.25rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:0.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:0.5rem}.pr-2{padding-right:0.5rem}.pr-24{padding-right:6rem}.pr-3{padding-right:0.75rem}.pt-0{padding-top:0px}.pt-0\.5{padding-top:0.125rem}.pt-1{padding-top:0.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-proximanova{font-family:proxima-nova, sans-serif}.text-2xl{font-size:1.5rem;letter-spacing:2px}.text-3xl{font-size:2rem;letter-spacing:1px}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.text-base{font-size:1rem;letter-spacing:1px}.text-lg{font-size:1.125rem}.text-sm{font-size:0.875rem;letter-spacing:-0.5px}.text-xl{font-size:1.25rem;letter-spacing:1px}.text-xs{font-size:0.75rem;letter-spacing:1px}.font-bold{font-weight:700}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-4{line-height:1rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-normal{line-height:1.5}.leading-snug{line-height:1.375}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blink-start{--tw-text-opacity:1;color:rgb(39 49 194 / var(--tw-text-opacity))}.text-current{color:currentColor}.text-gray-500{--tw-text-opacity:1;color:rgb(160 174 192 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(113 128 150 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(74 85 104 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(45 55 72 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(26 32 44 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(56 161 105 / var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(245 101 101 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(229 62 62 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-opacity-50{--tw-text-opacity:0.5}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-gray-900::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(26 32 44 / var(--tw-placeholder-opacity))}.placeholder-gray-900::placeholder{--tw-placeholder-opacity:1;color:rgb(26 32 44 / var(--tw-placeholder-opacity))}.opacity-100{opacity:1}.opacity-25{opacity:0.25}.opacity-50{opacity:0.5}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-100{transition-duration:100ms}.duration-150{transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.text-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.text-shown{position:static;left:auto;width:auto;height:auto;overflow:visible}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.hover\:-translate-x-4:hover{--tw-translate-x:-1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blink-pink:hover{--tw-bg-opacity:1;background-color:rgb(255 110 141 / var(--tw-bg-opacity))}.hover\:bg-blink-start:hover{--tw-bg-opacity:1;background-color:rgb(39 49 194 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(237 242 247 / var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.hover\:bg-opacity-90:hover{--tw-bg-opacity:0.9}.hover\:text-blink-start:hover{--tw-text-opacity:1;color:rgb(39 49 194 / var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(49 130 206 / var(--tw-text-opacity))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(67 65 144 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-75:hover{opacity:0.75}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:text-blink-studio{--tw-text-opacity:1;color:rgb(51 64 255 / var(--tw-text-opacity))}.group:hover .group-hover\:shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:flex-row{flex-direction:row}.sm\:tracking-wider{letter-spacing:0.05em}}@media (min-width: 768px){.md\:mx-0{margin-left:0px;margin-right:0px}.md\:h-48{height:12rem}.md\:h-52{height:13rem}.md\:max-w-screen-lg{max-width:1024px}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:px-24{padding-left:6rem;padding-right:6rem}.md\:text-2xl{font-size:1.5rem;letter-spacing:2px}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 1536px){.\32xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}
.ErrorPage {display:grid;min-height:100vh;min-width:100%;align-items:center;background-size:cover;background-repeat:no-repeat;padding-left:10rem;padding-right:10rem;background-image:url("/statics/images/background-404.jpg")
}.ErrorPage__window {max-width:48rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:5rem;padding-right:5rem;padding-top:6rem;padding-bottom:6rem
}
.ErrorInfo__panel {margin-top:1rem
}.ErrorInfo__stack {overflow:hidden;max-height:8ch
}
.MobGrammarRejectedPromise{padding:0 8px 8px;flex:1;display:flex;flex-direction:column}.MobGrammarRejectedPromise .MobHeader{margin:0 -8px 16px}.MobGrammarRejectedPromise>a{margin-top:auto}.MobGrammarRejectedPromise pre{white-space:pre-wrap}
.MobGrammarThemingWrapper{background-attachment:fixed;background-size:cover;background-position:center}.MobGrammarThemingWrapper .HexagonWrapper svg{color:#60c2ff}@media(max-width: 480px){.MobGrammarThemingWrapper{background-image:none !important}}.MobGrammarThemingWrapper-content{font-family:"proxima-nova",sans-serif;color:#222326;-webkit-font-smoothing:antialiased;font-size:16px}.MobGrammarThemingWrapper-content>.MobModalWrapper{min-width:320px;max-width:480px;margin:0 auto;background:#fff;min-height:100vh;display:flex;flex-direction:column}.MobGrammarThemingWrapper-content [class*=text_]{margin-top:0;margin-bottom:0}.MobGrammarThemingWrapper-content [class*=text_][class*=_bold]{font-weight:bold}.MobGrammarThemingWrapper-content [class*=text_][class*=_secondary]{color:rgba(34,35,38,.6)}.MobGrammarThemingWrapper-content [class*=text_][class*=_disabled]{color:rgba(34,35,38,.3)}.MobGrammarThemingWrapper-content [class*=text_][class*=_link]{color:#60c2ff;font-size:16px;text-decoration:underline}.MobGrammarThemingWrapper-content [class*=text_][class*=_light]{color:#fff}.MobGrammarThemingWrapper-content [class*=text_][class*=_light][class*=_secondary]{color:rgba(255,255,255,.6)}.MobGrammarThemingWrapper-content [class*=text_][class*=_light][class*=_disabled]{color:rgba(255,255,255,.3)}.MobGrammarThemingWrapper-content [class*=text_][class*=_heading1]{font-size:18px;font-weight:bold}.MobGrammarThemingWrapper-content [class*=text_][class*=_heading2]{font-size:15px;font-weight:bold}.MobGrammarThemingWrapper-content [class*=text_][class*=_body]{font-size:14px}.MobGrammarThemingWrapper-content [class*=text_][class*=_category]{font-size:16px;font-weight:normal}.MobGrammarThemingWrapper-content [class*=button_]{font-weight:bold;background:none;border:none;border-radius:5px;font-family:inherit;font-size:16px;height:50px;padding:0 32px;background-color:#dedede;color:#fff;text-decoration:none;display:inline-block;line-height:50px;text-align:center;transition:background .2s,color .3s;transition-delay:0s}.MobGrammarThemingWrapper-content [class*=button_]:hover{cursor:pointer}.MobGrammarThemingWrapper-content [class*=button_]:hover:not(:active){box-shadow:0 1px 0 rgba(0,0,0,.5)}.MobGrammarThemingWrapper-content [class*=button_]:focus{outline:none;box-shadow:0 2px 5px rgba(0,0,0,.6)}.MobGrammarThemingWrapper-content [class*=button_]:active{box-shadow:0 1px 0 rgba(0,0,0,.5)}.MobGrammarThemingWrapper-content [class*=button_]:not([class*=_squash]){width:100%}.MobGrammarThemingWrapper-content [class*=button_]:disabled,.MobGrammarThemingWrapper-content [class*=button_][class*=_disabled]{background-color:rgba(0,0,0,.2) !important;pointer-events:none}.MobGrammarThemingWrapper-content [class*=button_]:disabled:hover,.MobGrammarThemingWrapper-content [class*=button_]:disabled:active,.MobGrammarThemingWrapper-content [class*=button_][class*=_disabled]:hover,.MobGrammarThemingWrapper-content [class*=button_][class*=_disabled]:active{box-shadow:none}.MobGrammarThemingWrapper-content [class*=button_][class*=_primary]{background-color:#0088b8}.MobGrammarThemingWrapper-content [class*=button_][class*=_secondary]{background-color:#60c2ff}.MobGrammarThemingWrapper-content [class*=button_][class*=_icon]{border-radius:50%;width:30px;height:30px;padding:0;font-size:20px;line-height:30px}.MobGrammarThemingWrapper-content .MobExerciseHeader{background-color:#60c2ff}.MobGrammarThemingWrapper-content .MobExerciseHeader-button{background-color:#fff}.MobGrammarThemingWrapper-content .MobExerciseResultSuccessPage-gif,.MobGrammarThemingWrapper-content .MobExerciseResultSuccessPage-iconcontainer{background-color:#fff}.MobGrammarThemingWrapper-content .CategorieenPage{min-height:100vh;background:#fff}.MobGrammarThemingWrapper-content .CategorieenPage-item,.MobGrammarThemingWrapper-content .CategorieenPage h1{color:rgba(34,35,38,.6)}.MobGrammarThemingWrapper-content .CategorieenPage-item:hover,.MobGrammarThemingWrapper-content .CategorieenPage h1:hover{background-color:rgba(96,194,255,.1)}.MobGrammarThemingWrapper-content .CategorieenPage-item-selected,.MobGrammarThemingWrapper-content .CategorieenPage h1-selected{background:rgba(96,194,255,.1)}.MobGrammarThemingWrapper-content .MobExerciseHeader{color:#000}.MobGrammarThemingWrapper-content .MobExerciseHeader-button{color:#000}.MobGrammarThemingWrapper-content .AnswerSelect,.MobGrammarThemingWrapper-content .AnswerInput{background-color:#fff}.MobGrammarThemingWrapper-content .AnswerSelect:focus,.MobGrammarThemingWrapper-content .AnswerInput:focus{border-color:#0088b8}.MobGrammarThemingWrapper-content .AnswerPill{background-color:#fff;border-color:#0088b8}.MobGrammarThemingWrapper-content .AnswerPill.placeholder{opacity:.2;background-color:#60c2ff;border:none}.MobGrammarThemingWrapper-content .AnswerPill.disabled{background-color:#0088b8;color:#fff;border-color:#0088b8}.MobGrammarThemingWrapper-content .AnswerPill.selected{background-color:#60c2ff;border:none}.MobGrammarThemingWrapper-content .AnswerPill.selected.highlighted{background-color:#0088b8}
.Image{transition:opacity 800ms cubic-bezier(0.24, 0.42, 0.5, 1);opacity:0}.Image.loaded{opacity:1}
.MobGrammarThemingWrapper .MobHeader{color:#60c2ff}.MobGrammarThemingWrapper .MobHeader a{color:#ffb624}.MobGrammarThemingWrapper .MobHeader-backWrapper a{color:#fff}.MobGrammarThemingWrapper .MobHeader-logoWrapper{max-width:130px}
.MethodLogo svg{fill:currentColor;display:inline-block;max-height:inherit}
.MobHeader{background-color:#000;color:#fff;height:50px;display:flex;align-items:center;border-bottom:1px solid #d8d8d8}.MobHeader-backWrapper{align-self:stretch;display:flex}.MobHeader-back{margin-right:8px;margin-left:16px;display:flex;align-items:center}.MobHeader-back a{text-decoration:none}.MobHeader-back a:before{content:"";display:inline-block;height:.5em;width:.5em;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:4px}.MobHeader-logoWrapper{min-width:33%;margin-left:15px;max-width:70px;line-height:0}.MobHeader-trophyWrapper{display:flex;justify-content:flex-end;align-items:center;flex-grow:1}.MobHeader-trophy{font-size:26px;margin-right:16px}.MobHeader-trophy:hover{animation:zoom .3s linear 1}@keyframes zoom{50%{transform:scale(1.2)}}
.Icon{display:inline-flex;width:1em;height:1em;line-height:1}.Icon svg{vertical-align:bottom;width:100%;height:100%}.Icon svg path,.Icon svg circle{fill:currentColor}.Icon__inline{width:inherit;height:inherit}.Icon-numbers{display:inline-flex;max-width:4rem}.Icon-numbers .Icon:only-child{width:1em}.Icon-numbers .Icon{margin:0 -2px}
.MobGrammarLoginPage{flex:1 1 auto;display:flex;flex-direction:column}.MobGrammarLoginPage .MobHeader{flex:none}.MobGrammarLoginPage-content{padding:16px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}.MobGrammarLoginPage-top{margin-top:16px}.MobGrammarLoginPage-bottom .docent{display:block;text-align:center;margin-top:16px}
.PromisePending{display:flex;justify-content:center;align-items:center;height:100vh}
.FetchError {display: flex;height: 100vh;align-items: center;justify-content: center
}.FetchError__button {margin-right: 1rem;display: inline-block;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(49 130 206 / var(--tw-bg-opacity));padding-top: 1rem;padding-bottom: 1rem;padding-left: 2rem;padding-right: 2rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));text-decoration-line: none
}
.ContentBox .themed-button{margin-top:20px;padding:8px 20px;background:silver;border:none;cursor:pointer}.ContentBox-title{font-size:45px;font-weight:normal;margin-top:0;margin-bottom:0}.ContentBox-description,.ContentBox-meer-weten{display:flex;flex-direction:column;align-items:flex-start}.ContentBox-scroll{width:100%;flex:1 1 auto;overflow:auto;display:flex}.ContentBox-iframe{width:calc(100% + 96px);flex:1;margin:0 -48px}.ContentBox-enable-padding:only-child{padding-right:30%}.ContentBox-content{flex:0 0 70%;padding-right:20px}.ContentBox-content:only-child{flex:0 0 100%}.ContentBox-content:only-child .RichTextEditorOrViewer table[style*="width: 100%"]{width:142.8571428571% !important}.ContentBox-media{flex:1 0 0px;border-left:1px solid #99a5a9;padding-left:40px}.ContentBox-media>*:first-child{margin-top:0}.ContentBox-media-document,.ContentBox-media-image,.ContentBox-media-video,.ContentBox-media-audio,.ContentBox-media-markdown{margin:20px 0}.ContentBox-media-document .MediaPlayer-stopButton,.ContentBox-media-image .MediaPlayer-stopButton,.ContentBox-media-video .MediaPlayer-stopButton,.ContentBox-media-audio .MediaPlayer-stopButton,.ContentBox-media-markdown .MediaPlayer-stopButton{display:none}.ContentBox-media-audio .MediaPlayer{display:none}.ContentBox-media-document .themed-button,.ContentBox-media-audio .themed-button{margin-top:0;width:100%}.ContentBox-media-title{margin-top:-10px;margin-bottom:20px;font-style:italic;font-size:13px}.ContentBox .RichTextEditorOrViewer p{margin-top:0}.ContentBox .RichTextEditorOrViewer h1{margin-top:0;font-size:45px;font-weight:normal}.ContentBox .RichTextEditorOrViewer h2{font-size:25px;font-weight:normal}.ContentBox .RichTextEditorOrViewer h3{margin-bottom:0}.ContentBox .RichTextEditorOrViewer blockquote{margin-left:0;margin-right:0;padding:30px 40px;border-radius:5px;background-color:#99a5a9;color:#fff;border:solid 3px #8a8a8a}.ContentBox .RichTextEditorOrViewer table th{border:1px solid #99a5a9;background-color:#99a5a9;color:#fff;text-align:left;padding:15px 20px}.ContentBox .RichTextEditorOrViewer table td{border:1px solid #99a5a9;padding:15px 20px}.Modal .ContentBox{width:80vw;max-width:1000px}.Modal .ContentBox-description,.Modal .ContentBox-meer-weten{height:calc(80vh - 96px)}.DigibordScaler .Modal .ContentBox-description,.DigibordScaler .Modal .ContentBox-meer-weten{height:480px}
.RichTextEditorOrViewer{position:relative;z-index:0}.RichTextEditorOrViewer-Froala{background:#fff}.RichTextEditorOrViewer-Froala.fr-fullscreen{padding:8px}.RichTextEditorOrViewer table{border-collapse:collapse}.RichTextEditorOrViewer table td,.RichTextEditorOrViewer table th{padding:0 3px;border:1px solid #e0e0e0}.RichTextEditorOrViewer p{font-size:1em}.RichTextEditorOrViewer h1,.RichTextEditorOrViewer h2,.RichTextEditorOrViewer h3{margin-bottom:0}.RichTextEditorOrViewer .fr-box.fr-basic .fr-element.fr-view{font-family:inherit;font-size:inherit;min-height:18rem}
.confirm-dialog{min-width:50vw}.confirm-dialog__dialog-body{padding-top:16px;padding-bottom:32px}.confirm-dialog__button+.confirm-dialog__button{margin-left:20px}
.ErrorDialog{min-width:50vw;max-width:900px}.ErrorDialog-title{color:#bc001e;font-size:24px}.ErrorDialog-body{padding-bottom:32px;font-size:18px}.ErrorDialog-retryButton{display:block;border:none;font-weight:bold;border-radius:5px;color:#fff;background-color:#3b94f4;font-size:18px;padding:.5em 1em;border-bottom:2px solid #004b9c}
.Video{position:relative;padding-bottom:56.25%}.Video .jwplayer{position:absolute}
.MediaPlayer{position:absolute;top:0;left:0;width:100%;height:100%}.MediaPlayer-hidden{width:0;height:0}.MediaPlayer-inline{position:static;top:auto;left:auto}.MediaPlayer:not(.MediaPlayer-inline) .jw-icon-fullscreen{display:none}.MediaPlayer .MediaPlayer-stopButton{position:fixed;left:20px;bottom:60px;padding:0;width:3em;height:3em;border-radius:2em;border:none;opacity:0;transition:opacity .2s}.MediaPlayer.isPaused .MediaPlayer-stopButton{opacity:1}
.JwPlayerErrorDialog{display:flex;flex-direction:column;align-items:center}.JwPlayerErrorDialog-header{position:absolute;left:0;top:0;width:100%;height:65px;background-color:#b91c1c;display:flex;align-items:center;justify-content:center;border-radius:10px 10px 0 0}.JwPlayerErrorDialog-header .icon{color:#fff;width:45px;height:45px}.JwPlayerErrorDialog-content{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:"proxima-nova",sans-serif}.JwPlayerErrorDialog-content h1{margin:50px 0 0 0;font-size:24px}.JwPlayerErrorDialog-content a{color:#000;font-style:italic;font-weight:500;text-underline-offset:3px}.JwPlayerErrorDialog-closeButton{background:#b91c1c;width:120px;padding:15px 0;border-radius:5px;color:#fff}
.VideoPlayer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.VideoPlayer--hidden{display:none}.VideoPlayer--inline{position:static;top:auto;left:auto}.VideoPlayer__error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:2em;color:#fff}.VideoPlayer__stopButton{position:fixed;left:24px;bottom:80px;padding:0;width:4rem;height:4rem;border-radius:2em;border:none;opacity:0;transition:opacity .2s}.VideoPlayer--isPaused .VideoPlayer__stopButton{opacity:1}#player{position:absolute}.bmpui-ui-watermark{display:none}.bmpui-ui-uicontainer.bmpui-controls-shown .bmpui-ui-hugeplaybacktogglebutton:focus{box-shadow:none}
.Theming-economie .VideoPlayer:not(.VideoPlayer--inline){position:fixed;z-index:10}.Theming-economie .VideoPlayer__stopButton{background:#2175d9;color:#fff}
.Theming-grooveme .VideoPlayer:not(.VideoPlayer--inline){position:fixed;z-index:10}.Theming-grooveme .VideoPlayer__stopButton{background:#3b95f6;color:#fff}
.Theming-wereld .VideoPlayer:not(.VideoPlayer--inline){position:fixed;z-index:10}.Theming-wereld .VideoPlayer__stopButton{background:#3b95f6;color:#fff}
.Theming-po-leerling .VideoPlayer:not(.VideoPlayer--inline){position:fixed;z-index:10}.Theming-po-leerling .VideoPlayer__stopButton{background:#3b94f4;color:#fff}
.Theming-po-leerkracht .VideoPlayer:not(.VideoPlayer--inline){position:fixed;z-index:10}.Theming-po-leerkracht .VideoPlayer__stopButton{background:#2d90f4;color:#fff}
.Theming-grooveme .MediaPlayer-stopButton{background:#ff82dc;color:#000;border-radius:8px;border:2px solid #fff}
.Theming-kazoo .MediaPlayer-stopButton{background:#9f0057;color:#fff}
.Theming-plot26 .MediaPlayer-stopButton{background:#ff6917;color:#fff}
.Theming-bnbovenbouw .MediaPlayer-stopButton{border-radius:8px;background:#de2f00;color:#fff}
.Theming-saga .MediaPlayer-stopButton{background:#52c9eb;color:#fff}
.Theming-wereld .MediaPlayer-stopButton{background-color:#3b95f6;color:#fff}
.Theming-blinklezen .MediaPlayer-stopButton{background-color:#e5dff7;color:#222326;border-radius:50%;box-shadow:-3px 3px 0 0 rgba(86,74,121,.6)}
.Theming-blinktaal .MediaPlayer-stopButton{background-color:#e5dff7;color:#222326;border-radius:50%;box-shadow:-3px 3px 0 0 rgba(86,74,121,.6)}
.Theming-wired .MediaPlayer-stopButton{background:#60c2ff;color:#000}
.Theming-po-leerling .MediaPlayer:not(.MediaPlayer-inline){position:fixed;z-index:10}.Theming-po-leerling .MediaPlayer-stopButton{background:#3b94f4;color:#fff}
.Markdown p{margin-top:.5em;margin-bottom:.5em}.Markdown p:first-child{margin-top:0}.Markdown p:last-child{margin-bottom:0}
.Theming-plot26 .Markdown del{text-decoration:none;color:#fe4600}.Theming-plot26 .Markdown h1{color:#000;font-size:22px;font-weight:900}.Theming-plot26 .Markdown h2,.Theming-plot26 .Markdown h3,.Theming-plot26 .Markdown h4{font-size:22px;font-weight:500;color:rgba(0,0,0,.6)}.Theming-plot26 .Markdown ol,.Theming-plot26 .Markdown ul,.Theming-plot26 .Markdown p{font-size:17px;line-height:27px;font-weight:normal}.Theming-plot26 .Markdown ol,.Theming-plot26 .Markdown ul{color:#000;padding-left:1.05em}
.Theming-bnbovenbouw .Markdown del{text-decoration:none;color:#de2f00}.Theming-bnbovenbouw .Markdown ol,.Theming-bnbovenbouw .Markdown ul{padding-left:1.05em}.Theming-bnbovenbouw .Markdown b,.Theming-bnbovenbouw .Markdown strong{font-weight:900}.Theming-bnbovenbouw .Markdown p~ul:first-of-type,.Theming-bnbovenbouw .Markdown p~ol:first-of-type{margin-top:-1em}.Theming-bnbovenbouw .Slide-content .Markdown h1{font-size:28px;font-weight:900;color:#de2f00}.Theming-bnbovenbouw .Slide-content .Markdown h2,.Theming-bnbovenbouw .Slide-content .Markdown h3,.Theming-bnbovenbouw .Slide-content .Markdown h4{font-size:26px;font-weight:normal}.Theming-bnbovenbouw .Slide-content .Markdown ol,.Theming-bnbovenbouw .Slide-content .Markdown ul,.Theming-bnbovenbouw .Slide-content .Markdown p{font-size:24px;line-height:28px}
.Theming-saga .Markdown del{text-decoration:none;color:#52c9eb}.Theming-saga .Markdown h1,.Theming-saga .Markdown h3{color:#222326;font-size:22px;font-weight:bold}.Theming-saga .Markdown h2,.Theming-saga .Markdown h4{color:#222326;font-size:22px;font-weight:normal}.Theming-saga .Markdown ol,.Theming-saga .Markdown ul,.Theming-saga .Markdown p{font-size:17px;line-height:27px;font-weight:normal}.Theming-saga .Markdown ol,.Theming-saga .Markdown ul{color:#000;padding-left:1.05em}
.Theming-blinklezen .Markdown del{border-radius:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;line-height:1.375;text-decoration-line:none;background-color:#ffde00}.Theming-blinklezen .Markdown h1,.Theming-blinklezen .Markdown h2,.Theming-blinklezen .Markdown h3,.Theming-blinklezen .Markdown h4{font-weight:bold}
.Theming-blinktaal .Markdown del{border-radius:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;line-height:1.375;text-decoration-line:none;background-color:#ffde00}.Theming-blinktaal .Markdown h1,.Theming-blinktaal .Markdown h2,.Theming-blinktaal .Markdown h3,.Theming-blinktaal .Markdown h4{font-weight:bold}
.Theming-wired .Markdown del{text-decoration:none;color:#ffb624}.Theming-wired .Markdown h1{font-family:"Roboto Slab";color:#000;font-size:22px;font-weight:700}.Theming-wired .Markdown h2,.Theming-wired .Markdown h3,.Theming-wired .Markdown h4{color:#000;font-size:22px;font-weight:500;color:rgba(0,0,0,.6)}.Theming-wired .Markdown ol,.Theming-wired .Markdown ul,.Theming-wired .Markdown p{font-size:17px;line-height:30px;font-weight:400}.Theming-wired .Markdown ol,.Theming-wired .Markdown ul{color:#000;padding-left:1.05em}
.Theming-plot26 .ContentBox .RichTextEditorOrViewer h2{color:#fe4600}
.MobExerciseHeader{background-color:#dedede;margin:0 -16px !important;color:#fff;padding:8px;display:flex;align-items:center}.MobExerciseHeader-info{background:rgba(0,0,0,0);border:none;padding:0 8px}.MobExerciseHeader-info:hover{cursor:pointer;animation:zoom .3s linear 1}.MobExerciseHeader-button{background-color:gray;font-size:18px;font-weight:bold;color:#fff;width:25px;height:25px;border-radius:4rem;display:flex;justify-content:center;align-items:center}.MobExerciseHeader-title{margin:0 8px;font-size:16px}@keyframes zoom{50%{transform:scale(1.2)}}
.MobSwitchUserPage-content{padding:16px}
.MobUserPicker ul{list-style:none;padding:0;margin:16px 0}.MobUserPicker ul li{margin-bottom:8px}
.StyleguidePage{padding:8px}.StyleguidePage .MobHeader{margin:-8px -8px 0}.StyleguidePage>h1{margin-top:16px !important;margin-bottom:32px !important}.StyleguidePage>h2{margin-top:16px !important}.StyleguidePage section{padding:8px;padding-bottom:0;margin:0 -8px}.StyleguidePage section:not(.noFlex){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.StyleguidePage section>p{margin:0}.StyleguidePage section>*{margin-bottom:8px !important}.StyleguidePage section.dark{background-color:#000}
.MobSentence{margin:8px 0}.MobSentence .MobSentenceTekst+.MobSentenceTekst:before{content:" "}.MobSentence .AnswerPill,.MobSentence .AnswerSelect,.MobSentence .AnswerInput{margin:4px .25em}
.AnswerPill{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:90px;text-align:center;color:#6e6e6e;background-color:#dedede;border:1px solid #d2d2d2;border-radius:5px;position:relative;transition:200ms all ease-in-out;transition-property:color,background-color,border-color}.AnswerPill:before,.AnswerPill:after{content:" ";white-space:pre}.AnswerPill__tooltip{position:absolute;top:90%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);padding:4px 16px;border-radius:5px;text-align:center;color:#fff;z-index:1}.AnswerPill__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.8) rgba(0,0,0,0)}.AnswerPill-icon{position:absolute;width:10px;top:0;right:2px}.AnswerPill.disabled{color:#d7d7d7;background-color:#efefef;border-color:inherit}.AnswerPill.placeholder{border-style:dashed;background-color:#fff}.AnswerPill.selected{color:#fff;background-color:#3283ff;border-color:#0065ff}.AnswerPill.correct{color:#fff;background-color:#009d17;border-color:#007a18}.AnswerPill.incorrect{color:#fff;background-color:#c90039;border-color:#7e0020}.AnswerPill.highlighted{border-width:3px;border-color:#0065ff}.AnswerPill.highlighted.selected{box-shadow:0 2px 3px rgba(0,0,0,.5)}
.AnswerInput{width:90px;text-align:center;height:40px;padding:0 .25em;background-color:#fff;border:1px solid #d2d2d2;border-radius:5px}.AnswerInput:focus{outline:none;border-color:#0065ff}
.AnswerSelect{min-width:90px;height:40px;padding:0 .25em;background-color:#dedede;border:1px solid #d2d2d2;border-radius:5px}.AnswerSelect:focus{outline:none;border-color:#0065ff}.AnswerSelect::-ms-value{background:none;color:#222326}.AnswerSelect::-ms-expand{background:none;border:none}
.MobModal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.MobModal-background{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);pointer-events:auto}.MobModal-content{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.MobModal .appearAnimation-enter,.MobModal .appearAnimation-appear{opacity:0}.MobModal .appearAnimation-enter .MobModal-content,.MobModal .appearAnimation-appear .MobModal-content{transform:translateY(100px)}.MobModal .appearAnimation-enter.appearAnimation-enter-active,.MobModal .appearAnimation-appear.appearAnimation-appear-active{transition:opacity .2s ease-out;opacity:1}.MobModal .appearAnimation-enter.appearAnimation-enter-active .MobModal-content,.MobModal .appearAnimation-appear.appearAnimation-appear-active .MobModal-content{transition:transform .2s ease-out;transform:translateY(-50%)}.MobModal .appearAnimation-exit{transition:opacity .2s ease-out;opacity:1}.MobModal .appearAnimation-exit .MobModal-content{transition:transform .2s ease-out;transform:translateY(-50%)}.MobModal .appearAnimation-exit.appearAnimation-exit-active{opacity:0}.MobModal .appearAnimation-exit.appearAnimation-exit-active .MobModal-content{transform:translateY(100px)}
.MobDialogModalContent{background-color:#fff;padding:16px;position:absolute;left:50%;top:50%;width:90%;max-width:448px;transform:translate(-50%, -50%);border-radius:5px;pointer-events:auto}.MobDialogModalContent-scroll{overflow:auto;max-height:calc(80vh - 32px);margin-bottom:16px}.MobDialogModalContent .MoreContent{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.MobDialogModalContent .MoreContent-overlay{height:20px;background:#fff;position:relative;z-index:2}.MobDialogModalContent .MoreContent-shadow{position:absolute;z-index:1;left:0;background-repeat:no-repeat;background-size:100% 3px;width:inherit;height:20px}.MobDialogModalContent .MoreContent-shadow-top{top:17px;background:radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 100% 0}.MobDialogModalContent .MoreContent-shadow-bottom{bottom:83px;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 0 100%}.MobDialogModalContent .ContentBox-content{padding:0 8px}.MobDialogModalContent .ContentBox-title{font-weight:bold;font-size:20px;margin:0 0 16px}
.MobExercisePage{flex:1;display:flex;flex-direction:column;padding:16px;min-height:100vh}.MobExercisePage>.MobHeader{margin:-16px -16px 0}.MobExercisePage-content{flex:1}.MobExercisePage .MobExerciseAfbeelding{margin:8px -16px}.MobExercisePage .MobExerciseAfbeelding:first-child{margin-top:0}
.MobExerciseGatentekst-candidates{margin:8px -8px 0 0}.MobExerciseGatentekst-candidates>*{margin:0 8px 8px 0}
.MobExerciseQuestionHeader{margin:24px 0 16px}.MobExerciseQuestionHeader .Markdown{margin:8px 0}
.MobExerciseMultipleChoice-candidates{margin:8px 0}
.MobExerciseMultipleChoiceCandidate{min-height:56px;border-bottom:1px solid #d8d8d8;color:#6e6e6e;display:flex;align-items:center}.MobExerciseMultipleChoiceCandidate:first-child{border-top:1px solid #d8d8d8}.MobExerciseMultipleChoiceCandidate-isSelected{color:#3283ff;font-weight:bold;background-color:#f2f2f2}.MobExerciseMultipleChoiceCandidate-isCorrect{color:#007a18;font-weight:bold}.MobExerciseMultipleChoiceCandidate-isIncorrect{color:#c90039;font-weight:bold}
.AnswerCheckbox{width:24px;height:24px;border-radius:3px;line-height:24px;margin-right:8px;display:inline-block;background:#ccc;color:#fff;text-align:center;flex:0 0 auto}.AnswerCheckbox:empty::after{content:".";visibility:hidden}.AnswerCheckbox-isSelected{background:#3283ff}.AnswerCheckbox-isCorrect{background:#009d17}.AnswerCheckbox-isIncorrect{background:#c90039}
.MobExerciseAfbeelding img{display:block;margin:0 auto}
.MobExerciseAudio{margin:24px 0}
.MobExerciseResult{flex:1 1 auto;display:flex;flex-direction:column;min-height:100vh;text-align:center}.MobExerciseResult .MobHeader{flex:none}.MobExerciseResult-content{padding:16px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}.MobExerciseResult-body h1{margin:16px 0 32px 0 !important}.MobExerciseResult-complete{background-color:#f2f2f2}.MobExerciseResult-complete-sentence{padding:16px 64px}.MobExerciseResult-title{padding-top:80px;font-size:25px;font-weight:bold}.MobExerciseResult-text{padding:8px 24px}.MobExerciseResult-link{background:rgba(0,0,0,0);border:none;padding:0;font-family:inherit;cursor:pointer}
.MobExerciseResultSuccessPage{flex:1;display:flex;flex-direction:column;min-height:100vh}.MobExerciseResultSuccessPage-gif{width:100%;height:auto;min-height:80px}.MobExerciseResultSuccessPage-content{flex:1 1 auto;padding:16px;padding-top:60px;position:relative;text-align:center;background-color:#fff;display:flex;flex-direction:column}.MobExerciseResultSuccessPage-content button{margin-top:auto}.MobExerciseResultSuccessPage-iconcontainer{position:absolute;top:0;left:50%;transform:translate(-50%, -50%);border:7px solid #fff;border-radius:50%;padding:10px;display:flex;justify-content:center;align-items:center}.MobExerciseResultSuccessPage-icon{font-size:40px;color:#fff}
.TrophyBadge{aspect-ratio:1/1;display:block;border:2px solid;padding:20px;border-radius:50%;background-color:#cfd4d5;border-color:#9b9fa0;opacity:.2}.TrophyBadge-wrapper{display:flex}.TrophyBadge-completed{opacity:1}.TrophyBadge svg{vertical-align:middle;width:100%;height:100%}.TrophyBadge-badge1{background-color:#27a085;border-color:#148c71}.TrophyBadge-badge2{background-color:#256958;border-color:#175848}.TrophyBadge-badge3{background-color:#2dab61;border-color:#17934a}.TrophyBadge-badge4{background-color:#55af39;border-color:#3c9521}.TrophyBadge-badge5{background-color:#43b1db;border-color:#2b95bd}.TrophyBadge-badge6{background-color:#0086a9;border-color:#0a657d}.TrophyBadge-badge7{background-color:#7c4a98;border-color:#5d277b}.TrophyBadge-badge8{background-color:#7e76b6;border-color:#61589d}.TrophyBadge-badge9{background-color:#2c3e50;border-color:#1c2c3c}.TrophyBadge-badge10{background-color:#2e3640;border-color:#19212b}.TrophyBadge-badge11{background-color:#f19d00;border-color:#db8606}.TrophyBadge-badge12{background-color:#f8b831;border-color:#ffad00}.TrophyBadge-badge13{background-color:#cf5515;border-color:#b23f02}.TrophyBadge-badge14{background-color:#7e76b6;border-color:#61589d}.TrophyBadge-badge15{background-color:#43b1db;border-color:#2b95bd}.TrophyBadge-badge16{background-color:#ea5c96;border-color:#bb1959}.TrophyBadge-badge17{background-color:#99163c;border-color:#89162c}.TrophyBadge-badge18{background-color:#2c3e50;border-color:#1c2c3c}.TrophyBadge-badge19{background-color:#2dab61;border-color:#17934a}.TrophyBadge-badge20{background-color:#2e3640;border-color:#19212b}
.TrophyOverview{background-color:#f2f2f2;flex:1 1 auto;display:flex;flex-direction:column;text-align:center;min-height:100vh}.TrophyOverview-content{padding-top:32px}.TrophyOverview-trophies{display:flex;flex-wrap:wrap;width:100%;padding:30px 55px}.TrophyOverview-trophies>*{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:12px}
.TrophyInfo{flex:1 1 auto;display:flex;flex-direction:column;min-height:100vh;text-align:center;background-color:#f2f2f2;padding:24px}.TrophyInfo>.MobHeader{margin:-24px -24px 0}.TrophyInfo-content{flex:1 1 auto;display:flex;flex-direction:column;text-align:center;padding-top:24px}.TrophyInfo .TrophyBadge{margin:20px 64px}
.CategorieenPage-item{display:block;text-decoration:none;padding:12px 16px;border-bottom:1px solid #d8d8d8;position:relative;transition:background-color 200ms cubic-bezier(0.77, 0, 0.175, 1)}.CategorieenPage-item-chevron:after{content:"";display:inline-block;height:.5em;width:.5em;border-right:1px solid currentColor;border-top:1px solid currentColor;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(45deg)}.CategorieenPage-item-checkmark{color:green;position:absolute;top:50%;transform:translateY(-50%);right:12px}.CategorieenPage-item-icon{width:26px;height:26px;position:absolute;top:50%;transform:translateY(-50%);right:16px}.CategorieenPage-item-icon.TrophyBadge{padding:5px;display:flex;align-items:center}.CategorieenPage-item-selected{transition:background-color 200ms cubic-bezier(0.77, 0, 0.175, 1)}
.CategoryPage h1{padding:8px;border-bottom:1px solid #d8d8d8}
.RootSplashScreenPage{position:relative;height:100vh}.RootSplashScreenPage-background{position:relative;border:20px solid #fff;height:100vh;-o-object-fit:cover;object-fit:cover;background-position:40% top}.RootSplashScreenPage-hexagonWrapper{position:absolute;bottom:-15px;left:-10px;right:-10px}.RootSplashScreenPage-hexagonTextArea{position:absolute;top:100px;left:40px;display:flex;align-items:center;justify-content:center}.RootSplashScreenPage-hexagonTextArea .title{font-family:"Noe Display";font-size:60px;margin:0 0 1rem 0;line-height:1em}.RootSplashScreenPage-hexagonText{max-width:70%}.RootSplashScreenPage-hexagonText .button_black{background-color:#000}.RootSplashScreenPage-hexagonText .short{max-width:85%}
.HexagonWrapper svg{width:100%;height:100%}
.Theming-saga .HexagonWrapper svg{color:#d09624}
.Theming-wired .HexagonWrapper svg{color:#60c2ff}