/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/***
Spectrum Colorpicker v1.4.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/


.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 8px;
    margin-left: -3px;
    left: 50%;
    cursor: pointer;
    background: rgba( 255, 255, 255, 0.8 );
    border: 1px solid rgba( 0, 0, 0, 0.8 );
    border-radius: 4px;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    -ms-user-select: none;
        user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}
.sp-selection-palette-disabled .sp-palette-row-selection {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0)));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204, 154, 129, 0)));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -webkit-gradient( linear, left top, left bottom, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000) );
    background: linear-gradient( to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100% );
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 14px;
   height: 14px;
   width: 14px;
   margin: 4px 0 0 4px;
   border: 1px solid rgba( 0, 0, 0, 0.8 );
   background: rgba( 255, 255, 255, 0.3 );
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 6px;
    left: -3px;
    right: -3px;
    margin-top: 2px;
    background: rgba( 255, 255, 255, 0.8 );
    border: 1px solid rgba( 0, 0, 0, 0.8 );
    border-radius: 4px;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-clear {
    border: solid 1px rgba( 0, 0, 0, 0.2 );
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   padding: 4px;
   margin: 0;
   width: 100%;
   background: #fff;
   border: 1px solid #ccc;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid #1baee1;
    outline: 0;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px #ccc;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: #888;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 7px;
  text-align: center;
  vertical-align: middle;
}
.sp-container button:hover {
    border: 1px solid #888;
    cursor: pointer;
}
.sp-container button:active {
    border: 1px solid #333;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}

.sp-container button {
    background: transparent;
    font-size: 12px;
    margin-top: 10px;
}

.sp-container button + button {
    margin-left: 6px;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/*
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
 */
.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;-webkit-box-shadow:0px 0px 0px 3000px rgba(0,0,0,0);box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;-webkit-box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8);box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}


 .ladda-button[data-style=zoom-in],
 .ladda-button[data-style=zoom-in] .ladda-spinner,
 .ladda-button[data-style=zoom-in] .ladda-label,
 .ladda-button[data-style=zoom-out],
 .ladda-button[data-style=zoom-out] .ladda-spinner,
 .ladda-button[data-style=zoom-out] .ladda-label,
 .ladda-button[data-style=expand-right],
 .ladda-button[data-style=expand-right] .ladda-spinner,
 .ladda-button[data-style=expand-right] .ladda-label {
  -webkit-transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s padding-right ease,
              0.3s -webkit-transform ease !important;
  transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s padding-right ease,
              0.3s -webkit-transform ease !important;
  transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s transform ease,
              0.3s padding-right ease !important;
  transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s transform ease,
              0.3s padding-right ease,
              0.3s -webkit-transform ease !important;
 }
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes bounce-in {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@keyframes bounce-in {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@-webkit-keyframes scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes scale-in-medium {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes scale-in-medium {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes spin-rectangle-to-circle {
  50% {
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
            transform: scale(0.5) rotate(360deg); }
  100% {
    -webkit-transform: scale(1) rotate(720deg);
            transform: scale(1) rotate(720deg); } }
@keyframes spin-rectangle-to-circle {
  50% {
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
            transform: scale(0.5) rotate(360deg); }
  100% {
    -webkit-transform: scale(1) rotate(720deg);
            transform: scale(1) rotate(720deg); } }
@-webkit-keyframes float-light {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  65% {
    -webkit-transform: translate(0, -4px);
            transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }
@keyframes float-light {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  65% {
    -webkit-transform: translate(0, -4px);
            transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }
@-webkit-keyframes flash-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes flash-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes pulse-opacity {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes pulse-opacity {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes pulse-semi-opacity {
  0% {
    opacity: 0.1; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
@keyframes pulse-semi-opacity {
  0% {
    opacity: 0.1; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
@-webkit-keyframes small-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes small-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes medium-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes medium-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes slide-down-100 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes slide-down-100 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes header-intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes header-intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes slide-up-100 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes slide-up-100 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes slide-and-scale-up {
  0% {
    -webkit-transform: scale(0.5) translateY(100%);
            transform: scale(0.5) translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes slide-and-scale-up {
  0% {
    -webkit-transform: scale(0.5) translateY(100%);
            transform: scale(0.5) translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fade-to-25 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }
@keyframes fade-to-25 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }
@-webkit-keyframes tag-intro {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }
@keyframes tag-intro {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }
@-webkit-keyframes tag-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(0.93);
            transform: scale(0.93); }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes tag-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(0.93);
            transform: scale(0.93); }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.CodeMirror {
  height: 100% !important;
  font-size: 14px;
  line-height: 1.2; }

.cm-s-seti .CodeMirror-selected {
  background: rgba(255, 255, 255, 0.1); }
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Button styles.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.button {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "Inter", Helvetica, sans-serif;
  font-weight: normal;
  font-size: inherit;
  line-height: 1;
  outline: 0;
  border: 0;
  border-radius: 4px;
  background: #3f4d52;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 8px 12px; }

.button.hover-only {
  cursor: default; }

.ua-safari a.button[type="submit"],
.ua-safari .button.ladda-button[type="submit"] {
  -webkit-transition: none !important;
  transition: none !important; }

.button .sl-keyboard-shortcut {
  margin-left: 8px;
  opacity: 0.6; }

.button .sl-keyboard-shortcut .enter-key {
  position: relative;
  top: 1px; }

.button:hover {
  color: #fff; }

.button:focus {
  outline: 1px solid #1baee1;
  outline-offset: 4px; }

.button.transparent {
  background: transparent; }

.button:hover {
  background: #55686f; }

.button:active {
  background: #3f4d52; }

.button.grey {
  background: #3f4d52; }
  .button.grey:hover {
    background: #55686f; }
  .button.grey:active {
    background: #3f4d52; }

.button.white:not(.outline) {
  background: #fff;
  color: #252525; }
  .button.white:not(.outline):hover {
    background: #f5f5f5; }
  .button.white:not(.outline):active {
    background: #eee; }

.button.transparent-white-hover {
  background: transparent;
  color: #252525; }
  .button.transparent-white-hover:hover {
    background: #f5f5f5; }
  .button.transparent-white-hover:active {
    background: #eee; }

.button.negative {
  background: #e74c3c; }
  .button.negative.grey {
    background: #3f4d52; }
  .button.negative:hover {
    background: #ed7669; }
  .button.negative:active {
    background: #e74c3c; }

.button.blue,
.button.primary {
  background: #1baee1; }
  .button.blue:hover,
  .button.primary:hover {
    background: #46bfe9; }
  .button.blue:active,
  .button.primary:active {
    background: #168bb3; }

.button.dark-grey {
  background: #222; }
  .button.dark-grey:hover {
    background: #333; }
  .button.dark-grey:active {
    background: #111; }

.button.light-grey {
  background: #f6f7f9;
  color: #252525; }
  .button.light-grey:hover {
    background: #e3e6ed; }
  .button.light-grey:active {
    background: #d1d6e0; }

.button.s,
.sl-select.s,
.sl-checkbox.s label {
  font-size: 0.8em; }

.button.l,
.sl-select.l,
.sl-checkbox.l label {
  padding: 10px 14px;
  font-size: 1em; }

.button.xl,
.sl-select.xl,
.sl-checkbox.xl label {
  padding: 14px 20px;
  font-size: 1.2em;
  font-weight: 600;
  -webkit-font-smoothing: antialiased; }

.button.xxl,
.sl-select.xxl,
.sl-checkbox.xxl label {
  padding: 20px 30px;
  font-size: 1.8em;
  border-radius: 8px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased; }

.button.outline {
  background: transparent;
  border: 2px solid #bbb;
  color: #000;
  -webkit-transition: none !important;
  transition: none !important;
  padding: 6px 10px; }
  .button.outline.thin {
    border-width: 1px;
    padding: 7px 11px; }
  .button.outline:hover {
    background: transparent;
    border-color: #6f6f6f; }
  .button.outline.positive {
    border-color: #40cb90; }
    .button.outline.positive:hover {
      border-color: #23825a; }
  .button.outline.negative {
    border-color: #e74c3c; }
    .button.outline.negative:hover {
      border-color: #a82315; }
  .button.outline.low-contrast {
    color: #777; }
    .button.outline.low-contrast:hover {
      color: #222; }
  .button.outline.white {
    color: #fff;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.5); }
    .button.outline.white:hover {
      border-color: white; }
  .button.outline.disabled, .button.outline.disabled:hover, .button.outline[disabled], .button.outline[disabled]:hover {
    background: transparent;
    color: #999;
    border-color: #999;
    text-shadow: none; }
  .button.outline.l {
    padding: 8px 12px; }
  .button.outline.xl {
    padding: 12px 18px; }
  .button.outline.xxl {
    padding: 18px 28px; }

.button.black-5,
.sl-select.black-5 {
  color: #252525;
  background-color: rgba(0, 0, 0, 0.05); }
  .button.black-5:hover,
  .sl-select.black-5:hover {
    background-color: rgba(0, 0, 0, 0.1); }

.button.black-10,
.sl-select.black-10 {
  color: #252525;
  background-color: rgba(0, 0, 0, 0.1); }
  .button.black-10:hover,
  .sl-select.black-10:hover {
    background-color: rgba(0, 0, 0, 0.2); }

.button.black-30,
.sl-select.black-30 {
  background-color: rgba(0, 0, 0, 0.3); }
  .button.black-30:hover,
  .sl-select.black-30:hover {
    background-color: rgba(0, 0, 0, 0.7); }

.button.black-60,
.sl-select.black-60 {
  background-color: rgba(0, 0, 0, 0.6); }
  .button.black-60:hover,
  .sl-select.black-60:hover {
    background-color: rgba(0, 0, 0, 0.9); }

.button.disabled,
.button.disabled:hover {
  background: #969696;
  opacity: 0.6;
  cursor: default; }

.button[disabled],
.button[disabled]:hover {
  background: #969696;
  cursor: default; }

.touch .button {
  -webkit-transition: none;
  transition: none; }

/****************************************************
 * SLIDES DROPDOWN
 ****************************************************/
.sl-select {
  position: relative;
  line-height: 1.6;
  color: #222;
  border: 1px solid #bbb;
  border-radius: 2px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNrs07EKACAIBNAu+v9fthwCB5fOwOUOnCoepMLMRkfmaIpgwb0wAPNiz2n47DoukKHxzvevznAWfe5xxCsoNVwRYlHPYh5VQO2xYMHfswUYAEABKClqycpqAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right 50%;
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 8px 12px;
  padding-right: 26px; }
  .sl-select:hover {
    color: #000;
    border-color: #6f6f6f; }
  .sl-select:focus {
    outline: 1px solid #1baee1;
    outline-offset: 4px; }
  .sl-select.l {
    padding-right: 28px; }
  .sl-select.xl {
    padding-right: 34px; }
  .sl-select.xxl {
    padding-right: 44px; }
  .sl-select.no-arrow {
    background-image: none;
    padding-right: 12px; }
    .sl-select.no-arrow.l {
      padding-right: 14px; }
    .sl-select.no-arrow.xl {
      padding-right: 20px; }
    .sl-select.no-arrow.xxl {
      padding-right: 30px; }
  .sl-select[disabled] {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
    background-image: none; }
  .sl-select.white {
    color: #eee;
    border-color: rgba(255, 255, 255, 0.6);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpi/P//P8NAACaGAQKjFo9aPCgs/g/F5MqTbTEjkgXYLEVWQ/WgxmY5yZaSG8eMWIKWkV6JixEHm2jAQkHCZBzNx6MWj1o8KCwGCDAAWoINJoeeYR0AAAAASUVORK5CYII=); }
    .sl-select.white:hover {
      color: #fff;
      border-color: #fff; }
  .sl-select.thick {
    border-width: 2px; }

.sl-select::-ms-expand {
  display: none; }

/****************************************************
 * SLIDES CHECKBOX
 ****************************************************/
.sl-checkbox {
  position: relative;
  line-height: 1.6; }
  .sl-checkbox input {
    position: absolute;
    opacity: 0; }
  .sl-checkbox.outline label {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .sl-checkbox label {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #444;
    cursor: pointer;
    border-radius: 2px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 8px 12px; }
    .sl-checkbox label:before {
      content: '';
      display: inline-block;
      position: relative;
      width: 0.72em;
      height: 0.72em;
      top: 0.25em;
      float: left;
      margin-right: 8px;
      border: 1px solid #888;
      border-radius: 2px;
      font-size: 1.2em;
      font-family: "slides"; }
    .sl-checkbox label:hover {
      color: #000;
      border-color: rgba(0, 0, 0, 0.3); }
      .sl-checkbox label:hover:before {
        border-color: #000; }
  .sl-checkbox input:checked + label {
    color: #000;
    border-color: rgba(0, 0, 0, 0.4); }
    .sl-checkbox input:checked + label:before {
      content: "\e91b";
      top: -0.2em;
      left: -0.1em;
      border-color: transparent; }
  .sl-checkbox input:focus + label {
    outline: 1px solid #1baee1;
    outline-offset: 4px; }
  .sl-checkbox input:disabled {
    pointer-events: none; }
  .sl-checkbox input:disabled + label {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
    background-image: none; }
  .sl-checkbox .inline-text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .sl-checkbox .inline-description {
    display: block;
    margin-top: 2px;
    color: inherit;
    font-weight: normal;
    opacity: 0.7; }

.sl-checkbox.flush-left label {
  padding-left: 0; }

.sl-checkbox.white label {
  color: #fff; }
.sl-checkbox.white input:checked + label {
  color: #fff; }
  .sl-checkbox.white input:checked + label:before {
    border-color: transparent; }
.sl-checkbox.white.outline label {
  border: 1px solid rgba(255, 255, 255, 0.1); }
  .sl-checkbox.white.outline label:hover {
    border-color: rgba(255, 255, 255, 0.4); }
.sl-checkbox.white.outline input:checked + label {
  border-color: rgba(255, 255, 255, 0.4); }
/**
 * Component used to display a list of decks.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.deck-list {
  text-align: center;
  max-width: 1250px;
  margin: 0 auto;
  text-align: left; }
  .deck-list .deck-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .deck-list .carousel {
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 10px;
    width: 100%;
    padding: 10px 0;
    margin-top: -10px; }
    @media screen and (max-width: 1160px) {
      .deck-list .carousel {
        white-space: normal; } }
    .deck-list .carousel > li {
      display: inline-block;
      position: relative;
      vertical-align: top; }
  .deck-list .sl-deck-thumbnail {
    width: 100%;
    margin: 0; }
  .deck-list .sl-deck-thumbnail .deck-thumb {
    aspect-ratio: 1 / 1;
    min-height: 250px; }
  .deck-list .sl-deck-thumbnail .deck-thumb,
  .deck-list .sl-deck-thumbnail .deck-thumb-image {
    width: 100%;
    height: auto; }
  .deck-list.multiline .carousel {
    overflow: visible; }

.deck-list .deck-pagination {
  display: block;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  float: right; }
  .deck-list .deck-pagination button:first-of-type {
    margin-left: 10px; }
  .deck-list .deck-pagination button {
    font-size: 14px;
    margin-left: 4px; }

.deck-list-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1 / 1;
  min-height: 250px; }
/**
 * Deck sharing component re-used across the app.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-popup[data-id="decksharer"] .sl-popup-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.sl-popup[data-id="decksharer"][data-content-state="loading"] .sl-popup-body,
.sl-popup[data-id="decksharer"][data-content-state="placeholder"] .sl-popup-body {
  min-height: 460px; }

.decksharer-share-options .split-units .unit,
.decksharer-token-options .split-units .unit {
  display: inline-block;
  width: 48%;
  margin: 0; }
.decksharer-share-options .split-units .unit + .unit,
.decksharer-token-options .split-units .unit + .unit {
  margin-left: 4%; }

.decksharer-share-warning {
  margin: 20px !important;
  padding: 20px;
  background-color: #FFFAD5;
  color: #555; }

.decksharer-share-options {
  width: 100%;
  margin: 20px 0; }
  .decksharer-share-options .decksharer-share-options-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px; }
  .decksharer-share-options .decksharer-share-options-tab {
    display: inline-block;
    position: relative;
    width: 32%;
    padding: 15px;
    border: 1px solid #ddd;
    border-bottom: 0;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    top: 1px;
    text-align: center;
    color: #777;
    margin-right: -1px;
    -webkit-transition: top 0.2s ease;
    transition: top 0.2s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .decksharer-share-options .decksharer-share-options-tab:first-child {
    border-top-left-radius: 4px; }
  .decksharer-share-options .decksharer-share-options-tab:last-child {
    border-top-right-radius: 4px; }
  .decksharer-share-options .decksharer-share-options-tab:not(.is-selected):hover {
    background-color: #fafafa;
    z-index: 1;
    color: inherit; }
  .decksharer-share-options .decksharer-share-options-tab.is-selected {
    cursor: default;
    color: inherit;
    z-index: 4; }
  .decksharer-share-options .decksharer-share-options-pages {
    position: relative;
    z-index: 1;
    padding: 20px;
    border-top: 1px solid #ddd; }
  .decksharer-share-options .decksharer-share-options-page {
    display: none;
    position: relative; }
    .decksharer-share-options .decksharer-share-options-page label {
      display: block;
      margin-bottom: 10px; }
    .decksharer-share-options .decksharer-share-options-page .unit:last-child {
      margin-bottom: 0; }
  .decksharer-share-options .decksharer-share-options-page.is-selected {
    display: block; }
  .decksharer-share-options .decksharer-share-options-page[data-id="link"] input,
  .decksharer-share-options .decksharer-share-options-page[data-id="link"] .input-field {
    width: 100%; }
  .decksharer-share-options .decksharer-share-options-page[data-id="link"] .fullscreen-unit {
    margin-top: 0; }
  .decksharer-share-options .decksharer-share-options-page[data-id="link"] .half-units .unit {
    display: inline-block;
    width: 50%;
    margin: 0;
    vertical-align: top; }
  .decksharer-share-options .decksharer-share-options-page[data-id="link"] .half-units .unit:first-child {
    padding-right: 10px; }
  .decksharer-share-options .decksharer-share-options-page[data-id="link"] .half-units .unit:last-child {
    padding-left: 10px; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justif-content: stretch;
    margin-bottom: 15px; }
    .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options .unit {
      display: inline-block;
      vertical-align: top;
      margin: 0; }
    .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options .unit + .unit {
      margin-left: 15px; }
    .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options .unit.footer-style {
      width: 100%; }
    .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options p {
      margin-top: 15px; }
    .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options input {
      width: 100px;
      min-width: auto; }
    .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-options select {
      width: 100%;
      font-weight: normal; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-output-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-output {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-actions {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 50px;
    margin-left: 5px; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-actions .button {
    margin-bottom: 5px;
    font-size: 16.8px;
    height: 37px;
    width: 100%; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-extra-options input[type="text"] {
    width: 100%; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-upgrade-promotion {
    margin-top: 20px;
    padding: 10px;
    opacity: 0.6;
    width: 100%;
    line-height: 1.4;
    font-size: 12px; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .embed-upgrade-promotion:hover {
    opacity: 1; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] .sl-checkbox {
    margin: 0 0 10px 0; }
  .decksharer-share-options .decksharer-share-options-page[data-id="embed"] textarea {
    height: 80px;
    width: 100%;
    padding: 4px;
    resize: none;
    font-size: 12px;
    min-width: auto; }
  .decksharer-share-options .decksharer-share-options-page[data-id="email"] input {
    width: 100%; }
  .decksharer-share-options .decksharer-share-options-page[data-id="email"] .submit-wrapper {
    text-align: right; }
  .decksharer-share-options .decksharer-share-options-page[data-id="email"] .email-success {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .decksharer-share-options .decksharer-share-options-page[data-id="email"] .email-success-icon {
    color: #40cb90;
    font-size: 100px;
    margin: 110px 0 20px 0;
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translateY(30px) scale(0.6);
            transform: translateY(30px) scale(0.6);
    opacity: 0; }
  .decksharer-share-options .decksharer-share-options-page[data-id="email"] .email-success-description {
    color: #555;
    font-size: 1.2em;
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0; }
  .decksharer-share-options .decksharer-share-options-page[data-id="email"] .email-success.visible {
    opacity: 1;
    visibility: visible; }
    .decksharer-share-options .decksharer-share-options-page[data-id="email"] .email-success.visible .email-success-icon,
    .decksharer-share-options .decksharer-share-options-page[data-id="email"] .email-success.visible .email-success-description {
      -webkit-transform: none;
              transform: none;
      opacity: 1; }

.decksharer-token-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 26%;
      flex-basis: 26%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom-left-radius: 2px;
  z-index: 2; }
  .decksharer-token-list .decksharer-token-list-items {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .decksharer-token-list .decksharer-token-list-item {
    position: relative;
    padding: 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .decksharer-token-list .decksharer-token-list-item:hover {
      background-color: #f5f5f5; }
  .decksharer-token-list .decksharer-token-list-item .label {
    display: block;
    word-break: break-word;
    margin-bottom: 5px; }
  .decksharer-token-list .decksharer-token-list-item .meta {
    color: #888;
    font-size: 0.9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px; }
  .decksharer-token-list .decksharer-token-list-item .meta-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .decksharer-token-list .decksharer-token-list-item .meta-data .icon {
      margin-right: 5px; }
  .decksharer-token-list .decksharer-token-list-item .expiry {
    display: none; }
  .decksharer-token-list .decksharer-token-list-item .delete {
    display: block;
    margin-left: auto;
    color: #888;
    opacity: 0;
    margin-top: 2px;
    cursor: pointer; }
    .decksharer-token-list .decksharer-token-list-item .delete:hover {
      color: #000; }
  .decksharer-token-list .decksharer-token-list-item:hover .delete {
    opacity: 1; }
  .decksharer-token-list .decksharer-token-list-item.is-selected {
    background-color: #fff;
    cursor: default; }
  .decksharer-token-list .decksharer-token-list-item.has-expiry .expiry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .decksharer-token-list .decksharer-token-list-item.has-expired {
    color: #888; }
  .decksharer-token-list .decksharer-token-list-create {
    width: 100%;
    height: 60px;
    line-height: 58px;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 2px;
    cursor: pointer;
    text-align: center;
    color: #888;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .decksharer-token-list .decksharer-token-list-create:hover {
      background-color: #f5f5f5; }
  .decksharer-token-list .decksharer-token-list-create .ladda-label {
    width: 100%; }

.decksharer-token-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  -webkit-transition: all 0.2s ease 0.1s;
  transition: all 0.2s ease 0.1s;
  background-color: #fff; }
  .decksharer-token-options .decksharer-token-options-inner {
    margin: 20px; }
  .decksharer-token-options .decksharer-token-options-inner .input-field {
    width: 100%; }
  .decksharer-token-options .decksharer-token-options-inner .optional-label {
    margin-left: 6px;
    opacity: 0.5; }
  .decksharer-token-options .decksharer-share-options {
    padding-top: 20px; }
  .decksharer-token-options .decksharer-token-options-inner > :last-child {
    margin-bottom: 0 !important; }
  .decksharer-token-options .decksharer-token-options-inner > .unit {
    margin-bottom: 10px; }
  .decksharer-token-options .link-type-unit .link-type-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .decksharer-token-options .link-type-unit .link-type-radio {
    width: 50%;
    margin: 0 0 0 10px; }
  .decksharer-token-options .link-type-unit .link-type-radio:first-of-type {
    margin: 0; }
  .decksharer-token-options.hidden {
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }

.decksharer-token-options.embed-only .decksharer-share-options-tabs,
.decksharer-token-options.embed-only .notification-unit {
  display: none; }

.decksharer-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px 80px;
  background-color: #fff;
  color: #666;
  z-index: 10; }
  .decksharer-placeholder .decksharer-placeholder-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 530px;
    margin: auto;
    padding-bottom: 50px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .decksharer-placeholder .decksharer-placeholder-inner .spinner {
    margin: 0; }
  .decksharer-placeholder .left {
    margin-right: 10px; }
  .decksharer-placeholder .right {
    margin-left: 20px;
    padding-left: 20px; }
  .decksharer-placeholder .center {
    text-align: center; }
  .decksharer-placeholder .lock-icon {
    font-size: 60px;
    color: #e5e5e5; }
  .decksharer-placeholder h3 {
    font-weight: 600 !important; }
  .decksharer-placeholder p {
    font-size: 1.1em;
    line-height: 1.5;
    margin: 0.75em 0; }
  .decksharer-placeholder .button {
    margin-top: 10px; }
  .decksharer-placeholder .button + .button {
    margin-left: 8px; }
  .decksharer-placeholder.hidden {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
/**
 * Styles for presentation thumbnails.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-deck-thumbnail {
  position: relative;
  white-space: normal;
  border-bottom: 0;
  height: auto;
  padding-bottom: 80px;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease; }
  .sl-deck-thumbnail .deck-thumb {
    display: block;
    position: relative;
    width: 250px;
    height: 250px;
    margin: auto;
    background-color: #f5f5f5; }
  .sl-deck-thumbnail .deck-preview,
  .sl-deck-thumbnail .deck-thumb-image {
    display: block;
    position: relative;
    width: 250px;
    height: 250px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain; }
  .sl-deck-thumbnail .deck-thumb-image:not([src]) {
    visibility: hidden; }
  .sl-deck-thumbnail .deck-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    z-index: 1;
    cursor: pointer;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .sl-deck-thumbnail .deck-details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 80px;
    padding: 10px 10px 8px 10px;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 0.875em;
    line-height: 1.5;
    background: #fff; }
    .sl-deck-thumbnail .deck-details .top,
    .sl-deck-thumbnail .deck-details .bottom {
      position: relative; }
    .sl-deck-thumbnail .deck-details .author {
      position: relative;
      opacity: 1;
      color: #222;
      z-index: 2;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .sl-deck-thumbnail .deck-details .author .picture {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        vertical-align: top;
        background-size: cover;
        background-repeat: no-repeat; }
    .sl-deck-thumbnail .deck-details .bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 10px;
      margin-top: 8px;
      border-top: 1px solid rgba(0, 0, 0, 0.07); }
    .sl-deck-thumbnail .deck-details .bottom.seamless {
      padding-top: 0;
      border-top: 0; }
      .sl-deck-thumbnail .deck-details .bottom.seamless .stats {
        color: #aaa; }
    .sl-deck-thumbnail .deck-details .stats {
      color: #222;
      background: #fff;
      cursor: default;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .sl-deck-thumbnail .deck-details .stats > div {
        display: inline-block; }
      .sl-deck-thumbnail .deck-details .stats .icon {
        margin-left: 3px; }
    .sl-deck-thumbnail .deck-details .status-label {
      color: #65b772;
      border: 1px solid #dff0e1;
      padding: 4px 8px;
      border-radius: 2px; }
    .sl-deck-thumbnail .deck-details .title {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .sl-deck-thumbnail .deck-details .team {
      opacity: 0.6; }
    .sl-deck-thumbnail .deck-details .bottom .button {
      position: relative;
      z-index: 2;
      margin-left: auto; }
    .sl-deck-thumbnail .deck-details .bottom .button .icon {
      vertical-align: middle; }
  .sl-deck-thumbnail .deck-preview-controls {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: none; }
    .sl-deck-thumbnail .deck-preview-controls button {
      padding: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 36px;
      height: 32px; }
  .sl-deck-thumbnail .deck-preview-controls .fullscreen-button,
  .sl-deck-thumbnail .deck-preview-controls .open-deck-button {
    margin-right: 8px; }
  .sl-deck-thumbnail .show-in-preview,
  .sl-deck-thumbnail .show-in-fullscreen {
    display: none; }
  .sl-deck-thumbnail[data-context="template"] .deck-preview-controls .open-deck-button, .sl-deck-thumbnail[data-context="template-blank"] .deck-preview-controls .open-deck-button {
    display: none; }
  .sl-deck-thumbnail:not([data-context="template"]) .deck-preview-controls .fullscreen-button {
    display: none; }
  .sl-deck-thumbnail:not([data-state="preview"]):hover:not(.no-float) {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .sl-deck-thumbnail:not([data-state="preview"]):hover:not(.no-float) .deck-link {
      -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1), 0 5px 6px -2px rgba(0, 0, 0, 0.2);
              box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1), 0 5px 6px -2px rgba(0, 0, 0, 0.2); }
  .sl-deck-thumbnail:not([data-state="preview"]):hover .deck-preview-controls {
    display: block; }
  .sl-deck-thumbnail:not([data-state="preview"]):hover .deck-details .title {
    white-space: normal; }

.sl-deck-thumbnail.auto-width .deck-thumb,
.sl-deck-thumbnail.auto-width .deck-thumb-image {
  width: 100%;
  height: auto; }

.sl-deck-thumbnail[data-state="preview"] {
  pointer-events: none; }
  .sl-deck-thumbnail[data-state="preview"] .deck-details {
    pointer-events: none; }
  .sl-deck-thumbnail[data-state="preview"] .deck-preview-controls {
    display: block; }
  .sl-deck-thumbnail[data-state="preview"] .deck-thumb,
  .sl-deck-thumbnail[data-state="preview"] .deck-details .button,
  .sl-deck-thumbnail[data-state="preview"] .deck-preview-controls {
    pointer-events: auto; }
  .sl-deck-thumbnail[data-state="preview"] .hide-in-preview {
    display: none; }
  .sl-deck-thumbnail[data-state="preview"] .show-in-preview {
    display: inline-block; }
  .sl-deck-thumbnail[data-state="preview"] .deck-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .sl-deck-thumbnail[data-state="preview"] .deck-preview iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0; }
  .sl-deck-thumbnail[data-state="preview"] .deck-preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    opacity: 0;
    -webkit-animation: fade-in 0.2s;
            animation: fade-in 0.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.sl-deck-thumbnail[data-state="preview"]:-webkit-full-screen:not(.has-deck-details) {
  padding-bottom: 0; }

.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen:not(.has-deck-details) {
  padding-bottom: 0; }

.sl-deck-thumbnail[data-state="preview"]:fullscreen:not(.has-deck-details) {
  padding-bottom: 0; }
.sl-deck-thumbnail[data-state="preview"]:-webkit-full-screen .deck-preview-controls {
  font-size: 1.25rem;
  top: 1rem;
  right: 1rem; }
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .deck-preview-controls {
  font-size: 1.25rem;
  top: 1rem;
  right: 1rem; }
.sl-deck-thumbnail[data-state="preview"]:fullscreen .deck-preview-controls {
  font-size: 1.25rem;
  top: 1rem;
  right: 1rem; }
.sl-deck-thumbnail[data-state="preview"]:-webkit-full-screen .deck-thumb {
  width: 100%;
  height: 100%; }
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .deck-thumb {
  width: 100%;
  height: 100%; }
.sl-deck-thumbnail[data-state="preview"]:fullscreen .deck-thumb {
  width: 100%;
  height: 100%; }
.sl-deck-thumbnail[data-state="preview"]:-webkit-full-screen .hide-in-fullscreen {
  display: none; }
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .hide-in-fullscreen {
  display: none; }
.sl-deck-thumbnail[data-state="preview"]:fullscreen .hide-in-fullscreen {
  display: none; }
.sl-deck-thumbnail[data-state="preview"]:-webkit-full-screen .show-in-fullscreen {
  display: inline-block; }
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .show-in-fullscreen {
  display: inline-block; }
.sl-deck-thumbnail[data-state="preview"]:fullscreen .show-in-fullscreen {
  display: inline-block; }
.sl-deck-thumbnail[data-state="preview"]:-webkit-full-screen .select-button {
  background-color: #1baee1;
  color: #fff; }
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .select-button {
  background-color: #1baee1;
  color: #fff; }
.sl-deck-thumbnail[data-state="preview"]:fullscreen .select-button {
  background-color: #1baee1;
  color: #fff; }
/**
 * Site-wide footer.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.global-footer {
  position: relative;
  width: 100%;
  margin: 80px auto 0 auto;
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 60px;
  margin-bottom: 0px;
  clear: both;
  color: #444;
  border-top: 1px solid #ddd;
  font-size: 14px;
  max-width: 1180px;
  text-align: center;
  line-height: 1.3em; }
  .global-footer .global-footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 80px;
    gap: 2em; }
  .global-footer .link-group {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin: 0;
    max-width: 200px; }
    .global-footer .link-group h4, .global-footer .link-group a, .global-footer .link-group span {
      display: block;
      padding: 8px 6px;
      font-size: inherit; }
    .global-footer .link-group h4 {
      color: #222;
      margin-bottom: 15px;
      text-transform: uppercase; }
  .global-footer small {
    display: block;
    margin-top: 7px;
    font-size: 15px; }
  .global-footer a {
    position: relative;
    border-radius: 2px;
    color: #444;
    -webkit-transition: none;
    transition: none; }
    .global-footer a:hover {
      color: #000;
      background-color: #f6f7f9; }
    .global-footer a:active {
      top: 1px; }
  .global-footer span {
    padding: 2px 6px; }
  .global-footer h4 {
    font-weight: 500; }
  .global-footer .global-footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 80px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .global-footer .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -0.1em; }
  .global-footer .social svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.2em;
    height: 2em;
    padding: 8px 6px;
    font-size: 1.25em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .global-footer .social .twitter-link:hover {
    background-color: #1da1f2;
    color: #fff; }
  .global-footer .social .facebook-link:hover {
    background-color: #3b5998;
    color: #fff; }
  .global-footer .legal {
    color: #444;
    font-size: 13px;
    border-top: 0;
    text-align: right;
    line-height: 2; }
  .global-footer .legal:first-child:last-child {
    text-align: center; }
  .global-footer .legal a,
  .global-footer .legal span {
    padding: 8px 6px; }
  @media screen and (max-width: 1000px) {
    .global-footer .link-group {
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (max-width: 700px) {
    .global-footer {
      margin-top: 40px; }
      .global-footer .global-footer-links {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .global-footer .link-group {
        width: 46%;
        margin-left: 0;
        margin-right: 0; }
        .global-footer .link-group h4 {
          margin-bottom: 8px; } }

.global-footer-minimal {
  border-top: 0;
  line-height: 1.6; }
  .global-footer-minimal .legal a,
  .global-footer-minimal .legal span {
    margin: 0 -2px; }

html.deck-dashboard .container > .global-footer {
  display: none; }

.app-nav .global-footer {
  display: block;
  margin-top: auto;
  padding: 20px 0 0 0;
  width: auto; }

.app-nav .global-footer .legal {
  font-size: 12px; }
/**
 * Site-wide form styles.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.input-field,
form textarea, .sl-form textarea,
form input[type=text], .sl-form input[type=text],
form input[type=number], .sl-form input[type=number],
form input[type=email], .sl-form input[type=email],
form input[type=search], .sl-form input[type=search],
form input[type=password], .sl-form input[type=password] {
  padding: 10px;
  border: 1px solid #edeff2;
  border-radius: 2px;
  background: #f6f7f9;
  -webkit-appearance: none; }
  .input-field:focus,
  form textarea:focus, .sl-form textarea:focus,
  form input[type=text]:focus, .sl-form input[type=text]:focus,
  form input[type=number]:focus, .sl-form input[type=number]:focus,
  form input[type=email]:focus, .sl-form input[type=email]:focus,
  form input[type=search]:focus, .sl-form input[type=search]:focus,
  form input[type=password]:focus, .sl-form input[type=password]:focus {
    background: #fff;
    border-color: #1baee1;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0; }
  .input-field[readonly]:focus,
  form textarea[readonly]:focus, .sl-form textarea[readonly]:focus,
  form input[type=text][readonly]:focus, .sl-form input[type=text][readonly]:focus,
  form input[type=number][readonly]:focus, .sl-form input[type=number][readonly]:focus,
  form input[type=email][readonly]:focus, .sl-form input[type=email][readonly]:focus,
  form input[type=search][readonly]:focus, .sl-form input[type=search][readonly]:focus,
  form input[type=password][readonly]:focus, .sl-form input[type=password][readonly]:focus {
    background: #f6f7f9; }
  .input-field.xl,
  form textarea.xl, .sl-form textarea.xl,
  form input[type=text].xl, .sl-form input[type=text].xl,
  form input[type=number].xl, .sl-form input[type=number].xl,
  form input[type=email].xl, .sl-form input[type=email].xl,
  form input[type=search].xl, .sl-form input[type=search].xl,
  form input[type=password].xl, .sl-form input[type=password].xl {
    height: auto;
    padding: 16px;
    font-size: 1.2em; }

form textarea,
.sl-form textarea {
  font-size: 0.9em;
  line-height: 1.4em; }

form .unit,
.sl-form .unit {
  display: block;
  position: relative;
  margin: 15px 0 25px 0; }
  form .unit:first-child,
  .sl-form .unit:first-child {
    margin-top: 0; }
form .form-label,
form .unit label,
.sl-form .form-label,
.sl-form .unit label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500; }
form .sl-checkbox label,
form .sl-datepicker label,
.sl-form .sl-checkbox label,
.sl-form .sl-datepicker label {
  font-weight: 400; }
form .unit .unit-description,
.sl-form .unit .unit-description {
  margin-top: 0;
  font-size: 13px;
  color: #666; }
form .unit input + .unit-description,
.sl-form .unit input + .unit-description {
  margin-top: 15px; }
form .unit .deprecation-warning,
.sl-form .unit .deprecation-warning {
  margin: 1em 0;
  color: #686200;
  background: #fff99b;
  padding: 8px; }
form .unit textarea,
.sl-form .unit textarea {
  width: 100%;
  resize: none; }
form .unit.hidden,
.sl-form .unit.hidden {
  display: none; }
form .unit.checkbox label,
.sl-form .unit.checkbox label {
  display: inline-block;
  margin-right: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
form .unit-divider,
.sl-form .unit-divider {
  margin: 2em 0;
  height: 1px;
  background-color: #ddd; }
form .unit.text.label-placeholder input,
.sl-form .unit.text.label-placeholder input {
  padding: 17px 10px 3px 10px; }
form .unit.text.label-placeholder label,
.sl-form .unit.text.label-placeholder label {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  font-size: 0.6em;
  font-weight: 500;
  padding: 4px 10px 0 10px;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.9, 0.135, 1);
  transition: all 0.15s cubic-bezier(0.3, 0.9, 0.135, 1);
  pointer-events: none; }
form .unit.text.label-placeholder input:invalid:not(.is-autofilled),
.sl-form .unit.text.label-placeholder input:invalid:not(.is-autofilled) {
  padding: 10px;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }
form .unit.text.label-placeholder input:invalid:not(.is-autofilled) + label,
.sl-form .unit.text.label-placeholder input:invalid:not(.is-autofilled) + label {
  font-size: 1em;
  font-weight: 400;
  padding: 10px; }
form .unit.text .prefix.http,
.sl-form .unit.text .prefix.http {
  width: 65px; }
  form .unit.text .prefix.http:after,
  .sl-form .unit.text .prefix.http:after {
    content: 'http://'; }
  form .unit.text .prefix.http ~ input,
  .sl-form .unit.text .prefix.http ~ input {
    padding-left: 75px; }
form .unit.text .prefixed-input,
form .unit.text .suffixed-input,
.sl-form .unit.text .prefixed-input,
.sl-form .unit.text .suffixed-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  form .unit.text .prefixed-input .prefix,
  form .unit.text .prefixed-input .suffix,
  form .unit.text .suffixed-input .prefix,
  form .unit.text .suffixed-input .suffix,
  .sl-form .unit.text .prefixed-input .prefix,
  .sl-form .unit.text .prefixed-input .suffix,
  .sl-form .unit.text .suffixed-input .prefix,
  .sl-form .unit.text .suffixed-input .suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 70%;
    padding: 0 10px;
    border: 1px solid #edeff2;
    background-color: #edeff2;
    color: #7d7e82;
    cursor: default; }
  form .unit.text .prefixed-input .prefix,
  form .unit.text .suffixed-input .prefix,
  .sl-form .unit.text .prefixed-input .prefix,
  .sl-form .unit.text .suffixed-input .prefix {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 0; }
  form .unit.text .prefixed-input .suffix,
  form .unit.text .suffixed-input .suffix,
  .sl-form .unit.text .prefixed-input .suffix,
  .sl-form .unit.text .suffixed-input .suffix {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0; }
  form .unit.text .prefixed-input .width-50,
  form .unit.text .suffixed-input .width-50,
  .sl-form .unit.text .prefixed-input .width-50,
  .sl-form .unit.text .suffixed-input .width-50 {
    width: 50px; }
  form .unit.text .prefixed-input .text-prefix,
  form .unit.text .suffixed-input .text-prefix,
  .sl-form .unit.text .prefixed-input .text-prefix,
  .sl-form .unit.text .suffixed-input .text-prefix {
    overflow: hidden;
    text-overflow: ellipsis; }
  form .unit.text .prefixed-input .text-faded,
  form .unit.text .suffixed-input .text-faded,
  .sl-form .unit.text .prefixed-input .text-faded,
  .sl-form .unit.text .suffixed-input .text-faded {
    color: #999; }
  form .unit.text .prefixed-input input,
  form .unit.text .suffixed-input input,
  .sl-form .unit.text .prefixed-input input,
  .sl-form .unit.text .suffixed-input input {
    margin: 0 !important; }
  form .unit.text .prefixed-input button.prefix,
  form .unit.text .prefixed-input button.suffix,
  form .unit.text .suffixed-input button.prefix,
  form .unit.text .suffixed-input button.suffix,
  .sl-form .unit.text .prefixed-input button.prefix,
  .sl-form .unit.text .prefixed-input button.suffix,
  .sl-form .unit.text .suffixed-input button.prefix,
  .sl-form .unit.text .suffixed-input button.suffix {
    color: inherit;
    cursor: pointer; }
form .unit.text .prefixed-input input,
.sl-form .unit.text .prefixed-input input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
form .unit.text .suffixed-input input,
.sl-form .unit.text .suffixed-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
form .unit.scripts .list,
.sl-form .unit.scripts .list {
  list-style: none;
  margin-bottom: 8px; }
form .unit.scripts .list-item,
.sl-form .unit.scripts .list-item {
  position: relative;
  padding: 8px 0;
  border-top: 1px solid #ddd;
  cursor: default;
  word-wrap: break-word;
  padding-right: 36px; }
form .unit.scripts .list-item .remove,
.sl-form .unit.scripts .list-item .remove {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #aaa; }
  form .unit.scripts .list-item .remove:hover,
  .sl-form .unit.scripts .list-item .remove:hover {
    color: #000; }
form .unit.scripts .input-wrapper,
.sl-form .unit.scripts .input-wrapper {
  position: relative; }
  form .unit.scripts .input-wrapper .button,
  .sl-form .unit.scripts .input-wrapper .button {
    position: absolute;
    width: 15%;
    right: 0;
    line-height: 25px;
    text-align: center; }
  form .unit.scripts .input-wrapper input,
  .sl-form .unit.scripts .input-wrapper input {
    max-width: 83%; }
form .unit .status,
.sl-form .unit .status {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  cursor: default; }
  form .unit .status .icon,
  .sl-form .unit .status .icon {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 4px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: #d2664f;
    color: #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  form .unit .status .icon.i-check,
  .sl-form .unit .status .icon.i-check {
    font-size: 16px; }
  form .unit .status.visible .icon,
  .sl-form .unit .status.visible .icon {
    opacity: 1;
    top: 0; }
  form .unit .status .message,
  .sl-form .unit .status .message {
    position: absolute;
    right: -6px;
    top: -42px;
    padding: 6px 10px;
    margin: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 14px;
    visibility: hidden;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    form .unit .status .message:before,
    .sl-form .unit .status .message:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: initial;
      right: 15px;
      top: 100%;
      bottom: initial;
      border-style: solid;
      border-width: 6px;
      border-color: transparent;
      -webkit-transform: rotate(360deg);
      margin-left: -6px;
      border-bottom-width: 0;
      border-top-color: rgba(0, 0, 0, 0.8); }
form .unit .status.success .icon,
.sl-form .unit .status.success .icon {
  background: #40cb90; }
form .unit .status.error .icon,
.sl-form .unit .status.error .icon {
  background: #d2664f; }
form .unit .field-info,
.sl-form .unit .field-info {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  z-index: 2;
  cursor: default;
  line-height: 24px;
  border-radius: 24px;
  text-align: center;
  font-size: 14px;
  color: #7d7e82;
  background-color: #edeff2; }
form .unit .field-info:after,
.sl-form .unit .field-info:after {
  font-family: Helvetica, sans-serif;
  content: '?'; }
form .unit.has-error .field-info,
.sl-form .unit.has-error .field-info {
  display: none; }
form .actions,
.sl-form .actions {
  margin-top: 40px; }
  form .actions .button + .button,
  .sl-form .actions .button + .button {
    margin-left: 10px; }
  form .actions .button[disabled],
  .sl-form .actions .button[disabled] {
    background: #aaa; }
form .actions.sticky,
.sl-form .actions.sticky {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #fff;
  margin-top: 20px;
  padding: 20px 0; }
form #error_explanation,
.sl-form #error_explanation {
  padding: 10px;
  border: 2px solid #F00; }
  form #error_explanation h2,
  .sl-form #error_explanation h2 {
    margin-bottom: 10px;
    font-size: inherit;
    font-weight: 500; }
  form #error_explanation ul,
  .sl-form #error_explanation ul {
    list-style-position: inside; }
form .image-uploader,
.sl-form .image-uploader {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  form .image-uploader .image-uploader-preview,
  .sl-form .image-uploader .image-uploader-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 52px;
    height: 52px;
    padding: 4px;
    background-color: #edeff2;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-image: url(//staging.slides.com/assets/editor/image-placeholder-white-transparent-500x500-1f08475c78a4a4600fa27f16bd179efdb19d3813ac0b41d3dd118b1c8d243c40.svg);
    background-size: contain;
    background-repeat: no-repeat; }
  form .image-uploader .image-uploader-actions,
  .sl-form .image-uploader .image-uploader-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    text-align: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f6f7f9;
    padding: 6px 12px 6px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  form .image-uploader button,
  .sl-form .image-uploader button {
    position: relative;
    margin-left: 10px;
    z-index: 10; }
  form .image-uploader .image-uploader-remove-button,
  .sl-form .image-uploader .image-uploader-remove-button {
    display: none; }
  form .image-uploader[data-state="populated"] .image-uploader-remove-button,
  .sl-form .image-uploader[data-state="populated"] .image-uploader-remove-button {
    display: block; }
  form .image-uploader[data-state="populated"] .image-uploader-preview,
  .sl-form .image-uploader[data-state="populated"] .image-uploader-preview {
    background-image: none; }
  form .image-uploader img,
  .sl-form .image-uploader img {
    max-width: 100%;
    max-height: 100%;
    margin: auto; }
  form .image-uploader input,
  .sl-form .image-uploader input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer; }
  form .image-uploader span,
  .sl-form .image-uploader span {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 124px;
    height: 30px;
    line-height: 30px;
    z-index: 1;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff; }
  form .image-uploader:hover span,
  .sl-form .image-uploader:hover span {
    background: rgba(0, 0, 0, 0.9); }
form .image-uploader.dark[data-state="populated"] .image-uploader-preview,
.sl-form .image-uploader.dark[data-state="populated"] .image-uploader-preview {
  background-color: #444; }

form .unit-row,
.sl-form .unit-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px; }
  form .unit-row .sl-checkbox,
  .sl-form .unit-row .sl-checkbox {
    margin-bottom: 0; }
  form .unit-row .unit,
  .sl-form .unit-row .unit {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%; }
  form .unit-row .unit + .unit,
  .sl-form .unit-row .unit + .unit {
    margin-left: 15px; }

.sl-form .unit.radio.full-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 4px; }
  .sl-form .unit.radio.full-width label {
    width: 100%; }

form input[type="radio"],
.sl-form input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0; }
  form input[type="radio"] + label,
  .sl-form input[type="radio"] + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 8px 12px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: top;
    line-height: 1.4; }
    form input[type="radio"] + label .dimmed,
    .sl-form input[type="radio"] + label .dimmed {
      margin-left: 4px; }
    form input[type="radio"] + label .dimmed,
    form input[type="radio"] + label .radio-description,
    .sl-form input[type="radio"] + label .dimmed,
    .sl-form input[type="radio"] + label .radio-description {
      color: #888; }
  form input[type="radio"] + label:before,
  .sl-form input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 0.72em;
    height: 0.72em;
    line-height: 1;
    top: 0.15em;
    border-radius: 1em;
    margin-right: 0.4em;
    border: 1px solid currentColor;
    border-radius: 2px;
    font-size: 1.2em;
    font-family: "slides";
    vertical-align: middle;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  form input[type="radio"] + label.outline,
  .sl-form input[type="radio"] + label.outline {
    border-color: rgba(0, 0, 0, 0.1); }
  form input[type="radio"] + label:hover,
  .sl-form input[type="radio"] + label:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  form input[type="radio"] .inline-text-wrapper,
  .sl-form input[type="radio"] .inline-text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  form input[type="radio"]:focus + label,
  .sl-form input[type="radio"]:focus + label {
    outline: 1px solid #1baee1;
    outline-offset: 4px; }
  form input[type="radio"]:checked + label:not(.radio-subtle),
  .sl-form input[type="radio"]:checked + label:not(.radio-subtle) {
    border-color: #1baee1;
    background-color: #1baee1;
    color: #fff; }
    form input[type="radio"]:checked + label:not(.radio-subtle) .dimmed,
    .sl-form input[type="radio"]:checked + label:not(.radio-subtle) .dimmed {
      color: rgba(255, 255, 255, 0.6); }
    form input[type="radio"]:checked + label:not(.radio-subtle) .radio-description,
    .sl-form input[type="radio"]:checked + label:not(.radio-subtle) .radio-description {
      color: rgba(255, 255, 255, 0.7); }
  form input[type="radio"]:checked + label.radio-subtle,
  .sl-form input[type="radio"]:checked + label.radio-subtle {
    border-color: #1baee1; }
  form input[type="radio"]:checked + label.radio-subtle:before,
  .sl-form input[type="radio"]:checked + label.radio-subtle:before {
    color: #000; }
  form input[type="radio"]:checked + label:before,
  .sl-form input[type="radio"]:checked + label:before {
    content: "\e91b";
    border-color: transparent;
    top: 0;
    left: -0.1em; }
  form input[type="radio"]:disabled + label,
  .sl-form input[type="radio"]:disabled + label {
    pointer-events: none; }

form .unit.radio.side-by-side,
.sl-form .unit.radio.side-by-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px; }
  form .unit.radio.side-by-side label,
  .sl-form .unit.radio.side-by-side label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0; }

form .unit.radio.thumbs,
.sl-form .unit.radio.thumbs {
  background-color: #f6f7f9;
  border: 1px solid #edeff2;
  border-radius: 2px;
  gap: 1px; }

form .unit.radio.thumbs input + label,
.sl-form .unit.radio.thumbs input + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
  gap: 8px;
  opacity: 0.75;
  border: 0; }
form .unit.radio.thumbs input + label img,
.sl-form .unit.radio.thumbs input + label img {
  width: 100%; }
form .unit.radio.thumbs input + label:hover,
.sl-form .unit.radio.thumbs input + label:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); }
form .unit.radio.thumbs input + label:before,
.sl-form .unit.radio.thumbs input + label:before {
  display: none; }
form .unit.radio.thumbs input:checked + label,
.sl-form .unit.radio.thumbs input:checked + label {
  opacity: 1;
  z-index: 1; }
form .unit.radio.thumbs input:checked + label,
.sl-form .unit.radio.thumbs input:checked + label {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #1baee1;
          box-shadow: 0 0 0 1px #1baee1; }
form .unit.radio.thumbs input:checked + label:before,
.sl-form .unit.radio.thumbs input:checked + label:before {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  left: auto; }

form .unit.radio .radio-description,
.sl-form .unit.radio .radio-description {
  margin: 2px 0 0 0;
  line-height: 1.4;
  font-size: 0.9em; }

form .sl-datepicker label,
.sl-form .sl-datepicker label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #444;
  padding: 10px;
  margin: 0;
  color: #444; }
form .sl-datepicker .sl-datepicker-text,
.sl-form .sl-datepicker .sl-datepicker-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
form .sl-datepicker .reset-button,
.sl-form .sl-datepicker .reset-button {
  display: none;
  margin: -5px 5px; }
form .sl-datepicker input,
.sl-form .sl-datepicker input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  color: currentColor; }
form .sl-datepicker input:focus,
.sl-form .sl-datepicker input:focus {
  outline: none; }
form .sl-datepicker:hover label,
.sl-form .sl-datepicker:hover label {
  color: #444;
  border-color: rgba(0, 0, 0, 0.3); }
form .sl-datepicker.is-set .reset-button,
.sl-form .sl-datepicker.is-set .reset-button {
  display: block; }
form .sl-datepicker.is-set:not(.is-expired) label,
.sl-form .sl-datepicker.is-set:not(.is-expired) label {
  border-color: rgba(0, 0, 0, 0.4); }
form .sl-datepicker.is-set:not(.is-expired) label,
form .sl-datepicker.is-set:not(.is-expired) input,
.sl-form .sl-datepicker.is-set:not(.is-expired) label,
.sl-form .sl-datepicker.is-set:not(.is-expired) input {
  color: #000; }
form .sl-datepicker.is-expired:not(:focus-within):not(:hover),
.sl-form .sl-datepicker.is-expired:not(:focus-within):not(:hover) {
  opacity: 0.75; }

form .unit.range input[type=range],
.sl-form .unit.range input[type=range] {
  width: 100%;
  background: transparent;
  -webkit-appearance: none;
  apperance: none; }
form .unit.range input[type="range"]::-webkit-slider-runnable-track,
.sl-form .unit.range input[type="range"]::-webkit-slider-runnable-track {
  background: #edeff2;
  height: 6px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#1baee1), color-stop(#1baee1), to(#edeff2));
  background: linear-gradient(to right, #1baee1 0%, #1baee1 var(--range-progress-percent), #edeff2 var(--range-progress-percent)); }
form .unit.range input[type="range"]::-moz-range-track,
.sl-form .unit.range input[type="range"]::-moz-range-track {
  background: #edeff2;
  height: 6px;
  border-radius: 6px;
  background: linear-gradient(to right, #1baee1 0%, #1baee1 var(--range-progress-percent), #edeff2 var(--range-progress-percent)); }
form .unit.range input[type="range"]::-webkit-progress-value,
.sl-form .unit.range input[type="range"]::-webkit-progress-value {
  background: #edeff2;
  height: 6px;
  border-radius: 6px;
  background: #1baee1; }
form .unit.range input[type=range]::-webkit-slider-thumb,
.sl-form .unit.range input[type=range]::-webkit-slider-thumb {
  background: #1baee1;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  border-radius: 16px;
  -webkit-appearance: none;
  apperance: none;
  border: 0; }
form .unit.range input[type=range]::-moz-range-thumb,
.sl-form .unit.range input[type=range]::-moz-range-thumb {
  background: #1baee1;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  border-radius: 16px;
  -webkit-appearance: none;
  apperance: none;
  border: 0; }
form .unit.range input[type=range]:hover::-webkit-slider-thumb,
.sl-form .unit.range input[type=range]:hover::-webkit-slider-thumb {
  background: #46bfe9; }
form .unit.range input[type=range]:hover::-moz-range-thumb,
.sl-form .unit.range input[type=range]:hover::-moz-range-thumb {
  background: #46bfe9; }
form .unit.range .range-wrapper,
.sl-form .unit.range .range-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px; }
form .unit.range .range-value,
.sl-form .unit.range .range-value {
  min-width: 20px;
  text-align: right; }

.touch form .unit .error .message,
.touch .sl-form .unit .error .message,
form .unit.focused .error .message,
form .unit .error:hover .message,
form .unit .display-error .error .message,
.sl-form .unit.focused .error .message,
.sl-form .unit .error:hover .message,
.sl-form .unit .display-error .error .message {
  visibility: visible;
  top: -46px;
  opacity: 1; }

.input-field-tray {
  position: relative;
  top: -1px;
  padding: 6px 4px 4px 4px;
  border: 1px solid #edeff2;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.input-field-tray-presets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.input-field-tray-preset {
  display: inline-block;
  padding: 4px 0;
  border: 1px solid transparent;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  text-align: center;
  color: #777;
  white-space: nowrap; }

.input-field-tray-preset.selected {
  border-color: #1baee1;
  color: inherit; }

.input-field-tray-preset + .input-field-tray-preset {
  margin-left: 2px; }
/**
 * Site-wide header.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .global-header .nav {
    font-weight: 500; } }
.global-header {
  position: relative;
  width: 100%;
  height: 70px;
  line-height: 66px;
  margin: 0 auto;
  z-index: 4;
  font-size: 15px;
  background: #2f2f33;
  border-bottom: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .global-header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  @media screen and (min-width: 1700px) {
    .global-header .wrapper {
      max-width: 1180px; }
    html.marketing-page .global-header .wrapper, html.users.show .global-header .wrapper, html.teams.show .global-header .wrapper {
      max-width: 2000px; } }
  .global-header .slides-logo {
    display: inline-block;
    top: 12px;
    margin: 0 10px 0 0;
    float: left;
    vertical-align: middle;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .global-header .logo-image-or-text {
    width: 220px;
    height: 70px; }
    .global-header .logo-image-or-text a {
      display: inline-block;
      width: 100%;
      color: #fff;
      font-size: 22px;
      height: 70px;
      line-height: 70px;
      vertical-align: top;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .global-header .logo-image-or-text a .logo-image {
        position: relative;
        height: 80%;
        width: 100%;
        top: 10%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center; }
  .global-header .nav-wrapper {
    overflow: hidden;
    margin-right: -10px; }
  .global-header .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    position: relative;
    height: 100%;
    top: -1px; }
  .global-header .nav-compact {
    display: none; }
  .global-header .nav-item {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top; }
  .global-header .nav-item:nth-child(1),
  .global-header .nav-item-divider:nth-child(1) {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .global-header .nav-item:nth-child(2),
  .global-header .nav-item-divider:nth-child(2) {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .global-header .nav-item:nth-child(3),
  .global-header .nav-item-divider:nth-child(3) {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .global-header .nav-item:nth-child(4),
  .global-header .nav-item-divider:nth-child(4) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .global-header .nav-item:nth-child(5),
  .global-header .nav-item-divider:nth-child(5) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .global-header .nav-item:nth-child(6),
  .global-header .nav-item-divider:nth-child(6) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .global-header .nav-item:nth-child(7),
  .global-header .nav-item-divider:nth-child(7) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .global-header .nav-item:nth-child(8),
  .global-header .nav-item-divider:nth-child(8) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .global-header .nav-item:nth-child(9),
  .global-header .nav-item-divider:nth-child(9) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .global-header .nav-item:nth-child(10),
  .global-header .nav-item-divider:nth-child(10) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .global-header .nav-item.overflowing {
    visibility: hidden; }
  .global-header .nav-item-divider {
    display: inline-block;
    margin: 0 10px 0 15px;
    width: 1px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.4);
    -ms-flex-item-align: center;
        align-self: center; }
  .global-header .nav-item.overflowing + .nav-item-divider {
    display: none; }
  .global-header .nav-item-anchor {
    display: inline-block;
    position: relative;
    padding: 8px 10px;
    border-radius: 4px;
    outline: 0;
    line-height: 1;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .global-header .nav-item-anchor:hover {
      background-color: rgba(255, 255, 255, 0.12); }
    .global-header .nav-item-anchor:focus {
      outline: 1px solid #1baee1; }
    .global-header .nav-item-anchor:active {
      top: 1px; }
  .global-header .nav-item-selected .nav-item-anchor {
    background-color: rgba(255, 255, 255, 0.12); }
  .global-header .nav-item-changelog {
    display: none; }
  .global-header .nav-item-highlighted .nav-item-anchor {
    color: #111;
    background-color: #f5f5f5;
    font-weight: 500; }
    .global-header .nav-item-highlighted .nav-item-anchor:hover {
      background-color: #fff; }
  .global-header .nav-item-label {
    display: inline-block;
    position: relative;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    vertical-align: middle; }
  .global-header .nav-item-label.wide {
    max-width: 300px; }
  .global-header .nav-item-badge {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    text-align: center;
    line-height: 22px;
    margin-left: 4px;
    background-color: #1baee1;
    vertical-align: middle;
    font-size: 13px; }
  .global-header .nav-item-burger {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 10px; }
  .global-header .nav-item-burger-1,
  .global-header .nav-item-burger-2,
  .global-header .nav-item-burger-3 {
    display: block;
    height: 0.2em;
    width: 1.8em;
    border-radius: 0.2em;
    background-color: #fff; }
  .global-header .nav-item-burger-1,
  .global-header .nav-item-burger-2 {
    margin-bottom: 0.3em; }
  .global-header .changelog-indicator {
    position: absolute;
    display: block;
    bottom: -5px;
    right: -6px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #1baee1;
    border: 2px solid #2f2f33;
    opacity: 1; }
  .global-header .nav-item.overflow-button .nav-item-anchor {
    min-width: 32px;
    text-align: center; }
  .global-header .upgrade-button .nav-item-label,
  .global-header .reactivate-button .nav-item-label {
    max-width: none;
    color: #fff; }
  .global-header .upgrade-button .nav-item-anchor,
  .global-header .reactivate-button .nav-item-anchor {
    max-width: none;
    background: #1baee1; }
  .global-header .profile-button .nav-item-label {
    margin-right: 10px; }
  .global-header .profile-button .nav-item-anchor.menu-show-on-touch {
    border: 0 !important; }
  @media screen and (max-width: 900px) {
    .global-header .wrapper {
      padding-left: 10px !important; }
    .global-header .nav-item {
      margin-left: 2px; }
    .global-header .nav-item-anchor {
      font-size: 14px; }
    .global-header .nav-item-anchor {
      padding-left: 3px;
      padding-right: 3px; }
    .global-header .nav-item-highlighted {
      margin-left: 4px; }
    .global-header .nav-item-highlighted .nav-item-anchor {
      padding-left: 6px;
      padding-right: 6px; }
    .global-header .profile-button .nav-item-label {
      max-width: 70px; }
    .global-header .slides-logo {
      margin-left: 0; }
    .global-header .logo-animation .word {
      display: none; }
    .global-header .logo-image-or-text {
      width: 80px; } }
  @media screen and (max-width: 650px) {
    .global-header .nav-full {
      display: none; }
    .global-header .nav-compact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .global-header .nav-item-anchor {
      padding-left: 6px;
      padding-right: 6px; }
    .global-header .nav-item-highlighted {
      margin-left: 6px; }
    .global-header .nav-item-highlighted .nav-item-anchor {
      padding-left: 8px;
      padding-right: 8px; }
    .global-header.show-menu .menu-arrow {
      -webkit-transform: scale(1, -1);
              transform: scale(1, -1); }
    .global-header.show-menu .nav-full {
      position: fixed;
      top: 60px;
      right: 10px;
      width: auto;
      min-width: 200px;
      max-width: calc(100% - 20px);
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background: #fff;
      border-radius: 4px;
      border: 4px solid transparent;
      -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
    .global-header.show-menu .nav-full .hide-in-overlay-menu {
      display: none; }
    .global-header.show-menu .nav-full .nav-item + .nav-item {
      border-bottom: 1px solid #f5f5f5; }
    .global-header.show-menu .nav-full .nav-item-anchor {
      color: #222;
      width: 100%;
      padding-left: 14px;
      padding-right: 14px; } }

.sl-editor .global-header {
  position: absolute;
  width: 100%;
  height: 52px;
  line-height: 52px;
  bottom: 0;
  left: 0;
  border-top: 1px solid #2a2a2a;
  border-bottom: 0;
  background: transparent; }
  .sl-editor .global-header .changelog-indicator {
    border-color: #1a1a1a; }
  .sl-editor .global-header .nav-wrapper {
    margin: 0 auto; }
  .sl-editor .global-header .nav-item-burger {
    font-size: 8px;
    top: -2px; }

html.decks.review .global-header {
  position: absolute;
  width: 60px;
  height: 52px;
  line-height: 52px;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  border: 0;
  background: transparent;
  z-index: 401; }
  html.decks.review .global-header .nav-item-burger-1,
  html.decks.review .global-header .nav-item-burger-2,
  html.decks.review .global-header .nav-item-burger-3 {
    background-color: #333; }
  html.decks.review .global-header .nav-item-anchor:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000; }
  html.decks.review .global-header .changelog-indicator {
    display: none; }

.sl-editor .global-header .wrapper,
html.decks.review .global-header .wrapper {
  padding: 0 8px; }
.sl-editor .global-header .nav .nav-item,
html.decks.review .global-header .nav .nav-item {
  display: none; }
.sl-editor .global-header .nav .profile-button,
html.decks.review .global-header .nav .profile-button {
  display: block;
  margin-left: 0;
  margin-right: 0; }
.sl-editor .global-header .nav .profile-button .nav-item-label,
html.decks.review .global-header .nav .profile-button .nav-item-label {
  display: none; }

.sl-editor[data-editor-version="1"] .global-header .wrapper .logo-animation,
.sl-editor[data-editor-version="1"] .global-header .wrapper .logo-image-or-text {
  max-width: 100px; }
.sl-editor[data-editor-version="1"] .global-header .wrapper .logo-animation {
  top: 10px;
  height: 30px;
  margin: 0; }
  .sl-editor[data-editor-version="1"] .global-header .wrapper .logo-animation .symbol {
    width: 30px;
    height: 30px; }
  .sl-editor[data-editor-version="1"] .global-header .wrapper .logo-animation .word {
    display: none; }
.sl-editor[data-editor-version="1"] .global-header .wrapper .logo-image-or-text {
  height: 50px;
  width: 118px; }
  .sl-editor[data-editor-version="1"] .global-header .wrapper .logo-image-or-text a {
    height: 50px;
    line-height: 50px;
    font-size: 16px; }

.sl-editor[data-editor-version="2"] .global-header .wrapper .logo-animation,
.sl-editor[data-editor-version="2"] .global-header .wrapper .logo-image-or-text,
html.decks.review .global-header .wrapper .logo-animation,
html.decks.review .global-header .wrapper .logo-image-or-text {
  display: none; }
.sl-editor[data-editor-version="2"] .global-header .wrapper .nav,
html.decks.review .global-header .wrapper .nav {
  float: none;
  text-align: center; }

html.decks.present-base .global-header .wrapper {
  padding: 0 10px; }
html.decks.present-base .global-header .logo-animation .word {
  display: none; }
html.decks.present-base .global-header .nav-item {
  display: none; }
html.decks.present-base .global-header .profile-button {
  display: block;
  margin-left: 0;
  margin-right: 0; }
html.decks.present-base .global-header .logo-image-or-text {
  max-width: 100px; }

.global-header.show-on-scroll {
  position: fixed;
  top: -70px;
  opacity: 0;
  z-index: 20;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .global-header.show-on-scroll.show {
    top: 0;
    opacity: 1; }

.global-header-small:not(.dark-bg),
.global-header.fixed.is-scrolled-30 {
  background: transparent;
  border: 0; }
  .global-header-small:not(.dark-bg) .wrapper,
  .global-header.fixed.is-scrolled-30 .wrapper {
    max-width: 2000px;
    padding: 0 20px 0 20px; }
  .global-header-small:not(.dark-bg) .nav-item-anchor,
  .global-header.fixed.is-scrolled-30 .nav-item-anchor {
    color: #111; }
  .global-header-small:not(.dark-bg) .nav-item-anchor:hover,
  .global-header.fixed.is-scrolled-30 .nav-item-anchor:hover {
    background-color: rgba(0, 0, 20, 0.1); }
  .global-header-small:not(.dark-bg) .nav-item-divider,
  .global-header.fixed.is-scrolled-30 .nav-item-divider {
    background-color: rgba(0, 0, 0, 0.15); }
  .global-header-small:not(.dark-bg) .nav-item-burger-1,
  .global-header-small:not(.dark-bg) .nav-item-burger-2,
  .global-header-small:not(.dark-bg) .nav-item-burger-3,
  .global-header.fixed.is-scrolled-30 .nav-item-burger-1,
  .global-header.fixed.is-scrolled-30 .nav-item-burger-2,
  .global-header.fixed.is-scrolled-30 .nav-item-burger-3 {
    background-color: #111; }
  .global-header-small:not(.dark-bg) .logo-image-or-text a,
  .global-header.fixed.is-scrolled-30 .logo-image-or-text a {
    color: #111; }
  .global-header-small:not(.dark-bg) .nav-item-selected .nav-item-anchor,
  .global-header.fixed.is-scrolled-30 .nav-item-selected .nav-item-anchor {
    background-color: rgba(0, 0, 20, 0.1); }

.global-header-small .logo-animation .word,
.global-header.fixed.is-scrolled-30 .logo-animation .word {
  display: none; }

.global-header.fixed {
  position: absolute;
  background: rgba(255, 255, 255, 0);
  border-bottom: 0; }
  .global-header.fixed .changelog-indicator {
    display: none; }

.global-header.fixed.is-scrolled-150 {
  position: fixed;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-bottom: 0;
  -webkit-animation: header-intro 0.3s ease;
          animation: header-intro 0.3s ease;
  will-change: transform; }
  .global-header.fixed.is-scrolled-150 .nav-item-highlighted .nav-item-anchor {
    background-color: #111;
    border-color: #111;
    color: #fff; }
    .global-header.fixed.is-scrolled-150 .nav-item-highlighted .nav-item-anchor:hover {
      background-color: #2b2b2b;
      border-color: #2b2b2b; }
/**
 * Kudos component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
@-webkit-keyframes kudos-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  40% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes kudos-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  40% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
[data-kudos-value]:after {
  content: attr(data-kudos-value); }

.kudos-button {
  position: relative;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  opacity: 0.5;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .kudos-button:hover {
    opacity: 1; }
  .kudos-button .kudos-heart {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.7);
    vertical-align: middle; }
  .kudos-button .kudos-icon.bounce {
    -webkit-animation: kudos-bounce 0.7s ease;
            animation: kudos-bounce 0.7s ease; }
  .kudos-button .kudos-count {
    display: block;
    position: absolute;
    width: auto;
    height: 1em;
    min-width: 1em;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding: 0.4em;
    line-height: 1;
    left: 65%;
    top: 65%;
    border-radius: 32px;
    background: #000;
    font-size: 12px;
    -webkit-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
    text-align: center; }
    .kudos-button .kudos-count[data-kudos-value="0"] {
      -webkit-transform: translate(-4px, -4px) scale(0.7);
              transform: translate(-4px, -4px) scale(0.7);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: none;
      transition: none; }
  .kudos-button[data-kudoed-by-user="true"] .kudos-icon {
    color: #FF7676; }
/**
 * Logo animation.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
.logo-animation {
  position: relative;
  height: 44px; }
  .logo-animation .symbol {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    vertical-align: top; }
    .logo-animation .symbol .box-1,
    .logo-animation .symbol .box-2,
    .logo-animation .symbol .box-3 {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      -webkit-transition: all 0.5s cubic-bezier(0.75, -0.3, 0.31, 2);
      transition: all 0.5s cubic-bezier(0.75, -0.3, 0.31, 2); }
    .logo-animation .symbol .box-1 {
      background: rgba(229, 99, 124, 0.2); }
    .logo-animation .symbol .box-2 {
      background: rgba(229, 99, 124, 0.5); }
    .logo-animation .symbol .box-3 {
      background-color: #E5637C;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlN5bWJvbCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI2MDBweCIgaGVpZ2h0PSI2MDBweCIgdmlld0JveD0iMCAwIDYwMCA2MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwMCA2MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9ImxheWVycyI%2BDQo8L2c%2BDQo8cmVjdCBmaWxsPSIjRTU2MzdDIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIvPg0KPHBhdGggaWQ9IlMiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMTIuMjUxLDM4OS4zMzhjMC0zLjI0NiwyLjAyNy04LjEyNyw2LjA5OS0xNC42MzdjNC4wNjQtNi41MDQsNy43MjQtOS43NTgsMTAuOTc5LTkuNzU4DQoJYzAuMzE5LDAsMi45MjgsMS41NDcsNy44MDYsNC42MzVjNC44OCwzLjA5NiwxMS44NzIsNi4xODIsMjAuOTgyLDkuMjcxYzkuMTAzLDMuMDk2LDIwLjA4Miw0LjYzNSwzMi45MzYsNC42MzUNCgljMTIuODQ2LDAsMjMuNDIxLTMuNjYsMzEuNzE2LTEwLjk3OWM4LjI5NS03LjMyLDEyLjQ0MS0xNy4yMzgsMTIuNDQxLTI5Ljc2NGMwLTEyLjUxOC0zLjY1OS0yMi4yNzctMTAuOTc5LTI5LjI3NQ0KCWMtNy4zMTgtNi45OTItMjEuODgtMTMuNTc5LTQzLjY3LTE5Ljc2MmMtMjEuNzk2LTYuMTc2LTM3LjU3LTE0LjA2NS00Ny4zMjgtMjMuNjY0Yy05Ljc1OS05LjU5Mi0xNC42MzgtMjQuMTUzLTE0LjYzOC00My42NzENCgljMC0xOS41MTcsNy40NzktMzUuODYzLDIyLjQ0NC00OS4wMzdjMTQuOTU4LTEzLjE3NCwzNC40NzYtMTkuNzYxLDU4LjU1Mi0xOS43NjFjMTYuNTkxLDAsMzEuMzg4LDIuMTE5LDQ0LjQwMiw2LjM0Mw0KCWMxMy4wMDcsNC4yMzEsMTkuNTE3LDguOTUxLDE5LjUxNywxNC4xNWMwLDQuMjMyLTEuODc1LDkuNjgzLTUuNjEsMTYuMzQ2Yy0zLjc0NCw2LjY3MS03LjA3NSwxMC4wMDMtMTAuMDA0LDEwLjAwMw0KCWMtMC4zMjgsMC0yLjQzOC0wLjk3Ni02LjM0MS0yLjkyOGMtMTEuMDYzLTUuODU2LTIzLjUwNi04Ljc4NC0zNy4zMjgtOC43ODRjLTEzLjgzLDAtMjQuNTY1LDIuODUyLTMyLjIwMyw4LjU0DQoJYy03LjY0Nyw1LjY5NC0xMS40NjcsMTMuMDk4LTExLjQ2NywyMi4yYzAsOS4xMTEsMi44NDQsMTYuMjcsOC41MzksMjEuNDdjNS42ODgsNS4yMDcsMTUuMzcsOS45MjcsMjkuMDMzLDE0LjE0OQ0KCWMzMC41NzEsOS40MzgsNTEuMzA5LDE5Ljc2Miw2Mi4yMSwzMC45ODVjMTAuODk2LDExLjIyMiwxNi4zNDgsMjguMTQsMTYuMzQ4LDUwLjc0NWMwLDIyLjYxMy04LjA1Miw0MS4yMjktMjQuMTU0LDU1Ljg2Nw0KCWMtMTYuMTAyLDE0LjYzOS0zNS4zNzQsMjEuOTU3LTU3LjgxOSwyMS45NTdjLTIyLjQ0NSwwLTQxLjgwMy0zLjMzLTU4LjA2NC0xMC4wMDJDMjIwLjM3OCw0MDEuOTQ5LDIxMi4yNTEsMzk1LjUyMywyMTIuMjUxLDM4OS4zMzgNCgl6Ii8%2BDQo8L3N2Zz4NCg%3D%3D);
      background-size: 100%; }
  .logo-animation .word {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 30px;
    top: 6px;
    margin: 0 0 0 4px;
    vertical-align: top;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldvcmQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODAwcHgiIGhlaWdodD0iMzAwcHgiIHZpZXdCb3g9IjAgMCA4MDAgMzAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04Mi4xNjQsMjI5LjM1YzAtMS44NTIsMS4xNTYtNC42MzUsMy40NzgtOC4zNDZjMi4zMTctMy43MDksNC40MDQtNS41NjQsNi4yNi01LjU2NA0KCQljMC4xODMsMCwxLjY3LDAuODgxLDQuNDUyLDIuNjQzYzIuNzgxLDEuNzY2LDYuNzY4LDMuNTI1LDExLjk2Myw1LjI4NWM1LjE4OSwxLjc2NiwxMS40NSwyLjY0NSwxOC43NzksMi42NDUNCgkJYzcuMzI0LDAsMTMuMzU0LTIuMDg4LDE4LjA4My02LjI2YzQuNzI5LTQuMTc0LDcuMDk1LTkuODMsNy4wOTUtMTYuOTcxYzAtNy4xMzktMi4wODctMTIuNzAzLTYuMjYtMTYuNjkzDQoJCWMtNC4xNzQtMy45ODYtMTIuNDc3LTcuNzQyLTI0LjktMTEuMjY4Yy0xMi40MjgtMy41MjEtMjEuNDIyLTguMDItMjYuOTg1LTEzLjQ5NGMtNS41NjQtNS40NjktOC4zNDctMTMuNzcxLTguMzQ3LTI0Ljg5OA0KCQlzNC4yNjUtMjAuNDQ4LDEyLjc5Ny0yNy45NmM4LjUyOS03LjUxMiwxOS42NTgtMTEuMjY4LDMzLjM4Ni0xMS4yNjhjOS40NTksMCwxNy44OTYsMS4yMDgsMjUuMzE3LDMuNjE3DQoJCWM3LjQxNiwyLjQxMiwxMS4xMjgsNS4xMDMsMTEuMTI4LDguMDY3YzAsMi40MTMtMS4wNjksNS41MjEtMy4xOTksOS4zMmMtMi4xMzUsMy44MDQtNC4wMzQsNS43MDMtNS43MDQsNS43MDMNCgkJYy0wLjE4NywwLTEuMzkxLTAuNTU2LTMuNjE1LTEuNjY5Yy02LjMwOC0zLjMzOS0xMy40MDItNS4wMDgtMjEuMjg0LTUuMDA4Yy03Ljg4NSwwLTE0LjAwNiwxLjYyNS0xOC4zNjEsNC44NjkNCgkJYy00LjM2LDMuMjQ2LTYuNTM4LDcuNDY4LTYuNTM4LDEyLjY1OGMwLDUuMTk0LDEuNjIyLDkuMjc1LDQuODY4LDEyLjI0MWMzLjI0MywyLjk2OSw4Ljc2NSw1LjY2LDE2LjU1NCw4LjA2Ng0KCQljMTcuNDMyLDUuMzgzLDI5LjI1NiwxMS4yNywzNS40NzMsMTcuNjY4YzYuMjEyLDYuMzk4LDkuMzE5LDE2LjA0NSw5LjMxOSwyOC45MzRjMCwxMi44OTMtNC41OSwyMy41MDgtMTMuNzcxLDMxLjg1NQ0KCQljLTkuMTgsOC4zNDYtMjAuMTcsMTIuNTE4LTMyLjk2OCwxMi41MThzLTIzLjgzNS0xLjg5OC0zMy4xMDYtNS43MDNDODYuNzk5LDIzNi41MzksODIuMTY0LDIzMi44NzUsODIuMTY0LDIyOS4zNXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAzLjE4NSwyMDcuNjQ4VjQxLjI4YzAtNC4wNzgsMy43MDgtNi4xMjEsMTEuMTI4LTYuMTIxaDEuMTEzYzcuNDE2LDAsMTEuMTI4LDIuMDQzLDExLjEyOCw2LjEyMXYxNjQuMTQ0DQoJCWMwLDEzLjcyNyw1LjAwOSwyMC41ODgsMTUuMDIzLDIwLjU4OGMzLjE1MSwwLDUuODQzLTAuMjMyLDguMDY4LTAuNjk3YzIuMjI2LTAuNDU5LDMuNTIxLTAuNjk1LDMuODk2LTAuNjk1DQoJCWMxLjY2OSwwLDMuMDYsMS43MTcsNC4xNzMsNS4xNDhjMS4xMTIsMy40MzQsMS42NjksNi4wNzYsMS42NjksNy45MjhjMCw1LjU2NC02Ljc3Miw4LjM0Ni0yMC4zMSw4LjM0Ng0KCQljLTkuMjc2LDAtMTcuNTc1LTIuODI0LTI0Ljg5OS04LjQ4NEMyMDYuODQ1LDIzMS45LDIwMy4xODUsMjIxLjkzNCwyMDMuMTg1LDIwNy42NDh6Ii8%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4MS4zNjEsMjM5LjgwOVYxMDIuNDMzYzAtNC4wNzYsMy43MDgtNi4xMTksMTEuMTI4LTYuMTE5aDEuMTEyYzcuNDE2LDAsMTEuMTI5LDIuMDQzLDExLjEyOSw2LjExOQ0KCQl2MTM3LjM3NmMwLDQuMDgyLTMuNzEzLDYuMTE5LTExLjEyOSw2LjExOWgtMS4xMTJDMjg1LjA2OSwyNDUuOTI4LDI4MS4zNjEsMjQzLjg5MSwyODEuMzYxLDIzOS44MDl6Ii8%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQzNS40ODcsMjI1LjE3NmMtMTMuMzU0LDEzLjkxLTI4LjE5MywyMC44NjUtNDQuNTEzLDIwLjg2NWMtMTYuMzIzLDAtMjkuMzUxLTYuODU5LTM5LjA4OS0yMC41ODgNCgkJYy05LjczNi0xMy43MjMtMTQuNjA1LTMxLjM0LTE0LjYwNS01Mi44NTl2LTIuNTAyYzAtMjIuODEzLDUuMTktNDAuNjYzLDE1LjU3OS01My41NTZjMTAuMzg2LTEyLjg5LDIzLjM3LTE5LjMzNiwzOC45NDktMTkuMzM2DQoJCXMyOS40OTEsNC43MjksNDEuNzMxLDE0LjE4OFY0MS4yOGMwLTQuMDc4LDMuNzA5LTYuMTIxLDExLjEyOS02LjEyMWgxLjExM2M3LjQxNiwwLDExLjEyOSwyLjA0MywxMS4xMjksNi4xMjF2MTYxLjkxNw0KCQljMCwxMS4xMjksMC40NTksMTkuMTk3LDEuMzkxLDI0LjIwNWMxLjI5NSw2Ljg2MywxLjk0NywxMC40OCwxLjk0NywxMC44NWMwLDIuMjI3LTEuNzY2LDMuODUyLTUuMjg3LDQuODY5DQoJCWMtMy41MjUsMS4wMjEtNi4yNiwxLjUyOS04LjIwNywxLjUyOXMtMy4yOTUtMC4xODgtNC4wMzMtMC41NTdjLTAuNzQ0LTAuMzY5LTEuNDM5LTEuMDE2LTIuMDg4LTEuOTQ3DQoJCWMtMC42NS0wLjkyNi0xLjE2LTEuODA5LTEuNTI5LTIuNjQzYy0wLjM3My0wLjgzNC0wLjc0Mi0xLjk5Mi0xLjExMy0zLjQ3N2MtMC4zNzMtMS40ODQtMC42OTUtMi42NDUtMC45NzMtMy40NzkNCgkJYy0wLjI3OS0wLjgzNi0wLjU1Ny0yLjEzMS0wLjgzNC0zLjg5NUM0MzUuOTA1LDIyNi44OTMsNDM1LjY3MSwyMjUuNzMyLDQzNS40ODcsMjI1LjE3NnogTTM2MS43NjMsMTY5LjUzMw0KCQljMCwzNy40NjksMTIuMDU1LDU2LjE5OSwzNi4xNjcsNTYuMTk5YzEyLjA1NCwwLDIzLjkyNy02LjM5OCwzNS42MS0xOS4xOTV2LTc2LjIzYy0xMC4wMTYtOC4zNDYtMjEuMjM4LTEyLjUxOS0zMy42NjItMTIuNTE5DQoJCWgtMS42N2MtMTEuODcyLDAuMTg3LTIwLjkxNCw0LjcyOS0yNy4xMjYsMTMuNjMyQzM2NC44NjYsMTQwLjMyMiwzNjEuNzYzLDE1My4wMjcsMzYxLjc2MywxNjkuNTMzeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01MDEuNTQyLDIyNy45NTdjLTExLjEyOS0xMi4wNTMtMTYuNjkzLTMwLjQ2My0xNi42OTMtNTUuMjIzYzAtMjQuNzYyLDUuNDY5LTQzLjU0LDE2LjQxNi01Ni4zMzgNCgkJYzEwLjkzOS0xMi43OTgsMjYuNTItMTkuMTk2LDQ2LjczOC0xOS4xOTZjMzkuMzE4LDAsNTguOTgsMjQuMjA0LDU4Ljk4LDcyLjYxMmMwLDEuNjctMS4xMTMsMy45OS0zLjMzOCw2Ljk1NQ0KCQljLTIuMjI3LDIuOTY5LTQuMTc0LDQuNDUxLTUuODQ0LDQuNDUxaC04Ny45MTRjMS4xMTMsMTUuMzk4LDUuMSwyNi43MDksMTEuOTYzLDMzLjk0MWM2Ljg1OSw3LjIzNCwxNy4xNTQsMTAuODUyLDMwLjg4MSwxMC44NTINCgkJYzEyLjYxMSwwLDI0LjIwNS0yLjk2NywzNC43NzctOC45MDRjMy41Mi0xLjg1Miw1LjQ2OS0yLjc4MSw1Ljg0Mi0yLjc4MWMxLjg1MiwwLDMuOTM4LDEuODU1LDYuMjYsNS41NjQNCgkJYzIuMzE4LDMuNzEzLDMuNDc3LDYuNDk0LDMuNDc3LDguMzQ2YzAsMy43MTMtNS4wNTUsNy42MDctMTUuMTYsMTEuNjg2Yy0xMC4xMTMsNC4wODItMjEuNzUsNi4xMTktMzQuOTE2LDYuMTE5DQoJCUM1MjkuODIzLDI0Ni4wNDEsNTEyLjY2OSwyNDAuMDE2LDUwMS41NDIsMjI3Ljk1N3ogTTU4Mi4yMjIsMTYxLjE4OGMwLTI5LjMwMi0xMS4xMjctNDMuOTU2LTMzLjM4NS00My45NTYNCgkJYy0yMy45MjYsMC0zNi45MSwxNC42NTQtMzguOTQ5LDQzLjk1Nkg1ODIuMjIyeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MjIuMjgsMjI5LjM1YzAtMS44NTIsMS4xNTYtNC42MzUsMy40NzctOC4zNDZjMi4zMTgtMy43MDksNC40MDQtNS41NjQsNi4yNi01LjU2NA0KCQljMC4xODQsMCwxLjY3LDAuODgxLDQuNDUzLDIuNjQzYzIuNzgxLDEuNzY2LDYuNzY4LDMuNTI1LDExLjk2Myw1LjI4NWM1LjE4OSwxLjc2NiwxMS40NDksMi42NDUsMTguNzc3LDIuNjQ1DQoJCWM3LjMyNiwwLDEzLjM1NS0yLjA4OCwxOC4wODQtNi4yNmM0LjczLTQuMTc0LDcuMDk2LTkuODMsNy4wOTYtMTYuOTcxYzAtNy4xMzktMi4wODgtMTIuNzAzLTYuMjYtMTYuNjkzDQoJCWMtNC4xNzQtMy45ODYtMTIuNDc3LTcuNzQyLTI0LjktMTEuMjY4Yy0xMi40MjgtMy41MjEtMjEuNDIyLTguMDItMjYuOTg2LTEzLjQ5NGMtNS41NjQtNS40NjktOC4zNDYtMTMuNzcxLTguMzQ2LTI0Ljg5OA0KCQlzNC4yNjQtMjAuNDQ4LDEyLjc5Ny0yNy45NmM4LjUyOS03LjUxMiwxOS42NTgtMTEuMjY4LDMzLjM4NS0xMS4yNjhjOS40NTksMCwxNy44OTYsMS4yMDgsMjUuMzE4LDMuNjE3DQoJCWM3LjQxNiwyLjQxMiwxMS4xMjcsNS4xMDMsMTEuMTI3LDguMDY3YzAsMi40MTMtMS4wNjgsNS41MjEtMy4xOTksOS4zMmMtMi4xMzUsMy44MDQtNC4wMzMsNS43MDMtNS43MDMsNS43MDMNCgkJYy0wLjE4OCwwLTEuMzkxLTAuNTU2LTMuNjE1LTEuNjY5Yy02LjMwOS0zLjMzOS0xMy40MDQtNS4wMDgtMjEuMjg1LTUuMDA4Yy03Ljg4NSwwLTE0LjAwNCwxLjYyNS0xOC4zNjEsNC44NjkNCgkJYy00LjM1OSwzLjI0Ni02LjUzNyw3LjQ2OC02LjUzNywxMi42NThjMCw1LjE5NCwxLjYyMSw5LjI3NSw0Ljg2OSwxMi4yNDFjMy4yNDIsMi45NjksOC43NjIsNS42NiwxNi41NTMsOC4wNjYNCgkJYzE3LjQzMiw1LjM4MywyOS4yNTYsMTEuMjcsMzUuNDczLDE3LjY2OGM2LjIxMSw2LjM5OCw5LjMxOCwxNi4wNDUsOS4zMTgsMjguOTM0YzAsMTIuODkzLTQuNTksMjMuNTA4LTEzLjc3MSwzMS44NTUNCgkJYy05LjE4LDguMzQ2LTIwLjE3LDEyLjUxOC0zMi45NjcsMTIuNTE4Yy0xMi43OTksMC0yMy44MzQtMS44OTgtMzMuMTA3LTUuNzAzQzYyNi45MTMsMjM2LjUzOSw2MjIuMjgsMjMyLjg3NSw2MjIuMjgsMjI5LjM1eiIvPg0KPC9nPg0KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMjkzLjA0NiIgY3k9IjQ4LjI0NiIgcj0iMTUuODA1Ii8%2BDQo8L3N2Zz4NCg%3D%3D);
    background-size: 100%; }
  .logo-animation .word.dark {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldvcmQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODAwcHgiIGhlaWdodD0iMzAwcHgiIHZpZXdCb3g9IjAgMCA4MDAgMzAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4MDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMyNTI1MjUiIGQ9Ik04Mi4xNjQsMjI5LjM1YzAtMS44NTIsMS4xNTYtNC42MzUsMy40NzgtOC4zNDZjMi4zMTctMy43MDksNC40MDQtNS41NjQsNi4yNi01LjU2NA0KCQljMC4xODMsMCwxLjY3LDAuODgxLDQuNDUyLDIuNjQzYzIuNzgxLDEuNzY2LDYuNzY4LDMuNTI1LDExLjk2Myw1LjI4NWM1LjE4OSwxLjc2NiwxMS40NSwyLjY0NSwxOC43NzksMi42NDUNCgkJYzcuMzI0LDAsMTMuMzU0LTIuMDg4LDE4LjA4My02LjI2YzQuNzI5LTQuMTc0LDcuMDk1LTkuODMsNy4wOTUtMTYuOTcxYzAtNy4xMzktMi4wODctMTIuNzAzLTYuMjYtMTYuNjkzDQoJCWMtNC4xNzQtMy45ODYtMTIuNDc3LTcuNzQyLTI0LjktMTEuMjY4Yy0xMi40MjgtMy41MjEtMjEuNDIyLTguMDItMjYuOTg1LTEzLjQ5NGMtNS41NjQtNS40NjktOC4zNDctMTMuNzcxLTguMzQ3LTI0Ljg5OA0KCQlzNC4yNjUtMjAuNDQ4LDEyLjc5Ny0yNy45NmM4LjUyOS03LjUxMiwxOS42NTgtMTEuMjY4LDMzLjM4Ni0xMS4yNjhjOS40NTksMCwxNy44OTYsMS4yMDgsMjUuMzE3LDMuNjE3DQoJCWM3LjQxNiwyLjQxMiwxMS4xMjgsNS4xMDMsMTEuMTI4LDguMDY3YzAsMi40MTMtMS4wNjksNS41MjEtMy4xOTksOS4zMmMtMi4xMzUsMy44MDQtNC4wMzQsNS43MDMtNS43MDQsNS43MDMNCgkJYy0wLjE4NywwLTEuMzkxLTAuNTU2LTMuNjE1LTEuNjY5Yy02LjMwOC0zLjMzOS0xMy40MDItNS4wMDgtMjEuMjg0LTUuMDA4Yy03Ljg4NSwwLTE0LjAwNiwxLjYyNS0xOC4zNjEsNC44NjkNCgkJYy00LjM2LDMuMjQ2LTYuNTM4LDcuNDY4LTYuNTM4LDEyLjY1OGMwLDUuMTk0LDEuNjIyLDkuMjc1LDQuODY4LDEyLjI0MWMzLjI0MywyLjk2OSw4Ljc2NSw1LjY2LDE2LjU1NCw4LjA2Ng0KCQljMTcuNDMyLDUuMzgzLDI5LjI1NiwxMS4yNywzNS40NzMsMTcuNjY4YzYuMjEyLDYuMzk4LDkuMzE5LDE2LjA0NSw5LjMxOSwyOC45MzRjMCwxMi44OTMtNC41OSwyMy41MDgtMTMuNzcxLDMxLjg1NQ0KCQljLTkuMTgsOC4zNDYtMjAuMTcsMTIuNTE4LTMyLjk2OCwxMi41MThzLTIzLjgzNS0xLjg5OC0zMy4xMDYtNS43MDNDODYuNzk5LDIzNi41MzksODIuMTY0LDIzMi44NzUsODIuMTY0LDIyOS4zNXoiLz4NCgk8cGF0aCBmaWxsPSIjMjUyNTI1IiBkPSJNMjAzLjE4NSwyMDcuNjQ4VjQxLjI4YzAtNC4wNzgsMy43MDgtNi4xMjEsMTEuMTI4LTYuMTIxaDEuMTEzYzcuNDE2LDAsMTEuMTI4LDIuMDQzLDExLjEyOCw2LjEyMXYxNjQuMTQ0DQoJCWMwLDEzLjcyNyw1LjAwOSwyMC41ODgsMTUuMDIzLDIwLjU4OGMzLjE1MSwwLDUuODQzLTAuMjMyLDguMDY4LTAuNjk3YzIuMjI2LTAuNDU5LDMuNTIxLTAuNjk1LDMuODk2LTAuNjk1DQoJCWMxLjY2OSwwLDMuMDYsMS43MTcsNC4xNzMsNS4xNDhjMS4xMTIsMy40MzQsMS42NjksNi4wNzYsMS42NjksNy45MjhjMCw1LjU2NC02Ljc3Miw4LjM0Ni0yMC4zMSw4LjM0Ng0KCQljLTkuMjc2LDAtMTcuNTc1LTIuODI0LTI0Ljg5OS04LjQ4NEMyMDYuODQ1LDIzMS45LDIwMy4xODUsMjIxLjkzNCwyMDMuMTg1LDIwNy42NDh6Ii8%2BDQoJPHBhdGggZmlsbD0iIzI1MjUyNSIgZD0iTTI4MS4zNjEsMjM5LjgwOVYxMDIuNDMzYzAtNC4wNzYsMy43MDgtNi4xMTksMTEuMTI4LTYuMTE5aDEuMTEyYzcuNDE2LDAsMTEuMTI5LDIuMDQzLDExLjEyOSw2LjExOQ0KCQl2MTM3LjM3NmMwLDQuMDgyLTMuNzEzLDYuMTE5LTExLjEyOSw2LjExOWgtMS4xMTJDMjg1LjA2OSwyNDUuOTI4LDI4MS4zNjEsMjQzLjg5MSwyODEuMzYxLDIzOS44MDl6Ii8%2BDQoJPHBhdGggZmlsbD0iIzI1MjUyNSIgZD0iTTQzNS40ODcsMjI1LjE3NmMtMTMuMzU0LDEzLjkxLTI4LjE5MywyMC44NjUtNDQuNTEzLDIwLjg2NWMtMTYuMzIzLDAtMjkuMzUxLTYuODU5LTM5LjA4OS0yMC41ODgNCgkJYy05LjczNi0xMy43MjMtMTQuNjA1LTMxLjM0LTE0LjYwNS01Mi44NTl2LTIuNTAyYzAtMjIuODEzLDUuMTktNDAuNjYzLDE1LjU3OS01My41NTZjMTAuMzg2LTEyLjg5LDIzLjM3LTE5LjMzNiwzOC45NDktMTkuMzM2DQoJCXMyOS40OTEsNC43MjksNDEuNzMxLDE0LjE4OFY0MS4yOGMwLTQuMDc4LDMuNzA5LTYuMTIxLDExLjEyOS02LjEyMWgxLjExM2M3LjQxNiwwLDExLjEyOSwyLjA0MywxMS4xMjksNi4xMjF2MTYxLjkxNw0KCQljMCwxMS4xMjksMC40NTksMTkuMTk3LDEuMzkxLDI0LjIwNWMxLjI5NSw2Ljg2MywxLjk0NywxMC40OCwxLjk0NywxMC44NWMwLDIuMjI3LTEuNzY2LDMuODUyLTUuMjg3LDQuODY5DQoJCWMtMy41MjUsMS4wMjEtNi4yNiwxLjUyOS04LjIwNywxLjUyOXMtMy4yOTUtMC4xODgtNC4wMzMtMC41NTdjLTAuNzQ0LTAuMzY5LTEuNDM5LTEuMDE2LTIuMDg4LTEuOTQ3DQoJCWMtMC42NS0wLjkyNi0xLjE2LTEuODA5LTEuNTI5LTIuNjQzYy0wLjM3My0wLjgzNC0wLjc0Mi0xLjk5Mi0xLjExMy0zLjQ3N2MtMC4zNzMtMS40ODQtMC42OTUtMi42NDUtMC45NzMtMy40NzkNCgkJYy0wLjI3OS0wLjgzNi0wLjU1Ny0yLjEzMS0wLjgzNC0zLjg5NUM0MzUuOTA1LDIyNi44OTMsNDM1LjY3MSwyMjUuNzMyLDQzNS40ODcsMjI1LjE3NnogTTM2MS43NjMsMTY5LjUzMw0KCQljMCwzNy40NjksMTIuMDU1LDU2LjE5OSwzNi4xNjcsNTYuMTk5YzEyLjA1NCwwLDIzLjkyNy02LjM5OCwzNS42MS0xOS4xOTV2LTc2LjIzYy0xMC4wMTYtOC4zNDYtMjEuMjM4LTEyLjUxOS0zMy42NjItMTIuNTE5DQoJCWgtMS42N2MtMTEuODcyLDAuMTg3LTIwLjkxNCw0LjcyOS0yNy4xMjYsMTMuNjMyQzM2NC44NjYsMTQwLjMyMiwzNjEuNzYzLDE1My4wMjcsMzYxLjc2MywxNjkuNTMzeiIvPg0KCTxwYXRoIGZpbGw9IiMyNTI1MjUiIGQ9Ik01MDEuNTQyLDIyNy45NTdjLTExLjEyOS0xMi4wNTMtMTYuNjkzLTMwLjQ2My0xNi42OTMtNTUuMjIzYzAtMjQuNzYyLDUuNDY5LTQzLjU0LDE2LjQxNi01Ni4zMzgNCgkJYzEwLjkzOS0xMi43OTgsMjYuNTItMTkuMTk2LDQ2LjczOC0xOS4xOTZjMzkuMzE4LDAsNTguOTgsMjQuMjA0LDU4Ljk4LDcyLjYxMmMwLDEuNjctMS4xMTMsMy45OS0zLjMzOCw2Ljk1NQ0KCQljLTIuMjI3LDIuOTY5LTQuMTc0LDQuNDUxLTUuODQ0LDQuNDUxaC04Ny45MTRjMS4xMTMsMTUuMzk4LDUuMSwyNi43MDksMTEuOTYzLDMzLjk0MWM2Ljg1OSw3LjIzNCwxNy4xNTQsMTAuODUyLDMwLjg4MSwxMC44NTINCgkJYzEyLjYxMSwwLDI0LjIwNS0yLjk2NywzNC43NzctOC45MDRjMy41Mi0xLjg1Miw1LjQ2OS0yLjc4MSw1Ljg0Mi0yLjc4MWMxLjg1MiwwLDMuOTM4LDEuODU1LDYuMjYsNS41NjQNCgkJYzIuMzE4LDMuNzEzLDMuNDc3LDYuNDk0LDMuNDc3LDguMzQ2YzAsMy43MTMtNS4wNTUsNy42MDctMTUuMTYsMTEuNjg2Yy0xMC4xMTMsNC4wODItMjEuNzUsNi4xMTktMzQuOTE2LDYuMTE5DQoJCUM1MjkuODIzLDI0Ni4wNDEsNTEyLjY2OSwyNDAuMDE2LDUwMS41NDIsMjI3Ljk1N3ogTTU4Mi4yMjIsMTYxLjE4OGMwLTI5LjMwMi0xMS4xMjctNDMuOTU2LTMzLjM4NS00My45NTYNCgkJYy0yMy45MjYsMC0zNi45MSwxNC42NTQtMzguOTQ5LDQzLjk1Nkg1ODIuMjIyeiIvPg0KCTxwYXRoIGZpbGw9IiMyNTI1MjUiIGQ9Ik02MjIuMjgsMjI5LjM1YzAtMS44NTIsMS4xNTYtNC42MzUsMy40NzctOC4zNDZjMi4zMTgtMy43MDksNC40MDQtNS41NjQsNi4yNi01LjU2NA0KCQljMC4xODQsMCwxLjY3LDAuODgxLDQuNDUzLDIuNjQzYzIuNzgxLDEuNzY2LDYuNzY4LDMuNTI1LDExLjk2Myw1LjI4NWM1LjE4OSwxLjc2NiwxMS40NDksMi42NDUsMTguNzc3LDIuNjQ1DQoJCWM3LjMyNiwwLDEzLjM1NS0yLjA4OCwxOC4wODQtNi4yNmM0LjczLTQuMTc0LDcuMDk2LTkuODMsNy4wOTYtMTYuOTcxYzAtNy4xMzktMi4wODgtMTIuNzAzLTYuMjYtMTYuNjkzDQoJCWMtNC4xNzQtMy45ODYtMTIuNDc3LTcuNzQyLTI0LjktMTEuMjY4Yy0xMi40MjgtMy41MjEtMjEuNDIyLTguMDItMjYuOTg2LTEzLjQ5NGMtNS41NjQtNS40NjktOC4zNDYtMTMuNzcxLTguMzQ2LTI0Ljg5OA0KCQlzNC4yNjQtMjAuNDQ4LDEyLjc5Ny0yNy45NmM4LjUyOS03LjUxMiwxOS42NTgtMTEuMjY4LDMzLjM4NS0xMS4yNjhjOS40NTksMCwxNy44OTYsMS4yMDgsMjUuMzE4LDMuNjE3DQoJCWM3LjQxNiwyLjQxMiwxMS4xMjcsNS4xMDMsMTEuMTI3LDguMDY3YzAsMi40MTMtMS4wNjgsNS41MjEtMy4xOTksOS4zMmMtMi4xMzUsMy44MDQtNC4wMzMsNS43MDMtNS43MDMsNS43MDMNCgkJYy0wLjE4OCwwLTEuMzkxLTAuNTU2LTMuNjE1LTEuNjY5Yy02LjMwOS0zLjMzOS0xMy40MDQtNS4wMDgtMjEuMjg1LTUuMDA4Yy03Ljg4NSwwLTE0LjAwNCwxLjYyNS0xOC4zNjEsNC44NjkNCgkJYy00LjM1OSwzLjI0Ni02LjUzNyw3LjQ2OC02LjUzNywxMi42NThjMCw1LjE5NCwxLjYyMSw5LjI3NSw0Ljg2OSwxMi4yNDFjMy4yNDIsMi45NjksOC43NjIsNS42NiwxNi41NTMsOC4wNjYNCgkJYzE3LjQzMiw1LjM4MywyOS4yNTYsMTEuMjcsMzUuNDczLDE3LjY2OGM2LjIxMSw2LjM5OCw5LjMxOCwxNi4wNDUsOS4zMTgsMjguOTM0YzAsMTIuODkzLTQuNTksMjMuNTA4LTEzLjc3MSwzMS44NTUNCgkJYy05LjE4LDguMzQ2LTIwLjE3LDEyLjUxOC0zMi45NjcsMTIuNTE4Yy0xMi43OTksMC0yMy44MzQtMS44OTgtMzMuMTA3LTUuNzAzQzYyNi45MTMsMjM2LjUzOSw2MjIuMjgsMjMyLjg3NSw2MjIuMjgsMjI5LjM1eiIvPg0KPC9nPg0KPGNpcmNsZSBmaWxsPSIjMjUyNTI1IiBjeD0iMjkzLjA0NiIgY3k9IjQ4LjI0NiIgcj0iMTUuODA1Ii8%2BDQo8L3N2Zz4NCg%3D%3D); }
  .logo-animation.open .box-1 {
    -webkit-transform: rotate(8deg) translateX(8px);
            transform: rotate(8deg) translateX(8px); }
  .logo-animation.open .box-2 {
    -webkit-transform: rotate(4deg) translateX(4px);
            transform: rotate(4deg) translateX(4px); }
  .logo-animation.open:hover .box-1, .logo-animation.open:hover .box-2 {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: none;
            transform: none; }
/**
 * Menu component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-menu {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px;
  background: #fff;
  border: 1px solid transparent;
  color: #252525;
  text-align: left;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  font-size: 13px;
  z-index: 2001;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sl-menu .sl-menu-hitarea {
    position: absolute;
    margin: -1px 0 0 -1px;
    z-index: 1; }
  .sl-menu svg.sl-menu-hitarea {
    pointer-events: none; }
    .sl-menu svg.sl-menu-hitarea path {
      pointer-events: auto;
      fill: transparent; }
  .sl-menu.debug div.sl-menu-hitarea {
    background-color: rgba(0, 255, 0, 0.5); }
  .sl-menu.debug svg.sl-menu-hitarea path {
    fill: rgba(0, 255, 0, 0.5); }
  .sl-menu .sl-menu-list {
    position: relative;
    z-index: 2; }
  .sl-menu .sl-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 10px;
    height: 3.5em;
    width: 100%;
    line-height: 3.5em;
    color: #252525;
    font-weight: 500;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-menu .sl-menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .sl-menu .sl-menu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .sl-menu .sl-menu-item.active {
    background-color: #eaecf1; }
  .sl-menu .sl-menu-item:hover,
  .sl-menu .sl-menu-item.menu-is-open {
    background-color: #f0f1f5; }
  .sl-menu .sl-menu-item:active {
    background-color: #eaecf1; }
  .sl-menu .sl-menu-item:focus {
    outline: 1px solid #1baee1;
    outline-offset: 2px; }
  .sl-menu .sl-menu-item .label {
    line-height: inherit; }
  .sl-menu .sl-menu-item .icon {
    line-height: inherit;
    width: 1.2em;
    margin-left: 30px;
    font-size: 1em;
    text-align: center; }
  .sl-menu .sl-menu-item .counter {
    line-height: inherit;
    margin-left: 30px; }
  .sl-menu .sl-menu-item .counter-inner {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.7em;
    border-radius: 1.6em;
    font-size: 0.8em;
    background-color: #1baee1;
    color: #fff;
    text-align: center; }
  .sl-menu .sl-menu-arrow {
    position: absolute; }
  .sl-menu[data-alignment=t] .sl-menu-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: 1px;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.04); }
  .sl-menu[data-alignment=t] .sl-menu-arrow .sl-menu-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }
  .sl-menu[data-alignment=b] .sl-menu-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: -1px;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.04); }
  .sl-menu[data-alignment=b] .sl-menu-arrow .sl-menu-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }
  .sl-menu[data-alignment=l] .sl-menu-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: 1px;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, 0.04); }
  .sl-menu[data-alignment=l] .sl-menu-arrow .sl-menu-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: #fff; }
  .sl-menu[data-alignment=r] .sl-menu-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: -1px;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.04); }
  .sl-menu[data-alignment=r] .sl-menu-arrow .sl-menu-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: #fff; }
/**
 * Notifications popup.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-notifications {
  position: fixed;
  right: 20px;
  bottom: 10px;
  width: 400px;
  z-index: 2001; }
  @media screen and (max-width: 400px) {
    .sl-notifications {
      max-width: 280px; } }

.sl-notification {
  position: absolute;
  right: 0;
  padding: 12px 16px;
  margin: 0;
  font-size: 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(30, 30, 30, 0.5);
  text-align: left;
  border-radius: 6px;
  opacity: 0;
  line-height: 1.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }
  .sl-notification.show {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .sl-notification.hide {
    opacity: 0; }
  .sl-notification.white {
    color: #000;
    background-color: rgba(255, 255, 255, 0.95);
    border: 0; }
  .sl-notification.white-shadow {
    color: #000;
    background-color: rgba(255, 255, 255, 0.95);
    border: 0;
    -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.14);
            box-shadow: 0 2px 14px rgba(0, 0, 0, 0.14); }
  .sl-notification.negative {
    border: 0;
    background-color: rgba(220, 80, 80, 0.95); }

.sl-notification .buttons {
  font-size: 0.866em; }

.sl-notification .buttons[data-layout="block"] {
  display: block;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: right; }
  .sl-notification .buttons[data-layout="block"] .button + .button {
    margin-left: 10px; }

.sl-notification .buttons[data-layout="inline"] {
  display: inline-block;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.4); }

.sl-notification .retry-options {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.8em;
  text-align: right; }

.sl-notification .retry-countdown {
  min-width: 130px;
  line-height: 25px;
  margin-right: 15px;
  float: left;
  vertical-align: middle;
  text-align: left; }

.sl-notification a,
.sl-notification a:hover {
  color: #fff;
  border-bottom-color: #fff; }

.sl-notification h4 {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 16px; }
/**
 * Full page preloader.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.page-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2000;
  background: #111;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .page-loader .page-loader-inner {
    position: absolute;
    display: block;
    top: 40%;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 0.3s linear 0.1s;
    transition: opacity 0.3s linear 0.1s; }
    .page-loader .page-loader-inner.hidden {
      opacity: 0; }
    .page-loader .page-loader-inner .page-loader-spinner {
      display: block;
      position: relative;
      width: 50px;
      height: 50px;
      margin: 0 auto 20px auto;
      -webkit-animation: spin-rectangle-to-circle 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
              animation: spin-rectangle-to-circle 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
      background-color: #E4637C;
      border-radius: 1px; }
    .page-loader .page-loader-inner .page-loader-message {
      display: block;
      margin: 0;
      vertical-align: top;
      line-height: 32px;
      font-size: 14px;
      color: #bbb;
      font-family: Helvetica, sans-serif; }
  .page-loader[data-style="white"] {
    background: #fff;
    color: #555; }

body > .page-loader {
  position: fixed; }

.page-loader.visible {
  visibility: visible;
  opacity: 1; }

.page-loader.frozen .page-loader-spinner {
  -webkit-animation: none;
          animation: none; }
@charset "UTF-8";
/**
 * Styles for the popup component.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 400;
  padding: 5px;
  font-size: 14px;
  pointer-events: none; }
  .sl-popup.sl-popup-inline {
    z-index: initial;
    position: relative;
    padding: 0; }
    .sl-popup.sl-popup-inline .sl-popup-inner {
      margin: 0;
      max-width: none;
      max-height: none; }
  .sl-popup .sl-popup-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
    pointer-events: none; }
  .sl-popup h2, .sl-popup h3 {
    font-weight: normal; }
  .sl-popup .sl-popup-inner {
    position: relative;
    margin: auto;
    max-width: 98%;
    max-height: 98%;
    color: #222;
    text-align: left;
    border-radius: 12px;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
    transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
    transition: transform 0.15s ease, opacity 0.15s ease;
    transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  .sl-popup .sl-popup-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
    padding: 20px;
    background-color: #eee;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px); }
  .sl-popup .sl-popup-header .sl-popup-header-title {
    max-width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .sl-popup .sl-popup-header .sl-popup-header-title-item {
    color: #777;
    margin-left: 6px; }
  .sl-popup .sl-popup-header-actions {
    position: absolute;
    right: 20px;
    top: 17px; }
    .sl-popup .sl-popup-header-actions .button {
      font-size: 14px;
      vertical-align: top; }
    .sl-popup .sl-popup-header-actions .button .icon {
      margin-left: 6px; }
    .sl-popup .sl-popup-header-actions .button + .button {
      margin-left: 10px; }
    .sl-popup .sl-popup-header-actions .divider {
      display: inline-block;
      vertical-align: top;
      width: 1px;
      height: 34px;
      margin: 0 15px;
      background-color: #bbb; }
  .sl-popup .sl-popup-body {
    position: relative;
    line-height: 1.4;
    overflow: auto;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    -webkit-overflow-scrolling: touch; }
    .sl-popup .sl-popup-body p:first-child,
    .sl-popup .sl-popup-body h1:first-child,
    .sl-popup .sl-popup-body h2:first-child,
    .sl-popup .sl-popup-body h3:first-child,
    .sl-popup .sl-popup-body h4:first-child {
      margin-top: 0; }
  .sl-popup.skip-intro, .sl-popup.skip-intro .sl-popup-inner {
    -webkit-transition: none;
    transition: none; }
  .sl-popup.visible, .sl-popup.skip-intro {
    pointer-events: auto; }
    .sl-popup.visible .sl-popup-background, .sl-popup.skip-intro .sl-popup-background {
      opacity: 1; }
    .sl-popup.visible .sl-popup-inner, .sl-popup.skip-intro .sl-popup-inner {
      opacity: 1;
      -webkit-transform: none;
              transform: none; }

.sl-popup-solid .sl-popup-body {
  background: #fff; }

.sl-popup-body.has-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0; }
  .sl-popup-body.has-sidebar .sl-popup-content {
    background: #fff; }

.sl-popup-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.sl-popup-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  max-height: 100%; }

.sl-popup-content-page {
  position: relative;
  min-height: 100%; }

.sl-popup-sidebar-header {
  color: #aaa;
  font-weight: 500;
  text-transform: uppercase;
  padding: 24px 20px 10px 20px;
  line-height: 24px;
  font-size: 0.9em; }

.sl-popup-sidebar-divider {
  padding: 10px 20px; }
  .sl-popup-sidebar-divider:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd; }

.sl-popup-sidebar-button {
  padding: 24px 20px;
  color: #444;
  background-color: transparent;
  border-radius: 0;
  text-align: left;
  width: 100%;
  outline-offset: -1px;
  font-weight: 500;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-popup-sidebar-button.disabled {
    pointer-events: none;
    background-color: transparent; }
  .sl-popup-sidebar-button:hover {
    color: #000;
    background-color: #f6f6f6; }
  .sl-popup-sidebar-button.selected {
    color: #000;
    background-color: #fff;
    cursor: default; }
  .sl-popup-sidebar-button .icon {
    float: right; }

.sl-popup-sidebar-primary-action {
  margin: auto 6px 6px 6px;
  padding: 24px 20px;
  text-align: left;
  line-height: 1.5em;
  font-weight: 500; }
  .sl-popup-sidebar-primary-action .icon {
    float: right;
    font-size: 1.5em; }

@media screen and (max-width: 500px) {
  .sl-popup-body.has-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .sl-popup-body.has-sidebar .sl-popup-sidebar {
      width: 100%; }
    .sl-popup-body.has-sidebar .sl-popup-sidebar-button {
      padding: 15px 20px; }
    .sl-popup-body.has-sidebar .sl-popup-sidebar-button.selected {
      background-color: #1baee1;
      color: #fff; }
    .sl-popup-body.has-sidebar .sl-popup-content {
      text-align: center; } }
.sl-popup[data-id="revision"] .sl-popup-body {
  padding: 5px;
  background-color: #eee; }
.sl-popup[data-id="revision"] .spinner {
  top: 45%;
  display: none; }
.sl-popup[data-id="revision"] .loading .spinner {
  display: block; }
.sl-popup[data-id="revision"] .deck {
  width: 100%;
  height: 100%;
  background: #777; }
  .sl-popup[data-id="revision"] .deck iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0; }

.sl-popup[data-id="session-expired"] .sl-popup-body {
  padding: 20px; }
.sl-popup[data-id="session-expired"] ol {
  margin: 15px 0;
  padding: 0;
  list-style: decimal inside; }

.sl-popup[data-id="deck-outdated"] .sl-popup-body {
  padding: 20px; }

.sl-popup[data-id="insert-snippet"] .sl-popup-body {
  padding: 20px; }
.sl-popup[data-id="insert-snippet"] .variables {
  margin: 20px 0; }
  .sl-popup[data-id="insert-snippet"] .variables .browse-for-image,
  .sl-popup[data-id="insert-snippet"] .variables .browse-for-video {
    float: right; }
  .sl-popup[data-id="insert-snippet"] .variables label {
    margin-bottom: 10px; }
  .sl-popup[data-id="insert-snippet"] .variables input {
    width: 100%; }

.sl-popup[data-id="code-editor"] .sl-popup-body,
.sl-popup[data-id="edit-slide-html"] .sl-popup-body {
  padding: 0 5px 5px 5px; }
.sl-popup[data-id="code-editor"] .editor,
.sl-popup[data-id="edit-slide-html"] .editor {
  position: relative;
  width: 100%;
  height: 100%; }
.sl-popup[data-id="code-editor"] .CodeMirror,
.sl-popup[data-id="edit-slide-html"] .CodeMirror {
  border-radius: 6px; }

.sl-popup[data-id="custom-fonts"] .sl-popup-body {
  padding: 20px; }
.sl-popup[data-id="custom-fonts"] input {
  width: 100%; }
.sl-popup[data-id="custom-fonts"] .google-settings .google-status {
  display: none;
  font-size: 0.8em;
  margin-top: 10px;
  color: #999; }
  .sl-popup[data-id="custom-fonts"] .google-settings .google-status.visible {
    display: block; }
.sl-popup[data-id="custom-fonts"] .google-settings .google-status-item {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 2px 6px;
  border-radius: 20px;
  margin: 0 6px 6px 0; }
.sl-popup[data-id="custom-fonts"] .google-settings .google-status-item:first-child {
  margin-left: 6px; }

.sl-popup[data-id="preview-media"] .sl-popup-body {
  width: 100% !important;
  height: 100% !important;
  height: calc(100% - 70px) !important;
  overflow: hidden;
  padding: 6px; }
  .sl-popup[data-id="preview-media"] .sl-popup-body .media-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .sl-popup[data-id="preview-media"] .sl-popup-body img,
  .sl-popup[data-id="preview-media"] .sl-popup-body video,
  .sl-popup[data-id="preview-media"] .sl-popup-body iframe {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 2;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .sl-popup[data-id="preview-media"] .sl-popup-body iframe {
    border: 0; }
  .sl-popup[data-id="preview-media"] .sl-popup-body.loaded-media img, .sl-popup[data-id="preview-media"] .sl-popup-body.loaded-media video, .sl-popup[data-id="preview-media"] .sl-popup-body.loaded-media iframe {
    opacity: 1; }

.sl-popup[data-id="preview-template"] .sl-popup-body {
  width: 100% !important;
  height: 100% !important;
  height: calc(100% - 70px) !important;
  overflow: hidden;
  padding-top: 1px; }
  .sl-popup[data-id="preview-template"] .sl-popup-body .popup-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .sl-popup[data-id="preview-template"] .sl-popup-body iframe {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 2;
    border: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .sl-popup[data-id="preview-template"] .sl-popup-body.loaded iframe {
    opacity: 1; }

.sl-popup[data-id="deck-templates"] .sl-popup-body {
  height: 800px; }
.sl-popup[data-id="deck-templates"] .sl-popup-content {
  overflow: hidden; }
.sl-popup[data-id="deck-templates"] .sl-popup-content-page {
  height: 100%;
  padding: 7.5px;
  overflow: auto; }
.sl-popup[data-id="deck-templates"] .content-placeholder {
  position: absolute;
  width: 100%;
  top: 45%;
  color: #999;
  text-align: center; }
.sl-popup[data-id="deck-templates"] .sl-deck-thumbnail {
  position: relative;
  display: inline-block;
  width: 250px;
  height: auto;
  margin: 7.5px;
  cursor: pointer;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 1rem; }
.sl-popup[data-id="deck-templates"] .sl-deck-thumbnail .deck-link {
  border-radius: 2px; }
.sl-popup[data-id="deck-templates"] .sl-deck-thumbnail .deck-thumb {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden; }
.sl-popup[data-id="deck-templates"] .sl-deck-thumbnail:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.sl-popup[data-id="markdown-importer"] .sl-popup-body {
  height: 800px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden; }
.sl-popup[data-id="markdown-importer"] .sl-popup-header-actions {
  white-space: nowrap; }
.sl-popup[data-id="markdown-importer"] .markdown-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5;
  color: #999;
  pointer-events: none;
  text-align: center; }
.sl-popup[data-id="markdown-importer"] .markdown-editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%; }
.sl-popup[data-id="markdown-importer"] .markdown-preview {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 10px;
  padding: 10px;
  padding-top: 0;
  max-height: 100%;
  overflow: auto;
  pointer-events: none;
  background-color: #eee; }
.sl-popup[data-id="markdown-importer"] .markdown-preview .placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #999;
  font-size: 1.2rem; }
.sl-popup[data-id="markdown-importer"] .markdown-instructions {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: auto;
  z-index: 10;
  padding: 20px;
  background-color: rgba(245, 245, 245, 0.9);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-transform: translateY(16px);
          transform: translateY(16px); }
  .sl-popup[data-id="markdown-importer"] .markdown-instructions pre code {
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
  .sl-popup[data-id="markdown-importer"] .markdown-instructions h3 {
    font-weight: 600; }
  .sl-popup[data-id="markdown-importer"] .markdown-instructions * + h3 {
    margin-top: 2em; }
  .sl-popup[data-id="markdown-importer"] .markdown-instructions table ul,
  .sl-popup[data-id="markdown-importer"] .markdown-instructions table ol {
    padding-left: 0;
    list-style-position: inside; }
  .sl-popup[data-id="markdown-importer"] .markdown-instructions.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
@media screen and (max-width: 600px) {
  .sl-popup[data-id="markdown-importer"] .sl-popup-header-title {
    display: none; }
  .sl-popup[data-id="markdown-importer"] .markdown-instructions {
    left: 0;
    width: 100%; } }

.sl-popup[data-id="translator"] .sl-popup-body {
  padding: 0 20px 20px 20px; }
.sl-popup[data-id="translator"] .sl-table {
  table-layout: fixed; }
.sl-popup[data-id="translator"] .sl-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
  -webkit-box-shadow: 0 0.5px 0px 0px #eee;
          box-shadow: 0 0.5px 0px 0px #eee; }
.sl-popup[data-id="translator"] .sl-table thead th {
  padding-top: calc( 1em + 20px ); }
.sl-popup[data-id="translator"] .sl-table tr.disabled {
  display: none; }
.sl-popup[data-id="translator"] .sl-table th,
.sl-popup[data-id="translator"] .sl-table td.pending {
  opacity: 0.6; }
.sl-popup[data-id="translator"] .sl-table td.arrow,
.sl-popup[data-id="translator"] .sl-table td.toggle {
  opacity: 0.3;
  text-align: center;
  padding: 0;
  padding-right: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.sl-popup[data-id="translator"] .sl-table .toggle:hover {
  opacity: 1; }
.sl-popup[data-id="translator"] .sl-table td.original {
  opacity: 0.8; }
.sl-popup[data-id="translator"] .sl-table td.pending:before {
  content: '–'; }
.sl-popup[data-id="translator"] .sl-table td {
  vertical-align: middle; }
.sl-popup[data-id="translator"] .sl-table td .button {
  width: 28px;
  height: 28px;
  padding: 0; }
.sl-popup[data-id="translator"] .sl-table tbody * {
  font-size: 14px !important;
  line-height: 1.4;
  margin: 0;
  color: inherit !important; }
.sl-popup[data-id="translator"] .sl-table tbody ul,
.sl-popup[data-id="translator"] .sl-table tbody ol {
  list-style-position: inside;
  -webkit-padding-start: 0;
          padding-inline-start: 0; }
.sl-popup[data-id="translator"] .sl-table tbody ul ul,
.sl-popup[data-id="translator"] .sl-table tbody ol ol,
.sl-popup[data-id="translator"] .sl-table tbody ul ol,
.sl-popup[data-id="translator"] .sl-table tbody ol ul {
  -webkit-padding-start: 1em;
          padding-inline-start: 1em; }
.sl-popup[data-id="translator"] .sl-table tbody table {
  margin: 0;
  width: 100%; }
.sl-popup[data-id="translator"] .sl-table tbody table th,
.sl-popup[data-id="translator"] .sl-table tbody table td {
  padding: 4px !important;
  width: auto !important; }
.sl-popup[data-id="translator"] .sl-table tbody table tr {
  border-top: 0; }

.ua-ie .sl-popup .sl-popup-inner {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
/**
 * Prompt module.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-prompt {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 401;
  padding: 10px;
  pointer-events: none; }
  .sl-prompt .sl-prompt-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease; }
  .sl-prompt .sl-prompt-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    pointer-events: auto;
    z-index: 2;
    -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
    transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
    transition: opacity 0.15s ease, transform 0.15s ease;
    transition: opacity 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease; }
  .sl-prompt .sl-prompt-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .sl-prompt .sl-prompt-arrow {
    position: absolute;
    z-index: 1; }
  .sl-prompt.visible .sl-prompt-background {
    opacity: 1; }
  .sl-prompt.visible .sl-prompt-wrapper {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .sl-prompt.transform-positioning .sl-prompt-wrapper {
    -webkit-transition: none;
    transition: none; }
  .sl-prompt.transform-positioning.visible .sl-prompt-wrapper {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
  .sl-prompt.close-on-click-outside {
    pointer-events: auto; }
  .sl-prompt .sl-prompt-inner {
    position: relative;
    background: #fff;
    padding: 15px;
    color: #222;
    text-align: left;
    border-radius: 6px;
    font-size: 12px; }
    .sl-prompt .sl-prompt-inner > .title {
      max-width: 450px;
      margin-bottom: 15px;
      padding: 0;
      font-size: 15px;
      font-weight: 500;
      word-break: break-word; }
    .sl-prompt .sl-prompt-inner > .title.has-subtitle, .sl-prompt .sl-prompt-inner > .title.has-body-text {
      margin-bottom: 5px; }
    .sl-prompt .sl-prompt-inner > .subtitle {
      max-width: 450px;
      margin-bottom: 15px;
      padding: 0;
      font-size: 14px;
      font-weight: normal;
      color: #6f6f6f;
      word-break: break-word; }
      .sl-prompt .sl-prompt-inner > .subtitle a {
        color: #6f6f6f;
        text-decoration: underline; }
      .sl-prompt .sl-prompt-inner > .subtitle a:hover {
        color: #1baee1; }
    .sl-prompt .sl-prompt-inner > .body-text {
      max-width: 450px;
      margin-bottom: 15px;
      padding: 0;
      font-size: 12px;
      font-weight: normal; }
      .sl-prompt .sl-prompt-inner > .body-text a {
        color: #6f6f6f;
        text-decoration: underline; }
      .sl-prompt .sl-prompt-inner > .body-text a:hover {
        color: #1baee1; }
    .sl-prompt .sl-prompt-inner .sl-checkbox {
      margin-bottom: 10px;
      font-size: 12px; }
    .sl-prompt .sl-prompt-inner .unit-row .sl-checkbox {
      margin-bottom: 0; }
    .sl-prompt .sl-prompt-inner .footer {
      text-align: right;
      margin-top: 15px; }
      .sl-prompt .sl-prompt-inner .footer .button + .button {
        margin-left: 10px; }
      .sl-prompt .sl-prompt-inner .footer .button.left-align {
        float: left;
        margin-left: 0; }
      .sl-prompt .sl-prompt-inner .footer .button.left-align + .left-align {
        margin-left: 10px; }
  .sl-prompt[data-alignment=t] .sl-prompt-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }
  .sl-prompt[data-alignment=b] .sl-prompt-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }
  .sl-prompt[data-alignment=l] .sl-prompt-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: #fff; }
  .sl-prompt[data-alignment=r] .sl-prompt-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.sl-prompt[data-type="alert"] .message {
  max-width: 450px;
  margin-bottom: 15px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  word-break: break-word; }

.sl-prompt[data-type="flashmessage"] {
  z-index: 2002;
  -webkit-transition: none;
  transition: none; }
  .sl-prompt[data-type="flashmessage"] .title {
    font-size: 18px; }
  .sl-prompt[data-type="flashmessage"] .title:first-child:last-child {
    margin-bottom: 0; }
  .sl-prompt[data-type="flashmessage"] .sl-prompt-inner {
    padding: 24px;
    -webkit-transition: none;
    transition: none; }

.sl-prompt[data-type="select"] .sl-prompt-inner {
  text-align: center; }
.sl-prompt[data-type="select"] .sl-prompt-inner > .title {
  padding: 0 10px; }
.sl-prompt[data-type="select"] .sl-prompt-inner > .title:not(.has-subtitle) {
  font-weight: normal; }
.sl-prompt[data-type="select"] .sl-prompt-inner .item {
  display: inline-block;
  position: relative;
  padding: 0.57em 1.07em;
  margin: 0.35em;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  max-width: 200px; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item .icon {
    margin: 0.2em 0;
    font-size: 2em; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item h3 {
    font-size: 1.14em;
    font-weight: 500; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item h3:last-child {
    font-weight: normal; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item p {
    margin: 5px 0;
    font-size: 1em; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item.outline {
    color: #3c3c3c;
    border-color: #6f6f6f; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item.outline:hover, .sl-prompt[data-type="select"] .sl-prompt-inner .item.outline.selected {
    color: #222;
    border-color: #222; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item.positive {
    color: #fff;
    background: #1baee1;
    border-color: #1baee1; }
    .sl-prompt[data-type="select"] .sl-prompt-inner .item.positive:hover {
      background: #46bfe9;
      border-color: #46bfe9; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item.negative {
    color: #fff;
    background: #e74c3c;
    border-color: #e74c3c; }
    .sl-prompt[data-type="select"] .sl-prompt-inner .item.negative:hover {
      background: #ed7669;
      border-color: #ed7669; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item.focus {
    outline: 2px solid #1baee1;
    outline-offset: 2px; }
  .sl-prompt[data-type="select"] .sl-prompt-inner .item.divider {
    margin-right: 1.42em; }
    .sl-prompt[data-type="select"] .sl-prompt-inner .item.divider:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0;
      right: -1.07em;
      width: 1px;
      height: 100%;
      background: #e7e9ef; }
@media screen and (max-width: 615px) {
  .sl-prompt[data-type="select"][data-length="2"] .sl-prompt-inner, .sl-prompt[data-type="select"][data-length="3"] .sl-prompt-inner, .sl-prompt[data-type="select"][data-length="4"] .sl-prompt-inner {
    font-size: 12px; }
    .sl-prompt[data-type="select"][data-length="2"] .sl-prompt-inner > .title, .sl-prompt[data-type="select"][data-length="3"] .sl-prompt-inner > .title, .sl-prompt[data-type="select"][data-length="4"] .sl-prompt-inner > .title {
      font-size: 14px; } }
@media screen and (max-width: 500px) {
  .sl-prompt[data-type="select"][data-length="2"] .sl-prompt-inner, .sl-prompt[data-type="select"][data-length="3"] .sl-prompt-inner, .sl-prompt[data-type="select"][data-length="4"] .sl-prompt-inner {
    font-size: 11px; }
    .sl-prompt[data-type="select"][data-length="2"] .sl-prompt-inner > .title, .sl-prompt[data-type="select"][data-length="3"] .sl-prompt-inner > .title, .sl-prompt[data-type="select"][data-length="4"] .sl-prompt-inner > .title {
      font-size: 13px; } }
@media screen and (max-width: 500px) {
  .sl-prompt[data-type="select"][data-length="3"] .sl-prompt-inner, .sl-prompt[data-type="select"][data-length="4"] .sl-prompt-inner {
    font-size: 9px;
    padding: 8px; }
    .sl-prompt[data-type="select"][data-length="3"] .sl-prompt-inner > .title, .sl-prompt[data-type="select"][data-length="4"] .sl-prompt-inner > .title {
      font-size: 12px;
      max-width: 250px; } }

.sl-prompt[data-type="list"] .list {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.sl-prompt[data-type="list"] .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 12px 25px 12px 0;
  border-bottom: 1px solid #eee;
  color: #999;
  cursor: pointer;
  max-width: 300px;
  min-width: 200px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sl-prompt[data-type="list"] .list-item .checkmark {
    position: absolute;
    right: 5px;
    opacity: 0; }
  .sl-prompt[data-type="list"] .list-item:hover {
    background-color: #f6f7f9;
    border-bottom-color: transparent; }
  .sl-prompt[data-type="list"] .list-item:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: -15px;
    bottom: -1px;
    left: -15px;
    background: #f6f7f9; }
  .sl-prompt[data-type="list"] .list-item:hover, .sl-prompt[data-type="list"] .list-item.selected {
    color: #111; }
  .sl-prompt[data-type="list"] .list-item.selected .checkmark {
    opacity: 1; }
  .sl-prompt[data-type="list"] .list-item.focus:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: -15px;
    bottom: -1px;
    left: -15px;
    outline: 1px solid #1baee1;
    outline-offset: -4px; }
  .sl-prompt[data-type="list"] .list-item:last-child, .sl-prompt[data-type="list"] .list-item.last-child-before-divider {
    border-bottom: 0; }
  .sl-prompt[data-type="list"] .list-item.has-description .list-item-title {
    font-weight: 500; }
.sl-prompt[data-type="list"] .list-item > * {
  z-index: 1; }
.sl-prompt[data-type="list"] .list-item.has-icon,
.sl-prompt[data-type="list"] .list-item.has-thumb {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 360px;
  min-width: 200px; }
.sl-prompt[data-type="list"] .list-item.has-thumb {
  padding: 12px 0; }
.sl-prompt[data-type="list"] .list-item-icon,
.sl-prompt[data-type="list"] .list-item-thumb {
  -ms-flex-item-align: center;
      align-self: center;
  width: 1em;
  margin-right: 0.8em;
  text-align: center;
  font-size: 1.5em; }
.sl-prompt[data-type="list"] .list-item-icon {
  opacity: 0.8; }
.sl-prompt[data-type="list"] .list-item-thumb {
  width: 100px;
  height: 65px; }
.sl-prompt[data-type="list"] .list-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }
.sl-prompt[data-type="list"] .list-item-description {
  display: block;
  margin: 4px 0 0 0;
  line-height: 1.4;
  color: #999; }
.sl-prompt[data-type="list"] .list-item:hover .list-item-icon {
  opacity: 1; }
.sl-prompt[data-type="list"] .list-item:hover .list-item-description,
.sl-prompt[data-type="list"] .list-item.selected .list-item-description {
  color: #777777; }
.sl-prompt[data-type="list"] .list-item.header-item {
  border-bottom-width: 3px;
  padding-top: 20px;
  padding-bottom: 20px; }
.sl-prompt[data-type="list"] .list-item-divider {
  padding: 12px 25px 12px 0;
  border-bottom: 1px solid #eee;
  color: #6f6f6f;
  pointer-events: none; }
.sl-prompt[data-type="list"] .list-item-divider:not(:first-child) {
  margin-top: 10px; }
.sl-prompt[data-type="list"][data-list-type="select"]:not(.has-selection) .list-item {
  color: #222; }
.sl-prompt[data-type="list"][data-list-type="links"] .title {
  font-size: 1em;
  color: #999; }
.sl-prompt[data-type="list"][data-list-type="links"] .list-item {
  color: #222; }
.sl-prompt[data-type="list"][data-list-type="fonts"] .list-item {
  font-size: 1.25em;
  color: #222; }

.sl-prompt[data-type="accordion"] .sl-prompt-inner {
  padding: 0; }
.sl-prompt[data-type="accordion"] .accordion-item {
  display: block;
  position: relative;
  color: #555;
  max-width: 400px;
  min-width: 200px;
  background-color: #fff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .sl-prompt[data-type="accordion"] .accordion-item .item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 1em 15px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header > .icon:first-child {
      margin-right: 14px;
      vertical-align: middle; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .title {
      font-weight: 500;
      font-size: 14px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .expand-button,
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .collapse-button {
      font-size: 14px;
      position: relative;
      float: right;
      color: transparent; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .checkmark-square {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #ddd; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .collapse-button {
      display: none;
      border-color: transparent;
      color: #111; }
  .sl-prompt[data-type="accordion"] .accordion-item .item-header:hover {
    color: #111; }
  .sl-prompt[data-type="accordion"] .accordion-item .item-header:hover .checkmark-square {
    border-color: #111; }
  .sl-prompt[data-type="accordion"] .accordion-item .item-content {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 15px;
    overflow: hidden;
    white-space: normal;
    -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
  .sl-prompt[data-type="accordion"] .accordion-item.focus {
    outline: 1px solid #1baee1;
    outline-offset: -1px; }
  .sl-prompt[data-type="accordion"] .accordion-item:first-child {
    padding-top: 5px; }
  .sl-prompt[data-type="accordion"] .accordion-item:last-child {
    padding-bottom: 5px;
    border-bottom: 0; }
.sl-prompt[data-type="accordion"].accordion-open .accordion-item:not(.selected) {
  background-color: #f5f5f5; }
.sl-prompt[data-type="accordion"] .accordion-item.selected .item-header {
  color: #111; }
.sl-prompt[data-type="accordion"] .accordion-item.selected .item-header .expand-button {
  display: none; }
.sl-prompt[data-type="accordion"] .accordion-item.selected .item-header .collapse-button {
  display: block; }
.sl-prompt[data-type="accordion"] .accordion-item.selected .item-content {
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 1;
  max-height: 600px;
  margin-top: 5px;
  margin-bottom: 15px; }
.sl-prompt[data-type="accordion"] .accordion-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
.sl-prompt[data-type="accordion"] .accordion-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.sl-prompt[data-type="input"] .sl-prompt-inner input,
.sl-prompt[data-type="input"] .sl-prompt-inner textarea {
  background: #fff;
  outline: 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  resize: none;
  padding: 8px;
  font-size: 14px;
  width: 100%; }
  .sl-prompt[data-type="input"] .sl-prompt-inner input:focus,
  .sl-prompt[data-type="input"] .sl-prompt-inner textarea:focus {
    border-color: #1baee1; }
.sl-prompt[data-type="input"] .sl-prompt-inner input {
  min-width: 300px;
  font-size: 14px; }
.sl-prompt[data-type="input"] .sl-prompt-inner .input-wrapper {
  position: relative; }
  .sl-prompt[data-type="input"] .sl-prompt-inner .input-wrapper .input-status {
    position: absolute;
    right: 1px;
    bottom: 1px;
    padding: 9px;
    background: #fff;
    color: #bbb;
    pointer-events: none; }
    .sl-prompt[data-type="input"] .sl-prompt-inner .input-wrapper .input-status.negative {
      color: red; }

.sl-prompt[data-type="range"] .sl-prompt-inner input {
  font-size: 14px; }

.sl-prompt[data-type="form"] .sl-form {
  line-height: 1.4;
  font-size: 12px; }
  .sl-prompt[data-type="form"] .sl-form input,
  .sl-prompt[data-type="form"] .sl-form select,
  .sl-prompt[data-type="form"] .sl-form textarea {
    width: 100%; }
  .sl-prompt[data-type="form"] .sl-form .sl-form > .unit + .unit {
    margin-top: 30px; }
  .sl-prompt[data-type="form"] .sl-form .half-units {
    margin: 15px 0 25px 0; }
  .sl-prompt[data-type="form"] .sl-form .half-units .unit {
    display: inline-block;
    width: 50%;
    margin: 0; }
  .sl-prompt[data-type="form"] .sl-form .half-units .unit:first-child {
    padding-right: 10px; }
  .sl-prompt[data-type="form"] .sl-form .half-units .unit:last-child {
    padding-left: 10px; }
  .sl-prompt[data-type="form"] .sl-form .half-units:first-child {
    margin-top: 0; }

.sl-prompt-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.94);
  color: #222;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .sl-prompt-overlay.visible {
    visibility: visible;
    opacity: 1; }
  .sl-prompt-overlay h3 {
    font-size: 1em;
    margin: 10px 0 20px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.6; }
  .sl-prompt-overlay .icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    margin: 6px auto;
    font-size: 19px;
    color: #fff; }
  .sl-prompt-overlay .spinner {
    margin: 6px auto; }
  .sl-prompt-overlay[data-status="positive"] .icon {
    background-color: #65DC71; }
  .sl-prompt-overlay[data-status="negative"] .icon {
    background-color: #ED473A; }

.sl-visibility-prompt .sl-prompt-inner {
  padding: 5px; }

.sl-visibility-prompt .item,
.sl-speaker-layout-prompt .item {
  color: rgba(34, 34, 34, 0.8) !important;
  background-color: transparent !important; }

.sl-visibility-prompt .item:hover,
.sl-speaker-layout-prompt .item:hover {
  color: #222 !important;
  background-color: #f6f7f9 !important; }

.sl-visibility-prompt .item.selected {
  color: #fff !important;
  background-color: #1baee1 !important; }

.sl-speaker-layout-prompt .item.selected {
  color: #222 !important;
  background-color: #e7e9ef !important; }

.sl-speaker-layout-prompt .sl-prompt-inner .title,
.sl-speaker-layout-prompt .sl-prompt-inner .subtitle {
  max-width: none; }

.sl-speaker-layout-prompt .item {
  min-width: 110px; }
  .sl-speaker-layout-prompt .item .speaker-layout-icon {
    opacity: 0.5; }
  .sl-speaker-layout-prompt .item:hover .speaker-layout-icon, .sl-speaker-layout-prompt .item.selected .speaker-layout-icon {
    opacity: 1; }

.sl-speaker-layout-prompt .speaker-layout-icon {
  display: block;
  margin: 10px auto;
  width: 48px;
  height: 32px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="default"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-default-abe7d0a081f3dc23f45e089aa83d705f924d22b2c6ca24bd220d149eec771403.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="wide"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-wide-66189311138483710e8a9b86ce834c059d2eaa6e7646301053e161247f22cc59.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="tall"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-tall-932ab8737f8f64c332c5df05f25235c26e4973e8bf1773af0db1e966a8ea18d6.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="notes-only"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-notes-only-8c4bb4b5b1a13edb52fab8538f666cf66c852286a2dd9879fc7e2f6978bb6e79.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="current-only"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-current-only-c56150d785b069a05941ccc07263e609215721f8b04f74aff92a3bb224c0d9c5.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="upcoming-only"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-upcoming-only-0f799a32cb6babe98050cdc69111a724ae6edad9c12fa9e4675212b0678324c0.svg); }

.sl-sms-prompt .sl-form {
  width: 300px; }
.sl-sms-prompt .sl-form input,
.sl-sms-prompt .sl-form select {
  display: block;
  width: 100%; }
.sl-sms-prompt .sl-form > * + * {
  margin-top: 10px; }

.sl-slide-background-prompt {
  z-index: 399;
  -webkit-transition: opacity 0.2s ease, background-color 0.2s linear;
  transition: opacity 0.2s ease, background-color 0.2s linear; }
  .sl-slide-background-prompt:after {
    content: '';
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 50%);
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .sl-slide-background-prompt[data-alignment="r"]:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 50%); }
  .sl-slide-background-prompt .sl-prompt-inner {
    z-index: 2;
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); }

.sl-slide-background-prompt.accordion-open {
  background-color: transparent !important; }
  .sl-slide-background-prompt.accordion-open:after {
    opacity: 1; }

.sl-slide-background-prompt .sl-prompt-inner .accordion-item {
  width: 270px; }
.sl-slide-background-prompt .sl-prompt-inner .item-header .external-url {
  display: none;
  margin-right: 10px; }
.sl-slide-background-prompt .sl-prompt-inner .accordion-item:not(.selected) .item-header:hover .external-url {
  display: inline-block;
  opacity: 0.6; }
.sl-slide-background-prompt .sl-prompt-inner .accordion-item:not(.selected) .item-header:hover .external-url:hover {
  display: inline-block;
  opacity: 1; }
.sl-slide-background-prompt .sl-prompt-inner .sl-select {
  display: block;
  width: 100%; }
.sl-slide-background-prompt .sl-prompt-inner .media-opacity-wrapper,
.sl-slide-background-prompt .sl-prompt-inner .sl-select + .sl-select {
  margin-top: 10px; }
.sl-slide-background-prompt .sl-prompt-inner .sl-checkbox {
  font-size: inherit; }
.sl-slide-background-prompt .sl-prompt-inner .unit-description {
  line-height: 1.4;
  font-size: inherit; }
.sl-slide-background-prompt .sl-prompt-inner input {
  width: 100%; }
.sl-slide-background-prompt .sl-prompt-inner .media-thumbnail {
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 15px;
  border-radius: 2px; }
.sl-slide-background-prompt .sl-prompt-inner .media-thumbnail.clickable {
  cursor: pointer; }
  .sl-slide-background-prompt .sl-prompt-inner .media-thumbnail.clickable:hover {
    border-color: #777; }
.sl-slide-background-prompt .sl-prompt-inner .media-thumbnail-inner {
  width: 100%;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #f5f5f5; }
.sl-slide-background-prompt .sl-prompt-inner .upload-progress {
  text-align: center;
  padding: 20px 0; }
  .sl-slide-background-prompt .sl-prompt-inner .upload-progress .spinner {
    margin: 0 auto 20px auto; }
.sl-slide-background-prompt .sl-prompt-inner .iframe-url-warning {
  color: #ff0000;
  margin-top: 1em;
  line-height: 1.4; }

.sl-unsubscribe-prompt .sl-form {
  margin: 20px 0 30px; }
.sl-unsubscribe-prompt input[type="radio"] + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding: 12px;
  margin-bottom: 0;
  width: 100%; }
.sl-unsubscribe-prompt .cancellation-footnote {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 20px;
  line-height: 1.5; }
.sl-unsubscribe-prompt .cancellation-footnote strong {
  font-weight: 500; }

.sl-preview-media-prompt .sl-prompt-inner {
  padding: 8px; }
  .sl-preview-media-prompt .sl-prompt-inner .title,
  .sl-preview-media-prompt .sl-prompt-inner .subtitle {
    max-width: none; }

.sl-preview-media-prompt .preview-element {
  position: relative;
  background-color: #f5f5f5; }
  .sl-preview-media-prompt .preview-element .media-preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .sl-preview-media-prompt .preview-element img,
  .sl-preview-media-prompt .preview-element video {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    border-radius: 4px; }
  .sl-preview-media-prompt .preview-element.loaded-media img, .sl-preview-media-prompt .preview-element.loaded-media video {
    opacity: 1;
    position: relative; }

.sl-notes-prompt .dock-icon {
  display: block;
  width: 1.3em;
  height: 1em;
  border: 2px solid currentColor;
  border-bottom-width: 4px;
  float: left;
  margin-right: 8px;
  -webkit-transition: border-bottom-width 0.15s ease;
  transition: border-bottom-width 0.15s ease; }
.sl-notes-prompt .dock-button:hover .dock-icon {
  border-bottom-width: 6px; }

.sl-slide-settings-prompt .sl-transition-list {
  margin-top: 10px;
  font-size: 8px; }
.sl-slide-settings-prompt .sl-transition-thumbnail {
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 0 !important; }
  .sl-slide-settings-prompt .sl-transition-thumbnail:hover {
    border-color: transparent; }
  .sl-slide-settings-prompt .sl-transition-thumbnail.selected {
    border-color: #1baee1;
    outline: none; }
.sl-slide-settings-prompt .sl-transition-thumbnail:focus {
  outline: 2px solid #1baee1; }
.sl-slide-settings-prompt .clear-button,
.sl-slide-settings-prompt .auto-slide-preset {
  color: #777;
  border-color: #ddd;
  line-height: 1; }
  .sl-slide-settings-prompt .clear-button:hover,
  .sl-slide-settings-prompt .auto-slide-preset:hover {
    color: inherit;
    border-color: #999; }
.sl-slide-settings-prompt .clear-button {
  font-size: 12px;
  vertical-align: middle;
  margin-left: 10px;
  padding: 4px 6px;
  border-width: 1px;
  visibility: hidden;
  -webkit-transition: none;
  transition: none;
  float: right; }
.sl-slide-settings-prompt .clear-button.visible {
  visibility: visible; }

.sl-deck-timing-prompt .sl-form {
  width: 400px;
  max-width: 100%; }
.sl-deck-timing-prompt .reset-button {
  display: none; }

.sl-auto-animate-prompt .sl-form {
  width: 470px;
  max-width: 100%;
  margin-bottom: 35px; }
.sl-auto-animate-prompt .unit-row,
.sl-auto-animate-prompt .auto-animate-status {
  margin-bottom: 15px; }
.sl-auto-animate-prompt .sl-easing-list {
  margin-top: 10px;
  font-size: 8px; }
.sl-auto-animate-prompt .sl-easing-thumbnail {
  cursor: pointer; }
  .sl-auto-animate-prompt .sl-easing-thumbnail:hover {
    border-color: transparent; }
.sl-auto-animate-prompt .sl-easing-thumbnail path {
  -webkit-transition-property: all;
  transition-property: all; }
.sl-auto-animate-prompt .sl-easing-thumbnail:focus {
  outline: 2px solid #1baee1; }
.sl-auto-animate-prompt .animation-preview {
  width: 100%;
  height: 200px;
  position: relative;
  margin-bottom: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden; }
.sl-auto-animate-prompt .animation-preview-inner {
  width: 100%;
  height: 100%;
  background-color: #f6f7f9;
  border-radius: 6px; }
.sl-auto-animate-prompt .animation-preview-block {
  position: absolute;
  -webkit-transition: inherit;
  transition: inherit; }
.sl-auto-animate-prompt .animation-preview-block.unmatched {
  opacity: 0;
  -webkit-transition: none;
  transition: none; }
.sl-auto-animate-prompt .animation-preview-block.unmatched.unmatched-visible {
  opacity: 1;
  -webkit-transition: inherit;
  transition: inherit; }
.sl-auto-animate-prompt .animation-preview-label {
  position: absolute;
  top: 8px;
  right: 8px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase; }
.sl-auto-animate-prompt .animation-preview-label {
  position: absolute;
  top: 8px;
  left: 8px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase; }
.sl-auto-animate-prompt .animation-preview-pagination {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 11px;
  line-height: 1; }
.sl-auto-animate-prompt .animation-preview-pagination li {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-left: 4px;
  cursor: pointer; }
.sl-auto-animate-prompt .animation-preview-pagination li:hover,
.sl-auto-animate-prompt .animation-preview-pagination li.selected {
  background-color: rgba(0, 0, 0, 0.4); }

.sl-promotion-prompt .sl-prompt-inner {
  font-size: 16px;
  padding: 2em;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }

.sl-promotion-prompt .sl-prompt-inner .footer {
  margin-top: 2em; }

.sl-promotion-prompt-header {
  height: 200px;
  border-radius: 3px;
  margin-bottom: 2em;
  background: #E4637C;
  display: grid;
  place-items: center; }

.sl-promotion-prompt-header .icon {
  font-size: 70px;
  color: #fff; }

.sl-promotion-prompt-message {
  max-width: 450px;
  line-height: 1.4; }

.sl-promotion-prompt-message .title {
  font-size: 1.4em; }

@media screen and (max-width: 500px) {
  .sl-promotion-prompt .sl-prompt-inner {
    padding: 1em; } }
.sl-promotion-prompt.ai-limit-exceeded .sl-prompt-inner {
  font-size: 14px; }
.sl-promotion-prompt.ai-limit-exceeded .sl-promotion-prompt-header {
  background: linear-gradient(135deg, #1baee1 0%, #7b00ff 100%);
  color: #fff; }

.sl-copywriter-prompt .sl-prompt-inner {
  font-size: 13px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 260px;
  -webkit-transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), height 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), height 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), height 0.4s cubic-bezier(0.86, 0, 0.07, 1), transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), height 0.4s cubic-bezier(0.86, 0, 0.07, 1), transform 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden; }

.sl-copywriter-prompt-prompts {
  width: 260px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); }

.sl-copywriter-prompt-results {
  position: relative;
  width: 400px;
  height: auto;
  max-height: 100%;
  overflow: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); }

.sl-copywriter-prompt.animate-transition .sl-prompt-wrapper,
.sl-copywriter-prompt.animate-transition .sl-prompt-arrow {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); }

.sl-copywriter-prompt.animate-transition[data-state="results"] .sl-prompt-wrapper {
  -webkit-transform: translateX(-70px);
          transform: translateX(-70px); }

.sl-copywriter-prompt.animate-transition[data-state="results"] .sl-prompt-arrow {
  -webkit-transform: translateX(70px);
          transform: translateX(70px); }

.sl-copywriter-prompt[data-state="results"] .sl-prompt-inner {
  width: 400px; }

.sl-copywriter-prompt[data-state="results"] .sl-copywriter-prompt-prompts,
.sl-copywriter-prompt[data-state="results"] .sl-copywriter-prompt-results {
  -webkit-transform: translateX(-260px);
          transform: translateX(-260px); }

.sl-copywriter-prompt header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #f5f5f5;
  background-color: #fff;
  position: sticky;
  top: 0;
  padding: 4px; }

.sl-copywriter-prompt footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px;
  border-top: 1px solid #f5f5f5; }

.sl-copywriter-prompt .copywriter-title {
  padding: 8px 10px; }

.sl-copywriter-prompt .copywriter-button {
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  border-radius: 4px;
  color: inherit;
  cursor: pointer; }

.sl-copywriter-prompt .copywriter-button:hover {
  background-color: #f0f1f5;
  color: #000; }

.sl-copywriter-prompt-prompts footer {
  color: #777; }

.sl-copywriter-prompt .copywriter-list {
  padding: 4px; }

.sl-copywriter-prompt-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: left;
  gap: 6px;
  padding: 12px 12px;
  color: #222;
  line-height: 1.3;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.sl-copywriter-prompt-option .right {
  display: grid;
  place-items: center;
  margin-left: auto; }

.sl-copywriter-prompt-option:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.sl-copywriter-prompt-option:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.sl-copywriter-prompt-option:hover {
  background-color: #f0f1f5; }

.sl-copywriter-prompt-option:active {
  background-color: #eaecf1; }

.sl-copywriter-prompt-option.focus {
  outline: 2px solid #1baee1; }

.sl-copywriter-prompt-prompts.has-selection {
  pointer-events: none; }

.sl-copywriter-prompt-prompts.has-selection .sl-copywriter-prompt-option:not(.selected) {
  opacity: 0.2;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s; }

.sl-copywriter-prompt-option.selected .icon {
  opacity: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px); }

.sl-copywriter-prompt-option .spinner-wrapper {
  opacity: 0;
  -webkit-transform: translateX(8px);
          transform: translateX(8px); }

.sl-copywriter-prompt-option.selected .spinner-wrapper {
  opacity: 1;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.sl-copywriter-prompt-option .sl-select {
  padding: 2px 4px;
  margin: -2px 0;
  line-height: 1; }

.sl-copywriter-prompt-option .result-value * {
  font-size: 1em;
  margin: 0;
  color: inherit !important; }
.sl-copywriter-prompt-option .result-value > * + * {
  margin-top: 0.25em; }
.sl-copywriter-prompt-option .result-value h1, .sl-copywriter-prompt-option .result-value h2, .sl-copywriter-prompt-option .result-value h3, .sl-copywriter-prompt-option .result-value h4, .sl-copywriter-prompt-option .result-value h5, .sl-copywriter-prompt-option .result-value h6 {
  font-size: 1.125em; }
.sl-copywriter-prompt-option .result-value ul, .sl-copywriter-prompt-option .result-value ol {
  padding-left: 1em; }

.sl-image-suggestions-prompt .item {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 130px;
  vertical-align: top; }
  .sl-image-suggestions-prompt .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.preview-size-prompt .list-item-thumb {
  place-content: center;
  background-color: #bebfc2;
  padding: 0.5em; }

.preview-size-prompt .default-preview-size .list-item-thumb {
  padding: 0.25em; }

.preview-size-prompt .list-item-thumb-inner {
  max-height: 100%;
  margin: auto;
  border: 2px solid #226dde;
  background-color: #fff;
  border-radius: 4px; }

.ua-ie .sl-prompt .sl-prompt-inner {
  -webkit-transform: none !important;
          transform: none !important; }
/**
 * Templates component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-templates {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 105; }
  .sl-templates .sl-templates-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    color: #222;
    text-align: left;
    border-radius: 12px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .sl-templates .sl-templates-arrow {
    position: absolute; }
  .sl-templates[data-alignment=t] .sl-templates-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: #fff; }
  .sl-templates[data-alignment=b] .sl-templates-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: #fff; }
  .sl-templates[data-alignment=l] .sl-templates-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-left-width: 0;
    border-right-color: #fff; }
  .sl-templates[data-alignment=r] .sl-templates-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-right-width: 0;
    border-left-color: #fff; }
  .sl-templates .sl-templates-sidebar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    height: 100%;
    font-size: 14px;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .sl-templates .sl-templates-sidebar-pages {
    overflow: auto; }
  .sl-templates .sl-templates-sidebar-header {
    color: #aaa;
    text-transform: uppercase;
    padding: 30px 20px 5px 20px;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 30px; }
  .sl-templates .sl-templates-sidebar-header .user-icon,
  .sl-templates .sl-templates-sidebar-header .users-icon {
    display: inline-block;
    float: right;
    width: 18px;
    height: 30px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0.2; }
  .sl-templates .sl-templates-sidebar-header .user-icon {
    background-image: url(//staging.slides.com/assets/icons/user-icon-32-87414c4249d030d4e3e7fd901f3413679814a2cceb3308f49f6260e5537501d4.svg); }
  .sl-templates .sl-templates-sidebar-header .users-icon {
    background-image: url(//staging.slides.com/assets/icons/users-icon-32-04ec4853e27f65c8c7eb15b10a7cb53249ae1de70199e01a967bb854d97b8eb2.svg); }
  .sl-templates .sl-templates-sidebar-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 54px;
    line-height: 54px;
    padding: 0 18px;
    font-weight: 500;
    color: #444;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .sl-templates .sl-templates-sidebar-button .icon {
      margin-left: auto; }
    .sl-templates .sl-templates-sidebar-button:hover {
      color: #000;
      background-color: rgba(255, 255, 255, 0.5); }
    .sl-templates .sl-templates-sidebar-button.selected {
      color: #000;
      background-color: #fff;
      cursor: default;
      border-right-color: #fff; }
  .sl-templates .sl-templates-sidebar-button.add-new-template {
    display: block;
    margin: auto 6px 6px 6px;
    border-radius: 6px;
    background-color: #1baee1;
    color: #fff;
    -webkit-transition: none !important;
    transition: none !important;
    text-align: left; }
    .sl-templates .sl-templates-sidebar-button.add-new-template:hover {
      background-color: #46bfe9; }
    .sl-templates .sl-templates-sidebar-button.add-new-template:active {
      background-color: #189cca; }
    .sl-templates .sl-templates-sidebar-button.add-new-template .ladda-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .sl-templates .sl-templates-content {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px; }
    .sl-templates .sl-templates-content .page {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .sl-templates .sl-templates-content .page.present {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .sl-templates .sl-templates-content .page-content {
      overflow: auto;
      height: 100%;
      padding: 12px;
      -webkit-overflow-scrolling: touch; }
    .sl-templates .sl-templates-content .placeholder {
      width: 100%;
      line-height: 1.4;
      margin-top: 20%;
      padding: 0 20px;
      font-size: 16px;
      color: #777;
      text-align: center;
      grid-column: 1/-1; }
    .sl-templates .sl-templates-content .action-list:not(:empty) {
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 12px;
      padding-bottom: 12px; }

.sl-templates-header {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  width: 100%;
  height: 54px;
  line-height: 54px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.sl-templates-header h3 {
  font-size: 1.2em;
  font-weight: 500; }

.sl-templates-inner.has-header {
  padding-top: 54px; }

.sl-templates .action-list,
.sl-templates .template-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px; }

.sl-templates .template-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-templates .template-item.hidden {
    display: none; }
  .sl-templates .template-item.intro-animation {
    -webkit-animation: scale-in 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
            animation: scale-in 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
  .sl-templates .template-item.semi-hidden .template-item-thumb {
    opacity: 0.6; }
  .sl-templates .template-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .sl-templates .template-item .template-item-thumb {
    width: 100%;
    overflow: hidden;
    border: 1px solid #eee; }
  .sl-templates .template-item .template-item-label {
    display: block;
    position: relative;
    top: -1px;
    padding: 6px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 0; }
  .sl-templates .template-item .template-item-options {
    position: absolute;
    right: 6px;
    bottom: 6px;
    z-index: 101;
    visibility: hidden; }
  .sl-templates .template-item .template-item-options .option {
    display: block;
    float: right;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    margin-left: 5px;
    font-size: 13px;
    background: #000;
    color: #fff;
    text-align: center;
    opacity: 0.7; }
    .sl-templates .template-item .template-item-options .option:hover {
      opacity: 1; }
  .sl-templates .template-item.hover .template-item-options, .sl-templates .template-item:hover .template-item-options {
    visibility: visible; }
  .sl-templates .template-item.hover .template-item-thumb,
  .sl-templates .template-item.hover .template-item-label, .sl-templates .template-item:hover .template-item-thumb,
  .sl-templates .template-item:hover .template-item-label {
    border-color: #666; }

.sl-templates .page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 54px;
  line-height: 54px;
  font-size: 12px;
  padding: 0 12px; }
  .sl-templates .page-header button {
    margin-left: auto; }

.sl-templates .page-header + .page-content {
  padding-top: 0; }

.sl-templates .decks-page .page-content {
  padding-top: 0;
  padding-bottom: 0; }
.sl-templates .decks-page .deck-filters {
  position: relative;
  margin: 0;
  padding: 0 12px;
  height: 54px;
  line-height: 54px;
  z-index: 10;
  font-size: 12px;
  background: #fff;
  border-top-right-radius: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #888; }
.sl-templates .decks-page .deck-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 12px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  overflow: hidden; }
.sl-templates .decks-page .deck-item:first-child {
  padding-top: 0; }
.sl-templates .decks-page .deck-thumb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 132px;
  height: 132px;
  border: 1px solid #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #f5f5f5;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-property: width, height, margin;
  transition-property: width, height, margin; }
.sl-templates .decks-page .deck-info {
  min-width: 300px;
  padding-left: 20px;
  text-align: left;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.sl-templates .decks-page .deck-title {
  font-size: 16px;
  font-weight: normal; }
.sl-templates .decks-page .deck-meta {
  display: inline-block;
  border-top: 1px solid #eee;
  margin-top: 8px;
  font-size: 13px; }
.sl-templates .decks-page .deck-meta > * + *:before {
  content: '\2022';
  margin: 0 6px; }
.sl-templates .decks-page .deck-meta-item {
  display: inline-block;
  padding: 8px 0;
  color: #777; }
.sl-templates .decks-page .deck-author:hover {
  color: #1baee1; }
.sl-templates .decks-page .deck-preview .buttons {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 15px;
  z-index: 2; }
.sl-templates .decks-page .deck-preview .button {
  opacity: 0;
  visibility: hidden;
  margin-left: 8px;
  vertical-align: top;
  -webkit-transition: visibility 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px); }
.sl-templates .decks-page .deck-preview .close-preview-button {
  padding: 8px; }
.sl-templates .decks-page .deck-item:not(.selected):hover .deck-thumb {
  border-color: #d5d5d5; }
.sl-templates .decks-page .deck-item.selected .close-preview-button,
.sl-templates .decks-page .deck-item.selected.loaded .insert-slide-button {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none; }
.sl-templates .decks-page .deck-item.selected {
  pointer-events: none; }
.sl-templates .decks-page .deck-item.selected .deck-thumb {
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
  pointer-events: auto; }
.sl-templates .decks-page .deck-item.selected .deck-info {
  opacity: 0;
  visibility: hidden; }
.sl-templates .decks-page .deck-preview {
  position: relative;
  width: 100%;
  height: 100%; }
  .sl-templates .decks-page .deck-preview iframe {
    width: 100%;
    height: 100%;
    border: 0; }
.sl-templates .decks-page .deck-preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  opacity: 0;
  z-index: 1;
  -webkit-animation: fade-in 0.2s;
          animation: fade-in 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.sl-templates .generate-page .page-content {
  padding: 0;
  overflow: hidden; }

.touch-editor .sl-templates .template-item-options {
  visibility: visible !important;
  opacity: 1 !important; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-tooltip {
  position: fixed;
  display: block;
  z-index: 2000;
  background: #111;
  border: 1px solid #1e1e1e;
  border-radius: 4px;
  pointer-events: none; }
  .sl-tooltip p {
    margin: 0;
    padding: 8px 10px;
    line-height: 1.4;
    color: #fff;
    font-size: 12px !important; }
  .sl-tooltip .keyboard-shortcut {
    margin-left: 6px;
    color: #bbb;
    letter-spacing: 1px; }
  .sl-tooltip .dimmed {
    color: #bbb; }
  .sl-tooltip .sl-tooltip-arrow {
    position: absolute; }
  .sl-tooltip[data-alignment=t] .sl-tooltip-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: 1px;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-color: #1e1e1e; }
  .sl-tooltip[data-alignment=t] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-color: #111; }
  .sl-tooltip[data-alignment=b] .sl-tooltip-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: -1px;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #1e1e1e; }
  .sl-tooltip[data-alignment=b] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #111; }
  .sl-tooltip[data-alignment=l] .sl-tooltip-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: 1px;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-right-width: 0;
    border-left-color: #1e1e1e; }
  .sl-tooltip[data-alignment=l] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-right-width: 0;
    border-left-color: #111; }
  .sl-tooltip[data-alignment=r] .sl-tooltip-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: -1px;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-left-width: 0;
    border-right-color: #1e1e1e; }
  .sl-tooltip[data-alignment=r] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-left-width: 0;
    border-right-color: #111; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.user-info {
  position: relative;
  font-size: 13px; }
  .user-info .title {
    margin-bottom: 10px;
    font-size: 1.4em; }
    .user-info .title .username {
      color: #252525;
      margin-right: 4px; }
    .user-info .title .pro-badge {
      top: -2px; }
  .user-info .picture {
    width: 8.75em;
    height: 8.75em;
    float: left;
    margin: 0 20px 10px 0;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #eee;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat; }
  .user-info .links {
    list-style: none;
    margin: 10px 0 10px 0; }
    .user-info .links li {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 5px; }
      .user-info .links li .icon {
        position: relative;
        margin-right: 5px;
        top: 1px; }
  .user-info .description {
    max-width: 650px;
    margin: 0; }
  .user-info .edit {
    display: block;
    position: absolute;
    right: -8px;
    top: -8px;
    color: #666;
    font-size: 14px;
    background: #f0f1f2;
    color: #252525;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle; }
    .user-info .edit:hover {
      color: #000; }
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.reveal-viewport .sl-orientation-prompt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  z-index: 1000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.reveal-viewport .sl-orientation-prompt-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.reveal-viewport .sl-orientation-prompt-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  border-radius: 36px;
  background-color: rgba(10, 10, 18, 0.4);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 18px;
  font-family: "Inter", Helvetica, sans-serif;
  line-height: 1.4;
  pointer-events: auto;
  z-index: 2; }

.sl-orientation-prompt-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem; }

.reveal-viewport .sl-orientation-prompt button {
  border-radius: 6px; }

@media screen and (min-aspect-ratio: 4 / 3) {
  .reveal-viewport .sl-orientation-prompt {
    padding-left: 4rem;
    padding-right: 4rem; }

  .reveal-viewport .sl-orientation-prompt-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: fixed;
    padding: 1rem;
    inset: 2rem 5rem; }

  .reveal-viewport .sl-orientation-prompt-text {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    margin: 0 auto; } }
.orientation-prompt-visible .reveal .controls button {
  -webkit-animation: none !important;
          animation: none !important; }
/*!
 * Main styles for Slides
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/****************************************************
 * GLOBAL STYLES
 ****************************************************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

:-webkit-full-screen {
  width: 100%;
  height: 100%; }

:-ms-fullscreen {
  width: 100%;
  height: 100%; }

:fullscreen {
  width: 100%;
  height: 100%; }

html,
body {
  padding: 0;
  margin: 0;
  color: #252525;
  font-family: "Inter", Helvetica, sans-serif;
  font-size: 14px; }
  html:before,
  body:before {
    content: '' !important; }

html {
  -webkit-font-smoothing: subpixel-antialiased !important; }

html.sl-root:not(.loaded) * {
  -webkit-transition: none !important;
  transition: none !important; }

body {
  overflow-y: scroll; }

body > *:not(.reveal) {
  font-family: "Inter", Helvetica, sans-serif; }

html,
#container {
  background-color: #f0f1f2; }

html.spa,
html.deck-dashboard {
  height: 100vh;
  height: var(--viewport-height, 100vh); }
  html.spa body,
  html.spa #container,
  html.deck-dashboard body,
  html.deck-dashboard #container {
    height: 100%;
    overflow: hidden; }

#container {
  position: relative;
  z-index: 1; }

.icon {
  display: inline-block;
  line-height: 1; }

.spinner {
  display: block;
  width: 32px;
  height: 32px;
  margin-top: 16px;
  margin-left: 16px; }
  .spinner.flush {
    margin: 0; }
  .spinner.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px; }
  .spinner.centered-horizontally {
    margin-left: auto;
    margin-right: auto; }

.spinner-bitmap {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(data:image/png;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
  background-repeat: no-repeat; }

.clear {
  clear: both; }

.vcenter:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.vcenter-target {
  display: inline-block;
  vertical-align: middle; }

.no-transition,
.no-transition * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important; }

.grow-in-on-load {
  opacity: 0;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

html.loaded .grow-in-on-load {
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.cc-window {
  z-index: 2000; }

.cc-window,
.cc-window.cc-banner {
  max-width: 100vw;
  padding: 10px;
  font-size: 13px;
  -webkit-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05); }

.cc-window .cc-btn {
  border-radius: 2px;
  padding: 0.2em 0.6em;
  min-width: 100px !important; }

/****************************************************
 * SHARED STYLES
 ****************************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", Helvetica, sans-serif;
  line-height: 1.3em;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6, ul, li {
  margin: 0;
  padding: 0; }

h1 {
  font-size: 23.8px;
  font-weight: 500; }

h2 {
  font-size: 23.8px;
  font-weight: 500; }

h3 {
  font-size: 18.2px;
  font-weight: 500; }

h4 {
  font-size: 14px;
  font-weight: 500; }

h5 {
  font-size: 14px;
  font-weight: 500; }

h6 {
  font-size: 14px;
  font-weight: 500; }

p {
  margin: 1em 0; }

a {
  color: #255c7c;
  text-decoration: none;
  outline: 0; }
  a:hover {
    color: #4195c6; }
  a:focus {
    outline: 1px solid #1baee1; }

p a,
table a {
  border-bottom: 1px solid #8fc1de; }

b {
  font-weight: 600; }

small {
  font-size: 0.8em; }

button {
  border: 0;
  background: transparent;
  cursor: pointer; }

.text-semi-bold {
  font-weight: 500; }

.main {
  line-height: 1.5; }

.reveal-viewport {
  width: 100%;
  height: 100%; }

/****************************************************
 * STANDARD LAYOUT
 ****************************************************/
.container .column {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (max-width: 440px) {
    .container .column {
      padding: 0 10px; } }
  .container .column > section, .container .column > div > section {
    position: relative;
    width: 100%;
    margin: 40px auto;
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    .container .column > section h2, .container .column > div > section h2 {
      margin-bottom: 20px; }
    .container .column > section h3:first-child, .container .column > div > section h3:first-child {
      margin-top: 0; }
    .container .column > section .header-with-description h2, .container .column > div > section .header-with-description h2 {
      margin-bottom: 10px; }
    .container .column > section .header-with-description p, .container .column > div > section .header-with-description p {
      margin-top: 0;
      margin-bottom: 20px;
      color: #999;
      font-size: 0.9em; }
    .container .column > section.critical-error, .container .column > div > section.critical-error {
      border-color: #f00;
      background: #eb5555;
      color: #fff; }
    @media screen and (max-width: 440px) {
      .container .column > section, .container .column > div > section {
        padding: 20px;
        -webkit-box-shadow: none;
                box-shadow: none; }
        .container .column > section:first-child, .container .column > div > section:first-child {
          margin-top: 10px; } }
  .container .column > section.transparent, .container .column > div > section.transparent {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }

/****************************************************
 * NOTIFICATION MESSAGES INJECTED BY SERVER
 ****************************************************/
.flash-notification {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 100;
  display: none; }
  .flash-notification p {
    display: inline-block;
    margin: 13px;
    padding: 10px 20px;
    background: #111;
    color: white;
    border: 1px solid #333;
    border-radius: 4px; }

.upgrade-promotion-notification {
  display: none; }

/****************************************************
 * FULL PAGE PRELOADER OVERLAY
 ****************************************************/
.page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2000;
  background: #111;
  color: #fff;
  opacity: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .page-loader .page-loader-inner {
    position: absolute;
    display: block;
    top: 40%;
    width: 100%;
    text-align: center; }
    .page-loader .page-loader-inner .page-loader-spinner {
      display: block;
      position: relative;
      width: 50px;
      height: 50px;
      margin: 0 auto 20px auto;
      -webkit-animation: spin-rectangle-to-circle 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
              animation: spin-rectangle-to-circle 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
      background-color: #E4637C;
      border-radius: 1px; }
    .page-loader .page-loader-inner .page-loader-message {
      display: block;
      margin: 0;
      vertical-align: top;
      line-height: 32px;
      font-size: 14px;
      color: #bbb;
      font-family: Helvetica, sans-serif; }

.page-loader.visible {
  visibility: visible;
  opacity: 1; }

.page-loader.frozen .page-loader-spinner {
  -webkit-animation: none;
          animation: none; }

/****************************************************
 * PRO-BADGE
 ****************************************************/
.pro-badge {
  display: inline-block;
  position: relative;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  letter-spacing: 1px;
  border-radius: 2px;
  background: #1baee1;
  color: #fff;
  vertical-align: middle; }
  .pro-badge:after {
    display: inline-block;
    margin-left: 2px;
    color: #fff;
    content: "\e094";
    font-family: 'slides';
    font-weight: normal;
    -webkit-font-smoothing: antialiased; }
  .pro-badge:hover {
    color: #fff;
    background: #46bfe9; }

/****************************************************
 * TOUCH-SPECIFIC
 ****************************************************/
.touch .user-view li .controls {
  opacity: 1 !important; }
.touch .deck-view .options {
  opacity: 1; }

/****************************************************
 * HELP TOOLTIP
 ****************************************************/
.sl-info {
  display: inline-block;
  font-size: 0.8em;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.3em;
  border-radius: 1.3em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  vertical-align: middle; }

.sl-info:hover {
  background-color: rgba(0, 0, 0, 0.5); }

.sl-info-inline {
  margin-top: -0.2em; }

.sl-info:after {
  font-family: serif;
  content: 'i'; }

.sl-info-help:after {
  font-family: Helvetica, sans-serif;
  content: '?'; }

/****************************************************
 * INTRO HEADER GROUP ON STATIC PAGES AND FORMS
 ****************************************************/
.marketing-intro {
  margin-bottom: 1.5em; }

.marketing-intro h2,
.marketing-intro h3 {
  margin-top: 0 !important;
  margin-bottom: 0.1em;
  text-align: center; }

.marketing-intro h2 {
  font-size: 2em;
  font-weight: 500;
  color: #888; }

.marketing-intro h3 {
  font-size: 1.5em;
  color: #aaa; }

.marketing-intro .section-description {
  color: #888;
  padding: 0 40px; }

@media screen and (max-width: 600px) {
  .marketing-intro {
    margin-top: 20px; } }
/****************************************************
 * CURSORS
 ****************************************************/
html[data-active-cursor="move"] * {
  cursor: move !important; }

html[data-active-cursor="n-resize"] * {
  cursor: n-resize !important; }

html[data-active-cursor="ne-resize"] * {
  cursor: ne-resize !important; }

html[data-active-cursor="e-resize"] * {
  cursor: e-resize !important; }

html[data-active-cursor="se-resize"] * {
  cursor: se-resize !important; }

html[data-active-cursor="s-resize"] * {
  cursor: s-resize !important; }

html[data-active-cursor="sw-resize"] * {
  cursor: sw-resize !important; }

html[data-active-cursor="w-resize"] * {
  cursor: w-resize !important; }

html[data-active-cursor="nw-resize"] * {
  cursor: nw-resize !important; }

html[data-active-cursor="crosshair"] * {
  cursor: crosshair !important; }

/****************************************************
 * COUPON CODES
 ****************************************************/
.sl-coupon {
  position: relative;
  margin: 4em auto 0 auto;
  text-align: center;
  pointer-events: none; }
  .sl-coupon .sl-coupon-inner {
    display: inline-block;
    padding: 12px 20px;
    margin: 0;
    border-radius: 4px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1); }
  .sl-coupon .sl-coupon-redeem-by {
    color: #888;
    margin-top: 4px; }
  .sl-coupon p {
    margin: 0;
    text-align: center; }
/**
 * Deck embed page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.embed {
  height: 100%; }
  html.decks.embed .reveal .controls,
  html.decks.embed .reveal .progress,
  html.decks.embed .reveal .playback,
  html.decks.embed .reveal .slide-number {
    position: absolute; }
  html.decks.embed .embed-footer {
    position: fixed;
    width: 100%;
    height: 34px;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  html.decks.embed.loaded .embed-footer {
    opacity: 1; }
  html.decks.embed .embed-footer-promotion,
  html.decks.embed .embed-footer-button {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 16px;
    vertical-align: top;
    color: #fff; }
    html.decks.embed .embed-footer-promotion:hover,
    html.decks.embed .embed-footer-button:hover {
      opacity: 1;
      background: #000; }
    html.decks.embed .embed-footer-promotion:focus,
    html.decks.embed .embed-footer-button:focus {
      outline: 0; }
  html.decks.embed .embed-footer-promotion {
    font-size: 14px; }
  html.decks.embed .embed-footer-promotion .label {
    vertical-align: 0px; }
  html.decks.embed .embed-footer-promotion .logo {
    margin-right: 6px;
    vertical-align: -7px; }
  html.decks.embed .embed-footer-buttons {
    position: absolute;
    right: 0;
    top: 0; }
  html.decks.embed[data-embed-style="light"] .embed-footer {
    background: #f5f5f5; }
    html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-promotion,
    html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-button {
      color: #222; }
      html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-promotion:hover,
      html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-button:hover {
        opacity: 1;
        color: #000;
        background: #fff; }
  html.decks.embed[data-embed-style="hidden"] .embed-footer {
    display: none; }
  html.decks.embed[data-embed-byline="hidden"] .embed-footer-promotion {
    display: none; }
  html.decks.embed[data-embed-share="hidden"] .embed-footer-share {
    display: none; }

html.decks[data-embed-style="transparent"],
html.decks[data-embed-style="transparent"] body,
html.decks[data-embed-style="transparent"] .reveal-viewport {
  background: transparent; }
html.decks[data-embed-style="transparent"] .embed-footer {
  display: none; }

@media screen and (max-width: 520px) {
  html.decks.embed.supports-fullscreen .embed-footer-share {
    display: none; } }
html.decks.embed .reveal {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0; }

html.decks.embed.fonts-are-ready .reveal {
  opacity: 1; }

html.decks.embed:-webkit-full-screen .embed-footer {
  display: none; }

html.decks.embed:-moz-full-screen .embed-footer {
  display: none; }

html.decks.embed:-ms-fullscreen .embed-footer {
  display: none; }

html.decks.embed:full-screen .embed-footer {
  display: none; }
/**
 * Fullscreen deck views.
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.print,
html.decks.export,
html.decks.fullscreen {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html.decks.print.ua-standalone.ua-safari,
  html.decks.export.ua-standalone.ua-safari,
  html.decks.fullscreen.ua-standalone.ua-safari {
    height: 100vh; }

@media all and (display-mode: standalone) {
  html.decks.fullscreen {
    height: 100vh; } }
html.decks.scroll .global-header {
  scroll-snap-align: start;
  position: absolute; }

html.decks.scroll .reveal-viewport {
  min-height: 100vh;
  min-height: 100svh; }

/**
 * A "Made with Slides" watermark that appears on all fullscreen
 * style deck pages (live streams, kiosk mode).
 */
html.decks.live .made-with-slides,
html.decks.kiosk .made-with-slides,
html.decks.scroll .made-with-slides,
html.decks.fullscreen .made-with-slides {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  padding-left: 42px;
  background-image: url(//staging.slides.com/assets/logo/slides-symbol-flat-a1a1a1-512x512-e9d93873b806b77811f63a30a3e8cb2082515af97cefb77ec0a4d643dc471dc6.png);
  background-size: 32px;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #f2f3f9;
  opacity: 0.8;
  z-index: 1; }
  html.decks.live .made-with-slides:hover,
  html.decks.kiosk .made-with-slides:hover,
  html.decks.scroll .made-with-slides:hover,
  html.decks.fullscreen .made-with-slides:hover {
    opacity: 1;
    background-image: url(//staging.slides.com/assets/logo/slides-symbol-flat-128x128-f6d350edc7425f7c82791e288bbfc124fe5fbebfb7afb8824f102ca39f766616.png); }
  @media screen and (max-width: 400px) {
    html.decks.live .made-with-slides,
    html.decks.kiosk .made-with-slides,
    html.decks.scroll .made-with-slides,
    html.decks.fullscreen .made-with-slides {
      width: 32px;
      height: 32px;
      padding: 0;
      overflow: hidden;
      color: transparent; } }

html.decks.scroll .made-with-slides {
  position: fixed; }

html.decks.auto-slide-controls-visible.live .made-with-slides,
html.decks.auto-slide-controls-visible.kiosk .made-with-slides,
html.decks.auto-slide-controls-visible.fullscreen .made-with-slides {
  left: 80px;
  bottom: 30px; }

html.decks.summary-bubble-visible.live .made-with-slides,
html.decks.summary-bubble-visible.kiosk .made-with-slides,
html.decks.summary-bubble-visible.fullscreen .made-with-slides {
  left: 90px;
  bottom: 34px; }

/* Disabled to improve FCP time
// Don't show reveal.js content until fonts have loaded
html.decks.fullscreen .reveal {
	transition: opacity 0.3s ease;
	opacity: 0;
}
html.decks.fullscreen.fonts-are-ready .reveal {
	opacity: 1;
}
*/
/**
 * Deck embed page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/****************************************************
 * DECK VIEW
 ****************************************************/
html.decks.show {
  overflow: auto !important;
  height: auto !important; }

html.decks.show #container {
  background: #f0f1f2; }
html.decks.show .reveal {
  line-height: 1; }
html.decks.show .marquee {
  position: relative;
  z-index: 1;
  background: #ddd;
  border-bottom: 1px solid #fff; }
  html.decks.show .marquee .reveal-frame {
    position: relative;
    z-index: 2;
    height: 860px;
    height: 90vh;
    height: calc(100vh - 235px);
    width: 100%;
    overflow: hidden; }
    html.decks.show .marquee .reveal-frame .progress,
    html.decks.show .marquee .reveal-frame .controls,
    html.decks.show .marquee .reveal-frame .playback,
    html.decks.show .marquee .reveal-frame .slide-number {
      position: absolute; }
  html.decks.show .marquee .deck-kudos {
    position: absolute;
    z-index: 3;
    left: 20px;
    bottom: 25px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0.2s;
    transition: opacity 0.3s ease 0.2s; }
  html.decks.show .marquee .pill {
    position: absolute;
    height: 58px;
    width: auto;
    min-width: 160px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    padding: 4px;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 50px;
    text-align: left;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    -webkit-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none; }
    html.decks.show .marquee .pill.visible {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(-25px);
              transform: translateY(-25px);
      pointer-events: auto; }
    html.decks.show .marquee .pill .pill-picture {
      width: 50px;
      height: 50px;
      border-radius: 50px;
      background-size: cover;
      background-color: #ddd;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    html.decks.show .marquee .pill .pill-content {
      display: inline-block;
      position: relative;
      padding-right: 20px;
      max-width: 100%;
      text-indent: 10px;
      font-size: 15px;
      overflow: hidden; }
    html.decks.show .marquee .pill .pill-title,
    html.decks.show .marquee .pill .pill-description {
      margin: 0;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.3; }
    html.decks.show .marquee .pill .pill-title {
      font-weight: bold; }
  html.decks.show .marquee .instructions-pill .pill-picture {
    background-image: url(//staging.slides.com/assets/deck-navigation-help-icon-8a32d332fcd4c7f65faf1076212c7cb97bbc739b6fa4bf33565039b170d07a74.png); }
  html.decks.show .marquee .instructions-pill[data-icon="down-arrow"] .pill-picture {
    background-image: url(//staging.slides.com/assets/deck-navigation-down-icon-b7c00be8792b4f787164342047e9dbeeabe463829d5aa19de3eae83f7c34bfbb.png); }
html.decks.show .column h2, html.decks.show .column h3 {
  font-weight: normal; }
html.decks.show .column section h2 {
  font-size: 22px;
  margin-bottom: 30px; }
@media screen and (orientation: portrait) and (max-width: 400px) {
  html.decks.show .marquee .reveal-frame {
    height: calc(55vh); } }
@media screen and (orientation: landscape) and (max-width: 600px), screen and (max-height: 600px) {
  html.decks.show .marquee .reveal-frame {
    height: calc(100vh - 80px); } }

html.decks.show .deck-card {
  position: relative;
  padding: 10px 14px;
  margin-top: -2px;
  background: #fff;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  font-size: 14px;
  -webkit-box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1); }
html.decks.show .deck-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 36px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px; }
html.decks.show .deck-sharing {
  margin-right: auto;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
html.decks.show .deck-social {
  position: relative; }
html.decks.show .deck-social-button {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  margin: 0 6px 0 0;
  vertical-align: top;
  text-align: center;
  color: #fff;
  cursor: pointer;
  opacity: 0.5; }
html.decks.show .deck-social-button:hover {
  opacity: 1; }
html.decks.show .facebook-share-button {
  background-image: url(//staging.slides.com/assets/icons/facebook-icon-58-d1a72abbe2db1c8c1673901d91ff96d516ad31142a4d86c657dbace6df5d5c1a.svg);
  background-size: 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #4267B2; }
  html.decks.show .facebook-share-button:hover {
    background-color: #6283c5; }
  html.decks.show .facebook-share-button:focus {
    outline: 0;
    background-color: #34518d; }
html.decks.show .twitter-share-button {
  background-color: #55acee; }
  html.decks.show .twitter-share-button .icon {
    position: relative;
    top: 1px; }
  html.decks.show .twitter-share-button:hover {
    background-color: #83c3f3; }
  html.decks.show .twitter-share-button:focus {
    outline: 0;
    background-color: #2795e9; }
html.decks.show .deck-card .divider {
  width: 1px;
  height: 21.6px;
  margin: 0 10px;
  background-color: #ddd; }
html.decks.show .deck-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
  border: 1px solid #e5e5e5;
  color: #999;
  font-size: 1em;
  cursor: default;
  -ms-flex-item-align: start;
      align-self: flex-start; }
html.decks.show .deck-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 3; }
  html.decks.show .deck-options .button {
    text-align: center;
    font-size: 16px;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html.decks.show .deck-options .button + .button {
    margin-left: 6px; }
html.decks.show .deck-promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  z-index: 1; }
  html.decks.show .deck-promotion .button {
    height: 32px;
    line-height: 32px;
    font-size: 1em;
    color: #252525;
    padding: 0 10px;
    max-width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: none;
    transition: none; }
  html.decks.show .deck-promotion .fork-template-button {
    position: relative;
    padding-left: 42px;
    background-color: #f2f3f9; }
    html.decks.show .deck-promotion .fork-template-button:hover {
      background-color: #e8e9f4; }
    html.decks.show .deck-promotion .fork-template-button .icon {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 32px;
      background: #E4637C;
      display: grid;
      place-items: center;
      color: #fff; }
  html.decks.show .deck-promotion .made-with-slides {
    padding-left: 42px;
    background-image: url(//staging.slides.com/assets/logo/slides-symbol-flat-128x128-f6d350edc7425f7c82791e288bbfc124fe5fbebfb7afb8824f102ca39f766616.png);
    background-size: 32px;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #f2f3f9; }
    html.decks.show .deck-promotion .made-with-slides:hover {
      background-color: #e8e9f4; }
html.decks.show .deck-promotion:not(:last-child) {
  margin-right: 10px; }
html.decks.show .deck-card-body {
  padding: 30px 20px 20px 20px;
  margin-top: 4px;
  border-top: 1px solid #ddd;
  font-size: 13px; }
  html.decks.show .deck-card-body .description {
    line-height: 1.4em;
    margin: 10px 0;
    word-wrap: break-word; }
  html.decks.show .deck-card-body .deck-meta {
    display: block;
    position: relative;
    padding: 6px 0px;
    margin: 10px 0;
    z-index: 10;
    background: #fff; }
    html.decks.show .deck-card-body .deck-meta .icon {
      vertical-align: middle;
      margin-right: 5px; }
    html.decks.show .deck-card-body .deck-meta .value {
      vertical-align: middle;
      color: #252525; }
    html.decks.show .deck-card-body .deck-meta li {
      cursor: default;
      color: #666;
      display: inline-block;
      vertical-align: top; }
    html.decks.show .deck-card-body .deck-meta li + li {
      margin-left: 15px; }
  html.decks.show .deck-card-body .deck-info {
    width: 46%;
    float: left; }
    html.decks.show .deck-card-body .deck-info h1 {
      font-size: 1.4em;
      font-weight: normal; }
html.decks.show .user-info {
  width: 50%;
  float: right;
  font-size: 13px; }
  html.decks.show .user-info .icon.edit {
    display: none; }
  html.decks.show .user-info .picture {
    width: 7.5em;
    height: 7.5em; }
@media screen and (max-width: 780px) {
  html.decks.show .deck-info,
  html.decks.show .user-info {
    width: 100% !important;
    float: none !important; }
  html.decks.show .deck-info {
    margin-bottom: 30px; }
  html.decks.show .deck-social {
    display: none; }
  html.decks.show .deck-options .button + .button {
    margin: 0; } }
@media screen and (max-width: 550px) {
  html.decks.show .deck-card {
    -webkit-box-shadow: none;
            box-shadow: none; }
  html.decks.show .kudos-count {
    display: none !important; }
  html.decks.show .deck-card-body {
    padding: 20px 0px 10px 0px; }
  html.decks.show .deck-card-body,
  html.decks.show .user-info {
    font-size: 14px; }
    html.decks.show .deck-card-body h1, html.decks.show .deck-card-body h2, html.decks.show .deck-card-body h3,
    html.decks.show .user-info h1,
    html.decks.show .user-info h2,
    html.decks.show .user-info h3 {
      font-size: 1.3em;
      font-weight: 500; }
  html.decks.show .user-info .username:before {
    content: 'By';
    display: inline-block;
    color: #aaa;
    margin-right: 0.4em; }
  html.decks.show .user-info .picture {
    float: right;
    width: 2em;
    height: 2em;
    margin: 0 0 10px 10px; } }

html.decks.show.ua-safari .print-button {
  opacity: 0.5; }

/* Disabled to improve FCP time
// Don't show reveal.js content until fonts have loaded
html.decks.show .reveal {
	transition: opacity 0.3s ease;
	opacity: 0;
}
html.decks.show.fonts-are-ready .reveal {
	opacity: 1;
}
*/
html.decks.show .no-transforms .reveal-frame {
  height: auto;
  overflow: visible; }
  html.decks.show .no-transforms .reveal-frame .reveal {
    padding: 40px 0; }

.deck-card #carbonads {
  display: block;
  overflow: hidden;
  max-width: 100%;
  position: relative;
  background-color: #fcfcfc;
  border: solid 1px #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px; }
  .deck-card #carbonads a {
    color: inherit;
    text-decoration: none; }
  .deck-card #carbonads a:hover {
    color: inherit; }
  .deck-card #carbonads .carbon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .deck-card #carbonads .carbon-img {
    display: block;
    float: left;
    margin: 0;
    line-height: 1; }
  .deck-card #carbonads .carbon-img img {
    display: block;
    width: auto; }
  .deck-card #carbonads .carbon-text {
    display: block;
    float: left;
    padding: 0 1em 0.5em 1em;
    line-height: 1.35;
    text-align: left; }
  .deck-card #carbonads .carbon-poweredby {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 10px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.025) 5px, rgba(0, 0, 0, 0.025) 10px) rgba(241, 243, 244, 0.8);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 8px;
    border-top-left-radius: 4px;
    line-height: 1; }

/*
.reveal-viewport #carbonads {
	position: absolute;
	bottom: 24px;
	left: 20px;
	right: 20px;
	background: #fff;
	max-width: 400px;
	padding: 10px;
	z-index: 10;
	box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.2 );
	border-radius: 2px;
	font-size: 14px;
	line-height: 1.4;
	transition: all 0.5s cubic-bezier( 0.26, 0.86, 0.44, 0.985 );

	.carbon-wrap {
		display: block;
		padding-right: 20px;
	}

	.carbon-img {
		margin-right: 10px;
		float: left;
	}

	.carbon-img img {
		display: block;
	}

	.carbon-poweredby {
		display: block;
		color: #000;
		text-transform: uppercase;
		margin-top: 10px;
		font-size: 12px;
	}

	.carbon-dismiss {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 8px;
		color: #888;
		font-size: 12px;
	}

	.carbon-dismiss:hover {
		color: #000;
	}
}

.hide-reveal-ad .reveal-viewport #carbonads {
	visibility: hidden;
	opacity: 0;
	transform: translateX( -140% );
}
*/
/**
 * Block animation effects.
 */
/**
 * Styles for slide blocks.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Block animation effects.
 */
.sl-editor {
  --scaled-border-1: calc( 1px / var(--slide-ui-scale, 1) );
  --scaled-border-2: calc( 2px / var(--slide-ui-scale, 1) ); }

.reveal .sl-block {
  display: block;
  position: absolute;
  z-index: auto;
  min-width: 1px;
  min-height: 1px;
  pointer-events: none; }
  .reveal .sl-block .sl-block-style {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    outline: 0; }
  .reveal .sl-block .sl-block-content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    outline: 0;
    word-wrap: break-word; }
    .reveal .sl-block .sl-block-content .sl-block-content-preview:not(.inline) {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .reveal .sl-block .sl-block-content > :first-child {
    margin-top: 0; }
  .reveal .sl-block .sl-block-content > :last-child {
    margin-bottom: 0; }
  .reveal .sl-block .sl-block-content[data-has-letter-spacing]:not([data-auto-animate-target]) * {
    letter-spacing: inherit; }
  .reveal .sl-block .sl-block-content[data-has-line-height] *, .reveal .sl-block[data-block-type="text"] .sl-block-content[data-auto-animate-target] * {
    line-height: inherit; }

.reveal .sl-block[data-auto-animate-target]:not([data-auto-animate-target^="unmatched"]) .sl-block-style {
  opacity: 1 !important; }

.reveal section:not(.stack):not([data-background-interactive="true"]).present .sl-block-content {
  pointer-events: auto; }

.sl-editor .sl-selection-group {
  display: block;
  position: absolute;
  z-index: auto;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0; }

.sl-editor .sl-selection-group .sl-block-transform .anchor {
  pointer-events: auto !important; }

.reveal .sl-block-content[data-animation-type="fade-in"] {
  pointer-events: none;
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="fade-in"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="fade-in"] {
  pointer-events: auto;
  opacity: 1;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="fade-out"] {
  pointer-events: auto;
  opacity: 1;
  visibility: visible; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="fade-out"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="fade-out"] {
  pointer-events: none;
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="fade-out"][data-animation-trigger="hover"][data-animation-trigger-id="self"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="fade-out"][data-animation-trigger="hover"][data-animation-trigger-id="self"] {
  pointer-events: auto;
  visibility: visible; }
.reveal .is-editing section:not(.stack) .sl-block-content.animate[data-animation-type="fade-out"], .is-editing .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="fade-out"] {
  pointer-events: auto;
  opacity: 0.6;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="slide-up"] {
  pointer-events: none;
  -webkit-transform: translateY(30px) translateZ(1px);
          transform: translateY(30px) translateZ(1px);
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="slide-up"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="slide-up"] {
  pointer-events: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="slide-down"] {
  pointer-events: none;
  -webkit-transform: translateY(-30px) translateZ(1px);
          transform: translateY(-30px) translateZ(1px);
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="slide-down"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="slide-down"] {
  pointer-events: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="slide-left"] {
  pointer-events: none;
  -webkit-transform: translateX(30px) translateZ(1px);
          transform: translateX(30px) translateZ(1px);
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="slide-left"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="slide-left"] {
  pointer-events: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="slide-right"] {
  pointer-events: none;
  -webkit-transform: translateX(-30px) translateZ(1px);
          transform: translateX(-30px) translateZ(1px);
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="slide-right"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="slide-right"] {
  pointer-events: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="scale-up"] {
  pointer-events: none;
  -webkit-transform: scale(0.6) translateZ(1px);
          transform: scale(0.6) translateZ(1px);
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="scale-up"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="scale-up"] {
  pointer-events: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible; }
.reveal .sl-block-content[data-animation-type="scale-down"] {
  pointer-events: none;
  -webkit-transform: scale(1.4) translateZ(1px);
          transform: scale(1.4) translateZ(1px);
  opacity: 0;
  visibility: hidden; }
.reveal section:not(.stack) .sl-block-content.animate[data-animation-type="scale-down"], .reveal.block-animations-disabled section:not(.stack) .sl-block-content[data-animation-type="scale-down"] {
  pointer-events: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible; }
.reveal section .sl-block-content[data-animation-type] {
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  transition-property: transform, opacity, visibility;
  transition-property: transform, opacity, visibility, -webkit-transform; }
.reveal section .sl-block-content[data-animation-type][data-animation-trigger-id="self"] {
  pointer-events: auto;
  visibility: visible; }
.reveal section.past > .sl-block .sl-block-content[data-animation-type],
.reveal section.future > .sl-block .sl-block-content[data-animation-type] {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important; }
.reveal .sl-block-content.animation-trigger {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.sl-editor.is-editing .reveal section:not(.stack).present .sl-block > * {
  pointer-events: auto; }
.sl-editor.is-editing .reveal .sl-block {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none; }
  .sl-editor.is-editing .reveal .sl-block .sl-block-content {
    cursor: pointer; }
  .sl-editor.is-editing .reveal .sl-block .sl-block-content:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    border-radius: inherit; }
  .sl-editor.is-editing .reveal .sl-block.is-editing, .sl-editor.is-editing .reveal .sl-block.is-editing .sl-block-content {
    cursor: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto; }
  .sl-editor.is-editing .reveal .sl-block.is-editing .sl-block-content {
    -webkit-box-shadow: 0 0 0 calc( var(--scaled-border-2) ) rgba(27, 174, 225, 0.4);
            box-shadow: 0 0 0 calc( var(--scaled-border-2) ) rgba(27, 174, 225, 0.4); }
  .sl-editor.is-editing .reveal .sl-block.is-editing .sl-block-content:before {
    display: none; }
.sl-editor.is-editing .reveal .sl-block.intro-start {
  opacity: 0;
  z-index: 255;
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }
.sl-editor.is-editing .reveal .sl-block.intro-end {
  z-index: 255;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease; }
.sl-editor.is-editing .reveal .sl-block[data-locked],
.sl-editor.is-editing .reveal .sl-block[data-locked] .sl-block-content {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default; }
.sl-editor.is-editing .reveal .sl-block[data-locked] > .sl-block-transform .anchor {
  display: none !important; }
.sl-editor.is-editing .reveal .sl-block-highlight {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0 0 0 calc( var(--scaled-border-2) ) #1baee1;
          box-shadow: 0 0 0 calc( var(--scaled-border-2) ) #1baee1;
  background-color: rgba(27, 174, 225, 0.5);
  z-index: 100;
  pointer-events: none !important; }

.sl-editor.is-editing .reveal .sl-block-overlay,
.sl-editor[data-mode="arrange"] .reveal .sl-block-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
.sl-editor.is-editing .reveal .sl-block-overlay-message,
.sl-editor.is-editing .reveal .sl-block-overlay-warning,
.sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-message,
.sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  font-size: 14px;
  font-family: "Inter", Helvetica, sans-serif;
  text-align: center;
  background-color: #222;
  color: #fff;
  opacity: 0.9;
  overflow: hidden; }
  .sl-editor.is-editing .reveal .sl-block-overlay-message .overlay-content,
  .sl-editor.is-editing .reveal .sl-block-overlay-warning .overlay-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-message .overlay-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning .overlay-content {
    margin: auto; }
  .sl-editor.is-editing .reveal .sl-block-overlay-message.below-content,
  .sl-editor.is-editing .reveal .sl-block-overlay-warning.below-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-message.below-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning.below-content {
    z-index: 0 !important; }
.sl-editor.is-editing .reveal .sl-block-overlay-warning,
.sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning {
  color: #ffa660; }
  .sl-editor.is-editing .reveal .sl-block-overlay-warning .icon,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning .icon {
    display: block;
    margin: 0 auto 10px auto;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 1em;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #e06200; }
.sl-editor.is-editing .reveal .sl-block-placeholder,
.sl-editor[data-mode="arrange"] .reveal .sl-block-placeholder {
  background-image: url(//staging.slides.com/assets/editor/block-placeholder-white-transparent-500x500-11af6287685db6a3135e7eb5ee430edef4e63c3204536743ab55fb2b8401d1aa.png);
  background-size: contain;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.9; }

.reveal .sl-block[data-block-type="text"][data-flip-x] .sl-block-content *,
.reveal .sl-block[data-block-type="image"][data-flip-x] img,
.reveal .sl-block[data-block-type="image"][data-flip-x] svg,
.reveal .sl-block[data-block-type="shape"][data-flip-x] svg,
.reveal .sl-block[data-block-type="drawing"][data-flip-x] svg,
.reveal .sl-block[data-block-type="iframe"][data-flip-x] iframe {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.reveal .sl-block[data-block-type="text"][data-flip-y] .sl-block-content *,
.reveal .sl-block[data-block-type="image"][data-flip-y] img,
.reveal .sl-block[data-block-type="image"][data-flip-y] svg,
.reveal .sl-block[data-block-type="shape"][data-flip-y] svg,
.reveal .sl-block[data-block-type="drawing"][data-flip-y] svg,
.reveal .sl-block[data-block-type="iframe"][data-flip-y] iframe {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1); }

.reveal .sl-block[data-block-type="text"][data-flip-x][data-flip-y] .sl-block-content *,
.reveal .sl-block[data-block-type="image"][data-flip-x][data-flip-y] img,
.reveal .sl-block[data-block-type="image"][data-flip-x][data-flip-y] svg,
.reveal .sl-block[data-block-type="shape"][data-flip-x][data-flip-y] svg,
.reveal .sl-block[data-block-type="drawing"][data-flip-x][data-flip-y] svg,
.reveal .sl-block[data-block-type="iframe"][data-flip-x][data-flip-y] iframe {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

.reveal .sl-block-group {
  width: 1px;
  height: 1px; }

.reveal.rtl .sl-block-group {
  top: 0;
  left: 0; }

.sl-editor.is-dragging-block .sl-block-transform .metadata,
.sl-editor.is-dragging-block .sl-block-transform .anchor {
  opacity: 0; }

.sl-editor.is-editing .reveal .sl-block-group {
  top: 0;
  left: 0; }
.sl-editor.is-editing .reveal .sl-block-group:not(.is-open) .sl-block[data-locked] .sl-block-content {
  cursor: pointer; }
.sl-editor.is-editing .reveal .sl-block-group.is-open {
  -webkit-box-shadow: 600px 600px 0 2200px rgba(255, 255, 255, 0.3);
          box-shadow: 600px 600px 0 2200px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 500; }
.sl-editor.is-editing .reveal .sl-block-group.is-open ~ .sl-block-group.is-open {
  -webkit-box-shadow: none;
          box-shadow: none; }
.sl-editor.is-editing .reveal .sl-block-group.is-open > .sl-block-transform {
  visibility: hidden; }
.sl-editor.is-editing .reveal .sl-block-group-content {
  pointer-events: none !important; }
.sl-editor.is-editing .reveal .sl-block-group.is-focused .sl-block-group-content {
  pointer-events: auto !important; }
.sl-editor.is-editing .reveal .sl-block-group-content.is-open:not(.is-open-nested) > .sl-block > * {
  pointer-events: auto; }

.sl-editor.pulse-all-blocks .sl-block-transform,
.sl-editor.has-block-highlights .sl-block-transform {
  opacity: 0; }

.sl-editor.has-block-highlights .sl-block-content {
  -webkit-transition: opacity 0.15s ease, -webkit-filter 0.15s ease !important;
  transition: opacity 0.15s ease, -webkit-filter 0.15s ease !important;
  transition: opacity 0.15s ease, filter 0.15s ease !important;
  transition: opacity 0.15s ease, filter 0.15s ease, -webkit-filter 0.15s ease !important; }

.sl-editor.has-block-highlights section:not(.stack).present .sl-block:not(.is-highlighted):not(.sl-block-group) .sl-block-content {
  opacity: 0.25;
  -webkit-filter: grayscale(1);
          filter: grayscale(1); }

.sl-editor.has-block-highlights section:not(.stack).present .sl-block.is-highlighted .sl-block-content:after,
.sl-editor.pulse-all-blocks section:not(.stack).present .sl-block-content:not(.sl-block-group-content):after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  outline: var(--scaled-border-2) solid #1baee1;
  outline-offset: 4px;
  opacity: 0;
  -webkit-animation: pulse-semi-opacity 2s linear 0.1s infinite forwards;
          animation: pulse-semi-opacity 2s linear 0.1s infinite forwards; }

.sl-editor.is-editing .sl-block-transform {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  z-index: 255;
  font-size: calc( 10px / var(--slide-ui-scale, 1) );
  direction: ltr;
  pointer-events: none !important; }
  .sl-editor.is-editing .sl-block-transform .metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    width: 12.7em;
    color: #fff;
    font-size: 11px;
    font-size: calc(11px/var(--slide-ui-scale, 1));
    line-height: 1.7em;
    font-family: "Inter", Helvetica, sans-serif;
    text-align: center;
    pointer-events: none;
    white-space: nowrap;
    padding: 0.55em; }
  .sl-editor.is-editing .sl-block-transform .metadata-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.7em;
    background-color: #1baee1;
    border-radius: 0.18em;
    padding: 0 0.55em; }
  .sl-editor.is-editing .sl-block-transform .metadata-item.interactive {
    cursor: pointer;
    pointer-events: auto; }
  .sl-editor.is-editing .sl-block-transform .metadata-item + .metadata-item {
    margin-left: 0.45em; }
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="s"],
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="n"] {
    left: 50%;
    margin-left: -6.35em; }
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="n"] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    bottom: 100%; }
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="s"] {
    top: 100%; }
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="e"],
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="w"] {
    top: 50%; }
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="e"] {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(0, 50%);
            transform: translate(-50%, -50%) rotate(90deg) translate(0, 50%); }
  .sl-editor.is-editing .sl-block-transform .metadata[data-side="w"] {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg) translate(0, 50%);
            transform: translate(-50%, -50%) rotate(-90deg) translate(0, 50%);
    left: 100%; }
  .sl-editor.is-editing .sl-block-transform .sl-block-ai-assist {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 1.7em;
    line-height: 1.7em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 11px;
    font-size: calc(11px/var(--slide-ui-scale, 1));
    font-family: "Inter", Helvetica, sans-serif;
    background-color: #1baee1;
    border-radius: 0.18em;
    padding: 0 0.45em;
    color: #fff;
    position: absolute;
    bottom: 0.54em;
    right: 0.54em;
    pointer-events: auto; }
    .sl-editor.is-editing .sl-block-transform .sl-block-ai-assist .icon {
      font-size: 1.2em;
      margin: -0.1em;
      vertical-align: top; }
    .sl-editor.is-editing .sl-block-transform .sl-block-ai-assist.thin-centered {
      bottom: 50%;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      font-size: calc(8px/var(--slide-ui-scale, 1)); }
  .sl-editor.is-editing .sl-block-transform .sl-block-ai-assist:hover {
    background: linear-gradient(135deg, #1baee1 0%, #7b00ff 100%); }
  .sl-editor.is-editing .sl-block-transform .anchor-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 0 var(--scaled-border-1) #1baee1 inset;
            box-shadow: 0 0 0 var(--scaled-border-1) #1baee1 inset; }
  .sl-editor.is-editing .sl-block-transform .anchor {
    position: absolute;
    width: 1em;
    height: 1em;
    pointer-events: all;
    visibility: hidden; }
  .sl-editor.is-editing .sl-block-transform .anchor-point {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 0 var(--scaled-border-1) #1baee1 inset;
            box-shadow: 0 0 0 var(--scaled-border-1) #1baee1 inset;
    border-radius: 100px;
    background: #fff;
    cursor: inherit;
    z-index: 2; }
  .sl-editor.is-editing .sl-block-transform .anchor-rotation {
    position: absolute;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    cursor: url(//staging.slides.com/assets/icons/block-rotate-icon-16-4904601fe2df102be6fcad9f81a4601c5be45673cf3c8a80d572d968c18b39c5.cur), pointer;
    cursor: url(//staging.slides.com/assets/icons/block-rotate-icon-16-5dd6c9d1791c78d970282552bd1cd905091397479c1cb18435499daba4255a6b.svg) 8 8, pointer;
    cursor: -webkit-image-set(url(//staging.slides.com/assets/icons/block-rotate-icon-16-5dd6c9d1791c78d970282552bd1cd905091397479c1cb18435499daba4255a6b.svg) 1x, url(//staging.slides.com/assets/icons/block-rotate-icon-32-809cb464a725c861f51c732bc9f19362af8678a97ab465a8d7b7f1f4f09a70d2.svg) 2x) 8 8, pointer; }
  .sl-editor.is-editing .sl-block-transform[data-state="hover"] .anchor-wrapper {
    -webkit-box-shadow: 0 0 0 var(--scaled-border-1) #1baee1, 0 0 0 var(--scaled-border-1) #1baee1 inset;
            box-shadow: 0 0 0 var(--scaled-border-1) #1baee1, 0 0 0 var(--scaled-border-1) #1baee1 inset; }
  .sl-editor.is-editing .sl-block-transform[data-state="hover"] .anchor:not([data-direction=p1]):not([data-direction=p2]):not([data-direction=pc]) {
    display: none !important; }
  .sl-editor.is-editing .sl-block-transform[data-state="hover"] .metadata {
    display: none; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=n] {
    left: 1em;
    right: 1em;
    top: -1em;
    height: 2em;
    width: auto;
    cursor: ns-resize; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=n] .anchor-point {
      width: 1em;
      height: 1em;
      left: 50%;
      margin-left: -0.5em;
      top: 0.5em; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=n] .anchor-rotation {
      left: 50%;
      top: 2em;
      -webkit-transform: rotate(225deg) translate(4px, 4px);
              transform: rotate(225deg) translate(4px, 4px); }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=e] {
    top: 1em;
    bottom: 1em;
    right: -1em;
    height: auto;
    width: 2em;
    cursor: ew-resize; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=e] .anchor-point {
      width: 1em;
      height: 1em;
      top: 50%;
      margin-top: -0.5em;
      left: 0.5em; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=e] .anchor-rotation {
      top: 50%;
      -webkit-transform: rotate(315deg) translate(4px, 4px);
              transform: rotate(315deg) translate(4px, 4px); }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=s] {
    left: 1em;
    right: 1em;
    bottom: -1em;
    height: 2em;
    width: auto;
    cursor: ns-resize; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=s] .anchor-point {
      width: 1em;
      height: 1em;
      left: 50%;
      margin-left: -0.5em;
      top: 0.5em; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=s] .anchor-rotation {
      left: 50%;
      -webkit-transform: rotate(45deg) translate(4px, 4px);
              transform: rotate(45deg) translate(4px, 4px); }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=w] {
    top: 1em;
    bottom: 1em;
    left: -1em;
    height: auto;
    width: 2em;
    cursor: ew-resize; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=w] .anchor-point {
      width: 1em;
      height: 1em;
      top: 50%;
      margin-top: -0.5em;
      left: 0.5em; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=w] .anchor-rotation {
      top: 50%;
      left: 2em;
      -webkit-transform: rotate(135deg) translate(4px, 4px);
              transform: rotate(135deg) translate(4px, 4px); }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=nw] {
    right: 100%;
    bottom: 100%;
    margin-right: -0.5em;
    margin-bottom: -0.5em;
    cursor: nw-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=ne] {
    left: 100%;
    bottom: 100%;
    margin-left: -0.5em;
    margin-bottom: -0.5em;
    cursor: ne-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=se] {
    left: 100%;
    top: 100%;
    margin-left: -0.5em;
    margin-top: -0.5em;
    cursor: se-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=sw] {
    right: 100%;
    top: 100%;
    margin-right: -0.5em;
    margin-top: -0.5em;
    cursor: sw-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=n] {
    cursor: ns-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=e] {
    cursor: ew-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=s] {
    cursor: ns-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=w] {
    cursor: ew-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=nw] {
    cursor: nw-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=ne] {
    cursor: ne-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=se] {
    cursor: se-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-cursor-direction=sw] {
    cursor: sw-resize; }
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=p1],
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=p2],
  .sl-editor.is-editing .sl-block-transform .anchor[data-direction=pc] {
    width: 1em;
    height: 1em;
    left: 0;
    top: 0;
    margin-left: -0.5em;
    margin-top: -0.5em;
    cursor: move; }
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=p1] .anchor-point,
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=p2] .anchor-point,
    .sl-editor.is-editing .sl-block-transform .anchor[data-direction=pc] .anchor-point {
      background-color: rgba(255, 255, 255, 0.9); }
  .sl-editor.is-editing .sl-block-transform.visible {
    visibility: inherit; }
    .sl-editor.is-editing .sl-block-transform.visible .anchor {
      visibility: inherit; }
  .sl-editor.is-editing .sl-block-transform.spread-anchors .anchor:empty {
    font-size: 2px; }

.sl-editor.is-editing .sl-block.is-editing .sl-block-transform {
  visibility: hidden; }

.sl-editor.is-editing.touch-editor-small .sl-block .sl-block-transform {
  font-size: 30px; }

.sl-editor.is-editing.multiple-blocks-selected .sl-block-transform:not([data-state="hover"]) .sl-block-ai-assist,
.sl-editor.is-editing.multiple-blocks-selected .sl-block-transform .anchor-rotation,
.sl-editor.is-editing.multiple-blocks-selected .sl-block-transform .metadata,
.sl-editor.is-editing.multiple-blocks-selected .sl-block .sl-block-transform .anchor {
  display: none; }

.sl-editor .sl-block[data-block-type="text"].has-preview:not(.is-editing) .sl-block-content > *:not(.editing-ui) {
  display: none; }

.sl-editor .sl-block[data-block-type="text"].is-editing .sl-block-content-preview {
  display: none; }

.sl-editor.is-editing .reveal .sl-block[data-block-type="text"].is-editing.is-text-overflowing .sl-block-content {
  max-height: 700px;
  max-height: var(--slide-height);
  overflow: auto; }

.reveal .sl-block[data-block-type="image"] .sl-block-placeholder {
  background-image: url(//staging.slides.com/assets/editor/image-placeholder-white-transparent-500x500-1f08475c78a4a4600fa27f16bd179efdb19d3813ac0b41d3dd118b1c8d243c40.svg) !important; }
.reveal .sl-block[data-block-type="image"] .sl-block-content {
  overflow: hidden; }
.reveal .sl-block[data-block-type="image"] .sl-block-content img {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top; }
.reveal .sl-block[data-block-type="image"] .sl-block-content svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
.reveal .sl-block[data-block-type="image"] [data-inline-svg="true"] img {
  display: none; }
.reveal .sl-block[data-block-type="image"] img.loading {
  visibility: hidden; }
.reveal .sl-block[data-block-type="image"] a.sl-block-content {
  color: inherit; }
.reveal .sl-block[data-block-type="image"].is-cropping {
  visibility: hidden; }
.reveal .sl-block[data-block-type="image"].is-panning .sl-block-transform {
  -webkit-box-shadow: 0px 0px 0 2200px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 0 2200px rgba(255, 255, 255, 0.5); }
.reveal .sl-block[data-block-type="image"].is-panning .sl-block-image-controls {
  display: none; }
.reveal .sl-block[data-block-type="image"].is-panning .sl-block-style, .reveal .sl-block[data-block-type="image"].is-panning .sl-block-content {
  overflow: visible;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 255 !important; }

.sl-block-image-controls {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  z-index: 255;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.1em;
  pointer-events: none !important; }
  .sl-block-image-controls .sl-block-image-control {
    font-size: calc( 16px / var(--slide-ui-scale, 1) );
    padding: 0.125em 0.25em;
    pointer-events: auto;
    border-radius: 0.125em; }

.sl-block[data-block-type="image"]:hover .sl-block-image-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.reveal .sl-block[data-block-type="image"] .media-progress,
.reveal .sl-block[data-block-type="video"] .media-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  color: #fff;
  text-align: center; }

.reveal .sl-block[data-block-type="video"] .sl-block-placeholder {
  background-image: url(//staging.slides.com/assets/editor/video-placeholder-white-transparent-500x500-55ba5c64cb21b3bf7390124d134a0c4b718373928020b49a267d298d246a8bfe.png) !important; }
.reveal .sl-block[data-block-type="video"] .sl-block-content {
  overflow: hidden; }
.reveal .sl-block[data-block-type="video"] .sl-block-content img,
.reveal .sl-block[data-block-type="video"] .sl-block-content video {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top; }
.reveal .sl-block[data-block-type="video"] .sl-block-content img {
  -o-object-fit: contain;
     object-fit: contain; }
.reveal .sl-block[data-block-type="video"] .sl-block-content .video-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0.6;
  background-image: url(//staging.slides.com/assets/icons/video-icon-light-32-08e039bdfb8e4d35457b4908ada233356c14152e3a3490b664345eeee021c046.svg);
  background-size: 14%;
  background-position: right 5% bottom 5%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.2); }

.reveal .sl-block[data-block-type="iframe"] .sl-block-content {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }
.reveal .sl-block[data-block-type="iframe"] .sl-block-content iframe {
  width: 100%;
  height: 100%; }
.reveal .sl-block[data-block-type="iframe"] .sl-block-content.fallback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.reveal .sl-block[data-block-type="iframe"] .sl-block-content.fallback a {
  margin: auto;
  max-width: 100%;
  padding: 14px;
  color: #fff;
  font-size: 0.75em; }

.reveal .sl-block[data-block-type="shape"] .sl-block-content {
  line-height: 0;
  pointer-events: none !important; }
.reveal .sl-block[data-block-type="shape"] .sl-block-content svg {
  vertical-align: top; }
.reveal .sl-block[data-block-type="shape"] .sl-block-content svg * {
  pointer-events: auto; }

:not(.sl-editor) .sl-block[data-block-type="shape"] svg {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 1px;
  margin: -1px !important; }

.reveal .sl-block[data-block-type="code"] .sl-block-placeholder {
  background-image: url(//staging.slides.com/assets/editor/code-placeholder-white-transparent-500x500-3bc858fea8664ac244e3a4d646d15023f8601f46f0a01b1f4df36f25d0a196c5.png) !important; }
.reveal .sl-block[data-block-type="code"] .sl-block-content {
  overflow: hidden; }
.reveal .sl-block[data-block-type="code"] .sl-block-content pre,
.reveal .sl-block[data-block-type="code"] .sl-block-content code {
  width: 100%;
  height: 100%;
  margin: 0; }
.reveal .sl-block[data-block-type="code"] .sl-block-content pre {
  font-size: 0.55em;
  padding: 0; }
.reveal .sl-block[data-block-type="code"] .sl-block-content code {
  white-space: pre;
  word-wrap: normal; }
.reveal .sl-block[data-block-type="code"] .sl-block-content .hljs-ln-numbers {
  white-space: nowrap; }
.reveal .sl-block[data-block-type="code"] .sl-block-content[data-code-wrap="true"] code {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word; }
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  background: #1baee1;
  border-radius: 2px;
  padding: 4px 8px;
  display: none; }
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard:hover {
  background: #46bfe9; }
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard:active {
  background: #189cca; }
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard.bounce {
  -webkit-animation: small-bounce 0.4s ease;
          animation: small-bounce 0.4s ease; }
.reveal .sl-block[data-block-type="code"] .sl-block-content:hover .copy-code-to-clipboard {
  display: block; }

.sl-block[data-block-type="code"].is-empty [data-code-autoheight="true"] {
  min-height: 100px; }

.sl-editor .sl-block[data-block-type="code"] pre:not(:last-child) {
  display: none; }
.sl-editor .sl-block[data-block-type="code"] .sl-block-content-preview {
  height: 100%; }
.sl-editor .sl-block[data-block-type="code"] .sl-block-content-preview pre {
  display: block; }

.sl-editor.is-editing .sl-block[data-block-type="code"] .sl-block-content-preview .fragment {
  display: none;
  -webkit-transition: none;
  transition: none; }
.sl-editor.is-editing .sl-block[data-block-type="code"] .sl-block-content-preview .fragment[data-preview-step="visible"] {
  display: block;
  opacity: 1 !important; }

.has-visible-scrollbars .sl-block[data-block-type="code"] ::-webkit-scrollbar {
  height: 12px;
  width: 12px; }
.has-visible-scrollbars .sl-block[data-block-type="code"] ::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.7);
  border-radius: 8px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box; }
.has-visible-scrollbars .sl-block[data-block-type="code"] ::-webkit-scrollbar-corner {
  background: transparent; }

.sl-block-content[data-code-frame="osx"],
.sl-block-content[data-code-frame="osx-grey"] {
  -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
  border-radius: 6px; }
  .sl-block-content[data-code-frame="osx"] .sl-block-content-preview, .sl-block-content[data-code-frame="osx"] pre, .sl-block-content[data-code-frame="osx"] code,
  .sl-block-content[data-code-frame="osx-grey"] .sl-block-content-preview,
  .sl-block-content[data-code-frame="osx-grey"] pre,
  .sl-block-content[data-code-frame="osx-grey"] code {
    border-radius: 6px; }

.sl-block-content[data-code-frame="osx"] code,
.sl-block-content[data-code-frame="osx-grey"] code {
  padding: 15px; }

.sl-block-content[data-code-frame="osx"] code:before,
.sl-block-content[data-code-frame="osx-grey"] code:before {
  content: '';
  display: block;
  height: 32px; }

.sl-block-content[data-code-frame="osx"] pre:after,
.sl-block-content[data-code-frame="osx-grey"] pre:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8%2BCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDYyIDEyIiB3aWR0aD0iNjIiIGhlaWdodD0iMTIiPgoJPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNmZjVhNTIiPjwvY2lyY2xlPgoJPGNpcmNsZSBjeD0iMjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjZTZjMDI4Ij48L2NpcmNsZT4KCTxjaXJjbGUgY3g9IjQ2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzU0YzIyYiI%2BPC9jaXJjbGU%2BCjwvc3ZnPg%3D%3D);
  background-position: 14px 14px;
  background-repeat: no-repeat;
  background-color: inherit; }

.sl-block-content[data-code-frame="osx-grey"] pre:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8%2BCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDYyIDEyIiB3aWR0aD0iNjIiIGhlaWdodD0iMTIiPgoJPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiM5OTkiPjwvY2lyY2xlPgoJPGNpcmNsZSBjeD0iMjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjOTk5Ij48L2NpcmNsZT4KCTxjaXJjbGUgY3g9IjQ2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzk5OSI%2BPC9jaXJjbGU%2BCjwvc3ZnPg%3D%3D); }

.reveal .sl-block[data-block-type="math"] {
  font-size: 50px; }
  .reveal .sl-block[data-block-type="math"] .sl-block-content {
    font-style: normal;
    font-family: KaTeX_Main, Times New Roman, serif;
    line-height: 1.4; }
  .reveal .sl-block[data-block-type="math"] .sl-block-placeholder {
    background-image: url(//staging.slides.com/assets/editor/math-placeholder-white-transparent-500x500-fde912e07a6f9fac71e1720c44d801bd5d3d026e1e5e0413806ee12d82246e31.png) !important; }
  .reveal .sl-block[data-block-type="math"] .math-input {
    display: none; }
  .reveal .sl-block[data-block-type="math"] .math-output {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .reveal .sl-block[data-block-type="math"] .math-output + .math-output {
    display: none; }
  .reveal .sl-block[data-block-type="math"].is-empty .sl-block-content {
    width: 400px;
    height: 200px; }

.reveal .katex {
  font-family: KaTeX_Main, Times New Roman, serif; }

.reveal .sl-block[data-block-type="table"] .sl-block-content {
  text-align: left; }
.reveal .sl-block[data-block-type="table"] .sl-table-column-resizer {
  display: block;
  position: absolute;
  height: 100%;
  width: 9px;
  top: 0;
  margin-left: -4px;
  z-index: 256;
  cursor: col-resize;
  opacity: 0;
  background-color: rgba(27, 174, 225, 0.5);
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease; }
  .reveal .sl-block[data-block-type="table"] .sl-table-column-resizer:hover, .reveal .sl-block[data-block-type="table"] .sl-table-column-resizer.is-dragging {
    opacity: 1; }
.reveal .sl-block[data-block-type="table"] table {
  width: 100%;
  empty-cells: show;
  table-layout: fixed; }
.reveal .sl-block[data-block-type="table"] table td,
.reveal .sl-block[data-block-type="table"] table th {
  padding: 5px;
  min-width: 40px;
  border: 1px solid currentColor;
  vertical-align: top;
  text-align: inherit;
  outline: 0;
  word-break: break-word; }
.reveal .sl-block[data-block-type="table"] table td:empty:after,
.reveal .sl-block[data-block-type="table"] table th:empty:after,
.reveal .sl-block[data-block-type="table"] table td > [contenteditable]:empty:after,
.reveal .sl-block[data-block-type="table"] table th > [contenteditable]:empty:after {
  content: '-';
  visibility: hidden; }
.reveal .sl-block[data-block-type="table"] table td.context-menu-is-open,
.reveal .sl-block[data-block-type="table"] table th.context-menu-is-open {
  background-color: rgba(27, 174, 225, 0.2); }
.reveal .sl-block[data-block-type="table"] table td > [contenteditable],
.reveal .sl-block[data-block-type="table"] table th > [contenteditable] {
  width: 100%;
  height: 100%;
  outline: 0; }

.reveal .sl-block[data-block-type="line"] svg {
  display: block;
  vertical-align: top;
  overflow: visible;
  -webkit-transform: scale(0.9999999);
          transform: scale(0.9999999); }
.reveal .sl-block[data-block-type="line"] .sl-block-content {
  pointer-events: none !important; }
.reveal .sl-block[data-block-type="line"] .line-skeleton {
  display: none; }
.reveal .sl-block[data-block-type="line"] svg * {
  pointer-events: stroke; }
.reveal .sl-block[data-block-type="line"] .line-start,
.reveal .sl-block[data-block-type="line"] .line-end {
  pointer-events: all; }
.reveal .sl-block[data-block-type="line"] [data-auto-animate-target^="unmatched"] {
  -webkit-transition: none;
  transition: none; }

.sl-editor.is-editing .reveal .sl-block[data-block-type="line"] .sl-block-transform {
  border-color: transparent; }
.sl-editor.is-editing .reveal .sl-block[data-block-type="line"] .line-skeleton {
  stroke: #1baee1;
  stroke-width: var(--scaled-border-2);
  pointer-events: none; }
.sl-editor.is-editing .reveal .sl-block[data-block-type="line"]:hover .line-skeleton, .sl-editor.is-editing .reveal .sl-block[data-block-type="line"].is-focused .line-skeleton {
  display: block; }

.reveal .sl-block[data-block-type="drawing"] svg {
  display: block;
  vertical-align: top;
  overflow: visible; }
.reveal .sl-block[data-block-type="drawing"] .sl-block-content {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none !important; }
.reveal .sl-block[data-block-type="drawing"] svg * {
  pointer-events: auto; }
/*
 * A slim bundle for the deck views that are most commonly
 * consumed by viewers (i.e. affect our core web vitals).
 *



























*/