/*! 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
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-ai-completion-button.button {
  position: absolute;
  bottom: 6px;
  right: 6px;
  background: linear-gradient(135deg, rgba(27, 174, 225, 0.1) 0%, rgba(123, 0, 255, 0.25) 100%);
  color: #5600b3; }
  .sl-ai-completion-button.button:hover, .sl-ai-completion-button.button:active, .sl-ai-completion-button.button[disabled], .sl-ai-completion-button.button[disabled]:hover {
    color: #fff;
    background: linear-gradient(135deg, #1baee1 0%, #7b00ff 100%); }
  .sl-ai-completion-button.button.hidden {
    opacity: 0;
    visibility: hidden; }
  .sl-ai-completion-button.button.small {
    font-size: 1em;
    padding: 4px 6px; }
/**
 * Annotation mode used for freehand drawing in different contexts.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-annotator-canvas-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  cursor: url(//staging.slides.com/assets/cursors/pen-28720961e7eb4859ad77c5e77d853057954691a18ed7a870099b37cc4ced9bd4.svg) 0 21, auto; }

.sl-annotator-canvas {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible !important;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  pointer-events: none; }

.sl-annotator-drawing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  overflow: visible !important; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.app-nav {
  position: sticky;
  top: 0px;
  overflow: hidden;
  width: 340px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 13px; }

.app-nav:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  background: #ddd;
  top: 1.4rem;
  bottom: 1.4rem;
  right: 0; }

.app-nav-header {
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #ddd; }

.app-nav-section {
  position: relative;
  padding: 0.5rem 0;
  font-weight: 500; }

.app-nav-section:first-child {
  padding-top: 0; }

.app-nav-section.hidden {
  display: none; }

.app-nav-section + .app-nav-section:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  top: 0; }

.app-nav-section + .app-nav-section {
  margin-top: -1px; }

.app-nav-section[data-tab-id="team"],
.app-nav-section[data-tab-id="personal"] {
  overflow: auto;
  margin: 0 -1rem;
  padding-top: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem; }
  .app-nav-section[data-tab-id="team"]:before,
  .app-nav-section[data-tab-id="personal"]:before {
    width: calc(100% - 2rem); }

.app-nav-toggle {
  margin-left: -10.8px;
  margin-right: -10.8px; }

.app-nav-divider {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 1.4rem 0; }

.app-nav-divider.flush-bottom {
  margin-bottom: 0; }

.app-nav-item,
.app-nav-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 6px;
  width: 100%;
  line-height: 1.4;
  color: #252525;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: left;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  font-weight: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .app-nav-item .label,
  .app-nav-toggle .label {
    padding: 6px; }

.app-nav-item + .app-nav-item {
  margin-top: 1px; }

.app-nav-item:focus {
  outline: 1px solid #1baee1; }

.app-nav-item:hover {
  color: #252525;
  background: rgba(0, 0, 0, 0.05); }

.app-nav-tab,
.app-nav-link {
  cursor: pointer; }

.app-nav-item.selected {
  background-color: #fff; }

.app-nav-item > .icon {
  font-size: 1.25em;
  margin: 0 6px 0 auto; }

.app-nav-search {
  padding: 0 6px 0 0; }

.app-nav-search:focus-within {
  outline: 1px solid #1baee1; }

.app-nav-search-input {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 12px;
  background: transparent; }

.app-nav-toggle {
  display: none; }

.app-nav-toggle .icon {
  margin-left: 10px; }

.app-nav:not(.open) .app-nav-toggle .label-opened,
.app-nav:not(.open) .app-nav-toggle .icon-opened {
  display: none; }

.app-nav.open .app-nav-toggle .label-closed,
.app-nav.open .app-nav-toggle .icon-closed {
  display: none; }

@media screen and (max-width: 940px) {
  .app-nav-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .app-nav {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0.7rem; }

  .app-nav-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -12px !important;
    margin-right: -12px !important; }

  .app-nav:not(.open) {
    height: auto; }

  .app-nav:not(.open) .app-nav-section,
  .app-nav:not(.open) .global-footer {
    display: none; }

  .app-nav.open {
    position: relative;
    max-height: none;
    overflow: visible; }

  .app-nav.open + .content-wrapper {
    display: none; } }
/**
 * Autocomplete dropdown for form inputs.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-autocomplete {
  position: fixed;
  max-height: 200px;
  z-index: 402;
  border-radius: 6px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #fff;
  overflow: auto;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }

.sl-autocomplete.light-grey {
  background-color: #f5f5f5; }

.sl-autocomplete-item {
  padding: 8px 10px;
  font-size: 13px;
  color: #252525;
  margin: 0;
  cursor: pointer; }
  .sl-autocomplete-item .label,
  .sl-autocomplete-item .description {
    opacity: 0.7; }
  .sl-autocomplete-item .value {
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 0; }
  .sl-autocomplete-item .label + .value,
  .sl-autocomplete-item .value + .description {
    margin-top: 2px; }
  .sl-autocomplete-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  .sl-autocomplete-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.sl-autocomplete-item:hover {
  background-color: #cfeef9; }

.sl-autocomplete-item.focus {
  background-color: #1baee1;
  color: #fff; }

.sl-autocomplete-fonts {
  max-height: 300px; }

.sl-autocomplete-fonts .value {
  font-size: 16px; }

.sl-autocomplete-fonts .description {
  font-size: 11px; }
/**
 * 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); }
@charset "UTF-8";
/**
 * Styles for the collaboration component.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-collab {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 400;
  pointer-events: none; }

.sl-collab.expanded,
.sl-collab-menu-inner,
.sl-collab-notifications {
  pointer-events: auto; }

.sl-collab *,
.sl-collab-handover * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.sl-collab-inner {
  position: absolute;
  width: 300px;
  height: 100%;
  top: 0;
  right: 60px;
  background-color: #fff;
  color: #222;
  text-align: left;
  font-size: 14px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.28s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.28s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(100px);
          transform: translateX(100px); }

.sl-collab-inner:after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 100%;
  left: 100%;
  top: 0;
  background-color: #fff; }

.sl-collab-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.95);
  color: #222;
  text-align: center; }

.sl-collab-overlay.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.sl-collab-overlay-inner {
  margin: auto;
  padding-bottom: 30px; }
  .sl-collab-overlay-inner .exclamation {
    width: 34px;
    height: 34px;
    line-height: 32px;
    margin: 0 auto 1em auto;
    border-radius: 34px;
    font-size: 22px;
    font-weight: bold;
    background-color: #ff6e6e;
    color: #fff; }
  .sl-collab-overlay-inner .message {
    margin: 0 0 2em 0; }

.sl-collab-overlay-inner.flash {
  -webkit-animation: flash-opacity 0.5s 1 ease;
          animation: flash-opacity 0.5s 1 ease; }

.sl-collab.expanded .sl-collab-inner {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  visibility: visible; }

.sl-collab-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.sl-collab.expanded .sl-collab-cover {
  visibility: visible;
  opacity: 1; }

.sl-collab.disconnected .disable-when-disconnected {
  opacity: 0.5;
  pointer-events: none; }

.sl-collab-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.sl-collab.expanded .sl-collab-menu {
  pointer-events: auto; }

.sl-collab-menu-inner {
  pointer-events: auto; }

.sl-collab-menu-item {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 10px 10px 4px 10px;
  border-radius: 40px;
  background-color: rgba(47, 47, 51, 0.4);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .sl-collab-menu-item:hover {
    background-color: rgba(47, 47, 51, 0.9); }
  .sl-collab-menu-item .close-icon,
  .sl-collab-menu-item .users-icon {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .sl-collab-menu-item .users-icon {
    font-size: 18px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .sl-collab-menu-item .close-icon {
    font-size: 14px;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  .sl-collab-menu-item .unread-comments {
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    top: -4px;
    left: -4px;
    background-color: #1baee1;
    color: #fff;
    border-radius: 18px;
    font-size: 10px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }
  .sl-collab-menu-item .unread-comments.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none; }

.sl-collab:not(.enabled) .sl-collab-menu-enable {
  display: block; }

.sl-collab.enabled .sl-collab-menu-toggle {
  display: block; }

.sl-collab.fixed .sl-collab-menu {
  padding-top: 44px; }
.sl-collab.fixed .sl-collab-menu-enable,
.sl-collab.fixed .sl-collab-menu-toggle {
  display: none; }

.sl-collab.expanded .sl-collab-menu-toggle .users-icon {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px); }

.sl-collab.expanded .sl-collab-menu-toggle .close-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none; }

.sl-collab.expanded .sl-collab-menu {
  background-color: #f0f1f5; }

.sl-collab.expanded .sl-collab-menu-item {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #999; }
  .sl-collab.expanded .sl-collab-menu-item:hover {
    color: #222; }

.sl-collab-users {
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: auto; }

.sl-collab-users-list {
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

.sl-collab-users-group {
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  z-index: 0;
  border: 2px solid rgba(99, 244, 183, 0.5);
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.2s ease, opacity 0.2s ease;
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.2s ease, opacity 0.2s ease; }

.sl-collab-users-group.visible {
  visibility: visible;
  opacity: 1; }

.sl-collab-users-group > .icon {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  line-height: 16px;
  left: -6px;
  top: -6px;
  text-align: center;
  background-color: #63f4b7;
  color: #fff;
  font-size: 12px; }

.sl-collab-users-invite {
  position: absolute;
  display: none;
  top: 0;
  left: 14px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin: 0;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
  .sl-collab-users-invite .icon {
    position: relative;
    top: 1px; }

.sl-collab-user {
  position: absolute;
  top: 0;
  left: 14px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  border: 2px solid transparent;
  background-color: #fff;
  font-size: 16px;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -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-collab-user .picture {
    width: 100%;
    height: 100%;
    border-radius: 32px;
    background-size: cover; }
  .sl-collab-user.intro-animation .picture {
    -webkit-animation: bounce-in 0.8s;
            animation: bounce-in 0.8s; }

.sl-collab-user.online {
  visibility: visible;
  opacity: 1;
  z-index: 3; }
  .sl-collab-user.online .picture {
    -webkit-animation: bounce-in 0.8s;
            animation: bounce-in 0.8s; }

.sl-collab-user:not(.online) {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

.sl-collab-user.online:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  bottom: -1px;
  left: -3px;
  border-radius: 8px;
  background-color: #1cef96;
  border: 2px solid #f0f1f5;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0; }

.sl-collab-user.online.idle:after {
  background-color: #f0cd21; }

.sl-collab-users.admin .sl-collab-user {
  cursor: pointer; }

.sl-collab-users.admin .sl-collab-users-invite {
  display: block; }

.sl-collab.expanded .sl-collab-user:after {
  opacity: 1; }
.sl-collab.expanded .sl-collab-user {
  border-color: #f0f1f5; }
.sl-collab.expanded .sl-collab-user,
.sl-collab.expanded .sl-collab-users-invite {
  visibility: visible;
  opacity: 1; }

.sl-collab:hover .sl-collab-users-invite {
  visibility: visible;
  opacity: 1; }

.sl-collab-tooltip-status {
  padding: 1px 6px;
  margin: -1px 0 -1px 8px;
  border-radius: 8px; }

.sl-collab-tooltip-status[data-status="disconnected"] {
  background-color: #888; }
  .sl-collab-tooltip-status[data-status="disconnected"]:after {
    content: "offline"; }

.sl-collab-tooltip-status[data-status="viewing"] {
  background-color: #40cb90;
  color: #000; }
  .sl-collab-tooltip-status[data-status="viewing"]:after {
    content: "online"; }

.sl-collab-tooltip-status[data-status="idle"] {
  background-color: #e4c52d;
  color: #000; }
  .sl-collab-tooltip-status[data-status="idle"]:after {
    content: "idle"; }

.sl-collab-invite-form,
.sl-collab-edit-form {
  width: 400px; }
  .sl-collab-invite-form .invite-email,
  .sl-collab-invite-form .role-selector,
  .sl-collab-edit-form .invite-email,
  .sl-collab-edit-form .role-selector {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
  .sl-collab-invite-form .invite-email,
  .sl-collab-edit-form .invite-email {
    background-color: #fff; }
  .sl-collab-invite-form .invite-options,
  .sl-collab-edit-form .invite-options {
    width: 100%;
    margin-bottom: 15px;
    white-space: normal;
    line-height: 1.4;
    color: #999;
    border: 1px dashed #eee;
    padding: 10px; }
    .sl-collab-invite-form .invite-options :first-child,
    .sl-collab-edit-form .invite-options :first-child {
      margin-top: 0 !important; }
    .sl-collab-invite-form .invite-options :last-child,
    .sl-collab-edit-form .invite-options :last-child {
      margin-bottom: 0 !important; }
    .sl-collab-invite-form .invite-options .semibold,
    .sl-collab-edit-form .invite-options .semibold {
      font-weight: 500; }
    .sl-collab-invite-form .invite-options .sl-checkbox,
    .sl-collab-edit-form .invite-options .sl-checkbox {
      font-size: inherit !important; }
  .sl-collab-invite-form .invite-options:empty,
  .sl-collab-edit-form .invite-options:empty {
    display: none; }
  .sl-collab-invite-form .invite-options.disabled,
  .sl-collab-edit-form .invite-options.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .sl-collab-invite-form .invite-options.hidden,
  .sl-collab-edit-form .invite-options.hidden {
    display: none; }

.sl-collab-body {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  line-height: 1.4; }

.sl-collab-page {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sl-collab-page ::-webkit-scrollbar {
    width: 10px; }
  .sl-collab-page ::-webkit-scrollbar-thumb:vertical {
    min-height: 16px;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    background-color: rgba(100, 100, 100, 0.15);
    background-clip: padding-box; }
  .sl-collab-page ::-webkit-scrollbar-thumb:vertical:hover,
  .sl-collab-page ::-webkit-scrollbar-thumb:vertical:active {
    background-color: rgba(100, 100, 100, 0.6); }

.sl-collab-page-header {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.sl-collab-page-body {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sl-collab-page-footer {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.sl-collab-comments {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.sl-collab-comments-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  margin-bottom: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sl-collab-comments-header .header-tab {
    width: 100%;
    padding: 0 20px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    color: #666;
    background-color: #f0f1f5;
    white-space: nowrap; }
  .sl-collab-comments-header .header-tab:hover {
    background-color: #f5f5f5;
    color: #000; }
  .sl-collab-comments-header .header-tab.selected {
    background-color: #fff;
    color: #000; }
  .sl-collab-comments-header .header-tab .value {
    opacity: 0.5; }

.sl-collab-comment-thread {
  display: none;
  overflow: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  -webkit-overflow-scrolling: touch; }
  .sl-collab-comment-thread.visible {
    display: block; }
  .sl-collab-comment-thread.empty {
    height: 100%; }
  .sl-collab-comment-thread .placeholder {
    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;
    height: 100%;
    padding: 15px;
    text-align: center;
    color: #aaa; }
  .sl-collab-comment-thread .placeholder .icon {
    font-size: 22px; }
  .sl-collab-comment-thread .placeholder .error {
    color: red; }
  .sl-collab-comment-thread .load-more-button {
    display: none;
    margin: 24px auto;
    text-decoration: underline;
    font-size: 12px; }
  .sl-collab-comment-thread .load-more-button[disabled] {
    text-decoration: none;
    color: #aaa; }
  .sl-collab-comment-thread .load-more-button.visible {
    display: block; }

.sl-collab-comment {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 20px 10px 10px;
  font-size: 12px; }
  .sl-collab-comment .comment-sidebar {
    float: left;
    margin-right: 6px; }
    .sl-collab-comment .comment-sidebar .button,
    .sl-collab-comment .comment-sidebar .avatar {
      display: block;
      width: 20px;
      height: 20px;
      line-height: 20px;
      padding: 0;
      color: #fff;
      border-radius: 2px;
      text-align: center;
      background-color: #fff; }
    .sl-collab-comment .comment-sidebar .avatar {
      margin-bottom: 3px;
      background-color: #f5f5f5;
      background-size: cover;
      background-position: 50% 50%;
      border-radius: 20px;
      cursor: default; }
    .sl-collab-comment .comment-sidebar .button {
      display: none;
      color: #ccc;
      font-size: 12px; }
    .sl-collab-comment .comment-sidebar .button:hover {
      color: #333; }
    .sl-collab-comment .comment-sidebar .button.focus,
    .sl-collab-comment .comment-sidebar .button.menu-is-open {
      color: #333;
      display: block; }
  .sl-collab-comment:hover .comment-sidebar .button {
    display: block; }
  .sl-collab-comment .comment-body {
    padding-left: 26px; }
  .sl-collab-comment .author {
    display: inline-block;
    cursor: default;
    font-weight: 700;
    max-width: 100%;
    margin-right: 5px; }
  .sl-collab-comment .meta {
    display: inline-block;
    margin-bottom: 5px;
    color: #bbb; }
  .sl-collab-comment .meta-slide-number {
    padding: 0;
    color: #bbb; }
  .sl-collab-comment .meta-slide-number:hover {
    color: #222; }
  .sl-collab-comment .meta-time {
    cursor: default; }
  .sl-collab-comment .meta-slide-number + .meta-time:before {
    content: '–';
    margin: 0 3px; }
  .sl-collab-comment .message {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.5; }
  .sl-collab-comment .retry {
    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;
    border-top: 2px solid red;
    padding: 10px;
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.8); }

.sl-collab-comment-thread.overflowing .sl-collab-comment {
  padding-right: 10px; }

.sl-collab-comment[data-state="saving"] .author,
.sl-collab-comment[data-state="saving"] .message,
.sl-collab-comment[data-state="failed"] .author,
.sl-collab-comment[data-state="failed"] .message {
  color: #bbb; }

.sl-collab-comment[data-state="failed"] {
  background-color: #FFEFEF; }

.sl-collab-comment-form {
  padding: 0 10px 10px 10px;
  position: relative; }

.sl-collab-comment-form .comment-input {
  width: 100%;
  resize: none;
  font-size: 12px; }

.sl-collab-comment-form .comment-status,
.sl-collab-comment-form .comment-submit {
  padding: 2px 0;
  border: 1px solid transparent;
  cursor: default;
  font-size: 11px;
  color: #bbb; }

.sl-collab-comment-form .comment-submit {
  position: absolute;
  bottom: 14px;
  right: 14px;
  padding: 0 4px;
  visibility: hidden;
  cursor: pointer;
  border-radius: 2px;
  outline: 0;
  outline-offset: 1px;
  background-color: #1baee1;
  color: #fff;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-collab-comment-form .comment-submit:focus {
    outline: 1px solid #1baee1; }

.sl-collab-comment-form .comment-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 22px;
  color: #888888; }

.sl-collab-comment-form .comment-length.max-length-exceeded {
  color: #e74c3c;
  font-weight: 500; }

.sl-collab-comment-form :invalid,
.sl-collab-comment-form :-moz-ui-invalid {
  outline: 0;
  box-shadow: none; }

.sl-collab-comment-form .comment-input[required]:valid + .comment-submit {
  visibility: visible; }

.sl-collab-handover {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 90; }
  .sl-collab-handover .handover-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sl-collab-handover .handover-controls-button {
    display: inline-block;
    height: 44px;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(47, 47, 51, 0.4);
    vertical-align: top;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    margin-right: 10px; }
    .sl-collab-handover .handover-controls-button > .label, .sl-collab-handover .handover-controls-button > .icon {
      line-height: 44px;
      vertical-align: middle; }
    .sl-collab-handover .handover-controls-button > .label {
      font-size: 14px;
      margin-left: 16px;
      margin-right: 12px; }
    .sl-collab-handover .handover-controls-button > .icon {
      position: relative;
      font-size: 14px;
      margin-right: 16px; }
    .sl-collab-handover .handover-controls-button:hover {
      background-color: rgba(47, 47, 51, 0.9); }
  .sl-collab-handover .edit-button-wrapper {
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .sl-collab-handover .edit-button-wrapper.visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .sl-collab-handover .edit-button-wrapper:hover .edit-button {
    background-color: rgba(47, 47, 51, 0.9); }
  .sl-collab-handover .user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 44px;
    max-width: 300px;
    margin-left: 6px;
    padding: 0 16px 0 0px;
    border-radius: 44px;
    background-color: #f0f1f5;
    -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;
    font-size: 12px;
    color: #222;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-animation: bounce-in 0.8s;
            animation: bounce-in 0.8s;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  .sl-collab-handover .user.idle .user-description {
    opacity: 0.6; }
  .sl-collab-handover .user-avatar {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    margin-right: 8px;
    background-size: cover;
    background-position: 50% 50%;
    border: 2px solid #f0f1f5;
    -webkit-animation: bounce-in 0.8s;
            animation: bounce-in 0.8s;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .sl-collab-handover .user-description {
    line-height: 1.4; }
  .sl-collab-handover .username {
    font-weight: bold;
    word-break: break-word;
    -ms-hyphens: auto;
        hyphens: auto; }
  .sl-collab-handover .user-slide {
    display: none;
    text-decoration: underline; }
  .sl-collab-handover .user-slide.visible {
    display: inline-block; }
  .sl-collab-handover .user-slide:hover {
    color: #1baee1; }

.sl-collab-notifications {
  position: absolute;
  width: 300px;
  top: 10px;
  right: 60px;
  z-index: 90;
  -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-collab-notification {
  width: 100%;
  position: absolute;
  max-height: 108px;
  padding: 12px;
  color: #222;
  background-color: #f0f1f5;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  cursor: default;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  .sl-collab-notification .dismiss {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 6px;
    font-size: 10px;
    color: #888;
    background-color: #f0f1f5;
    cursor: pointer; }
  .sl-collab-notification .status-icon,
  .sl-collab-notification .status-picture {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    margin: -4px;
    font-size: 12px;
    background-color: #ccc;
    vertical-align: top; }
  .sl-collab-notification .status-icon {
    text-align: center;
    color: #fff; }
  .sl-collab-notification .status-picture {
    background-size: cover;
    background-position: center; }
  .sl-collab-notification .message {
    display: inline-block;
    width: 250px;
    padding-left: 12px;
    vertical-align: top; }
  .sl-collab-notification .button.has-countdown {
    position: relative; }
  .sl-collab-notification .button.has-countdown .countdown {
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    background-color: #1baee1;
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  .sl-collab-notification .button.half-width {
    width: 48%; }
  .sl-collab-notification .button.half-width + .button.half-width {
    float: right; }
  .sl-collab-notification p:first-child {
    margin-top: 0; }
  .sl-collab-notification .slide-number {
    color: #aaa;
    float: right; }

.sl-collab-notification.multiline .status-icon,
.sl-collab-notification.multiline .status-picture {
  margin-top: 0;
  margin-bottom: 0; }

.sl-collab-notification:hover .dismiss {
  display: block; }

.sl-collab-notification.show {
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.sl-collab-notification.hide {
  opacity: 0; }

.sl-collab-notification:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 241, 245, 0)), color-stop(50%, rgba(240, 241, 245, 0.75)), to(#f0f1f5));
  background: linear-gradient(to bottom, rgba(240, 241, 245, 0) 0%, rgba(240, 241, 245, 0.75) 50%, #f0f1f5 100%); }

.sl-collab.expanded .sl-collab-notifications {
  -webkit-transform: translateX(-320px);
          transform: translateX(-320px); }

@media screen and (max-width: 400px) {
  .sl-collab.expanded {
    width: 100%; }

  .sl-collab-inner {
    left: 0;
    right: 60px;
    width: auto;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }

  .sl-collab-notifications {
    left: 10px;
    right: auto !important;
    -webkit-transform: none !important;
            transform: none !important; }

  .sl-collab-notification {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }

  .sl-collab-handover .user {
    max-width: 180px; }

  .sl-collab-handover .user-slide {
    display: none !important; } }
/**
 * Context menu component (for right-clicks).
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-context-menu {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  padding: 2px;
  background: #111;
  border: 1px solid #1e1e1e;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 12px;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sl-context-menu.visible {
    display: block; }
  .sl-context-menu .sl-context-menu-list {
    position: relative;
    z-index: 2; }
  .sl-context-menu .sl-context-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: 2.6em;
    line-height: 2.6em;
    color: #fff;
    cursor: pointer; }
  .sl-context-menu .sl-context-menu-item:hover {
    background-color: #444; }
  .sl-context-menu .sl-context-menu-item:active {
    background-color: #333; }
  .sl-context-menu .sl-context-menu-item.focus {
    outline: 1px solid #1baee1;
    outline-offset: 2px; }
  .sl-context-menu .sl-context-menu-item.hidden {
    display: none; }
  .sl-context-menu .sl-context-menu-divider {
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: #333; }
  .sl-context-menu .sl-context-menu-item.hidden + .sl-context-menu-divider {
    display: none; }
  .sl-context-menu .sl-context-menu-item .label {
    line-height: inherit; }
  .sl-context-menu .sl-context-menu-item .icon {
    line-height: inherit;
    width: 1.4em;
    margin-left: 30px;
    font-size: 1.2em;
    text-align: center; }
  .sl-context-menu .sl-context-menu-item .shortcut {
    margin-left: 30px;
    color: #bbb;
    letter-spacing: 2px; }
  .sl-context-menu .sl-context-menu-arrow {
    position: absolute; }
  .sl-context-menu .sl-context-menu-item:first-child {
    border-radius: 4px 4px 0 0; }
  .sl-context-menu .sl-context-menu-item:last-child {
    border-radius: 0 0 4px 4px; }
  .sl-context-menu[data-alignment=l] .sl-context-menu-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: #111; }
  .sl-context-menu[data-alignment=r] .sl-context-menu-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: #111; }
/**
 * Image cropping component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-cropper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  z-index: 401;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 10px;
  overflow: auto; }
  .sl-cropper .sl-cropper-inner {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .sl-cropper .sl-cropper-image {
    position: absolute;
    z-index: 1;
    width: 100%; }
  .sl-cropper .sl-cropper-overlay {
    position: absolute;
    z-index: 2;
    pointer-events: none; }
  .sl-cropper .anchor-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    z-index: 3;
    cursor: move; }
  .sl-cropper .anchor {
    position: absolute;
    width: 1em;
    height: 1em;
    pointer-events: all;
    visibility: hidden; }
  .sl-cropper .anchor-point {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #1baee1;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 2; }
  .sl-cropper .anchor[data-direction=n] {
    left: 10px;
    right: 10px;
    bottom: 100%;
    width: auto;
    margin-bottom: -0.4em;
    cursor: ns-resize; }
  .sl-cropper .anchor[data-direction=e] {
    top: 10px;
    bottom: 10px;
    left: 100%;
    height: auto;
    margin-left: -0.4em;
    cursor: ew-resize; }
  .sl-cropper .anchor[data-direction=s] {
    left: 10px;
    right: 10px;
    top: 100%;
    width: auto;
    margin-top: -0.4em;
    cursor: ns-resize; }
  .sl-cropper .anchor[data-direction=w] {
    top: 10px;
    bottom: 10px;
    right: 100%;
    height: auto;
    margin-right: -0.4em;
    cursor: ew-resize; }
  .sl-cropper .anchor[data-direction=nw] {
    right: 100%;
    bottom: 100%;
    margin-right: -0.4em;
    margin-bottom: -0.4em;
    cursor: nw-resize; }
  .sl-cropper .anchor[data-direction=ne] {
    left: 100%;
    bottom: 100%;
    margin-left: -0.4em;
    margin-bottom: -0.4em;
    cursor: ne-resize; }
  .sl-cropper .anchor[data-direction=se] {
    left: 100%;
    top: 100%;
    margin-left: -0.4em;
    margin-top: -0.4em;
    cursor: se-resize; }
  .sl-cropper .anchor[data-direction=sw] {
    right: 100%;
    top: 100%;
    margin-right: -0.4em;
    margin-top: -0.4em;
    cursor: sw-resize; }
  .sl-cropper.visible {
    visibility: inherit; }
    .sl-cropper.visible .anchor {
      visibility: inherit; }

.sl-editor.is-editing.touch-editor .sl-cropper {
  font-size: 15px; }
  .sl-editor.is-editing.touch-editor .sl-cropper .anchor:before {
    content: '';
    position: absolute;
    left: -0.5em;
    top: -0.5em;
    width: 2em;
    height: 2em; }
/**
 * Deck filters (sort & search)
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.deck-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #aaa; }
  .deck-filters .deck-filters-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .deck-filters .deck-filters-options > * {
    line-height: 1.5; }
  .deck-filters .deck-filters-sort,
  .deck-filters .deck-filters-search[type="text"],
  .deck-filters .deck-filters-tag-filter {
    padding: 0;
    border: 0; }
  .deck-filters .deck-filters-sort,
  .deck-filters .deck-filters-tag-filter,
  .deck-filters .deck-filters-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: currentColor; }
    .deck-filters .deck-filters-sort:hover,
    .deck-filters .deck-filters-tag-filter:hover,
    .deck-filters .deck-filters-search-wrapper:hover {
      color: #252525; }
  .deck-filters .deck-filters-sort,
  .deck-filters .deck-filters-tag-filter {
    margin-right: 14px; }
  .deck-filters .button .icon,
  .deck-filters .button .label,
  .deck-filters .deck-filters-search,
  .deck-filters .deck-filters-search-icon {
    color: currentColor; }
  .deck-filters .icon {
    font-size: 16px; }
  .deck-filters .button .icon {
    margin-right: 4px; }
  .deck-filters .deck-filters-tag-filter {
    padding: 2px 6px; }
  .deck-filters .deck-filters-tag-filter .icon {
    font-size: 12px; }
  .deck-filters .deck-filters-tag-filter.is-set {
    color: #fff;
    border-color: #1baee1;
    background-color: #1baee1; }
  .deck-filters .deck-filters-search-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .deck-filters input[type="text"].deck-filters-search {
    background-color: transparent;
    max-width: 100%;
    padding-left: 4px;
    border: 1px solid transparent;
    border-radius: 20px;
    line-height: 1.6; }
    .deck-filters input[type="text"].deck-filters-search::-webkit-input-placeholder {
      color: currentColor; }
    .deck-filters input[type="text"].deck-filters-search::-moz-placeholder {
      color: currentColor;
      opacity: 1; }
  .deck-filters input[type="text"].deck-filters-search:valid,
  .deck-filters input[type="text"].deck-filters-search:focus {
    background-color: transparent;
    width: 200px;
    padding-right: 18px;
    color: #252525; }
    .deck-filters input[type="text"].deck-filters-search:valid::-webkit-input-placeholder,
    .deck-filters input[type="text"].deck-filters-search:focus::-webkit-input-placeholder {
      color: currentColor; }
    .deck-filters input[type="text"].deck-filters-search:valid::-moz-placeholder,
    .deck-filters input[type="text"].deck-filters-search:focus::-moz-placeholder {
      color: currentColor; }
  .deck-filters input[type="text"].deck-filters-search:valid {
    border-color: #ddd;
    border-radius: 20px; }
  .deck-filters .deck-filters-search:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .deck-filters .deck-filters-search:focus {
    border-color: #1baee1; }
  .deck-filters .deck-filters-search-clear {
    display: none;
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 5px 4px;
    font-size: 12px;
    color: currentColor; }
    .deck-filters .deck-filters-search-clear:hover {
      color: currentColor; }
  .deck-filters .deck-filters-search:valid ~ .deck-filters-search-clear {
    display: inline-block; }
  .deck-filters .deck-filters-search:valid ~ .deck-filters-search-icon {
    display: none; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-deck-size-preview {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: visible;
  max-height: 25px;
  -webkit-transition: max-height 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  transition: max-height 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; }
  .sl-deck-size-preview .toggle {
    position: absolute;
    display: block;
    margin: 0 0 6px 0;
    padding: 0;
    color: #1baee1;
    cursor: pointer;
    white-space: nowrap;
    text-align: left; }
    .sl-deck-size-preview .toggle .icon {
      vertical-align: middle;
      margin-left: 6px;
      opacity: 0.8; }
  .sl-deck-size-preview .toggle:hover {
    color: #13799d; }
  .sl-deck-size-preview .toggle:focus {
    outline: 1px solid #1baee1; }
  .sl-deck-size-preview .toggle:before {
    display: inline-block;
    content: 'Preview size and margin'; }
  .sl-deck-size-preview .previews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    pointer-events: none; }
  .sl-deck-size-preview .sl-webbrowser {
    font-size: 9px;
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0s cubic-bezier(0.23, 1, 0.32, 1) 0.6s, -webkit-transform 0s cubic-bezier(0.23, 1, 0.32, 1) 0.6s; }
  .sl-deck-size-preview .sl-webbrowser.wide {
    width: 214px;
    -webkit-transform: translateX(40px);
            transform: translateX(40px); }
  .sl-deck-size-preview .sl-webbrowser.tall {
    width: 96px;
    -webkit-transform: translateX(80px);
            transform: translateX(80px); }
  .sl-deck-size-preview .sl-webbrowser + .sl-webbrowser {
    margin-left: 15px; }
  .sl-deck-size-preview .sl-webbrowser-content {
    height: 116px; }
  .sl-deck-size-preview .sl-webbrowser-slide-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(//staging.slides.com/assets/transparent-pattern-10x10-4247fbb3404ba2647f24a2a1fdbb502b761af61897b544fa21b4035d6f023ad6.png);
    background-repeat: repeat;
    opacity: 0.15; }
  .sl-deck-size-preview .sl-webbrowser-slide-margin {
    display: none; }
  .sl-deck-size-preview .sl-webbrowser-slide,
  .sl-deck-size-preview .sl-webbrowser-slide-margin {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .sl-deck-size-preview .sl-webbrowser-slide-margin {
    border: 0px solid #f3cea5; }
  .sl-deck-size-preview .sl-webbrowser-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #a8c5e5;
    overflow: hidden; }
  .sl-deck-size-preview .sl-webbrowser-slide-label {
    font-size: 11px;
    margin: auto;
    text-align: center;
    cursor: default;
    color: #fff;
    white-space: pre; }
  .sl-deck-size-preview .sl-webbrowser-slide-background:hover ~ .sl-webbrowser-slide,
  .sl-deck-size-preview .sl-webbrowser-slide-background:hover ~ .sl-webbrowser-slide-margin,
  .sl-deck-size-preview .sl-webbrowser-slide-margin:hover ~ .sl-webbrowser-slide {
    opacity: 0.5; }
  .sl-deck-size-preview[data-state="expanded"] {
    max-height: 150px;
    -webkit-transition: max-height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
    .sl-deck-size-preview[data-state="expanded"] .toggle {
      margin-bottom: 10px; }
    .sl-deck-size-preview[data-state="expanded"] .toggle:before {
      content: 'Hide preview'; }
    .sl-deck-size-preview[data-state="expanded"] .toggle .icon {
      display: none; }
    .sl-deck-size-preview[data-state="expanded"] .previews {
      pointer-events: auto; }
    .sl-deck-size-preview[data-state="expanded"] .sl-webbrowser {
      -webkit-transform: none;
              transform: none;
      opacity: 1;
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.05s;
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.05s; }
    .sl-deck-size-preview[data-state="expanded"] .sl-webbrowser.tall {
      -webkit-transition-duration: 0.6s;
              transition-duration: 0.6s; }
/**
 * 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; }
/**
 * Media library component used for accessing and managing
 * user media.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.media-library-header-tabs {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 70px; }
  .media-library-header-tabs .media-library-header-tabs-wrapper {
    border: 1px solid #ddd;
    display: inline-block;
    line-height: 40px;
    border-radius: 40px; }
  .media-library-header-tabs .media-library-header-tab {
    position: relative;
    display: inline-block;
    height: 100%;
    padding: 0 20px;
    line-height: 40px;
    cursor: pointer;
    color: #444;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 40px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .media-library-header-tabs .media-library-header-tab .arrow {
      display: none; }
  .media-library-header-tabs .media-library-header-tab:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0.4); }
  .media-library-header-tabs .media-library-header-tab .icon {
    margin-right: 6px;
    vertical-align: -1px; }
  .media-library-header-tabs .media-library-header-tab .icon.i-users,
  .media-library-header-tabs .media-library-header-tab .icon.i-search {
    font-size: 1.35em;
    vertical-align: -0.2em; }
  .media-library-header-tabs .media-library-header-tab.is-selected {
    background-color: #fff;
    color: #000;
    cursor: default; }
    .media-library-header-tabs .media-library-header-tab.is-selected .arrow {
      display: block; }
      .media-library-header-tabs .media-library-header-tab.is-selected .arrow:before {
        content: '';
        position: absolute;
        height: 0px;
        width: 0px;
        left: 50%;
        right: initial;
        top: 100%;
        bottom: initial;
        border-style: solid;
        border-width: 8px;
        border-color: transparent;
        -webkit-transform: rotate(360deg);
        margin-left: -8px;
        border-bottom-width: 0;
        border-top-color: #ddd; }
      .media-library-header-tabs .media-library-header-tab.is-selected .arrow:after {
        content: '';
        position: absolute;
        height: 0px;
        width: 0px;
        left: 50%;
        right: initial;
        top: 100%;
        bottom: initial;
        border-style: solid;
        border-width: 7px;
        border-color: transparent;
        -webkit-transform: rotate(360deg);
        margin-left: -7px;
        border-bottom-width: 0;
        border-top-color: #fff; }
  .media-library-header-tabs .media-library-header-tab.is-disabled {
    cursor: default;
    opacity: 0.5;
    color: #999;
    background-color: transparent; }

.media-library-page {
  position: relative;
  width: 100%;
  height: 100%;
  visibility: hidden; }

.media-library-page.visible {
  visibility: visible; }

.media-library-sidebar {
  position: relative;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 278px;
  height: 100%;
  float: left;
  border-bottom-left-radius: 2px; }

.media-library-sidebar:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  -webkit-transition: all 0.2s ease 0.1s;
  transition: all 0.2s ease 0.1s; }

.media-library-sidebar.visible:after {
  opacity: 0;
  visibility: hidden; }

.media-library-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 278px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden; }
  .media-library-content.visible {
    opacity: 1; }

.media-library-load-status {
  position: absolute;
  top: 50%;
  left: 278px;
  right: 0;
  margin-top: -30px;
  text-align: center;
  color: #999; }
  .media-library-load-status .button {
    margin-left: 5px; }

.media-library-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .media-library-search .search-header {
    position: relative;
    padding: 20px;
    padding-top: 10px; }
  .media-library-search .search-header:after,
  .media-library-search .search-results:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    opacity: 0;
    z-index: 10;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .media-library-search .search-header:after {
    top: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
  .media-library-search .search-results:after {
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
  .media-library-search .search-header.show-scroll-shadow:after {
    opacity: 1; }
  .media-library-search .search-results.show-scroll-shadow:after {
    opacity: 1; }
  .media-library-search .search-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .media-library-search .search-input,
  .media-library-search .search-reset,
  .media-library-search .search-sources {
    padding: 0 20px;
    font-size: 16px;
    border-radius: 40px;
    border: 1px solid #ddd;
    outline: 0;
    background: #fff;
    line-height: 44px;
    height: 44px; }
  .media-library-search .search-input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-appearance: none; }
  .media-library-search .search-reset {
    display: none;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    color: #555;
    cursor: pointer; }
  .media-library-search .search-reset:hover {
    color: #000; }
  .media-library-search .search-sources {
    position: relative;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 14px;
    cursor: pointer;
    color: #555; }
  .media-library-search .search-sources:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd; }
  .media-library-search .search-sources .icon {
    margin-left: 10px; }
  .media-library-search .search-sources:hover {
    color: #000;
    background-color: #f5f5f5; }
  .media-library-search .search-input:focus,
  .media-library-search .search-input:focus ~ .search-reset,
  .media-library-search .search-input:focus ~ .search-sources {
    border-color: #1baee1; }
  .media-library-search .search-input.has-value ~ .search-reset {
    display: block; }
  .media-library-search .search-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 8px;
    text-align: center;
    overflow: auto;
    will-change: scroll-position;
    background-color: #fff;
    -webkit-overflow-scrolling: touch; }
  .media-library-search .search-results-group {
    width: 100%;
    min-height: 100%;
    position: relative; }
  .media-library-search .search-results-group.hidden {
    display: none !important; }
  .media-library-search .search-results-group.empty:not(.hidden) + .search-results-group.empty {
    border-left: 1px solid #eee; }
  .media-library-search .search-results-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 40px; }
    .media-library-search .search-results-placeholder .logo {
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-size: contain;
      margin-bottom: 20px; }
    .media-library-search .search-results-placeholder .label {
      color: #aaa;
      font-weight: 600; }
  .media-library-search .search-results-group.empty .search-results-placeholder {
    visibility: visible; }
  .media-library-search .search-results-group[data-type="unsplash"] .logo {
    background-image: url(//staging.slides.com/assets/logos/unsplash-512x512-aaae081c6c6f0edfde4f343cf016e142ae00792576fbc3bac192acc3b9c402e0.svg); }
  .media-library-search .search-results-group[data-type="giphy"] .logo {
    background-image: url(//staging.slides.com/assets/logos/giphy-320x320-a8800e4fc2024ec987292adc884eab564f4199449b43f1adc9d97cb8a3d5925f.png); }
  .media-library-search .search-results-group[data-type="giphy"] .label {
    background-image: url(//staging.slides.com/assets/logos/powered-by-giphy-vert-text-d4a5e6a847a99c3e8c4f677283b468315ca5805b9c175b04cf64875382427785.png);
    width: 100px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    color: transparent;
    opacity: 0.7; }
  .media-library-search .search-results .error {
    position: relative;
    width: 100%;
    height: 50%;
    top: 40%;
    color: #888; }
  .media-library-search .search-results .spinner {
    position: relative;
    top: 40%;
    height: 50%;
    margin-left: auto;
    margin-right: auto; }
  .media-library-search .search-result {
    display: block;
    position: relative;
    border: 4px solid #fff;
    cursor: pointer;
    float: left;
    overflow: hidden;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    background-color: #fbfbfb;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .media-library-search .search-result-media {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .media-library-search .search-result-attribution {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    font-size: 13px;
    text-align: right;
    padding: 6px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 1; }
  .media-library-search .search-result-attribution:hover {
    white-space: normal; }
  .media-library-search .search-result:hover {
    border-color: #1baee1;
    z-index: 1; }
    .media-library-search .search-result:hover .search-result-attribution {
      opacity: 1; }
    .media-library-search .search-result:hover .search-result-media {
      -webkit-transform: scale(1.06);
              transform: scale(1.06); }

.media-library-drag-instructions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(70, 191, 233, 0.7);
  z-index: 10;
  pointer-events: none; }
  .media-library-drag-instructions .inner {
    display: block;
    position: relative;
    width: 360px;
    padding: 60px 0;
    border: 5px solid #fff;
    margin: auto;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }

.media-library-filters {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .media-library-filters.editable {
    bottom: 68px; }
  .media-library-filters .media-library-filter {
    position: relative;
    padding: 12px 20px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .media-library-filters .media-library-filter:hover {
      background-color: #f5f5f5; }
    .media-library-filters .media-library-filter.is-selected {
      background-color: #fff;
      cursor: default; }
  .media-library-filters .media-library-filter .label {
    word-break: break-word; }
  .media-library-filters .media-library-filter .icon {
    color: #444; }
  .media-library-filters .media-library-filter .count {
    float: right;
    color: #999; }
  .media-library-filters .media-library-filter-types {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .media-library-filters .media-library-filter-types .media-library-filter {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .media-library-filters .media-library-filter-types .media-library-filter + .media-library-filter {
    border-left: 1px solid #ddd; }
  .media-library-filters .media-library-search-filter {
    padding: 10px;
    cursor: text; }
  .media-library-filters .media-library-search-filter .search-input {
    width: 100%;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 20px;
    background-color: transparent;
    -webkit-appearance: none; }
  .media-library-filters .media-library-search-filter .search-input:focus {
    outline: 0; }
  .media-library-filters .media-library-search-filter .search-input::-webkit-input-placeholder {
    color: #999; }
  .media-library-filters .media-library-search-filter .search-input::-moz-placeholder {
    color: #999; }
  .media-library-filters .media-library-search-filter .search-input:-ms-input-placeholder {
    color: #999; }
  .media-library-filters .media-library-search-filter .search-input::-ms-input-placeholder {
    color: #999; }
  .media-library-filters .media-library-search-filter .search-input::placeholder {
    color: #999; }
  .media-library-filters .media-library-filter.hidden {
    display: none; }

.media-library-tags {
  -webkit-perspective: 1000px;
          perspective: 1000px; }
  .media-library-tags .tags-create {
    color: #999;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .media-library-tags .tags-create .tags-create-inner {
      padding: 12px 20px; }
    .media-library-tags .tags-create:hover {
      background-color: #f5f5f5; }
  .media-library-tags .tags-list {
    position: relative;
    z-index: 10; }
  .media-library-tags .media-library-filter {
    position: relative;
    height: 44px;
    border-bottom: 0;
    -webkit-transition: height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .media-library-tags .media-library-filter .front {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 12px 20px;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .media-library-tags .media-library-filter .front .label-output {
      display: block;
      width: 175px;
      float: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .media-library-tags .media-library-filter .front .controls-button {
      margin-top: -2px; }
  .media-library-tags .media-library-filter .back {
    position: absolute;
    width: 96%;
    height: 82px;
    top: 0;
    left: 2%;
    padding: 12px 14px;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow 0.3s linear;
    transition: -webkit-box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;
    -webkit-transform: translateZ(-1px) rotateX(-180deg) translateY(19px);
            transform: translateZ(-1px) rotateX(-180deg) translateY(19px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    cursor: default; }
    .media-library-tags .media-library-filter .back .label-input {
      width: 100%;
      border: 1px solid #ccc;
      cursor: text;
      -webkit-appearance: none; }
      .media-library-tags .media-library-filter .back .label-input:focus {
        outline: 0;
        border-color: #1baee1; }
    .media-library-tags .media-library-filter .back .controls {
      margin-top: 10px;
      text-align: right; }
  .media-library-tags .media-library-filter .controls-button {
    display: inline-block;
    color: #fff;
    background-color: #888;
    padding: 6px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer; }
    .media-library-tags .media-library-filter .controls-button:hover {
      background-color: #555; }
    .media-library-tags .media-library-filter .controls-button.delete-button {
      float: left;
      background-color: #e74c3c; }
    .media-library-tags .media-library-filter .controls-button.delete-button:hover {
      background-color: #d62c1a; }
  .media-library-tags .media-library-filter .controls-button + .controls-button {
    margin-left: 10px; }
  .media-library-tags .media-library-filter .controls-permanent,
  .media-library-tags .media-library-filter .controls-out,
  .media-library-tags .media-library-filter .controls-over {
    float: right;
    margin-left: 5px; }
  .media-library-tags .media-library-filter .controls-over {
    display: none; }
  .media-library-tags .media-library-filter:hover .controls-out {
    display: none; }
  .media-library-tags .media-library-filter:hover .controls-over {
    display: block; }
  .media-library-tags .media-library-filter.is-editing {
    z-index: 11;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
    .media-library-tags .media-library-filter.is-editing .front {
      pointer-events: none; }
    .media-library-tags .media-library-filter.is-editing .back {
      -webkit-box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.5);
              box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.5); }

.media-library-filters.is-editing .tags-create,
.media-library-filters.is-editing .media-library-filter:not(.is-editing) {
  opacity: 0.4;
  pointer-events: none; }
.media-library-filters.is-editing .media-library-tags {
  border-left-color: #bbb; }

.ua-ie .media-library-filters .media-library-filter .back {
  -webkit-transform: none;
          transform: none;
  display: none; }
.ua-ie .media-library-filters .media-library-filter.is-editing {
  -webkit-transform: none;
          transform: none; }
  .ua-ie .media-library-filters .media-library-filter.is-editing .front {
    display: none; }
  .ua-ie .media-library-filters .media-library-filter.is-editing .back {
    display: block; }

.dragging-media-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  background-color: rgba(240, 240, 240, 0.9);
  z-index: 9;
  opacity: 0;
  border-radius: 2px;
  will-change: opacity; }

html.dragging-media {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

html.dragging-media .dragging-media-overlay {
  display: block;
  -webkit-animation: fade-in 0.12s linear forwards;
          animation: fade-in 0.12s linear forwards; }

html.dragging-media .sl-popup-body {
  backdrop-filter: none; }

html.dragging-media .media-library-tags {
  -webkit-perspective: none;
          perspective: none; }

html.dragging-media .media-library-tags .media-library-filter {
  background-color: #fff;
  border-radius: 0;
  pointer-events: none; }

html.dragging-media .media-library-tags .media-library-filter.drag-over {
  color: #fff;
  background-color: #1baee1; }

html.dragging-media .media-library-tags .media-library-filter.drag-over .count {
  color: #fff; }

.media-library-uploader {
  width: 100%;
  border: 4px solid transparent;
  border-bottom-left-radius: 2px; }

.media-library-uploader-button,
.media-library-uploader-exceeded {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 58px;
  color: #fff;
  padding: 0 20px;
  margin: auto 0;
  cursor: pointer;
  background-color: #1baee1;
  border-radius: 8px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .media-library-uploader-button .label,
  .media-library-uploader-exceeded .label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2; }
  .media-library-uploader-button .icon,
  .media-library-uploader-exceeded .icon {
    position: relative;
    left: 10px;
    top: 4px;
    font-size: 26px; }
  .media-library-uploader-button .file-input,
  .media-library-uploader-exceeded .file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  .media-library-uploader-button:hover,
  .media-library-uploader-exceeded:hover {
    background-color: #46bfe9; }
  .media-library-uploader-button:active,
  .media-library-uploader-exceeded:active {
    background-color: #189cca; }
  .media-library-uploader-button:hover .icon,
  .media-library-uploader-exceeded:hover .icon {
    -webkit-animation: float-light 2s infinite ease-in-out;
            animation: float-light 2s infinite ease-in-out; }

.media-library-uploader.is-uploading .media-library-uploader-button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.media-library-uploader-exceeded {
  display: none;
  background-color: #777; }
  .media-library-uploader-exceeded .label {
    line-height: 1.4; }
  .media-library-uploader-exceeded:hover {
    color: #fff;
    background-color: #919191; }
  .media-library-uploader-exceeded:active {
    background-color: #6a6a6a; }

.storage-limit-exceeded .media-library-uploader-button {
  display: none; }

.storage-limit-exceeded .media-library-uploader-exceeded {
  display: block; }

.media-library-uploader-limit {
  display: block;
  margin-top: 6px; }

.media-library-uploader-list {
  width: 100%;
  background: #272727;
  border-bottom-left-radius: 1px;
  max-height: 130px;
  overflow: auto;
  padding-top: 8px;
  margin-top: -10px;
  margin-bottom: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .media-library-uploader-list .media-library-uploader-item {
    position: relative;
    height: 0;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    cursor: default;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    mix-blend-mode: lighten; }
    .media-library-uploader-list .media-library-uploader-item .upload-spinner {
      display: inline-block;
      position: relative;
      width: 14px;
      height: 14px;
      top: 3px;
      background-color: #fff;
      border-radius: 1px;
      -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; }
    .media-library-uploader-list .media-library-uploader-item .item-text {
      position: relative;
      padding: 0 8px;
      z-index: 2; }
    .media-library-uploader-list .media-library-uploader-item .item-text .status {
      display: inline-block;
      width: 18px;
      text-align: center;
      margin-right: 6px; }
    .media-library-uploader-list .media-library-uploader-item .item-text .filename {
      color: #ddd; }
    .media-library-uploader-list .media-library-uploader-item .item-progress {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .media-library-uploader-list .media-library-uploader-item .item-progress .bar {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #555;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transform-origin: 0% 0%;
              transform-origin: 0% 0%;
      -webkit-transform: scaleX(0);
              transform: scaleX(0); }
  .media-library-uploader-list .media-library-uploader-item.completed .item-progress .bar {
    -webkit-transform: scaleX(1) !important;
            transform: scaleX(1) !important;
    background-color: #168bb3; }
  .media-library-uploader-list .media-library-uploader-item.failed .item-progress .bar {
    -webkit-transform: scaleX(1) !important;
            transform: scaleX(1) !important;
    background-color: #f44148; }
  .media-library-uploader-list .media-library-uploader-item.animate-in {
    height: 32px; }
  .media-library-uploader-list .media-library-uploader-item.animate-out {
    opacity: 0; }

.media-library-list {
  height: 100%;
  padding: 10px;
  overflow: auto;
  background-color: #fff;
  -webkit-overflow-scrolling: touch; }
  .media-library-list .info-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.3); }
    .media-library-list .info-overlay .info-overlay-action {
      position: absolute;
      left: 50%;
      bottom: 10px;
      width: 30px;
      height: 30px;
      margin-left: -15px;
      line-height: 30px;
      border-radius: 30px;
      font-size: 12px;
      text-align: center;
      background-color: #222;
      color: #fff;
      cursor: pointer;
      -webkit-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .media-library-list .info-overlay .info-overlay-action:hover {
        background-color: #444; }
    .media-library-list .info-overlay .info-overlay-action.preview-button {
      font-size: 14px;
      -webkit-transform: translateX(-36px);
              transform: translateX(-36px); }
    .media-library-list .info-overlay .info-overlay-action.label-button {
      -webkit-transform: none;
              transform: none; }
    .media-library-list .info-overlay .info-overlay-action.select-button {
      -webkit-transform: translateX(36px);
              transform: translateX(36px); }
    .media-library-list .info-overlay .select-button .checkmark {
      display: inline-block;
      border: 1px solid #ddd;
      width: 14px;
      height: 14px;
      border-radius: 1px;
      color: transparent; }
    .media-library-list .info-overlay .inline-button {
      display: none; }
    .media-library-list .info-overlay .info-overlay-action.is-on {
      background-color: #1baee1; }
  .media-library-list .info-overlay.has-inline-option .preview-button {
    opacity: 0;
    visibility: hidden; }
  .media-library-list .info-overlay.has-inline-option .inline-button {
    display: block;
    -webkit-transform: translateX(-36px);
            transform: translateX(-36px); }
  .media-library-list .info-overlay.has-inline-option .label-button {
    -webkit-transform: none;
            transform: none; }
  .media-library-list .info-overlay.has-inline-option .select-button {
    -webkit-transform: translateX(36px);
            transform: translateX(36px); }
  .media-library-list .media-library-list-item[data-state="trashed"] .preview-button,
  .media-library-list .media-library-list-item[data-state="trashed"] .inline-button,
  .media-library-list .media-library-list-item[data-state="trashed"] .label-button {
    opacity: 0;
    visibility: hidden; }
  .media-library-list .media-library-list-item[data-state="trashed"] .select-button {
    -webkit-transform: none;
            transform: none; }
  .media-library-list .media-library-list-item {
    display: block;
    position: relative;
    float: left;
    width: 152px;
    height: 152px;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
    cursor: pointer;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #f5f5f5; }
  .media-library-list .media-library-list-item[data-state="trashed"] {
    cursor: default; }
  .media-library-list .media-library-list-item.hover,
  .media-library-list .media-library-list-item:hover {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset; }
    .media-library-list .media-library-list-item.hover .info-overlay,
    .media-library-list .media-library-list-item:hover .info-overlay {
      display: block; }
  .media-library-list .media-library-list-item.is-processing:before {
    content: 'Processing...';
    display: block;
    position: absolute;
    top: 74%;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 1;
    text-align: center;
    font-size: 12px; }
  .media-library-list .media-library-list-item[data-type="video"]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-image: url(//staging.slides.com/assets/icons/video-icon-light-32-08e039bdfb8e4d35457b4908ada233356c14152e3a3490b664345eeee021c046.svg);
    background-size: 30%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.3); }
  .media-library-list .media-library-list-item.has-intro {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 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); }
  .media-library-list .media-library-list-item.hidden {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  .media-library-list.is-selecting .info-overlay {
    display: block;
    pointer-events: none;
    background-color: transparent; }
    .media-library-list.is-selecting .info-overlay .select-button {
      opacity: 0;
      left: 50%;
      -webkit-transform: scale(0.2);
              transform: scale(0.2);
      background-color: #222; }
      .media-library-list.is-selecting .info-overlay .select-button .checkmark {
        border-color: transparent;
        color: #fff; }
    .media-library-list.is-selecting .info-overlay .preview-button,
    .media-library-list.is-selecting .info-overlay .label-button,
    .media-library-list.is-selecting .info-overlay .inline-button {
      visibility: hidden;
      opacity: 0;
      -webkit-transform: none !important;
              transform: none !important; }
  .media-library-list.is-selecting .media-library-list-item {
    opacity: 0.3; }
  .media-library-list.is-selecting .media-library-list-item.is-selected {
    opacity: 1; }
    .media-library-list.is-selecting .media-library-list-item.is-selected .info-overlay .select-button {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
      background-color: #1baee1; }

html.has-visible-scrollbars .media-library-list-item {
  margin: 3px; }

.media-library-tray {
  position: absolute;
  bottom: 15px;
  left: 10%;
  width: 80%;
  padding: 10px;
  background-color: #222;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -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);
  text-align: right;
  z-index: 2; }
  .media-library-tray .status {
    float: left;
    line-height: 28px; }
  .media-library-tray .button + .button {
    margin-left: 10px; }
  .media-library-tray .restore-button,
  .media-library-tray .hard-delete-button {
    display: none; }
  .media-library-tray[data-state="trashed"] .soft-delete-button {
    display: none; }
  .media-library-tray[data-state="trashed"] .restore-button,
  .media-library-tray[data-state="trashed"] .hard-delete-button {
    display: initial; }
  .media-library-tray.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none; }

.media-library-list-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  color: #aaa;
  font-size: 14px;
  text-align: center;
  padding-top: 440px;
  cursor: default;
  background-image: url(//staging.slides.com/assets/media-library-placeholder-965f34ccb3124b7aef3c60966575f99759126b842f58d65a4c19d90c22a770bb.png);
  background-repeat: no-repeat;
  background-position: 50% 180px;
  line-height: 1.6; }
  .media-library-list-placeholder.visible {
    display: block; }

.media-library-drag-ghosts {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: 501;
  margin-left: -4px;
  margin-top: -4px; }
  .media-library-drag-ghosts .count {
    position: absolute;
    bottom: -8px;
    right: -8px;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    margin-left: -15px;
    padding: 0 4px;
    font-size: 12px;
    color: #fff;
    background: #222;
    border-radius: 15px;
    text-align: center; }

.media-library-drag-ghost {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
/**
 * 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; }
/**
 * Meter component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-meter {
  position: relative;
  width: 100%;
  height: 28px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  cursor: default;
  color: #f9f9f9;
  border-color: currentColor; }
  .sl-meter .label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    z-index: 1;
    line-height: 26px;
    color: #333;
    font-size: 14px; }
  .sl-meter .progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    min-width: 1% !important;
    background-color: currentColor; }
  .sl-meter.animated {
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease; }
    .sl-meter.animated .label {
      -webkit-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease; }
    .sl-meter.animated .progress {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  .sl-meter[data-state="positive"] {
    color: #82e389; }
  .sl-meter[data-state="warning"] {
    color: #F8DE8A; }
  .sl-meter[data-state="negative"] {
    color: #F69A8B; }

.media-library .sl-meter {
  border-radius: 6px;
  border: 0px solid #333;
  background-color: #333; }
  .media-library .sl-meter .label {
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    font-size: 12px;
    line-height: 28px; }
  .media-library .sl-meter[data-state="positive"] {
    color: #168bb3; }
  .media-library .sl-meter[data-state="warning"] {
    color: #168bb3; }
  .media-library .sl-meter[data-state="negative"] {
    color: #ff5959; }
  .media-library .sl-meter[data-state="positive"]:not(:hover) {
    height: 8px; }
    .media-library .sl-meter[data-state="positive"]:not(:hover) .label {
      opacity: 0; }
/**
 * Tray used to show context options in modes (fragments, arrange, etc).
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
@-webkit-keyframes slide-toolbar-down {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
    visibility: visible; } }
@keyframes slide-toolbar-down {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
    visibility: visible; } }
.sl-mode-tray {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 11;
  top: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .sl-mode-tray.visible {
    -webkit-animation: slide-toolbar-down 0.25s ease;
            animation: slide-toolbar-down 0.25s ease;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .sl-mode-tray .inner {
    width: 80%;
    max-width: 600px;
    height: 49px;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    background: #222;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 0px #111;
            box-shadow: 0px 1px 0px #111;
    overflow: hidden;
    pointer-events: auto; }
  .sl-mode-tray .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    margin: 0;
    font-size: 1em;
    cursor: default;
    line-height: 29px; }
  .sl-mode-tray .buttons {
    position: relative;
    z-index: 1; }
  .sl-mode-tray .button {
    float: right;
    font-size: 1em;
    margin-left: 10px;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease; }
  .sl-mode-tray .button.hidden {
    opacity: 0;
    visibility: hidden; }
  .sl-mode-tray .idle-state,
  .sl-mode-tray .active-state {
    height: 29px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .sl-mode-tray .active-state {
    opacity: 0;
    visibility: hidden;
    clear: both; }
  .sl-mode-tray[data-state="active"] .idle-state {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-29px);
            transform: translateY(-29px); }
  .sl-mode-tray[data-state="active"] .active-state {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-29px);
            transform: translateY(-29px); }

.sl-editor .sl-mode-tray-annotate,
.sl-mode-tray-line,
.sl-mode-tray-arrange,
.sl-mode-tray-fragment,
.sl-mode-tray-image-editor {
  left: 240px; }

.sl-mode-tray .sl-range {
  display: inline-block; }

.sl-mode-tray .title-icon {
  margin-right: 0.8em;
  margin-left: 0.4em;
  font-size: 1.2em; }

@media screen and (max-width: 800px) {
  .sl-mode-tray {
    font-size: 11px; } }
/**
 * Fragment mode tray
 */
.sl-mode-tray-fragment .preview {
  position: relative;
  height: 29px;
  width: 370px;
  border-right: 1px solid #444;
  padding-right: 10px;
  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; }
.sl-mode-tray-fragment .preview-label {
  margin-right: 10px;
  color: #999; }
.sl-mode-tray-fragment .preview-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  background-color: #444;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-mode-tray-fragment .preview-bar .segment {
    position: relative;
    font-size: 11px;
    width: 100%;
    height: 30px;
    line-height: 28px;
    text-align: center;
    cursor: default;
    z-index: 2;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-mode-tray-fragment .preview-bar .segment:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.4); }
  .sl-mode-tray-fragment .preview-bar .segment:hover:before,
  .sl-mode-tray-fragment .preview-bar .segment.highlight:before {
    background-color: #fff; }
.sl-mode-tray-fragment .preview-progress {
  position: absolute;
  top: 0;
  left: 0;
  background: #1baee1;
  height: 100%;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  visibility: hidden;
  opacity: 0; }
.sl-mode-tray-fragment .preview.active .preview-progress {
  visibility: visible;
  opacity: 1; }
.sl-mode-tray-fragment .preview-prev,
.sl-mode-tray-fragment .preview-next {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 1.2em;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #3f4d52;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-mode-tray-fragment .preview-prev:hover,
  .sl-mode-tray-fragment .preview-next:hover {
    background-color: #55686f; }
  .sl-mode-tray-fragment .preview-prev:active,
  .sl-mode-tray-fragment .preview-next:active {
    background-color: #3f4d52; }
.sl-mode-tray-fragment .preview-next {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px; }

/**
 * Drawing mode tray
 */
.sl-mode-tray-annotate .brush-color {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  margin-right: 0.6em;
  border-radius: 4px;
  cursor: pointer; }
.sl-mode-tray-annotate .brush-color-inner {
  width: 100%;
  height: 100%;
  border: 13px solid rgba(255, 255, 255, 0.25);
  border-left-color: transparent;
  border-top-color: transparent; }
.sl-mode-tray-annotate .brush-sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.sl-mode-tray-annotate .brush-size {
  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: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 32px; }
.sl-mode-tray-annotate .brush-size + .brush-size {
  margin-left: 2px; }
.sl-mode-tray-annotate .brush-size-inner {
  border-radius: 32px;
  background: #fff;
  max-height: 26px !important;
  max-width: 26px !important; }
.sl-mode-tray-annotate .brush-size:hover {
  border: 2px solid #aaa; }
.sl-mode-tray-annotate .brush-size.selected {
  border: 2px solid #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; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-onboarding {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  color: #252525;
  max-width: 520px;
  padding: 32px;
  background-color: #fff;
  border-radius: 14px !important;
  margin-bottom: 50px; }
  .sl-onboarding strong {
    font-weight: 500; }
  .sl-onboarding .sl-onboarding-text,
  .sl-onboarding .sl-onboarding-actions {
    width: 100%; }
  .sl-onboarding .sl-onboarding-text {
    margin-bottom: 40px; }
    .sl-onboarding .sl-onboarding-text h2 {
      font-size: 1.5em; }
    .sl-onboarding .sl-onboarding-text h3 {
      font-size: 1em; }
    .sl-onboarding .sl-onboarding-text .signature {
      margin-top: 10px;
      max-width: 100%; }
  .sl-onboarding .suggested-action {
    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: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    color: #333; }
  .sl-onboarding .suggested-action + .suggested-action {
    margin-top: 20px; }
  .sl-onboarding .suggested-action:hover {
    border-color: #34a2c8; }
  .sl-onboarding .suggested-action .left {
    position: relative;
    margin-right: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    width: 80px;
    min-height: 60px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #34a2c8; }
  .sl-onboarding .suggested-action .right {
    padding: 0 10px;
    -ms-flex-item-align: center;
        align-self: center; }
  .sl-onboarding .suggested-action .title {
    font-weight: 600; }
  .sl-onboarding .suggested-action .badge {
    position: relative;
    top: -1px;
    margin-left: 10px;
    padding: 2px 6px;
    font-size: 0.8em;
    border-radius: 20px;
    vertical-align: middle;
    font-weight: normal;
    background: #1baee1;
    color: #fff;
    white-space: nowrap; }
  .sl-onboarding .suggested-action .description {
    color: #777; }
  .sl-onboarding .suggested-action .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .sl-onboarding .suggested-action .icon.i-chevron-right {
    font-size: 2em; }
  .sl-onboarding .suggested-action .hide-on-hover,
  .sl-onboarding .suggested-action .show-on-hover {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .sl-onboarding .suggested-action:hover .hide-on-hover {
    opacity: 0;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s; }
  .sl-onboarding .suggested-action .show-on-hover {
    -webkit-transform: translateY(-50%) translateX(-20px);
            transform: translateY(-50%) translateX(-20px);
    opacity: 0; }
  .sl-onboarding .suggested-action:hover .show-on-hover {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1; }
  .sl-onboarding .suggested-action.done:not(:hover) {
    opacity: 0.7;
    color: #999; }
    .sl-onboarding .suggested-action.done:not(:hover) .left {
      color: #999; }
    .sl-onboarding .suggested-action.done:not(:hover) .description {
      color: #999; }
/**
 * 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; }
/**
 * Page navigation sidebar, for scroll anchors and
 * internal page links.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.main.has-page-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.main.has-page-nav .column {
  width: auto;
  margin-left: 0;
  margin-right: 0; }

.sl-page-nav {
  position: sticky;
  max-width: 280px;
  min-width: 150px;
  top: 0;
  padding: 10px 4px;
  margin: 66px 20px 0 10px;
  vertical-align: top;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  will-change: transform; }

.sl-page-nav-marker {
  position: absolute;
  top: -1px;
  left: -5px;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .sl-page-nav-marker path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.sl-page-nav h4 {
  font-size: 14px;
  margin: 0 0 20px 20px;
  padding: 0 0 20px 8px;
  color: #aaa;
  border-bottom: 1px solid #ccc; }

.sl-page-nav ul {
  list-style: none !important;
  margin: 0 !important; }

.sl-page-nav ul ul {
  margin-left: 20px !important; }

.sl-page-nav a {
  display: block;
  font-size: 14px; }

.sl-page-nav-header {
  font-size: 18.2px;
  margin: 8px 0 24px 8px; }

.sl-page-nav-divider {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  background: #ddd; }

.sl-page-nav[data-type="scroll"] a {
  color: #888;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
.sl-page-nav[data-type="scroll"] a:hover {
  color: #000; }
.sl-page-nav[data-type="scroll"] .selected > a {
  color: #000;
  -webkit-transform: translateX(5px);
          transform: translateX(5px); }

.sl-page-nav[data-type="links"] ul li {
  margin-top: 0 !important;
  margin-bottom: 0.4em !important; }
.sl-page-nav[data-type="links"] a {
  padding: 6px 8px;
  color: #444; }
.sl-page-nav[data-type="links"] a:hover {
  background-color: #f5f5f5;
  color: #000; }
.sl-page-nav[data-type="links"] .selected a {
  background-color: #1baee1;
  color: #fff;
  border-radius: 2px; }

@media screen and (max-width: 900px) {
  .main.has-page-nav {
    display: block; }

  .main.has-page-nav .column,
  .main.has-page-nav .column.thin {
    width: auto; }

  .sl-page-nav {
    position: static;
    display: block;
    margin: 40px 0 0 0;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%; }

  .sl-page-nav a {
    -webkit-transform: none !important;
            transform: none !important; }

  .sl-page-nav-marker {
    display: none; } }
/**
 * 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%); }
/**
 * A toolbar used to access various tools related to live
 * presenting.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-present-toolbar {
  --toolbar-background-color: rgba(68, 68, 68, 0.9);
  --toolbar-background-hover-color: #333;
  --toolbar-foregorund-color: #fff;
  --toolbar-active-background-color: #1baee1;
  --toolbar-active-foreground-color: #fff;
  --color-option-border-color: #fff;
  position: absolute;
  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;
  top: 8px;
  bottom: 8px;
  left: 0;
  padding-left: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 9;
  -webkit-transform: translateX(-60px);
          transform: translateX(-60px);
  pointer-events: none; }
  .sl-present-toolbar.visible, .sl-present-toolbar.highlight {
    -webkit-transform: none;
            transform: none; }

.speaker-view:not([data-speaker-theme="dark"]) .sl-present-toolbar {
  --toolbar-background-color: rgba( 220, 220, 220, 0.9 );
  --toolbar-background-hover-color: rgba( 230, 230, 230, 1.0 );
  --toolbar-foregorund-color: #222;
  --color-option-border-color: rgba(0,0,0,0.3); }
  .speaker-view:not([data-speaker-theme="dark"]) .sl-present-toolbar .annotation-icon {
    background-image: url(//staging.slides.com/assets/cursors/pen-black-28c30e312cfe0060437c6e2d048b390e2496cff0b79d55156878039857a0d01e.svg); }

.sl-present-toolbar[data-layout="bottom-left"] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.sl-present-toolbar-option {
  width: 50px;
  max-height: 50px;
  overflow: hidden;
  background-color: var(--toolbar-background-color);
  color: var(--toolbar-foregorund-color);
  border-radius: 4px;
  -webkit-transition: max-height 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: auto; }

.sl-present-toolbar-option-trigger {
  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: 50px;
  height: 50px;
  padding: 0;
  border-radius: 4px;
  font-size: 1.875em;
  color: inherit;
  cursor: pointer; }
  .sl-present-toolbar-option-trigger .icon {
    font-size: 0.8em;
    margin-top: -2px;
    vertical-align: middle; }
  .sl-present-toolbar-option-trigger .pointer-icon,
  .sl-present-toolbar-option-trigger .annotation-icon {
    display: block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 1em;
    height: 1em; }
  .sl-present-toolbar-option-trigger .pointer-icon {
    background-image: url(//staging.slides.com/assets/cursors/stream-pointer-white-887455579cde8e3ef3e8f41cb86b67024871d7a667728fe4158043623edabf74.svg); }
  .sl-present-toolbar-option-trigger .annotation-icon {
    background-image: url(//staging.slides.com/assets/cursors/pen-white-f0c3cb78afa7381df3018241b5033266e35cb29236f28a37d1c27a0d3a1ad6cf.svg);
    background-size: 50%; }
  .sl-present-toolbar-option-trigger:hover {
    background-color: var(--toolbar-background-hover-color); }

.sl-present-toolbar > * + * {
  margin-top: 5px; }

.sl-present-toolbar-option.active {
  max-height: 320px; }

.sl-present-toolbar-option.active .sl-present-toolbar-option-trigger {
  color: var(--toolbar-active-foreground-color);
  background-color: var(--toolbar-active-background-color); }
  .sl-present-toolbar-option.active .sl-present-toolbar-option-trigger .annotation-icon {
    background-image: url(//staging.slides.com/assets/cursors/pen-white-f0c3cb78afa7381df3018241b5033266e35cb29236f28a37d1c27a0d3a1ad6cf.svg); }

.sl-present-toolbar-option.active .sl-present-toolbar-option-trigger:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.sl-present-toolbar-option-expansion {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--toolbar-background-color); }

.sl-present-toolbar-option-expansion > * + * {
  margin-top: 0px; }

.sl-present-toolbar-colorpicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 10px 0; }

.sl-present-toolbar-colorpicker-color {
  width: 23px;
  height: 23px;
  border-radius: 23px;
  background-color: currentColor;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 4px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  cursor: pointer; }

.sl-present-toolbar-colorpicker-color:hover {
  border-color: var(--color-option-border-color); }

.sl-present-toolbar-colorpicker-color.active {
  border-color: var(--color-option-border-color);
  border-width: 4px;
  margin: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 19px;
  height: 19px; }

.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color {
  -webkit-animation: slide-and-scale-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
          animation: slide-and-scale-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  -webkit-transform: scale(0.5) translateY(100%);
          transform: scale(0.5) translateY(100%); }
.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color:nth-child(1) {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms; }
.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color:nth-child(2) {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
  -webkit-animation-duration: 625ms;
          animation-duration: 625ms; }
.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color:nth-child(3) {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
  -webkit-animation-duration: 650ms;
          animation-duration: 650ms; }
.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color:nth-child(4) {
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
  -webkit-animation-duration: 675ms;
          animation-duration: 675ms; }
.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color:nth-child(5) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 700ms;
          animation-duration: 700ms; }
.sl-present-toolbar-option.active .sl-present-toolbar-colorpicker-color:nth-child(6) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
  -webkit-animation-duration: 725ms;
          animation-duration: 725ms; }

.sl-present-toolbar-button.button {
  width: 100%;
  height: 50px;
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  color: inherit; }
  .sl-present-toolbar-button.button:hover {
    background-color: var(--toolbar-background-hover-color); }
  .sl-present-toolbar-button.button .sl-keyboard-shortcut {
    display: block;
    margin: 5px 0 0 0; }
/**
 * 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; }
/**
 * Numeric range component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-range {
  position: relative;
  width: 100%;
  border: 1px solid #edeff2;
  border-radius: 4px;
  cursor: col-resize; }
  .sl-range .sl-range-number {
    position: relative;
    width: 100%;
    background: transparent;
    outline: 0;
    outline-offset: 0;
    cursor: col-resize;
    z-index: 2;
    border: 0 !important;
    margin: 0 !important; }
    .sl-range .sl-range-number:focus {
      outline: 1px solid #1baee1;
      cursor: text; }
  .sl-range .sl-range-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 4;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear; }
  .sl-range[data-progress-bar="hidden"] {
    cursor: text; }
    .sl-range[data-progress-bar="hidden"] .sl-range-number {
      cursor: text; }
    .sl-range[data-progress-bar="hidden"] .sl-range-progress {
      display: none; }
  .sl-range[data-unit]:after {
    content: attr(data-unit);
    margin-left: 1px; }
  .sl-range.is-changing .sl-range-progress {
    background-color: #1baee1; }
  .sl-range[data-style="tray"] {
    border: 0; }
    .sl-range[data-style="tray"] .sl-range-number {
      color: currentColor;
      padding: 6px; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
.resizer-anchor {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  z-index: 50;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
  cursor: pointer;
  opacity: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: opacity 0.22s ease, margin 0.22s ease;
  transition: opacity 0.22s ease, margin 0.22s ease; }
  .resizer-anchor[data-direction=n] {
    margin-top: 8px;
    cursor: row-resize; }
  .resizer-anchor[data-direction=w] {
    margin-left: 8px;
    cursor: col-resize; }
  .resizer-anchor[data-direction=s] {
    margin-top: -8px;
    cursor: row-resize; }
  .resizer-anchor[data-direction=e] {
    margin-left: -8px;
    cursor: col-resize; }
  .resizer-anchor.visible {
    opacity: 0.7;
    margin: 0; }
  .resizer-anchor:hover {
    opacity: 1; }
  .resizer-anchor:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }

.resizer-overlay {
  display: none;
  position: absolute;
  z-index: 49; }
/**
 * Interface component for selecting a resolution.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-resolution .sl-select {
  width: 100%; }
.sl-resolution .units,
.sl-resolution .custom-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0; }
  .sl-resolution .units .unit,
  .sl-resolution .custom-size .unit {
    margin: 0;
    width: 100%; }
  .sl-resolution .units .unit + .unit,
  .sl-resolution .custom-size .unit + .unit {
    margin-left: 15px; }
.sl-resolution .custom-size {
  display: none;
  padding: 15px;
  border: 1px solid #ddd;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .sl-resolution .custom-size .unit {
    margin-bottom: 0; }
.sl-resolution.expanded .sl-select {
  margin-bottom: 0 !important;
  border-color: #ddd;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.sl-resolution.expanded .unit.size:after {
  content: '';
  display: block;
  width: 100%;
  height: 14px;
  margin-top: -2px;
  top: 100%;
  left: 0;
  position: absolute;
  background: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.sl-resolution.expanded .custom-size {
  positive: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -4px; }
/**
 * Scroll shadow component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-scroll-shadow-top,
.sl-scroll-shadow-bottom {
  position: absolute;
  left: 0;
  height: 15px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }

.sl-scroll-shadow-top {
  top: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }

.sl-scroll-shadow-bottom {
  bottom: 0;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }

.sl-scroll-shadow-top.dark-background {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); }

.sl-scroll-shadow-bottom.dark-background {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-segmented-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px; }

.sl-segmented-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.04);
  gap: 2px;
  padding: 2px;
  border-radius: 6px;
  font-weight: 500; }

.sl-segmented-control-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #252525;
  line-height: 1.4;
  cursor: pointer;
  gap: 6px;
  border-radius: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.sl-segmented-control-item .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.sl-segmented-control-item:hover {
  color: #252525;
  background-color: rgba(255, 255, 255, 0.25); }

.sl-segmented-control-item.active {
  background-color: #fff;
  cursor: default; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-slide-thumbnail {
  position: relative;
  border-radius: 2px;
  overflow: hidden; }
  .sl-slide-thumbnail .sl-slide-thumbnail-background {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
  .sl-slide-thumbnail .sl-slide-thumbnail-content {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%; }
    .sl-slide-thumbnail .sl-slide-thumbnail-content section {
      border: 0 !important;
      outline: 0 !important;
      display: block !important; }
    .sl-slide-thumbnail .sl-slide-thumbnail-content section:before {
      border: 0 !important; }
/**
 * A cursor that is synced via a live stream.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-stream-pointer {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  z-index: 200;
  pointer-events: none;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease; }

.sl-stream-pointer.has-position.visible {
  visibility: visible;
  opacity: 1; }

.sl-stream-pointer svg {
  position: relative;
  left: -28%;
  top: -9%; }

.sl-stream-pointer svg path {
  fill: #000;
  stroke: #fff;
  stroke-width: 1px; }

.sl-stream-pointer:before,
.sl-stream-pointer:after {
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  left: -0.5em;
  top: -0.5em;
  border-radius: 1em;
  background-color: rgba(27, 174, 225, 0.5);
  z-index: -1;
  opacity: 0; }

.sl-stream-pointer:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -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-stream-pointer.is-down:before {
  opacity: 1;
  -webkit-transform: scale(0.3);
          transform: scale(0.3); }

.sl-stream-pointer:after {
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.sl-stream-pointer.is-down:after {
  opacity: 1;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: none;
  transition: none; }
/**
 * Table styles.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-table {
  width: 100%; }
  .sl-table th {
    font-weight: 500;
    text-align: left;
    padding: 0.8em 1em 0.8em 0.5em; }
  .sl-table td {
    padding: 0.8em 1em 0.8em 0.5em; }
    .sl-table td button + button {
      margin-left: 10px; }
  .sl-table th:first-child,
  .sl-table td:first-child {
    padding-left: 0; }
  .sl-table th:last-child,
  .sl-table td:last-child {
    padding-right: 0; }
  .sl-table tr {
    line-height: 1.6em; }
  .sl-table tr + tr,
  .sl-table thead + tbody tr {
    border-top: 1px solid #eee; }
  .sl-table tr.disabled {
    opacity: 0.6; }

.sl-table.stripes tr {
  border-top: 0; }
.sl-table.stripes tr:nth-child(odd) {
  background-color: #eee; }
.sl-table.stripes th:first-child,
.sl-table.stripes td:first-child,
.sl-table.stripes th:last-child,
.sl-table.stripes td:last-child {
  padding: 0.8em 1em 0.8em 0.8em; }
/**
 * Component used to manage a list of tags.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-tags-list {
  display: block;
  position: relative;
  z-index: 10; }

.sl-tags-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 6px;
  width: 100%;
  cursor: pointer;
  line-height: 1.4;
  color: #252525;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: left;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.sl-tags-tag:focus {
  z-index: 12; }

.sl-tags-tag.intro {
  -webkit-animation: tag-intro 0.4s cubic-bezier(0.23, 1, 0.32, 1) forwards;
          animation: tag-intro 0.4s cubic-bezier(0.23, 1, 0.32, 1) forwards; }

.sl-tags-tag.count-changed {
  -webkit-animation: tag-pulse 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
          animation: tag-pulse 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s; }

.sl-tags-tag .label {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  padding: 6px; }

.sl-tags-tag .name-input {
  width: 100%;
  border: 1px solid #1baee1;
  border-radius: 3px;
  outline: none;
  background: #fff;
  padding: 6px;
  color: currentColor;
  margin-left: -1px; }

.sl-tags-tag .tag-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: auto; }

.sl-tags-tag .tag-options button {
  display: none;
  font-size: 12px;
  color: #222; }
  .sl-tags-tag .tag-options button:hover {
    color: #000; }

.sl-tags-tag:not(.editing):hover .tag-options .edit-button,
.sl-tags-tag:not(.editing):hover .tag-options .delete-button,
.sl-tags-tag:not(.editing):hover .tag-options .star-button,
.sl-tags-tag:not(.editing).focus .tag-options .edit-button,
.sl-tags-tag:not(.editing).focus .tag-options .delete-button,
.sl-tags-tag:not(.editing).focus .tag-options .star-button {
  display: block; }

.sl-tags-tag.default-tag .unstar-button {
  display: block; }

.sl-tags-tag.default-tag .star-button {
  display: none !important; }

.sl-tags-new {
  color: #888; }

.sl-tags-new .icon {
  color: #252525; }

.sl-tags.empty .sl-tags-all {
  display: none; }

.sl-tags-match-count {
  position: relative;
  display: inline-block;
  min-width: 18px;
  height: 18px;
  border-radius: 18px;
  line-height: 18px;
  margin-left: 4px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  vertical-align: top;
  background: rgba(0, 0, 0, 0.05);
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .sl-tags-match-count:empty {
    display: none; }

.sl-tags-tag.editing .sl-tags-match-count {
  display: none; }

.sl-tags-tag.editing .save-button,
.sl-tags-tag.editing .delete-button,
.sl-tags-tag.editing .star-button {
  display: block; }
/**
 * 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; }
/**
 * Styles for a grid of text, as seen underneath the
 * pricing page.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-text-grid {
  max-width: 980px;
  margin: 1em auto;
  text-align: center;
  line-height: 1.6;
  color: #444;
  overflow: hidden; }
  .sl-text-grid .cell {
    display: inline-block;
    width: 260px;
    margin: 0 15px 20px 15px;
    text-align: left;
    vertical-align: top; }
    .sl-text-grid .cell h3 {
      font-size: 14px;
      font-weight: 600; }
    @media screen and (max-width: 340px) {
      .sl-text-grid .cell {
        display: block;
        margin: 0 auto; } }
/**
 * Styles for the Theme Options component.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-themeoptions .section {
  width: 100%; }
  .sl-themeoptions .section h3 {
    font-size: 16px !important;
    margin-bottom: 15px;
    font-weight: 500; }
  .sl-themeoptions .section .info-link {
    color: #999;
    float: right;
    font-weight: normal; }
    .sl-themeoptions .section .info-link:hover {
      color: #222; }
  .sl-themeoptions .section .info-icon {
    position: relative;
    width: 23px;
    height: 23px;
    line-height: 23px;
    top: 0;
    float: right;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    background: #BBB;
    border-radius: 50%; }
.sl-themeoptions .section + .section {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-top: 20px;
  border-top: 1px solid #ddd; }
.sl-themeoptions .section.options .sl-checkbox {
  display: inline-block;
  width: 49%;
  margin: 0; }
.sl-themeoptions .section.options .sl-checkbox + .sl-checkbox {
  margin-left: 2%; }
.sl-themeoptions .section .sl-resolution {
  margin: 15px 0 25px 0; }

.sl-themeoptions ul,
.sl-transition-list,
.sl-easing-list {
  list-style: none;
  line-height: 1.3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.sl-themeoptions li,
.sl-transition-list .sl-transition-thumbnail,
.sl-easing-list .sl-easing-thumbnail {
  display: inline-block;
  min-width: 106px;
  height: 106px;
  margin: 0 0 12px 0;
  padding: 0;
  outline: 3px solid rgba(255, 255, 255, 0);
  border-radius: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
  vertical-align: top;
  -webkit-transition: border 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-themeoptions li .thumb-icon,
  .sl-transition-list .sl-transition-thumbnail .thumb-icon,
  .sl-easing-list .sl-easing-thumbnail .thumb-icon {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 72px;
    font-size: 24px;
    text-align: center;
    color: #aaa; }
  .sl-themeoptions li:hover,
  .sl-transition-list .sl-transition-thumbnail:hover,
  .sl-easing-list .sl-easing-thumbnail:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 5px 14px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 5px 14px rgba(0, 0, 0, 0.15); }
  .sl-themeoptions li:focus,
  .sl-transition-list .sl-transition-thumbnail:focus,
  .sl-easing-list .sl-easing-thumbnail:focus {
    outline: 1px solid #1baee1; }
  .sl-themeoptions li.selected,
  .sl-transition-list .sl-transition-thumbnail.selected,
  .sl-easing-list .sl-easing-thumbnail.selected {
    outline-color: #666;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: none;
            box-shadow: none; }

.sl-themeoptions .selector.theme li {
  position: relative;
  width: 164px;
  height: 198px;
  background-color: #fff;
  background-image: url("https://static.slid.es/images/default-deck-thumbnail.png");
  background-repeat: no-repeat;
  background-size: 164px; }
  .sl-themeoptions .selector.theme li .thumb-label {
    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;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 34px;
    max-height: 34px;
    padding: 7px;
    font-size: 12px;
    color: #252525;
    background: #fff;
    -webkit-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  .sl-themeoptions .selector.theme li:hover .thumb-label {
    white-space: normal;
    max-height: 100%; }
  .sl-themeoptions .selector.theme li .thumb-label-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .sl-themeoptions .selector.theme li:hover .thumb-label-inner {
    white-space: normal; }
  .sl-themeoptions .selector.theme li[data-theme=""] {
    background: #eee; }
  .sl-themeoptions .selector.theme li .thumb-preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    -webkit-transition: opacity 0.3s ease 0.1s;
    transition: opacity 0.3s ease 0.1s; }
  .sl-themeoptions .selector.theme li .thumb-preloader.hidden {
    opacity: 0; }
.sl-themeoptions .selector.theme li.filler {
  visibility: hidden; }
.sl-themeoptions .selector.color li,
.sl-themeoptions .selector.font li {
  position: relative;
  text-align: center; }
  .sl-themeoptions .selector.color li h1,
  .sl-themeoptions .selector.font li h1 {
    margin: 13px 0 0 0;
    font-size: 24px;
    text-shadow: none;
    padding: 4px 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .sl-themeoptions .selector.color li p,
  .sl-themeoptions .selector.color li a,
  .sl-themeoptions .selector.font li p,
  .sl-themeoptions .selector.font li a {
    margin-top: 0px;
    font-size: 16px;
    text-shadow: none;
    pointer-events: none; }
  .sl-themeoptions .selector.color li[data-pro],
  .sl-themeoptions .selector.font li[data-pro] {
    border: 0; }
  .sl-themeoptions .selector.color li[data-pro]:after,
  .sl-themeoptions .selector.font li[data-pro]:after {
    content: 'Pro';
    display: block;
    position: absolute;
    width: 150%;
    height: 20px;
    left: -10px;
    top: 10px;
    background: #1baee1;
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg); }
.sl-themeoptions .selector.color div {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border-radius: 50%;
  margin-top: 40px; }
.sl-themeoptions .selector.font ul {
  -webkit-font-smoothing: antialiased; }
.sl-themeoptions .selector.font li {
  width: 32%; }
.sl-themeoptions .selector.font li > * {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
.sl-themeoptions .selector.font li.font-loaded > * {
  opacity: 1; }
.sl-themeoptions.using-theme .section.options,
.sl-themeoptions.using-theme .section.resolution,
.sl-themeoptions.using-theme .selector.font,
.sl-themeoptions.using-theme .selector.color,
.sl-themeoptions.using-theme .selector.transition,
.sl-themeoptions.using-theme .selector.background-transition {
  display: none; }

.sl-easing-list,
.sl-transition-list {
  font-size: 10px; }

.sl-easing-list .sl-easing-thumbnail,
.sl-transition-list .sl-transition-thumbnail {
  background-color: #fff;
  height: auto;
  min-width: auto;
  margin: 0 0 8px 0;
  padding: 0;
  outline: 3px solid rgba(255, 255, 255, 0); }
  .sl-easing-list .sl-easing-thumbnail .thumb,
  .sl-transition-list .sl-transition-thumbnail .thumb {
    width: 10.6em;
    min-height: 8.48em;
    position: relative;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-perspective: 400px;
            perspective: 400px; }
  .sl-easing-list .sl-easing-thumbnail .label,
  .sl-transition-list .sl-transition-thumbnail .label {
    text-align: center;
    margin: 0 0 10px 0 !important;
    font-size: 1.3em; }
  .sl-easing-list .sl-easing-thumbnail .icon,
  .sl-transition-list .sl-transition-thumbnail .icon {
    margin-left: 8px;
    color: #ccc; }
  .sl-easing-list .sl-easing-thumbnail .icon:hover,
  .sl-transition-list .sl-transition-thumbnail .icon:hover {
    color: inherit; }

.sl-easing-list.spacing-around {
  margin: 8px 8px 0 8px; }

.sl-easing-list .sl-easing-thumbnail .thumb {
  height: 8.48em; }

.sl-easing-list .sl-easing-thumbnail {
  border: 1px solid transparent;
  border-radius: 2px; }

.sl-easing-list .sl-easing-thumbnail.selected {
  border-color: #1baee1;
  outline: none; }

.sl-easing-list .sl-easing-thumbnail path {
  stroke: #bbb;
  stroke-width: 2; }

.sl-easing-list .sl-easing-thumbnail:hover path {
  stroke: #666;
  stroke-width: 2; }

.sl-transition-list .sl-transition-thumbnail .slide1,
.sl-transition-list .sl-transition-thumbnail .slide2 {
  display: block;
  position: absolute;
  width: 6em;
  height: 6em;
  line-height: 6em;
  left: 50%;
  top: 50%;
  margin-top: -3em;
  margin-left: -3em;
  background-color: #eee;
  color: #000;
  text-align: center;
  font-weight: 600;
  -webkit-transition: all 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: all 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985); }
.sl-transition-list .sl-transition-thumbnail .slide-number {
  font-size: 1.9em; }
.sl-transition-list .sl-transition-thumbnail[data-transition='cube'] .slide1 {
  background-image: url(//staging.slides.com/assets/transition-thumbs-68d056cf01ad856ed283322b9c85f31fd5288076be1cf8a88de724a9e38885af.png);
  background-size: auto 10.6em;
  background-position: -42.4em; }
.sl-transition-list .sl-transition-thumbnail[data-transition='page'] .slide1 {
  background-image: url(//staging.slides.com/assets/transition-thumbs-68d056cf01ad856ed283322b9c85f31fd5288076be1cf8a88de724a9e38885af.png);
  background-size: auto 10.6em;
  background-position: -53em; }

.touch-editor .sl-themeoptions li {
  -webkit-transform: none;
          transform: none; }
/**
 * 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; }
/**
 * Tutorial overlay styles.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-tutorial {
  z-index: 401;
  font-size: 16px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .sl-tutorial .sl-tutorial-controls {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 60px;
    text-align: center; }
    .sl-tutorial .sl-tutorial-controls .button {
      display: inline-block; }
    .sl-tutorial .sl-tutorial-controls .button + .button {
      margin-left: 12px; }
  .sl-tutorial .sl-tutorial-controls-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    background: #1baee1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  .sl-tutorial .sl-tutorial-pagination,
  .sl-tutorial .sl-tutorial-buttons {
    position: relative;
    border-radius: 4px; }
  .sl-tutorial .sl-tutorial-pagination {
    display: inline-block;
    vertical-align: middle;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    font-size: 0.875em;
    padding: 10px; }
    .sl-tutorial .sl-tutorial-pagination .sl-tutorial-pagination-number {
      display: inline-block;
      position: relative;
      width: 1em;
      height: 1em;
      top: 2px;
      border-radius: 1em;
      margin: 0 0.5em;
      cursor: pointer; }
    .sl-tutorial .sl-tutorial-pagination .sl-tutorial-pagination-number.past {
      background: rgba(255, 255, 255, 0.5); }
    .sl-tutorial .sl-tutorial-pagination .sl-tutorial-pagination-number.present {
      background: #fff; }
    .sl-tutorial .sl-tutorial-pagination .sl-tutorial-pagination-number.future {
      border: 2px solid #fff; }
  .sl-tutorial .sl-tutorial-buttons {
    background: #106886;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 14px 14px 14px 20px;
    white-space: nowrap; }
    .sl-tutorial .sl-tutorial-buttons:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: 0;
      right: auto;
      top: 50%;
      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: #1baee1; }
  .sl-tutorial .sl-tutorial-message {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.95);
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    border-radius: 4px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .sl-tutorial .sl-tutorial-message h3 {
      font-size: 1em;
      font-weight: bold; }
    .sl-tutorial .sl-tutorial-message p {
      margin: 0.5em 0 0 0; }
    .sl-tutorial .sl-tutorial-message .de-emphasize {
      color: #999; }
      .sl-tutorial .sl-tutorial-message .de-emphasize a {
        color: #999; }
      .sl-tutorial .sl-tutorial-message .de-emphasize a:hover {
        color: #255c7c; }
    .sl-tutorial .sl-tutorial-message[data-alignment="t"]:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: 50%;
      right: auto;
      top: 100%;
      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(255, 255, 255, 0.95); }
    .sl-tutorial .sl-tutorial-message[data-alignment="r"]:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: auto;
      right: 100%;
      top: 50%;
      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(255, 255, 255, 0.95); }
    .sl-tutorial .sl-tutorial-message[data-alignment="b"]:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: 50%;
      right: auto;
      top: auto;
      bottom: 100%;
      border-style: solid;
      border-width: 10px;
      border-color: transparent;
      -webkit-transform: rotate(360deg);
      margin-left: -10px;
      border-top-width: 0;
      border-bottom-color: rgba(255, 255, 255, 0.95); }
    .sl-tutorial .sl-tutorial-message[data-alignment="l"]:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: 100%;
      right: auto;
      top: 50%;
      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(255, 255, 255, 0.95); }
    .sl-tutorial .sl-tutorial-message[data-alignment="tl"]:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: 100%;
      right: auto;
      top: 15px;
      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(255, 255, 255, 0.95); }
  .sl-tutorial.last-step .sl-tutorial-next {
    width: 96%; }
/**
 * Media uploader component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.uploader {
  position: relative;
  background: #f9f9f9;
  border: 1px solid #ddd; }
  .uploader .uploader-input,
  .uploader .uploader-progress,
  .uploader .uploader-output {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    text-align: center; }
  .uploader .uploader-input {
    cursor: pointer; }
    .uploader .uploader-input input {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer; }
    .uploader .uploader-input span {
      position: relative;
      top: 40%;
      padding: 4px 8px;
      font-size: 0.8em;
      background: rgba(0, 0, 0, 0.4);
      color: #fff; }
    .uploader .uploader-input:hover span {
      background: black; }
  .uploader[data-state="input"] .uploader-input, .uploader[data-state="progress"] .uploader-progress, .uploader[data-state="output"] .uploader-output {
    display: block; }
/**
 * 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; }
/**
 * Web browser frame used in various places around the site and app.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-webbrowser {
  font-size: 16px;
  width: 100%;
  height: 100%;
  color: #f5f5f5;
  -webkit-box-shadow: 0 0.375em 1.25em rgba(0, 0, 0, 0.15), 0 0.125em 0.375em rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.375em 1.25em rgba(0, 0, 0, 0.15), 0 0.125em 0.375em rgba(0, 0, 0, 0.2); }

.sl-webbrowser.no-shadow {
  -webkit-box-shadow: none;
          box-shadow: none; }

.sl-webbrowser-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 2.1875em;
  padding: 0 0.625em;
  background-color: currentColor;
  -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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em; }

.sl-webbrowser-header-dot {
  width: 0.625em;
  height: 0.625em;
  border-radius: 0.625em;
  background-color: rgba(0, 0, 0, 0.1);
  margin-right: 0.375em;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.sl-webbrowser-header-url {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 60%;
  padding: 2px 0.625em;
  margin-left: 0.625em;
  border-radius: 1.25em;
  font-size: 11px;
  color: #222;
  border: 1px solid #eee;
  background-color: #fff;
  cursor: default; }

.sl-webbrowser-header-aspectratio {
  margin-left: auto;
  padding: 2px;
  color: #999;
  font-size: 10px;
  letter-spacing: 0.05em;
  cursor: default; }

.sl-webbrowser-content {
  position: relative;
  border: 0.5em solid transparent;
  border-top: 0;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-color: currentColor;
  overflow: hidden; }

.sl-webbrowser-content img,
.sl-webbrowser-content video,
.sl-webbrowser-content iframe {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 !important; }

.sl-webbrowser-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s linear 0.2s;
  transition: all 0.4s linear 0.2s;
  background-color: #e4637c;
  border-radius: 4px;
  z-index: 1; }

.sl-webbrowser.loaded .sl-webbrowser-spinner {
  opacity: 0;
  visibility: hidden; }

.sl-webbrowser.translucent {
  color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none; }
  .sl-webbrowser.translucent .sl-webbrowser-header-dot {
    background-color: rgba(255, 255, 255, 0.15); }
/*!
 * 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; }
/**
 * Base styles for dashboards that show a list of decks.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.deck-dashboard .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 2000px;
  margin: 0 auto;
  height: calc(100% - 70px); }

.deck-dashboard.show-recent-signup-onboarding {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.deck-dashboard.loaded {
  opacity: 1; }

.deck-dashboard [data-layout="list"] .main {
  max-width: 1400px; }

.deck-dashboard .content-wrapper {
  position: sticky;
  top: 0px;
  overflow: auto;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 1.4rem 1.4rem 0 1.4rem;
  scroll-padding: 1.4rem; }

.deck-dashboard .content-wrapper-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -6px;
  margin-bottom: 10px;
  color: #aaa;
  font-size: 12px; }

.deck-dashboard .layout-selector {
  margin-left: auto;
  color: currentColor;
  padding: 0;
  border: 0; }
  .deck-dashboard .layout-selector:hover {
    color: #252525; }

@media screen and (max-width: 540px) {
  .layout-selector {
    display: none; } }
.deck-dashboard.loading-filters .app-nav-section {
  display: none; }
.deck-dashboard.loading-filters .content-wrapper-header {
  visibility: hidden; }
.deck-dashboard.loading-filters .decks:not(.decks-skeleton) {
  display: none !important; }

.deck-dashboard .deck-tabs.hidden,
.deck-dashboard .sl-tags.hidden {
  display: none; }

.deck-dashboard .announcement {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(255, 255, 255, 0.6);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  .deck-dashboard .announcement h3,
  .deck-dashboard .announcement h4 {
    font-weight: 600;
    margin-bottom: 0.5em; }
  .deck-dashboard .announcement p {
    margin: 0.25em 0; }
  .deck-dashboard .announcement .button {
    margin-top: 1em; }
  .deck-dashboard .announcement .button + .button {
    margin-left: 10px; }

.deck-dashboard .announcement + section {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.deck-dashboard .deck-ghosts {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 100;
  margin-left: -4px;
  margin-top: -4px;
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(4, 100px); }
.deck-dashboard .deck-ghost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100px;
  margin-right: -50px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 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); }
.deck-dashboard .deck-ghost-title {
  font-size: 6px;
  padding: 6px 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.deck-dashboard .deck-ghost-thumbnail {
  width: 100px;
  height: 100px;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }
.deck-dashboard .deck-ghost-thumbnail .deck-thumb:after {
  display: none; }
.deck-dashboard .deck-ghost-thumbnail .deck-thumb-image {
  width: 100px;
  height: 100px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #eee;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.deck-dashboard .deck-ghost-thumbnail .deck-preview,
.deck-dashboard .deck-ghost-thumbnail .deck-preview-controls {
  display: none; }
.deck-dashboard .deck-ghost-overflow {
  padding: 8px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #999;
  font-size: 14px; }
.deck-dashboard .dragging-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(240, 240, 240, 0.6);
  z-index: 9;
  display: none; }
.deck-dashboard .content-wrapper .dragging-overlay {
  position: fixed;
  left: auto; }
.deck-dashboard.dragging-deck {
  cursor: -webkit-grabbing;
  cursor: grabbing; }
.deck-dashboard.dragging-deck .dragging-overlay {
  display: block; }
.deck-dashboard.dragging-deck .sl-tags-list .sl-tags-tag:not(.selected) {
  background-color: #fff; }
.deck-dashboard.dragging-deck .sl-tags-list .sl-tags-tag {
  border-radius: 0; }
.deck-dashboard.dragging-deck .sl-tags-list {
  z-index: 20; }
.deck-dashboard.dragging-deck .sl-tags-list .sl-tags-tag:hover {
  outline: 3px solid #1baee1 !important;
  z-index: 20; }
.deck-dashboard.dragging-deck .sl-tags-list .sl-tags-tag .tag-options {
  display: none; }

.deck-dashboard .selection-toolbar {
  position: fixed;
  left: 340px;
  right: 0;
  z-index: 9;
  top: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  font-size: 14px;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .deck-dashboard .selection-toolbar.visible {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
    visibility: visible; }
  .deck-dashboard .selection-toolbar .inner {
    width: 100%;
    max-width: 700px;
    height: 50px;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    background: #222;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 0px #111;
            box-shadow: 0px 1px 0px #111;
    overflow: hidden; }
    .deck-dashboard .selection-toolbar .inner .description {
      float: left;
      margin: 0;
      font-size: 1em;
      cursor: default;
      line-height: 30px; }
    .deck-dashboard .selection-toolbar .inner .button {
      float: right;
      font-size: 1em;
      margin-left: 10px; }

.deck-dashboard .sidebar-upgrade-button {
  background: #1baee1;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px; }
.deck-dashboard .user-info {
  font-size: 13px; }
  .deck-dashboard .user-info .picture {
    float: right;
    margin: 0 0 5px 10px;
    width: 6em;
    height: 6em;
    border: 2px solid #fff;
    border-radius: 4px; }
  .deck-dashboard .user-info .edit {
    display: none; }
  .deck-dashboard .user-info .links {
    margin-bottom: 0; }
.deck-dashboard .user-info:hover .edit {
  display: block; }
.deck-dashboard .deck-placeholder {
  text-align: center;
  color: #666;
  grid-column: 1 / -1; }
  .deck-dashboard .deck-placeholder > p {
    padding: 100px 0; }
  .deck-dashboard .deck-placeholder .retry {
    margin-left: 10px; }
  .deck-dashboard .deck-placeholder .spinner {
    margin-top: 100px; }
.deck-dashboard .decks.loading[data-tab-id="shared"],
.deck-dashboard .decks.loading[data-tab-id="trash"] {
  grid-template-columns: auto; }
.deck-dashboard .showing-onboarding {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center; }
.deck-dashboard .decks-skeleton {
  opacity: 0.5; }
.deck-dashboard .deck-skeleton {
  pointer-events: none; }
.deck-dashboard .deck-skeleton .sl-deck-thumbnail {
  margin-bottom: 114px; }
.deck-dashboard .decks {
  display: none;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.deck-dashboard .decks.visible {
  display: grid; }
.deck-dashboard .flash {
  -webkit-animation: flash-opacity 0.3s 1 ease;
          animation: flash-opacity 0.3s 1 ease; }
.deck-dashboard .decks.visible[data-placeholder]:empty {
  display: block; }
.deck-dashboard .decks[data-placeholder]:empty:after {
  content: attr(data-placeholder);
  display: block;
  padding: 100px 0;
  color: #999;
  text-align: center; }
.deck-dashboard .deck.recovered {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: none;
  transition: none; }
.deck-dashboard .deck.recovered-visible {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: all 0.5s cubic-bezier(0.3, 0.9, 0.135, 1) 0.3s;
  transition: all 0.5s cubic-bezier(0.3, 0.9, 0.135, 1) 0.3s; }
.deck-dashboard .deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-height: 280px;
  max-width: 400px;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  vertical-align: top;
  border-radius: 4px;
  border: 2px solid transparent;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .deck-dashboard .deck:last-child {
    margin-bottom: 0; }
@media (hover: hover) {
  .deck-dashboard .deck.hover,
  .deck-dashboard .deck:hover:not(.trash) {
    border-color: #acacc5; } }
.deck-dashboard .presentations {
  padding-bottom: 1.4rem; }
.deck-dashboard .presentations.selecting-multiple .deck:not(.selected):after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  display: block;
  background: #fff;
  opacity: 0.75;
  z-index: 8; }
.deck-dashboard .presentations.selecting-multiple .deck:not(.selected) .deck-controls {
  opacity: 0; }
.deck-dashboard .presentations.selecting-multiple .deck:not(.selected) > * {
  pointer-events: none; }
.deck-dashboard .presentations.selecting-multiple .deck-title,
.deck-dashboard .presentations.selecting-multiple .deck-description,
.deck-dashboard .presentations.selecting-multiple .deck-metadata {
  pointer-events: none; }
.deck-dashboard .deck.selected {
  border-color: #1baee1 !important; }
.deck-dashboard .deck.trash {
  cursor: default; }
.deck-dashboard .deck.hidden-via-tag,
.deck-dashboard .deck.hidden-via-search {
  display: none !important; }
.deck-dashboard .decks .deck-link {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.deck-dashboard .decks .sl-deck-thumbnail {
  width: 100%;
  max-width: 100%;
  min-height: 250px;
  padding-bottom: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
  z-index: 2; }
.deck-dashboard .decks .sl-deck-thumbnail .deck-thumb {
  aspect-ratio: 1 / 1; }
.deck-dashboard .deck .highlight {
  background-color: #FFFD00; }
.deck-dashboard .deck .deck-title {
  font-size: 1.1em;
  font-weight: 500;
  margin: 15px 0 0 0;
  padding: 0 15px; }
.deck-dashboard .deck-title-value {
  overflow-wrap: break-word; }
.deck-dashboard .deck-description {
  display: none;
  margin-top: 0;
  margin-bottom: 8px;
  padding: 0 15px;
  word-wrap: break-word;
  font-size: 0.928571429em; }
.deck-dashboard .is-interactive {
  position: relative;
  z-index: 3; }
.deck-dashboard .deck-private-indicator {
  display: none;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 8px;
  left: 8px;
  width: 38px;
  height: 32px; }
.deck-dashboard .deck[data-visibility="self"] .deck-private-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.deck-dashboard .deck-owner {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  top: 6px;
  left: 6px;
  border: 2px solid #fff;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05); }
.deck-dashboard .deck-owner-avatar {
  width: 100%;
  height: 100%; }
  .deck-dashboard .deck-owner-avatar img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
.deck-dashboard [data-layout="list"] .decks.visible {
  display: block; }
.deck-dashboard [data-layout="list"] .deck {
  display: block;
  max-width: none;
  min-height: 184px;
  margin-bottom: 20px;
  padding: 15px; }
.deck-dashboard [data-layout="list"] .deck-skeleton {
  height: 184px; }
.deck-dashboard [data-layout="list"] .deck-title {
  margin-top: 0;
  margin-bottom: 8px; }
.deck-dashboard [data-layout="list"] .deck-title,
.deck-dashboard [data-layout="list"] .deck-description {
  padding-left: 0; }
.deck-dashboard [data-layout="list"] .deck-metadata {
  padding: 0; }
.deck-dashboard [data-layout="list"] .deck-description {
  display: block; }
.deck-dashboard [data-layout="list"] .deck-controls {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 400px; }
.deck-dashboard [data-layout="list"] .sl-deck-thumbnail {
  width: 150px;
  height: 150px;
  min-height: 0;
  float: left;
  margin: 0 15px 10px 0;
  border: 0; }
.deck-dashboard [data-layout="list"] .sl-deck-thumbnail:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset; }
@media screen and (max-width: 540px) {
  .deck-dashboard [data-layout="list"] .deck {
    min-height: 144px;
    padding-bottom: 60px;
    font-size: 12px; }
  .deck-dashboard [data-layout="list"] .deck-skeleton {
    height: 114px; }
  .deck-dashboard [data-layout="list"] .deck-controls {
    margin-bottom: 7.5px; }
  .deck-dashboard [data-layout="list"] .sl-deck-thumbnail {
    width: 80px;
    height: 80px; } }
.deck-dashboard .deck-metadata {
  color: #555;
  font-size: 11px;
  margin: 4px 0;
  padding: 0 15px; }
.deck-dashboard .deck-metadata-item {
  display: inline-block;
  padding: 4px 0;
  margin-right: 10px;
  line-height: 1.6; }
  .deck-dashboard .deck-metadata-item .icon {
    margin-right: 4px;
    font-size: 0.9em; }
  .deck-dashboard .deck-metadata-item.no-text .icon {
    margin-right: 0; }
.deck-dashboard .deck-metadata-item:last-child {
  margin-right: 0; }
.deck-dashboard .deck-metadata-item-link {
  color: #333;
  padding: 4px 8px; }
  .deck-dashboard .deck-metadata-item-link:hover {
    background-color: rgba(0, 0, 0, 0.06); }
.deck-dashboard .untag {
  display: none;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  line-height: 24px;
  font-size: 14px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  padding: 0;
  text-align: center; }
  .deck-dashboard .untag:hover {
    border-color: #acacc5; }
.deck-dashboard .filtered-by-tag .deck:hover .untag {
  display: block; }
.deck-dashboard .deck-controls {
  width: 100%;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 15px;
  margin-bottom: 12px;
  margin-top: auto;
  pointer-events: none; }
  .deck-dashboard .deck-controls .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    width: 38px;
    height: 32px;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-color: #ddd;
    -webkit-transition: none !important;
    transition: none !important;
    pointer-events: auto; }
    .deck-dashboard .deck-controls .button:focus {
      z-index: 2; }
    .deck-dashboard .deck-controls .button.focus, .deck-dashboard .deck-controls .button:hover {
      border-color: #acacc5; }
    .deck-dashboard .deck-controls .button:before {
      content: ''; }
.deck-dashboard .deck-controls .share {
  display: inline-block; }
.deck-dashboard .secondary {
  opacity: 0;
  visibility: hidden; }
.deck-dashboard .deck:hover .secondary,
.deck-dashboard .deck.hover .secondary,
.deck-dashboard .presentations:not(.selecting-multiple) .deck.selected .secondary {
  opacity: 1;
  visibility: visible; }
.deck-dashboard .deck.is-owner:not(.trash) .deck-title-value,
.deck-dashboard .deck.is-owner:not(.trash) .deck-description-value {
  cursor: text; }
.deck-dashboard .deck.is-owner .deck-description-value:empty:before {
  content: 'Add description';
  color: #aaa; }
.deck-dashboard .deck.is-selectable {
  cursor: default; }
.deck-dashboard .decks[data-tab-id="shared"] .deck .deck-link,
.deck-dashboard .decks[data-tab-id="personal"] .deck:not(.is-owner) .deck-link {
  display: block; }
@media screen and (max-width: 940px) {
  .deck-dashboard body {
    height: auto !important;
    overflow: auto !important; }
  .deck-dashboard .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .deck-dashboard .content-wrapper {
    height: auto; }
  .deck-dashboard .column {
    padding: 0; }
  .deck-dashboard .column > section {
    padding: 15px;
    margin-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .deck-dashboard .user-info .edit {
    display: none; }
  .deck-dashboard .deck,
  .deck-dashboard .deck.is-owner {
    cursor: pointer; }
  .deck-dashboard .deck-title,
  .deck-dashboard .deck-description {
    pointer-events: none;
    padding-right: 0; }
  .deck-dashboard .secondary {
    opacity: 1; }
  .deck-dashboard .selection-toolbar,
  .deck-dashboard .selection-checkbox,
  .deck-dashboard .untag {
    display: none !important; } }
.deck-dashboard[data-account=default] .deck:not([data-visibility="self"]) .deck-controls .visibility {
  display: none; }
.deck-dashboard.touch .secondary, .deck-dashboard.touch .selection-checkbox {
  opacity: 1 !important;
  visibility: visible; }

.deck-dashboard:not(.has-tags) .deck-controls .tag {
  display: none !important; }
/**
 * The abstract and basic styles for a page intended
 * for presenting a deck with controls.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.present-base {
  width: 100%;
  height: 100%; }
  html.decks.present-base.ua-standalone.ua-safari {
    height: 100vh; }
  html.decks.present-base body {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden; }
  html.decks.present-base:not(.presentation-started-transition-ended) body {
    -webkit-perspective: 1200px;
            perspective: 1200px;
    -webkit-perspective-origin: 100% 50%;
            perspective-origin: 100% 50%; }
  html.decks.present-base .reveal-viewport {
    overflow: hidden;
    -webkit-transform: translateX(-50px) scale(0.9) rotateY(-6deg);
            transform: translateX(-50px) scale(0.9) rotateY(-6deg);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  html.decks.present-base .reveal .dimmer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 100;
    background: rgba(0, 0, 0, 0.4);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.1)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  html.decks.present-base .reveal .controls,
  html.decks.present-base .reveal .progress {
    position: absolute; }

.present-base .sl-present-offline {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  padding: 6px 10px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  z-index: 9; }

html.decks.present-base .sl-present-controls {
  position: absolute;
  width: 400px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  color: #000;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6);
  font-size: 14px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  html.decks.present-base .sl-present-controls h2 {
    font-size: 1.5em; }
  html.decks.present-base .sl-present-controls .description {
    margin: 0.5em 0 1em 0;
    line-height: 1.4em; }
html.decks.present-base .sl-present-controls-content {
  position: relative;
  height: 100%;
  padding: 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
html.decks.present-base .sl-present-controls-section {
  display: block;
  margin: 0;
  margin-top: 30px;
  vertical-align: top; }
  html.decks.present-base .sl-present-controls-section h2 {
    font-size: 1em;
    font-weight: 500; }
  html.decks.present-base .sl-present-controls-section p {
    margin: 0.5em 0 1em 0;
    line-height: 1.4em; }
  html.decks.present-base .sl-present-controls-section input[type="text"] {
    width: 100%; }
  html.decks.present-base .sl-present-controls-section .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px; }
  html.decks.present-base .sl-present-controls-section .sl-checkbox {
    margin: 14px 0; }
html.decks.present-base .sl-present-controls-footer {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  bottom: 0;
  padding: 30px;
  background: #fff; }
  html.decks.present-base .sl-present-controls-footer .button {
    height: 60px;
    line-height: 60px;
    padding: 0 1em;
    text-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 60px;
        flex-basis: 60px; }
  html.decks.present-base .sl-present-controls-footer .button + .button {
    margin-left: 6px; }
  html.decks.present-base .sl-present-controls-footer .start-presentation {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
@media screen and (max-width: 500px) {
  html.decks.present-base .sl-present-controls {
    width: 100%;
    font-size: 14px; }
  html.decks.present-base .sl-present-controls-section {
    margin-top: 30px; }
  html.decks.present-base .sl-present-controls-footer {
    padding: 10px; }
    html.decks.present-base .sl-present-controls-footer button {
      height: 50px; }
  html.decks.present-base .sl-present-toolbar {
    display: none; } }

html.decks.present-base .made-with-slides {
  visibility: hidden; }

html.decks.present-base.presentation-started .reveal-viewport {
  -webkit-transform: none;
          transform: none; }
html.decks.present-base.presentation-started .reveal .dimmer {
  opacity: 0;
  visibility: hidden; }
html.decks.present-base.presentation-started .sl-present-controls {
  visibility: hidden;
  -webkit-transform: translateX(-480px);
          transform: translateX(-480px); }
html.decks.present-base.presentation-started .made-with-slides {
  visibility: visible; }

.sl-root.present-base.presentation-started body[data-cursor="live-pointer"] .reveal .controls *,
.sl-root.present-base.presentation-started body[data-cursor="live-pointer"] .sl-present-toolbar * {
  cursor: none !important; }
/**
 * Rendered instead of the editor when the users is
 * Free but trying to edit a private deck.
 */
.access-requires-upgrade-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  margin: 10vh auto !important; }
  .access-requires-upgrade-message .col-icon {
    padding-right: 1rem;
    margin-right: 1rem; }
  .access-requires-upgrade-message .lock-icon {
    font-size: 70px;
    margin-bottom: 2rem;
    color: #e5e5e5; }
  .access-requires-upgrade-message .buttons {
    margin-top: 1.5rem; }
  .access-requires-upgrade-message .button {
    margin: 10px 10px 0 0; }

@media screen and (max-width: 600px) {
  .access-requires-upgrade-message {
    margin: 1rem auto !important; }
    .access-requires-upgrade-message .col-icon {
      display: none; } }
/**
 * 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;
}
*/
/**
 * The client version of the deck /live view.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.live-client.ua-standalone.ua-safari {
  height: 100vh; }
html.decks.live-client .reveal .controls,
html.decks.live-client .reveal .progress {
  position: absolute; }
html.decks.live-client .reveal .pause-overlay .resume-button {
  display: none; }
html.decks.live-client .summary-bubble {
  display: block;
  position: absolute;
  height: 58px;
  width: 58px;
  left: 20px;
  bottom: 20px;
  padding: 4px;
  text-align: center;
  z-index: 2;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 50px;
  text-align: left;
  cursor: default;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease; }
  html.decks.live-client .summary-bubble .summary-bubble-picture {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
    background-size: cover;
    background-color: #ddd; }
  html.decks.live-client .summary-bubble .summary-bubble-content {
    display: inline-block;
    position: relative;
    top: 4px;
    padding-right: 20px;
    vertical-align: top;
    text-indent: 10px; }
    html.decks.live-client .summary-bubble .summary-bubble-content h4, html.decks.live-client .summary-bubble .summary-bubble-content p, html.decks.live-client .summary-bubble .summary-bubble-content a {
      display: block;
      margin: 0;
      max-width: 350px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.3;
      font-size: 1em; }
    html.decks.live-client .summary-bubble .summary-bubble-content a {
      color: inherit; }
    html.decks.live-client .summary-bubble .summary-bubble-content a:hover {
      text-decoration: underline; }
    html.decks.live-client .summary-bubble .summary-bubble-content h4 {
      font-weight: bold; }
html.decks.live-client .summary-bubble.hidden {
  display: none; }
html.decks.live-client .sl-start-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  z-index: 2001;
  background: #fff;
  color: #222;
  line-height: 1.4; }
  html.decks.live-client .sl-start-screen.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
html.decks.live-client .sl-start-screen-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  padding: 2rem; }
html.decks.live-client .sl-start-screen-media {
  -webkit-box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.1);
  margin: 1em 1.5em 1em 0;
  border-radius: 2px;
  overflow: hidden; }
html.decks.live-client .sl-start-screen .deck-image {
  width: 250px;
  height: 250px;
  background-color: #eee;
  display: block;
  z-index: -1;
  position: relative; }
html.decks.live-client .sl-start-screen-text {
  width: 100%;
  max-width: 380px; }
html.decks.live-client .sl-start-screen .deck-title {
  margin-bottom: 0.5rem; }
html.decks.live-client .sl-start-screen .deck-author {
  margin-top: 0.5rem;
  position: relative;
  opacity: 1; }
html.decks.live-client .sl-start-screen .deck-author-picture {
  display: inline-block;
  position: relative;
  width: 1.25em;
  height: 1.25em;
  margin-right: 5px;
  vertical-align: top;
  background-size: cover;
  background-repeat: no-repeat; }
html.decks.live-client .sl-start-screen .instructions {
  color: #666; }
html.decks.live-client .sl-start-screen .button .icon {
  margin-left: 0.5rem;
  margin-right: -0.2em;
  vertical-align: top; }
/**
 * The client version of the deck /live view.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.live-server .sl-present-controls .edit-button-back {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  padding-left: 0.5em; }
  html.decks.live-server .sl-present-controls .edit-button-back .icon {
    margin-right: 2px;
    vertical-align: middle; }

html.decks.live-server .live-view-make-private {
  display: block;
  margin-top: 1em; }

html.decks.live-server .live-share .unit {
  margin: 0; }

html.decks.live-server .sl-present-annotation-toolbar {
  font-size: 14px;
  color: #fff; }
/**
 * Styles applied to an offline presentation that has
 * been exported via ZIP download or Dropbox sync.
 */
/*
html.decks.offline .reveal {
	transition: opacity 0.3s ease;
	opacity: 0;
}
html.decks.offline.fonts-are-ready .reveal {
	opacity: 1;
}
*/
html.decks.offline,
html.decks.offline body {
  height: 100%; }

@media all and (display-mode: standalone) {
  html.decks.offline {
    height: 100vh; } }
/**
 * Rendered before a deck if the deck is password
 * protected.
 */
html.decks.password {
  background: #272d2e;
  color: #fff;
  height: 100%; }

html.decks.password body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

html.decks.password .password-content {
  margin: auto;
  padding: 10px 10px 100px 10px;
  text-align: center;
  color: #fff; }
  html.decks.password .password-content .password-icon {
    position: relative;
    height: 150px;
    width: 150px;
    margin: 0 auto 40px auto; }
    html.decks.password .password-content .password-icon.wobble {
      -webkit-animation: wobble 0.8s linear;
              animation: wobble 0.8s linear; }
    html.decks.password .password-content .password-icon .icon {
      font-size: 90px;
      width: 150px;
      height: 150px;
      line-height: 150px;
      border-radius: 75px;
      background: #B85656;
      color: #272d2e; }
    html.decks.password .password-content .password-icon .password-icon-check .icon {
      color: rgba(255, 255, 255, 0.7);
      background-color: #40cb90;
      font-size: 70px; }
    html.decks.password .password-content .password-icon .password-icon-lock,
    html.decks.password .password-content .password-icon .password-icon-check {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      text-align: center;
      -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); }
    html.decks.password .password-content .password-icon .password-icon-check {
      opacity: 0;
      -webkit-transform: scale(0.3);
              transform: scale(0.3); }
  html.decks.password .password-content .password-title {
    margin-bottom: 30px; }
  html.decks.password .password-content .sl-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  html.decks.password .password-content .password-input {
    font-size: 25px;
    height: 60px;
    padding: 0 20px;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    width: 100%;
    vertical-align: middle; }
  html.decks.password .password-content .password-input:focus {
    border-color: #fff; }
  html.decks.password .password-content .password-submit {
    height: 60px;
    margin: 0 0 0 10px;
    padding-left: 25px;
    padding-right: 25px;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  html.decks.password .password-content .password-submit:hover {
    background-color: rgba(255, 255, 255, 0.3); }
  @media screen and (max-height: 600px) {
    html.decks.password .password-content {
      padding: 10px; } }
  @media screen and (max-height: 400px) {
    html.decks.password .password-content .password-icon {
      display: none; } }

html.decks.password .password-content.outro .password-icon-lock {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }
html.decks.password .password-content.outro .password-icon-check {
  opacity: 1;
  -webkit-transform: none;
          transform: none; }
/**
 * Deck view where collaborators can review and leave
 * feedback.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.review .reveal .progress,
html.decks.review .reveal .controls,
html.decks.review .reveal .playback,
html.decks.review .reveal .slide-number {
  position: absolute; }

html.decks.review.small-mode .global-header {
  display: none; }

html.decks.review:not(.small-mode) .reveal-viewport {
  padding-right: 360px; }

html.decks.review .reveal {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0; }

html.decks.review.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% );
}
*/
/**
 * The speaker view.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
@-webkit-keyframes flash-green {
  0%, 100% {
    background: #1baee1; }
  5%, 15% {
    background: #A4DDA4; } }
@keyframes flash-green {
  0%, 100% {
    background: #1baee1; }
  5%, 15% {
    background: #A4DDA4; } }
@-webkit-keyframes flash-red {
  0%, 100% {
    background: #1baee1; }
  5%, 15% {
    background: #e03948; } }
@keyframes flash-red {
  0%, 100% {
    background: #1baee1; }
  5%, 15% {
    background: #e03948; } }
@-webkit-keyframes dark-mode-icon-in {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }
@keyframes dark-mode-icon-in {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }
@-webkit-keyframes dark-mode-icon-out {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); } }
@keyframes dark-mode-icon-out {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); } }
html.speaker-view .reveal {
  overflow: hidden; }
html.speaker-view .reveal .controls,
html.speaker-view .reveal .progress,
html.speaker-view .reveal .slide-number {
  position: absolute; }
html.speaker-view .reveal .pause-overlay {
  display: none; }
html.speaker-view .current-slide,
html.speaker-view .upcoming-slide,
html.speaker-view .speaker-controls {
  display: block;
  position: absolute; }
html.speaker-view .speaker-view-options {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10; }
html.speaker-view .speaker-overlay-element {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background: rgba(220, 220, 220, 0.9);
  color: #222;
  font-size: 14px;
  vertical-align: top;
  border-radius: 2px; }
html.speaker-view button.speaker-overlay-element {
  cursor: pointer; }
html.speaker-view button.speaker-overlay-element:focus {
  outline: 1px solid #1baee1;
  outline-offset: 2px; }
html.speaker-view button.speaker-overlay-element:hover {
  background: #e6e6e6; }
html.speaker-view .slide-preview-header {
  position: absolute;
  top: 8px;
  left: 8px; }
html.speaker-view .slide-preview-label {
  margin-right: 2px;
  font-size: 11px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
html.speaker-view .current-slide {
  position: relative;
  width: 65%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0; }
  html.speaker-view .current-slide .message-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    color: #fff;
    text-align: center;
    z-index: 200;
    opacity: 0;
    -webkit-animation: fade-in 1s linear 0.5s forwards;
            animation: fade-in 1s linear 0.5s forwards; }
html.speaker-view .upcoming-slide {
  width: 35%;
  height: 40%;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 10; }
  html.speaker-view .upcoming-slide .upcoming-slide-jump-to {
    margin-right: 2px; }
  html.speaker-view .upcoming-slide .upcoming-slide-jump-to.hidden {
    visibility: hidden;
    opacity: 0; }
  html.speaker-view .upcoming-slide iframe {
    width: 100%;
    height: 100%;
    border: 0; }
html.speaker-view .upcoming-slide-end-screen,
html.speaker-view .upcoming-slide-not-available {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  background-color: #eee;
  color: #222; }
  html.speaker-view .upcoming-slide-end-screen p,
  html.speaker-view .upcoming-slide-not-available p {
    margin: auto;
    text-align: center; }
html.speaker-view .upcoming-slide.is-last-slide .upcoming-slide-end-screen {
  visibility: visible; }
html.speaker-view .upcoming-slide.not-available iframe,
html.speaker-view .upcoming-slide.not-available .upcoming-slide-jump-to {
  display: none; }
html.speaker-view .upcoming-slide.not-available .upcoming-slide-not-available {
  visibility: visible; }
html.speaker-view .speaker-controls {
  width: 35%;
  height: 60%;
  bottom: 0;
  right: 0;
  padding: 8px;
  font-size: 1.375rem;
  color: #252525;
  z-index: 9; }
html.speaker-view .speaker-timer,
html.speaker-view .speaker-notes {
  padding: 10px 0; }
html.speaker-view .speaker-controls-label {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.7em;
  color: #666; }
html.speaker-view .speaker-timer {
  position: relative;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 15px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  html.speaker-view .speaker-timer .speaker-controls-label {
    display: inline-block;
    margin-right: 8px; }
  html.speaker-view .speaker-timer .value {
    font-size: 1.8em; }
  html.speaker-view .speaker-timer .timer-value span {
    float: left;
    color: inherit;
    opacity: 0.3;
    font-variant-numeric: tabular-nums; }
  html.speaker-view .speaker-timer .timer-value span.isset,
  html.speaker-view .speaker-timer .timer-value span.isset ~ * {
    opacity: 1; }
  html.speaker-view .speaker-timer .timer-value .hours:after,
  html.speaker-view .speaker-timer .timer-value .minutes:after {
    content: ':'; }
  html.speaker-view .speaker-timer .timer-value.overtime:before {
    content: '-';
    float: left;
    color: #e74c3c;
    opacity: 1; }
  html.speaker-view .speaker-timer .timer-value.overtime span {
    color: #e74c3c;
    opacity: 1; }
  html.speaker-view .speaker-timer .clock-value {
    float: right;
    text-align: right; }
  html.speaker-view .speaker-timer .timer-option {
    padding: 0 12px;
    height: 30px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 11px;
    background-color: rgba(220, 220, 220, 0.9);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  html.speaker-view .speaker-timer .timer-option + .timer-option {
    margin-left: 5px; }
  html.speaker-view .speaker-timer .timer-option:hover {
    background-color: #e6e6e6; }
  html.speaker-view .speaker-timer .timer-option.fixed-width {
    width: 3em;
    padding: 0; }
  html.speaker-view .speaker-timer .timer-start-button,
  html.speaker-view .speaker-timer .timer-pause-button,
  html.speaker-view .speaker-timer .timer-resume-button,
  html.speaker-view .speaker-timer .timer-stop-button {
    display: none; }
  html.speaker-view .speaker-timer[data-timer-state="idle"] .timer-start-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  html.speaker-view .speaker-timer[data-timer-state="paused"] .timer-resume-button, html.speaker-view .speaker-timer[data-timer-state="paused"] .timer-stop-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  html.speaker-view .speaker-timer[data-timer-state="started"] .timer-pause-button, html.speaker-view .speaker-timer[data-timer-state="started"] .timer-stop-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
html.speaker-view .speaker-timer .timer-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px; }
html.speaker-view .speaker-timer .timer-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px; }
html.speaker-view .speaker-notes .value {
  display: block;
  margin-top: 5px;
  white-space: pre-wrap;
  line-height: 1.5;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  html.speaker-view .speaker-notes .value .dim {
    color: #bbb; }
html.speaker-view .speaker-progress {
  position: relative;
  width: 100%;
  height: 20px;
  z-index: 10;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  border-radius: 2px;
  text-transform: uppercase; }
html.speaker-view .speaker-progress-content {
  position: relative;
  padding: 0 6px;
  z-index: 4;
  width: 100%;
  pointer-events: none;
  color: #000; }
  html.speaker-view .speaker-progress-content .status {
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-weight: 600;
    padding: 4px 6px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 4px; }
    html.speaker-view .speaker-progress-content .status:empty {
      display: none; }
    html.speaker-view .speaker-progress-content .status.hidden {
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  html.speaker-view .speaker-progress-content .slide-number {
    float: right; }
html.speaker-view .speaker-progress-bar,
html.speaker-view .speaker-countdown-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #f5f5f5;
  border-radius: 2px; }
html.speaker-view .speaker-countdown-bar {
  display: none;
  height: 6px;
  top: 100%;
  margin-top: 4px; }
html.speaker-view .speaker-inner-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #1baee1;
  border-radius: 2px;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
html.speaker-view .speaker-countdown-bar .speaker-inner-bar {
  background: #999;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%; }
html.speaker-view .has-time-limit .speaker-countdown-bar {
  display: block; }
@media screen and (max-width: 1080px), (max-height: 600px) {
  html.speaker-view .speaker-controls {
    font-size: 16px; } }
@media screen and (max-width: 900px) {
  html.speaker-view .speaker-controls {
    font-size: 14px; } }
@media screen and (max-width: 800px) {
  html.speaker-view .speaker-controls {
    font-size: 12px; } }

/**
 * Desktop only
 */
html.speaker:not(.speaker-mobile) .subscribers {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  cursor: default;
  background: #fff;
  color: #666;
  font-size: 11px;
  line-height: 1.4em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }
  html.speaker:not(.speaker-mobile) .subscribers.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none; }
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-inner {
    padding: 8px;
    border-top: 1px solid rgba(200, 200, 200, 0.5); }
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-label,
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-value {
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    vertical-align: top; }
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-label {
    font-weight: normal; }
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-value {
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    font-weight: normal;
    font-size: 1.2em;
    float: right;
    background: #1baee1;
    color: #fff; }
    html.speaker:not(.speaker-mobile) .subscribers .subscribers-value .icon {
      margin-right: 4px; }
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-value.flash-green {
    -webkit-animation: flash-green 2s ease;
            animation: flash-green 2s ease; }
  html.speaker:not(.speaker-mobile) .subscribers .subscribers-value.flash-red {
    -webkit-animation: flash-red 2s ease;
            animation: flash-red 2s ease; }

/**
 * Mobile only
 */
html.speaker-mobile {
  -ms-touch-action: none;
      touch-action: none;
  position: fixed; }
  html.speaker-mobile .upcoming-slide,
  html.speaker-mobile .speaker-view-options,
  html.speaker-mobile .slide-preview-header {
    display: none; }
  html.speaker-mobile .current-slide {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    visibility: hidden !important;
    opacity: 1;
    z-index: auto; }
  html.speaker-mobile .reveal .controls {
    bottom: 54px;
    z-index: 20;
    visibility: visible; }
  html.speaker-mobile .reveal .controls button {
    color: #1baee1; }
  html.speaker-mobile .speaker-controls {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 11;
    font-size: 18px; }
  html.speaker-mobile .speaker-timer {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #444; }
  html.speaker-mobile .speaker-timer .value {
    font-size: 1.5em; }
  html.speaker-mobile .speaker-timer .timer-option {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
  html.speaker-mobile .speaker-timer .timer-option,
  html.speaker-mobile .speaker-timer .timer-option.fixed-width {
    width: 50%; }
  html.speaker-mobile .speaker-timer .timer-rewind-button {
    width: 3em; }
  html.speaker-mobile .speaker-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 44px;
    font-size: 0.7em;
    border-radius: 0;
    pointer-events: none; }
  html.speaker-mobile .speaker-progress-bar {
    border-radius: 0;
    background: #a8b6ba !important; }
  html.speaker-mobile .speaker-inner-bar {
    border-radius: 0; }
  html.speaker-mobile .speaker-progress-content {
    padding: 0 20px; }
  html.speaker-mobile .speaker-countdown-bar {
    display: none !important; }
  html.speaker-mobile .speaker-touch-feedback {
    content: '';
    display: block;
    position: fixed;
    bottom: 44px;
    left: 0;
    width: 100%;
    height: 400px;
    background: -webkit-gradient(linear, left bottom, left top, from(#1baee1), color-stop(50%, transparent));
    background: linear-gradient(to top, #1baee1 0%, transparent 50%);
    z-index: -1;
    pointer-events: none;
    -webkit-animation: fade-in 0.2s 1 ease forwards;
            animation: fade-in 0.2s 1 ease forwards; }
  html.speaker-mobile .speaker-touch-feedback.hidden {
    -webkit-animation: fade-out 0.5s 1 ease forwards;
            animation: fade-out 0.5s 1 ease forwards; }
  html.speaker-mobile .subscribers {
    position: absolute;
    width: auto;
    left: 0;
    bottom: 44px;
    color: inherit;
    background: transparent;
    font-size: 16px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
    html.speaker-mobile .subscribers.visible {
      opacity: 1;
      visibility: visible;
      -webkit-transform: none;
              transform: none; }
    html.speaker-mobile .subscribers .subscribers-inner {
      padding: 0 8px; }
    html.speaker-mobile .subscribers .subscribers-label {
      display: none; }
    html.speaker-mobile .subscribers .subscribers-value {
      display: inline-block;
      padding: 0.25em 0.5em;
      border-radius: 4px;
      float: right;
      background: #1baee1;
      color: #fff;
      font-weight: normal;
      vertical-align: top; }
      html.speaker-mobile .subscribers .subscribers-value .icon {
        margin-right: 4px; }
    html.speaker-mobile .subscribers .subscribers-value.flash-green {
      -webkit-animation: flash-green 2s ease;
              animation: flash-green 2s ease; }
    html.speaker-mobile .subscribers .subscribers-value.flash-red {
      -webkit-animation: flash-red 2s ease;
              animation: flash-red 2s ease; }
  @media only screen and (orientation: landscape) {
    html.speaker-mobile .speaker-controls,
    html.speaker-mobile .speaker-progress-content {
      padding-left: 40px !important;
      padding-right: 40px !important; } }
  @media screen and (min-width: 740px) and (min-height: 500px) {
    html.speaker-mobile .speaker-controls {
      font-size: 24px; }
    html.speaker-mobile .subscribers {
      bottom: 66px;
      font-size: 20px; }
    html.speaker-mobile .speaker-progress {
      height: 66px;
      font-size: 20px; } }

/**
 * Speaker view layouts
 */
html.speaker-view .speaker-layout-button {
  width: 38px;
  padding: 0; }

html.speaker-view .speaker-layout-button .icon {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-default-abe7d0a081f3dc23f45e089aa83d705f924d22b2c6ca24bd220d149eec771403.svg);
  background-size: 60%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

html.speaker-view[data-speaker-layout="default"] .current-slide {
  border-right: 1px solid #ddd; }
html.speaker-view[data-speaker-layout="default"] .upcoming-slide {
  border-bottom: 1px solid #ddd; }

html.speaker-view[data-speaker-layout="wide"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-wide-66189311138483710e8a9b86ce834c059d2eaa6e7646301053e161247f22cc59.svg); }
html.speaker-view[data-speaker-layout="wide"] .current-slide,
html.speaker-view[data-speaker-layout="wide"] .upcoming-slide {
  width: 50%;
  height: 45%;
  padding: 0; }
html.speaker-view[data-speaker-layout="wide"] .current-slide {
  top: 0;
  left: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd; }
html.speaker-view[data-speaker-layout="wide"] .upcoming-slide {
  top: 0;
  left: 50%;
  border-bottom: 1px solid #ddd; }
html.speaker-view[data-speaker-layout="wide"] .speaker-controls {
  top: 45%;
  left: 0;
  width: 100%;
  height: 55%;
  font-size: 1.375rem; }

html.speaker-view[data-speaker-layout="tall"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-tall-932ab8737f8f64c332c5df05f25235c26e4973e8bf1773af0db1e966a8ea18d6.svg); }
html.speaker-view[data-speaker-layout="tall"] .current-slide,
html.speaker-view[data-speaker-layout="tall"] .upcoming-slide {
  width: 45%;
  height: 50%;
  padding: 0; }
html.speaker-view[data-speaker-layout="tall"] .current-slide {
  top: 0;
  left: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd; }
html.speaker-view[data-speaker-layout="tall"] .upcoming-slide {
  top: 50%;
  left: 0;
  border-right: 1px solid #ddd; }
html.speaker-view[data-speaker-layout="tall"] .speaker-timer {
  padding-top: 0; }
html.speaker-view[data-speaker-layout="tall"] .speaker-controls {
  padding-top: 8px;
  left: 45%;
  width: 55%;
  height: 100%;
  font-size: 1.375rem; }

html.speaker-view[data-speaker-layout="notes-only"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-notes-only-8c4bb4b5b1a13edb52fab8538f666cf66c852286a2dd9879fc7e2f6978bb6e79.svg); }
html.speaker-view[data-speaker-layout="notes-only"] .current-slide,
html.speaker-view[data-speaker-layout="notes-only"] .upcoming-slide {
  display: none; }
html.speaker-view[data-speaker-layout="notes-only"] .speaker-timer {
  padding-top: 0; }
html.speaker-view[data-speaker-layout="notes-only"] .speaker-controls {
  padding-top: 8px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.71875rem; }

html.speaker-view[data-speaker-layout="current-only"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-current-only-c56150d785b069a05941ccc07263e609215721f8b04f74aff92a3bb224c0d9c5.svg); }
html.speaker-view[data-speaker-layout="current-only"] .upcoming-slide,
html.speaker-view[data-speaker-layout="current-only"] .speaker-controls,
html.speaker-view[data-speaker-layout="current-only"] .current-slide .slide-preview-label {
  display: none; }
html.speaker-view[data-speaker-layout="current-only"] .current-slide {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

html.speaker-view[data-speaker-layout="upcoming-only"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-current-only-c56150d785b069a05941ccc07263e609215721f8b04f74aff92a3bb224c0d9c5.svg); }
html.speaker-view[data-speaker-layout="upcoming-only"] .current-slide,
html.speaker-view[data-speaker-layout="upcoming-only"] .speaker-controls,
html.speaker-view[data-speaker-layout="upcoming-only"] .current-slide .slide-preview-label {
  display: none; }
html.speaker-view[data-speaker-layout="upcoming-only"] .upcoming-slide {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

html.speaker-view[data-speaker-theme="dark"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-default-white-2ff083f95736d01ac80ea9f4b80c6b171b51079fe90c5feddd140803fba95c06.svg); }

html.speaker-view[data-speaker-theme="dark"][data-speaker-layout="wide"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-wide-white-3207be840c5ab09f4ab6fae3dd18300e1e2ed0d2847226705f89f0132e91662e.svg); }

html.speaker-view[data-speaker-theme="dark"][data-speaker-layout="tall"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-tall-white-08a62d97bfe3f0247206d20fe814cf6bcc483a7bbfbaeb3d463538d182b8a8ab.svg); }

html.speaker-view[data-speaker-theme="dark"][data-speaker-layout="notes-only"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-notes-only-white-929a9716d44076981e1f0f791c9d8d94bdc66a84fcef2003de10f238791d7002.svg); }

html.speaker-view[data-speaker-theme="dark"][data-speaker-layout="current-only"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-current-only-white-c48cd57584fd4400628fd4dc79ba0cd5b98cc0253f7f5d6bfb33a5985a7f4030.svg); }

html.speaker-view[data-speaker-theme="dark"][data-speaker-layout="upcoming-only"] .speaker-layout-button .icon {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-upcoming-only-white-319eba0e8d938ead05183e7d6901daefd9f8d63f091fc31c4aa29891cd3bcc66.svg); }

html.speaker-view[data-speaker-theme="dark"] .current-slide, html.speaker-view[data-speaker-theme="dark"] .upcoming-slide {
  border-color: #555; }

/**
 * Speaker view mode
 */
html.speaker-view .speaker-dark-mode-button {
  position: relative;
  width: 36px;
  overflow: hidden;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  margin-left: 2px; }

html.speaker-view .speaker-dark-mode-button .icon {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  -webkit-transform-origin: 50% 200%;
          transform-origin: 50% 200%;
  -webkit-transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), color 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), color 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

html.speaker-view .speaker-dark-mode-button .icon-sun {
  color: #252525;
  -webkit-animation: dark-mode-icon-in 0.4s cubic-bezier(0.86, 0, 0.07, 1);
          animation: dark-mode-icon-in 0.4s cubic-bezier(0.86, 0, 0.07, 1); }

html.speaker-view .speaker-dark-mode-button .icon-moon {
  opacity: 0;
  color: yellow;
  -webkit-animation: dark-mode-icon-out 0.4s cubic-bezier(0.86, 0, 0.07, 1);
          animation: dark-mode-icon-out 0.4s cubic-bezier(0.86, 0, 0.07, 1); }

html.speaker-view[data-speaker-theme="dark"] .speaker-dark-mode-button .icon-sun {
  opacity: 0;
  -webkit-animation: dark-mode-icon-out 0.4s cubic-bezier(0.86, 0, 0.07, 1);
          animation: dark-mode-icon-out 0.4s cubic-bezier(0.86, 0, 0.07, 1); }
html.speaker-view[data-speaker-theme="dark"] .speaker-dark-mode-button .icon-moon {
  opacity: 1;
  -webkit-animation: dark-mode-icon-in 0.4s cubic-bezier(0.86, 0, 0.07, 1);
          animation: dark-mode-icon-in 0.4s cubic-bezier(0.86, 0, 0.07, 1); }

html.speaker-view[data-speaker-theme="dark"] body,
html.speaker-view[data-speaker-theme="dark"] .speaker-controls {
  background-color: #111;
  color: #fff; }
html.speaker-view[data-speaker-theme="dark"] .speaker-controls-label,
html.speaker-view[data-speaker-theme="dark"] .speaker-notes .dim {
  color: #888; }
html.speaker-view[data-speaker-theme="dark"] .current-slide .reveal,
html.speaker-view[data-speaker-theme="dark"] .upcoming-slide iframe {
  border-color: #222; }
html.speaker-view[data-speaker-theme="dark"] .speaker-progress-bar,
html.speaker-view[data-speaker-theme="dark"] .speaker-countdown-bar {
  background: #444; }
html.speaker-view[data-speaker-theme="dark"] .speaker-timer .timer-option,
html.speaker-view[data-speaker-theme="dark"] .speaker-overlay-element {
  background-color: rgba(68, 68, 68, 0.9);
  color: #fff; }
html.speaker-view[data-speaker-theme="dark"] .speaker-timer .timer-option:hover,
html.speaker-view[data-speaker-theme="dark"] button.speaker-overlay-element:hover {
  background-color: #555; }
html.speaker-view[data-speaker-theme="dark"] .upcoming-slide-end-screen,
html.speaker-view[data-speaker-theme="dark"] .upcoming-slide-not-available {
  background-color: #222;
  color: #fff; }
html.speaker-view[data-speaker-theme="dark"] .subscribers {
  background: #111;
  color: #fff; }
html.speaker-view[data-speaker-theme="dark"] .subscribers .subscribers-inner {
  border-top-color: rgba(200, 200, 200, 0.1); }
/**
 * User auth page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.devise .column.thin,
html.devise .column.wide {
  max-width: 100%; }
html.devise .column.thin {
  width: 540px; }
html.devise .column.wide {
  width: 825px; }
html.devise .devise-note {
  padding-top: 10px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
  font-size: 15px;
  color: #666; }
html.devise .devise-note.hidden {
  display: none; }
html.devise .devise-links {
  padding-top: 10px;
  margin-top: 50px;
  border-top: 1px solid #ddd; }
  html.devise .devise-links a, html.devise .devise-links button {
    padding: 0;
    color: #666; }
    html.devise .devise-links a:hover, html.devise .devise-links button:hover {
      color: #333; }
  html.devise .devise-links * + a,
  html.devise .devise-links * + button {
    margin-left: 10px; }
html.devise .devise-note:not(.hidden) + .devise-links {
  margin-top: 10px; }
html.devise form input[type=text],
html.devise form input[type=email],
html.devise form input[type=search],
html.devise form input[type=password],
html.devise .sl-form input[type=text],
html.devise .sl-form input[type=email],
html.devise .sl-form input[type=search],
html.devise .sl-form input[type=password] {
  width: 100%; }
html.devise section form:first-child {
  margin-top: 0; }

html.sessions, html.sessions body, html.sessions #container,
html.passwords,
html.passwords body,
html.passwords #container,
html.subscriptions.new,
html.subscriptions.new body,
html.subscriptions.new #container,
html.registrations.new,
html.registrations.new body,
html.registrations.new #container,
html.registrations.create,
html.registrations.create body,
html.registrations.create #container,
html.invitations.show,
html.invitations.show body,
html.invitations.show #container,
html.teams-reactivate,
html.teams-reactivate body,
html.teams-reactivate #container,
html.devise.verify,
html.devise.verify body,
html.devise.verify #container,
html.users.confirm,
html.users.confirm body,
html.users.confirm #container {
  height: 100%; }
html.sessions #container,
html.passwords #container,
html.subscriptions.new #container,
html.registrations.new #container,
html.registrations.create #container,
html.invitations.show #container,
html.teams-reactivate #container,
html.devise.verify #container,
html.users.confirm #container {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
html.sessions #main,
html.sessions .global-header,
html.sessions .global-footer,
html.passwords #main,
html.passwords .global-header,
html.passwords .global-footer,
html.subscriptions.new #main,
html.subscriptions.new .global-header,
html.subscriptions.new .global-footer,
html.registrations.new #main,
html.registrations.new .global-header,
html.registrations.new .global-footer,
html.registrations.create #main,
html.registrations.create .global-header,
html.registrations.create .global-footer,
html.invitations.show #main,
html.invitations.show .global-header,
html.invitations.show .global-footer,
html.teams-reactivate #main,
html.teams-reactivate .global-header,
html.teams-reactivate .global-footer,
html.devise.verify #main,
html.devise.verify .global-header,
html.devise.verify .global-footer,
html.users.confirm #main,
html.users.confirm .global-header,
html.users.confirm .global-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
html.sessions .global-footer,
html.passwords .global-footer,
html.subscriptions.new .global-footer,
html.registrations.new .global-footer,
html.registrations.create .global-footer,
html.invitations.show .global-footer,
html.teams-reactivate .global-footer,
html.devise.verify .global-footer,
html.users.confirm .global-footer {
  margin-top: 20px; }

html.sessions .invitation-message,
html.invitations .invitation-message {
  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;
  background: transparent;
  padding-top: 20px;
  padding-bottom: 20px; }
  html.sessions .invitation-message .invite-image,
  html.invitations .invitation-message .invite-image {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  html.sessions .invitation-message .invite-message,
  html.invitations .invitation-message .invite-message {
    padding-left: 20px;
    margin: 0; }

html.devise .auth-options {
  position: relative; }
html.devise .auth-divider {
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  margin: 42px 0;
  background: #ddd; }
html.devise .auth-divider:after {
  content: 'OR';
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 12px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  color: #ccc; }
html.devise .auth-option.oauth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
html.devise .auth-option.oauth .oauth-form {
  margin-top: 0;
  width: 100%; }
html.devise .auth-option.oauth .oauth-form + .oauth-form {
  margin-left: 10px; }
html.devise .auth-button {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 10px 15px 50px;
  margin: 0;
  border-radius: 4px;
  text-align: left;
  background: #eee;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  outline-offset: 4px; }
html.devise .auth-option.oauth .oauth-form + .oauth-form {
  margin-left: 10px; }
html.devise .auth-icon {
  display: block;
  position: absolute;
  height: 100%;
  width: 50px;
  left: 0;
  top: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  text-align: center;
  line-height: 50px;
  font-size: 24px; }
html.devise .auth-button.facebook {
  background: #4267B2; }
  html.devise .auth-button.facebook .auth-icon {
    background-image: url(//staging.slides.com/assets/icons/facebook-icon-58-d1a72abbe2db1c8c1673901d91ff96d516ad31142a4d86c657dbace6df5d5c1a.svg);
    background-size: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  html.devise .auth-button.facebook:hover {
    background: #5074be; }
html.devise .auth-button.google {
  background: #eee;
  color: #6d6d6d; }
  html.devise .auth-button.google .auth-icon {
    background-image: url(//staging.slides.com/assets/icons/google-icon-48-e8af5c4a1ee1f31733c1b9b9e075f6292db7833194176d2d8cdeca4b26e2ec5d.svg);
    background-size: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  html.devise .auth-button.google:hover {
    background: #f5f5f5; }
html.devise .auth-toggle-content {
  display: block; }
html.devise .auth-toggle-content.hidden {
  display: none; }
@media screen and (max-width: 550px) {
  html.devise .auth-option.oauth {
    display: block; }
  html.devise .auth-option.oauth .oauth-form + .oauth-form {
    margin-left: 0;
    margin-top: 16px; } }

html.registrations.new .registration-options,
html.registrations.create .registration-options,
html.invitations.show .registration-options {
  position: relative; }
html.registrations.new .registration-divider,
html.registrations.create .registration-divider,
html.invitations.show .registration-divider {
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  margin: 42px 0;
  background: #ddd; }
html.registrations.new .registration-option,
html.registrations.create .registration-option,
html.invitations.show .registration-option {
  border: 1px solid #ddd; }
html.registrations.new .registration-option.expandable,
html.registrations.create .registration-option.expandable,
html.invitations.show .registration-option.expandable {
  border: 1px solid #ddd;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  overflow: hidden;
  max-height: 54px; }
html.registrations.new .registration-option + .registration-option,
html.registrations.create .registration-option + .registration-option,
html.invitations.show .registration-option + .registration-option {
  border-top: 0; }
html.registrations.new .registration-toggle,
html.registrations.create .registration-toggle,
html.invitations.show .registration-toggle {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 70px 0 15px;
  height: 54px;
  line-height: 54px;
  text-align: left;
  color: #585858;
  background-color: #fafafa;
  border: 1px solid transparent; }
  html.registrations.new .registration-toggle:hover,
  html.registrations.create .registration-toggle:hover,
  html.invitations.show .registration-toggle:hover {
    background-color: white; }
  html.registrations.new .registration-toggle .registration-checkbox,
  html.registrations.create .registration-toggle .registration-checkbox,
  html.invitations.show .registration-toggle .registration-checkbox {
    width: 20px;
    height: 20px;
    color: transparent;
    margin: 0 10px; }
  html.registrations.new .registration-toggle .registration-toggle-icon,
  html.registrations.create .registration-toggle .registration-toggle-icon,
  html.invitations.show .registration-toggle .registration-toggle-icon {
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 14px;
    top: 6px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  html.registrations.new .registration-toggle.facebook .registration-toggle-icon,
  html.registrations.create .registration-toggle.facebook .registration-toggle-icon,
  html.invitations.show .registration-toggle.facebook .registration-toggle-icon {
    background-color: #4267B2;
    background-image: url(//staging.slides.com/assets/icons/facebook-icon-58-d1a72abbe2db1c8c1673901d91ff96d516ad31142a4d86c657dbace6df5d5c1a.svg);
    background-size: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  html.registrations.new .registration-toggle.facebook:hover .registration-toggle-icon,
  html.registrations.create .registration-toggle.facebook:hover .registration-toggle-icon,
  html.invitations.show .registration-toggle.facebook:hover .registration-toggle-icon {
    background-color: #6283c5; }
  html.registrations.new .registration-toggle.google .registration-toggle-icon,
  html.registrations.create .registration-toggle.google .registration-toggle-icon,
  html.invitations.show .registration-toggle.google .registration-toggle-icon {
    background-color: #fff;
    background-image: url(//staging.slides.com/assets/icons/google-icon-48-e8af5c4a1ee1f31733c1b9b9e075f6292db7833194176d2d8cdeca4b26e2ec5d.svg);
    background-size: 22px;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  html.registrations.new .registration-toggle.google:hover .registration-toggle-icon,
  html.registrations.create .registration-toggle.google:hover .registration-toggle-icon,
  html.invitations.show .registration-toggle.google:hover .registration-toggle-icon {
    background-color: #f5f5f5; }
  html.registrations.new .registration-toggle.email .registration-toggle-icon,
  html.registrations.create .registration-toggle.email .registration-toggle-icon,
  html.invitations.show .registration-toggle.email .registration-toggle-icon {
    background-color: #b9b7bd; }
  html.registrations.new .registration-toggle.email:hover .registration-toggle-icon,
  html.registrations.create .registration-toggle.email:hover .registration-toggle-icon,
  html.invitations.show .registration-toggle.email:hover .registration-toggle-icon {
    background-color: #d3d2d5; }
html.registrations.new .registration-option:first-child,
html.registrations.new .registration-option:first-child .registration-toggle,
html.registrations.create .registration-option:first-child,
html.registrations.create .registration-option:first-child .registration-toggle,
html.invitations.show .registration-option:first-child,
html.invitations.show .registration-option:first-child .registration-toggle {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
html.registrations.new .registration-option:last-child,
html.registrations.new .registration-option:last-child .registration-toggle,
html.registrations.create .registration-option:last-child,
html.registrations.create .registration-option:last-child .registration-toggle,
html.invitations.show .registration-option:last-child,
html.invitations.show .registration-option:last-child .registration-toggle {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }
html.registrations.new .registration-docs .unit.checkbox,
html.registrations.create .registration-docs .unit.checkbox,
html.invitations.show .registration-docs .unit.checkbox {
  margin-bottom: 15px;
  font-size: 15px; }
html.registrations.new .registration-description,
html.registrations.create .registration-description,
html.invitations.show .registration-description {
  margin-bottom: 14px;
  font-size: 15px;
  color: #555; }
html.registrations.new .registration-toggle-content,
html.registrations.create .registration-toggle-content,
html.invitations.show .registration-toggle-content {
  visibility: hidden;
  padding: 15px; }
html.registrations.new .registration-option.selected,
html.registrations.create .registration-option.selected,
html.invitations.show .registration-option.selected {
  max-height: 350px; }
  html.registrations.new .registration-option.selected .registration-toggle,
  html.registrations.create .registration-option.selected .registration-toggle,
  html.invitations.show .registration-option.selected .registration-toggle {
    color: #252525;
    background-color: #fff; }
  html.registrations.new .registration-option.selected .registration-checkbox,
  html.registrations.create .registration-option.selected .registration-checkbox,
  html.invitations.show .registration-option.selected .registration-checkbox {
    color: currentColor;
    border-color: transparent; }
  html.registrations.new .registration-option.selected .registration-toggle-content,
  html.registrations.create .registration-option.selected .registration-toggle-content,
  html.invitations.show .registration-option.selected .registration-toggle-content {
    visibility: visible; }
html.registrations.new .actions,
html.registrations.create .actions,
html.invitations.show .actions {
  margin-top: 50px;
  text-align: right; }
html.registrations.new .actions .button[data-option-id="facebook"],
html.registrations.create .actions .button[data-option-id="facebook"],
html.invitations.show .actions .button[data-option-id="facebook"] {
  background-color: #4267B2; }
  html.registrations.new .actions .button[data-option-id="facebook"]:not([disabled]):hover,
  html.registrations.create .actions .button[data-option-id="facebook"]:not([disabled]):hover,
  html.invitations.show .actions .button[data-option-id="facebook"]:not([disabled]):hover {
    background-color: #6283c5; }
html.registrations.new .actions .button[data-option-id="google"],
html.registrations.create .actions .button[data-option-id="google"],
html.invitations.show .actions .button[data-option-id="google"] {
  background-color: #4285f4; }
  html.registrations.new .actions .button[data-option-id="google"]:not([disabled]):hover,
  html.registrations.create .actions .button[data-option-id="google"]:not([disabled]):hover,
  html.invitations.show .actions .button[data-option-id="google"]:not([disabled]):hover {
    background-color: #72a4f7; }
html.registrations.new .actions .button:not(.disabled),
html.registrations.create .actions .button:not(.disabled),
html.invitations.show .actions .button:not(.disabled) {
  -webkit-animation: small-bounce 0.4s ease;
          animation: small-bounce 0.4s ease; }

html.registrations #user_challenge,
html.invitations #user_challenge {
  position: relative;
  border-radius: 2px;
  margin-bottom: 35px; }
  html.registrations #user_challenge canvas,
  html.invitations #user_challenge canvas {
    display: block;
    width: 100%;
    height: 120px;
    background: #fafafa; }
  html.registrations #user_challenge .instruction,
  html.invitations #user_challenge .instruction {
    display: block;
    position: relative;
    padding-top: 4px;
    margin-bottom: -8px;
    color: #bbb;
    font-size: 12px;
    text-align: right; }
  html.registrations #user_challenge.completed .instruction,
  html.invitations #user_challenge.completed .instruction {
    visibility: hidden; }

html.registrations.edit .column .photo-editor .picture,
html.registrations.update .column .photo-editor .picture {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 15px 0 0;
  float: left;
  z-index: 2;
  border-radius: 2px;
  -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; }
html.registrations.edit .column .photo-editor .description,
html.registrations.update .column .photo-editor .description {
  position: relative;
  height: 60px;
  line-height: 58px;
  padding: 0 15px;
  font-size: 0.9em;
  background: #f6f7f9;
  border: 1px solid #edeff2;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden; }
  html.registrations.edit .column .photo-editor .description .action,
  html.registrations.update .column .photo-editor .description .action {
    position: absolute;
    right: 0px;
    top: 0;
    background: transparent;
    padding: 0 15px 0 5px; }
html.registrations.edit .column .photo-editor .gravatar-photo,
html.registrations.update .column .photo-editor .gravatar-photo {
  display: none; }
html.registrations.edit .column .photo-editor[data-photo-type='gravatar'] .gravatar-photo,
html.registrations.update .column .photo-editor[data-photo-type='gravatar'] .gravatar-photo {
  display: block; }
html.registrations.edit .column .photo-editor[data-photo-type='gravatar'] .profile-photo,
html.registrations.update .column .photo-editor[data-photo-type='gravatar'] .profile-photo {
  display: none; }
html.registrations.edit .account-type,
html.registrations.update .account-type {
  margin-top: 15px;
  margin-bottom: 25px; }
  html.registrations.edit .account-type p,
  html.registrations.update .account-type p {
    margin: 0 0 5px 0; }
  html.registrations.edit .account-type .lite-account,
  html.registrations.edit .account-type .pro-account,
  html.registrations.edit .account-type .free-account,
  html.registrations.update .account-type .lite-account,
  html.registrations.update .account-type .pro-account,
  html.registrations.update .account-type .free-account {
    display: none;
    position: relative;
    padding: 15px;
    font-size: 0.9em;
    background: #f6f7f9;
    border: 1px solid #edeff2;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden; }
    html.registrations.edit .account-type .lite-account .action,
    html.registrations.edit .account-type .pro-account .action,
    html.registrations.edit .account-type .free-account .action,
    html.registrations.update .account-type .lite-account .action,
    html.registrations.update .account-type .pro-account .action,
    html.registrations.update .account-type .free-account .action {
      position: absolute;
      right: 15px;
      background: transparent;
      padding: 0 0 0 5px; }
html.registrations.edit [data-toggle-content].active,
html.registrations.update [data-toggle-content].active {
  color: #222; }
html.registrations.edit .optional-content,
html.registrations.update .optional-content {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  html.registrations.edit .optional-content.visible,
  html.registrations.update .optional-content.visible {
    max-height: 150px;
    opacity: 1;
    visibility: visible; }
  html.registrations.edit .optional-content .button,
  html.registrations.update .optional-content .button {
    color: #fff; }
html.registrations.edit .delete-account-action,
html.registrations.update .delete-account-action {
  display: none; }

html.registrations.edit[data-account=default] .free-account {
  display: block; }

html.registrations.edit[data-account=lite] .lite-account {
  display: block; }

html.registrations.edit[data-account=pro] .pro-account {
  display: block; }

html.devise .sl-text-grid {
  margin-top: 8em;
  margin-bottom: 5em;
  max-width: 900px; }
html.devise .column form,
html.devise .column .sl-form {
  margin-top: 30px; }
  html.devise .column form .unit.cvc,
  html.devise .column form .unit.mmyy,
  html.devise .column .sl-form .unit.cvc,
  html.devise .column .sl-form .unit.mmyy {
    display: inline-block;
    margin-top: 0; }
  html.devise .column form .unit.mmyy,
  html.devise .column .sl-form .unit.mmyy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 15px; }
  html.devise .column form .unit.mmyy label,
  html.devise .column .sl-form .unit.mmyy label {
    width: 100%; }
  html.devise .column form .unit.mmyy .sl-select,
  html.devise .column .sl-form .unit.mmyy .sl-select {
    background-color: #f6f7f9;
    border-color: #edeff2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 120px; }
  html.devise .column form .unit.mmyy .sl-select:hover,
  html.devise .column .sl-form .unit.mmyy .sl-select:hover {
    border-color: #b3b9c7; }
  html.devise .column form .unit.mmyy .mm,
  html.devise .column .sl-form .unit.mmyy .mm {
    margin-right: 4px; }
  html.devise .column form .unit.cvc,
  html.devise .column .sl-form .unit.cvc {
    width: 120px; }
  html.devise .column form .sl-info,
  html.devise .column .sl-form .sl-info {
    margin-left: 10px; }
html.devise .unit-group-description {
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: #777; }
html.devise .credit-card {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 20px;
  cursor: default; }
html.devise .credit-card .faded {
  color: #999; }
html.devise .credit-card-type {
  float: right; }
html.devise .credit-card-type[data-type] {
  width: 50px;
  height: 24px;
  background-size: contain;
  background-position: 100% 50%;
  background-repeat: no-repeat; }
html.devise .credit-card-type[data-type="alipay"] {
  background-image: url(//staging.slides.com/assets/icons/cc/alipay-dccb48bb781d95b653a32866cb9faee24bec761d54315b497e261e565114e0c5.svg); }
html.devise .credit-card-type[data-type="amex"] {
  background-image: url(//staging.slides.com/assets/icons/cc/amex-69c295aeb5dc775f7eb83d88ff4d002a9701a56141b2fbdd8c6eec1e8fb51b44.svg); }
html.devise .credit-card-type[data-type="diners"] {
  background-image: url(//staging.slides.com/assets/icons/cc/diners-47dcef0a6f33ec3fbd977a725d924849a84b08bc17a85a7c3f0d0bbb8502573c.svg); }
html.devise .credit-card-type[data-type="discover"] {
  background-image: url(//staging.slides.com/assets/icons/cc/discover-65de6e725a4c0f3a629d9327fc1f81ec41471d89b90e331f92499583c2f4b61e.svg); }
html.devise .credit-card-type[data-type="jcb"] {
  background-image: url(//staging.slides.com/assets/icons/cc/jcb-ff5b117b745d51efdd91b18f78b4145642ad9d27f5e4173d96f2ddcb1864bf3a.svg); }
html.devise .credit-card-type[data-type="maestro"] {
  background-image: url(//staging.slides.com/assets/icons/cc/maestro-76863f435a5a5425468efd60be36b168ab77492a9e4bc33261e002ba02666b92.svg); }
html.devise .credit-card-type[data-type="mastercard"] {
  background-image: url(//staging.slides.com/assets/icons/cc/mastercard-59e32ecefad2e8b087426984892ad0bfe90f0e904ce8f84db99db9fd586e0cc1.svg); }
html.devise .credit-card-type[data-type="visa"] {
  background-image: url(//staging.slides.com/assets/icons/cc/visa-4619feaed108fa6ebede476bb174e75f59bf776e8ae97b57839d6dff48974706.svg); }

html.teams-reactivate .marketing-intro {
  margin-top: 30px; }

html.subscriptions.show .billing-loader .billing-loader-spinner {
  min-height: 400px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
html.subscriptions.show .billing-loader .spinner {
  display: inline-block;
  position: relative;
  margin-top: 10px;
  vertical-align: top; }
html.subscriptions.show .billing-details .field {
  margin-bottom: 10px; }
  html.subscriptions.show .billing-details .field .label {
    font-weight: 500; }
  html.subscriptions.show .billing-details .field .value {
    float: right; }
html.subscriptions.show .billing-details .field + .field {
  border-top: 1px solid #eee;
  padding-top: 10px; }
html.subscriptions.show .billing-history table .refund {
  display: block;
  color: #999;
  margin-left: -5px; }
html.subscriptions.show .billing-history table .download {
  text-align: right; }
html.subscriptions.show .billing-history table .download form {
  display: inline-block;
  margin: 0; }
html.subscriptions.show .billing-history table .download form + form {
  margin-left: 4px; }
html.subscriptions.show .billing-history table .download .button {
  padding: 4px;
  font-size: 10px;
  text-transform: uppercase; }
html.subscriptions.show .billing-history .sl-checkbox {
  margin-top: 30px;
  font-size: 14px; }
html.subscriptions.show .billing-settings textarea {
  font-size: 1em; }
html.subscriptions.show section .actions {
  margin-top: 40px; }
  html.subscriptions.show section .actions .title {
    margin-bottom: 20px;
    font-weight: 500; }
  html.subscriptions.show section .actions .button {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
    padding: 14px; }
html.subscriptions.show .billing-thanks {
  width: 460px; }
  html.subscriptions.show .billing-thanks section {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
@media screen and (max-width: 1180px) {
  html.subscriptions.show .billing-thanks {
    display: none; } }
@media screen and (max-width: 550px) {
  html.subscriptions.show .billing-history table th.optional,
  html.subscriptions.show .billing-history table td.optional {
    display: none; } }
@media screen and (max-width: 450px) {
  html.subscriptions.show .billing-details .field .value {
    display: block;
    float: none; } }

@media screen and (max-width: 500px) {
  html.sessions.new .marketing-intro {
    display: none; } }
html.sessions.new .auth-options-saml .auth-button.saml {
  margin-top: 0;
  padding: 15px 70px 15px 15px;
  border: 0;
  background-color: #2fb7e6;
  color: #fff; }
  html.sessions.new .auth-options-saml .auth-button.saml .auth-icon {
    left: auto;
    right: 0;
    padding-top: 2px;
    border-left-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    font-size: 22px; }
  html.sessions.new .auth-options-saml .auth-button.saml:hover {
    background-color: #5dc7ec;
    color: #fff; }
html.sessions.new .auth-options-saml .auth-button.saml-email-fallback {
  margin: 30px 0 0 0;
  padding: 6px 12px;
  color: #777;
  background: transparent;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: normal; }
  html.sessions.new .auth-options-saml .auth-button.saml-email-fallback:hover {
    color: #555;
    border-color: #bbb; }
html.sessions.new .auth-options-saml .auth-option.email-auth {
  padding: 0; }
html.sessions.new .auth-options-saml .auth-option.email-auth .auth-toggle-content {
  border: 1px solid #eee;
  border-top: 0; }
html.sessions.new .auth-options-saml .auth-toggle .text-expanded {
  display: none; }
html.sessions.new .auth-options-saml .auth-toggle.expanded .text-collapsed {
  display: none; }
html.sessions.new .auth-options-saml .auth-toggle.expanded .text-expanded {
  display: block; }

html.sessions.new .saml-auth + .email-auth {
  border-top: 0;
  font-size: 0.9em; }
  html.sessions.new .saml-auth + .email-auth form {
    padding: 12px; }

html.devise.verify section:not([data-verify-state="idle"]) {
  display: none; }
/**
 * Explore page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.home.explore .sl-deck-thumbnail,
html.teams.show .sl-deck-thumbnail {
  background-color: #fff; }
html.home.explore .deck-list h1,
html.home.explore .deck-list h3,
html.teams.show .deck-list h1,
html.teams.show .deck-list h3 {
  margin-bottom: 20px; }
html.home.explore .marketing-section:first-child,
html.teams.show .marketing-section:first-child {
  padding-left: 10px;
  padding-right: 10px; }
html.home.explore .search-form,
html.teams.show .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 640px;
  margin: 2em auto 0 auto;
  font-size: 18px; }
  html.home.explore .search-form .search-term-wrapper,
  html.teams.show .search-form .search-term-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    position: relative; }
  html.home.explore .search-form .search-term,
  html.teams.show .search-form .search-term {
    width: 100%;
    font-size: 1em;
    padding-left: 1.6em;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    html.home.explore .search-form .search-term:focus,
    html.teams.show .search-form .search-term:focus {
      background-color: rgba(255, 255, 255, 0.96); }
  html.home.explore .search-form .search-clear,
  html.teams.show .search-form .search-clear {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 7px 0.7em;
    font-size: 1.1em;
    background-color: transparent; }
    html.home.explore .search-form .search-clear .icon,
    html.teams.show .search-form .search-clear .icon {
      border-radius: 20px;
      padding: 10px; }
    html.home.explore .search-form .search-clear:hover .icon,
    html.teams.show .search-form .search-clear:hover .icon {
      background-color: #fff; }
  html.home.explore .search-form .search-submit,
  html.teams.show .search-form .search-submit {
    padding-right: 1.2em;
    padding-left: 1em;
    font-size: 1.3em;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; }
html.home.explore .search-keywords,
html.teams.show .search-keywords {
  max-width: 640px;
  margin: 0 auto;
  font-size: 12px;
  margin-top: 10px; }
  html.home.explore .search-keywords h4,
  html.teams.show .search-keywords h4 {
    display: inline-block;
    margin-right: 4px;
    font-size: 1em; }
  html.home.explore .search-keywords .search-keywords-list,
  html.teams.show .search-keywords .search-keywords-list {
    display: inline-block; }
  html.home.explore .search-keywords button,
  html.teams.show .search-keywords button {
    display: inline-block;
    padding: 4px;
    margin-left: 4px; }
html.home.explore .search.has-searched .search-clear,
html.teams.show .search.has-searched .search-clear {
  display: block; }
html.home.explore .search-results,
html.teams.show .search-results {
  display: block; }
  html.home.explore .search-results header,
  html.teams.show .search-results header {
    margin-bottom: 1em; }
  html.home.explore .search-results:not(.has-searched),
  html.teams.show .search-results:not(.has-searched) {
    display: none; }
html.home.explore .search-results-title,
html.teams.show .search-results-title {
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 0 1em 0;
  font-style: italic;
  font-size: 16.8px;
  font-weight: normal;
  color: #555; }
html.home.explore .search-results-sorting,
html.teams.show .search-results-sorting {
  display: none;
  margin: 0 0 1em 0;
  float: right; }
  html.home.explore .search-results-sorting label,
  html.teams.show .search-results-sorting label {
    margin: 0 0 0 5px; }
html.home.explore .search-results-list,
html.teams.show .search-results-list {
  clear: both; }
@media screen and (max-width: 1200px) {
  html.home.explore .search-results,
  html.teams.show .search-results {
    max-height: none; } }
@media screen and (max-width: 950px) {
  html.home.explore .search .search-form,
  html.teams.show .search .search-form {
    font-size: 16px; } }
@media screen and (max-width: 500px) {
  html.home.explore .search .search-form,
  html.teams.show .search .search-form {
    font-size: 14px; }
  html.home.explore .search .search-results header .search-results-sorting,
  html.home.explore .search .search-results header .deck-pagination,
  html.teams.show .search .search-results header .search-results-sorting,
  html.teams.show .search .search-results header .deck-pagination {
    float: none; } }
@media screen and (max-width: 400px) {
  html.home.explore .sl-deck-thumbnail,
  html.teams.show .sl-deck-thumbnail {
    width: 100%;
    margin: 0 0 15px 0 !important; }
  html.home.explore .deck-thumb-image,
  html.teams.show .deck-thumb-image {
    margin-left: auto;
    margin-right: auto; } }
/**
 * Features page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.home.features .features-section {
  margin: 0 auto;
  text-align: left; }
  html.home.features .features-section h3 {
    color: #999;
    margin: 0 auto;
    max-width: 1200px;
    margin-bottom: 1em; }
  html.home.features .features-section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px; }
html.home.features .features-item {
  display: block;
  width: 30%;
  font-size: 14px; }
  html.home.features .features-item h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.2em;
    font-weight: 600;
    margin: 20px 0 0 0; }
  html.home.features .features-item p {
    font-size: 1em;
    margin: 10px 0 2em 0; }
  html.home.features .features-item [data-preview-media] {
    cursor: pointer; }
html.home.features .features-tag {
  position: relative;
  padding: 4px 6px;
  margin-left: 10px;
  font-size: 14px;
  border-radius: 2px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3); }
html.home.features .features-tag:hover {
  background-color: #1baee1; }
@media screen and (max-width: 1000px) {
  html.home.features .features-item {
    width: 46%; } }
@media screen and (max-width: 700px) {
  html.home.features .features-item {
    width: 100%; } }
/**
 * Home/landing page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.home.index .glboal-header {
  background-color: #fff; }

html.home.index,
html.home.index #container {
  background-color: #fff; }

html.home.index,
html.home.index body {
  overflow: auto;
  width: auto;
  height: auto; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  40% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  40% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }
html.home.index .marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 90vh;
  z-index: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  color: #fff;
  background-color: #f5f5f5;
  -webkit-perspective: 1000px;
          perspective: 1000px; }
  html.home.index .marquee .marquee-background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(320deg, #1baee1, #4a0099 70%);
    z-index: 1; }
  html.home.index .marquee .marquee-canvas {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 50vmin; }
  html.home.index .marquee .marquee-inner {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto 8em auto;
    padding: 12em 10px 14em 10px;
    padding: 12vh 10px 14vh 10px;
    text-align: left;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  html.home.index .marquee .description {
    display: block;
    position: relative;
    margin: 3em auto 2em auto;
    padding: 0 2em 0 1em;
    font-size: 19px;
    max-width: 700px; }
  html.home.index .marquee .description-title {
    margin-bottom: 0.4em;
    font-size: 4.2em;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: -0.04em; }
  html.home.index .marquee .description-subtitle {
    margin-bottom: 2em;
    font-size: 1em;
    font-family: "Inter", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.4; }
  html.home.index .marquee .description-cta-wrapper {
    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;
    gap: 1.6em; }
  html.home.index .marquee .description-cta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 1em;
    color: #4a0099;
    background-color: #f5f5f5; }
    html.home.index .marquee .description-cta:hover {
      background-color: #fff; }
    html.home.index .marquee .description-cta:active {
      top: 1px; }
    html.home.index .marquee .description-cta svg {
      margin-left: 12px; }
  html.home.index .marquee .description-cta-secondary {
    position: relative;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.15);
    margin-left: 20px;
    color: #fff; }
    html.home.index .marquee .description-cta-secondary:hover {
      background: rgba(255, 255, 255, 0.1); }
    html.home.index .marquee .description-cta-secondary:active {
      top: 1px; }
  html.home.index .marquee .description-testimonials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 0.75em;
    gap: 5px; }
    html.home.index .marquee .description-testimonials div {
      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;
      gap: 8px; }
  html.home.index .marquee .description-promotion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 8px 4px 4px;
    border-radius: 18px;
    color: #fff;
    font-size: 0.8em;
    background: rgba(255, 255, 255, 0.15);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  html.home.index .marquee .description-promotion:first-child {
    margin-bottom: 2em; }
  html.home.index .marquee .description-promotion:last-child {
    margin-top: 2.4em; }
  html.home.index .marquee .description-promotion:hover {
    background: rgba(255, 255, 255, 0.1); }
  html.home.index .marquee .description-promotion-tag {
    padding: 0 6px;
    margin-right: 6px;
    background-color: #fff;
    color: #4a0099;
    text-transform: uppercase;
    border-radius: 16px; }
  html.home.index .marquee .description-promotion-tag:before {
    content: "New";
    font-weight: 600;
    font-size: 0.8em;
    vertical-align: 0.05em; }
  html.home.index .marquee .description-promotion svg {
    margin-left: 6px; }
  html.home.index .marquee .demo {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 10px;
    z-index: 2;
    color: #f5f5f5; }
  html.home.index .marquee .demo-content {
    position: relative;
    z-index: 3; }
  html.home.index .marquee .demo .reveal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 30px;
    background-color: #e4637c;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.4s;
    transition: opacity 0.2s linear 0.4s; }
    html.home.index .marquee .demo .reveal h1, html.home.index .marquee .demo .reveal h2, html.home.index .marquee .demo .reveal h3, html.home.index .marquee .demo .reveal h4, html.home.index .marquee .demo .reveal p, html.home.index .marquee .demo .reveal ul {
      font-family: "Inter", Helvetica, sans-serif !important;
      font-weight: normal; }
    html.home.index .marquee .demo .reveal .controls button {
      color: #fff; }
    html.home.index .marquee .demo .reveal.has-light-background .controls button {
      color: #222; }
    html.home.index .marquee .demo .reveal .hljs-ln {
      border-collapse: collapse; }
    html.home.index .marquee .demo .reveal .hljs-ln-n:before {
      content: attr(data-line-number); }
  html.home.index .marquee .made-with-slides {
    position: absolute;
    bottom: -23px;
    right: 20px;
    background-color: #fff;
    padding: 8px 16px;
    font-size: 13px;
    color: #222;
    z-index: 1;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.15);
    opacity: 0;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s linear, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s linear;
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s linear, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform; }
    html.home.index .marquee .made-with-slides:before {
      content: '';
      position: absolute;
      height: 0px;
      width: 0px;
      left: 50%;
      right: initial;
      top: initial;
      bottom: 97%;
      border-style: solid;
      border-width: 8px;
      border-color: transparent;
      -webkit-transform: rotate(360deg);
      margin-left: -8px;
      border-top-width: 0;
      border-bottom-color: #fff; }
  html.home.index .marquee .sl-webbrowser {
    font-size: 1.6em; }
  html.home.index .marquee .sl-webbrowser-deck {
    font-size: 0.65em;
    overflow: hidden; }
  html.home.index .marquee .sl-webbrowser .marquee-video {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden; }
  html.home.index .marquee .sl-webbrowser-deck video {
    margin: -1px; }
  html.home.index .marquee .demo-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s linear 0.1s, visibility 0.5s linear 0.1s;
    transition: opacity 0.5s linear 0.1s, visibility 0.5s linear 0.1s;
    z-index: 2; }
  html.home.index .marquee .demo-spinner .sk-circle:before {
    background-color: #bbb; }
  html.home.index .marquee.intro .demo .reveal {
    opacity: 1; }
  html.home.index .marquee.intro .demo-spinner {
    display: none; }
  html.home.index .marquee .sl-webbrowser.loaded ~ .made-with-slides {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  @media screen and (max-width: 1500px) {
    html.home.index .marquee .demo {
      font-size: 9px; } }
  @media screen and (max-width: 1400px) {
    html.home.index .marquee .demo {
      font-size: 8px; }
    html.home.index .marquee .description {
      font-size: 18px; } }
  @media screen and (max-width: 1150px) {
    html.home.index .marquee .demo {
      font-size: 7px; }
    html.home.index .marquee .description {
      font-size: 16px; } }
  @media screen and (max-width: 1000px) {
    html.home.index .marquee .demo {
      font-size: 8px; }
    html.home.index .marquee .marquee-inner {
      display: block;
      text-align: center; }
    html.home.index .marquee .description {
      margin-top: 0;
      margin-bottom: 4em;
      padding: 0 1em;
      max-width: none; }
    html.home.index .marquee .description-subtitle {
      max-width: 480px;
      margin-left: auto;
      margin-right: auto; }
    html.home.index .marquee .description-promotion {
      margin-left: auto;
      margin-right: auto; }
    html.home.index .marquee .description-cta-wrapper {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media screen and (max-width: 850px), (max-height: 700px) {
    html.home.index .marquee .description-title {
      font-size: 3em; }
    html.home.index .marquee .description-subtitle {
      margin-bottom: 1.4em; }
    html.home.index .marquee .description-cta {
      padding: 12px;
      margin: 0; } }
  @media screen and (max-width: 600px) {
    html.home.index .marquee .demo {
      font-size: 6px; } }
  @media screen and (max-width: 500px) {
    html.home.index .marquee {
      min-height: 86vh; }
    html.home.index .marquee .marquee-inner {
      margin-bottom: 0; }
    html.home.index .marquee .description {
      text-align: left; }
    html.home.index .marquee .description-title {
      margin-bottom: 0.5em; }
    html.home.index .marquee .description-subtitle {
      font-size: 1em;
      margin-bottom: 1.5em; }
    html.home.index .marquee .description-promotion {
      margin-left: 0;
      margin-right: 0; }
    html.home.index .marquee .demo {
      display: none; }
    html.home.index .marquee .description-cta-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }

html.home.index .scroll-promotion {
  position: absolute;
  width: 200px;
  left: 50%;
  bottom: 0;
  padding: 14px 0;
  margin-left: -100px;
  text-align: center;
  z-index: 2;
  -webkit-transition: all 0.4s linear 1s;
  transition: all 0.4s linear 1s; }
html.home.index .scroll-promotion.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: none;
  transition: none; }
html.home.index .scroll-promotion-arrow {
  display: inline-block;
  width: 36px;
  height: 36px;
  cursor: pointer;
  opacity: 0.5;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html.home.index .scroll-promotion-arrow .line {
    position: absolute;
    left: 50%;
    top: 60%;
    width: 24px;
    height: 4px;
    border-radius: 2px;
    background: #999;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    will-change: transform; }
  html.home.index .scroll-promotion-arrow .line-1 {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-100%, 0%) rotate(40deg);
            transform: translate(-100%, 0%) rotate(40deg); }
  html.home.index .scroll-promotion-arrow .line-2 {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: translate(0%, 0%) rotate(-40deg);
            transform: translate(0%, 0%) rotate(-40deg); }
  html.home.index .scroll-promotion-arrow.bounce {
    -webkit-animation: bounce 1s 1 both ease-out;
            animation: bounce 1s 1 both ease-out; }
html.home.index .scroll-promotion:hover .scroll-promotion-arrow .line-1 {
  -webkit-transform: translate(-100%, 0%) rotate(45deg);
          transform: translate(-100%, 0%) rotate(45deg); }
html.home.index .scroll-promotion:hover .scroll-promotion-arrow .line-2 {
  -webkit-transform: translate(0%, 0%) rotate(-45deg);
          transform: translate(0%, 0%) rotate(-45deg); }
html.home.index .scroll-promotion:active .scroll-promotion-arrow .line-1 {
  -webkit-transform: translate(-100%, 0%) rotate(50deg);
          transform: translate(-100%, 0%) rotate(50deg); }
html.home.index .scroll-promotion:active .scroll-promotion-arrow .line-2 {
  -webkit-transform: translate(0%, 0%) rotate(-50deg);
          transform: translate(0%, 0%) rotate(-50deg); }
@media screen and (max-width: 500px), (max-height: 440px) {
  html.home.index .scroll-promotion {
    bottom: -30px; } }

html.home.index .features {
  max-width: 2000px;
  margin: auto; }
html.home.index .feature {
  position: relative;
  width: 100%;
  padding: 5em 0;
  padding: 10vh 0; }
html.home.index .feature:first-child {
  padding-top: 5em; }
html.home.index .feature-edge {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1; }
  html.home.index .feature-edge path {
    fill: #fff; }
html.home.index .feature-inner {
  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;
  width: 100%;
  margin: auto; }
html.home.index .feature-content {
  padding: 2em 3em; }
  html.home.index .feature-content h2 {
    font-size: 2.5em; }
  html.home.index .feature-content p, html.home.index .feature-content ul {
    font-size: 1.3em;
    line-height: 1.6;
    opacity: 0.9; }
  html.home.index .feature-content ul {
    margin: 1em 0 1em 1.2em; }
  html.home.index .feature-content img {
    margin: 1em 0; }
  html.home.index .feature-content .button {
    padding: 18px 22px;
    margin-top: 1em;
    font-size: 1.3em;
    background-color: #222;
    border-radius: 4px; }
  html.home.index .feature-content .button:hover {
    background-color: #333; }
  html.home.index .feature-content .button:active {
    background-color: #111; }
html.home.index .feature-content {
  width: 45%;
  text-align: left;
  font-size: 16px; }
html.home.index .feature-content-inner {
  max-width: 600px;
  margin: auto; }
html.home.index .feature-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 55%;
  margin: 0; }
html.home.index .feature-media img,
html.home.index .feature-media video {
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.2); }
html.home.index .feature-media img,
html.home.index .feature-media video,
html.home.index .feature-bento-media img,
html.home.index .feature-bento-media video {
  width: 100%;
  height: 100%; }
html.home.index .feature-media video,
html.home.index .feature-bento-media video {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
html.home.index .feature-media.loaded video,
html.home.index .feature-bento-media.loaded video {
  opacity: 1; }
html.home.index .feature-media-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  html.home.index .feature-media-spinner .sk-fading-circle .sk-circle:before {
    background-color: #aaa; }
html.home.index .feature-media.loaded .feature-media-spinner,
html.home.index .feature-bento-media.loaded .feature-media-spinner {
  display: none; }
html.home.index .feature-bento-inner {
  display: grid;
  margin: auto;
  padding: 16px;
  gap: 16px;
  grid-template-areas: "A A A A B B B B B C C C" "D D D D D E E E F F F F";
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto-fit, 1fr);
  grid-auto-flow: dense; }
html.home.index .feature-bento-cell {
  border-radius: 16px;
  background: #f5f5f5;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.11); }
html.home.index .feature-bento-content {
  padding: 32px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 200px;
  font-size: 16px; }
html.home.index .feature-bento-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -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-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  html.home.index .feature-bento-content-inner > * {
    margin: 0;
    line-height: 1.3; }
  html.home.index .feature-bento-content-inner h2 {
    font-size: 2em; }
  html.home.index .feature-bento-content-inner p {
    font-size: 1.5em; }
html.home.index .feature-bento-content-inner.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }
html.home.index .feature-bento-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5; }
  html.home.index .feature-bento-media img, html.home.index .feature-bento-media video {
    border-radius: 16px !important;
    -o-object-fit: cover;
       object-fit: cover; }
  html.home.index .feature-bento-media .video-progress {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s ease, 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); }
  html.home.index .feature-bento-media .video-progress .track {
    fill: rgba(0, 0, 0, 0.5);
    stroke-width: 26px;
    -webkit-transition: stroke-width 0.3s ease;
    transition: stroke-width 0.3s ease; }
  html.home.index .feature-bento-media .video-progress .bar {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.3s linear;
    transition: stroke-dashoffset 0.3s linear;
    stroke: #fff;
    stroke-width: 26px;
    opacity: 0; }
  html.home.index .feature-bento-media .video-progress .play {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  html.home.index .feature-bento-media video.playing + .video-progress {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
    html.home.index .feature-bento-media video.playing + .video-progress .track {
      fill: transparent;
      stroke: rgba(0, 0, 0, 0.5);
      stroke-width: 26px; }
    html.home.index .feature-bento-media video.playing + .video-progress .bar {
      opacity: 1; }
    html.home.index .feature-bento-media video.playing + .video-progress .play {
      opacity: 0; }
html.home.index .feature-bento-cell:nth-child(1) {
  grid-area: A; }
html.home.index .feature-bento-cell:nth-child(2) {
  grid-area: B; }
html.home.index .feature-bento-cell:nth-child(3) {
  grid-area: C; }
html.home.index .feature-bento-cell:nth-child(4) {
  grid-area: D; }
html.home.index .feature-bento-cell:nth-child(5) {
  grid-area: E; }
html.home.index .feature-bento-cell:nth-child(6) {
  grid-area: F; }
@media screen and (max-width: 1200px) {
  html.home.index .feature-bento-content {
    padding: 24px;
    font-size: 14px; } }
@media screen and (max-width: 1000px) {
  html.home.index .feature-bento-inner {
    grid-template-areas: "A A A A A B B B B B B B B" "D D D D D D D E E E E E E" "C C C C C C F F F F F F F"; } }
@media screen and (max-width: 700px) {
  html.home.index .feature-bento-content {
    font-size: 12px; }
  html.home.index .feature-bento-inner {
    grid-template-columns: auto;
    grid-template-areas: "A A" "B B" "E E" "D D" "C C" "F F"; } }
html.home.index .feature:nth-child(even) {
  background-color: #f5f5f5; }
  html.home.index .feature:nth-child(even) path {
    fill: #f5f5f5; }
html.home.index .feature:nth-child(odd) video {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }
html.home.index .feature:nth-child(even) .feature-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
html.home.index .feature:nth-child(even) video {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }
@media screen and (min-height: 900px) {
  html.home.index .feature {
    padding: 10em 0;
    padding: 20vh 0; } }
@media screen and (max-width: 1200px) {
  html.home.index .feature-content {
    font-size: 14px; } }
@media screen and (max-width: 900px) {
  html.home.index .feature:first-child {
    padding-top: 5em; }
  html.home.index .feature-inner {
    display: block;
    padding: 1em; }
  html.home.index .feature-content {
    width: 100%;
    font-size: 12px;
    padding-left: 1em;
    padding-right: 1em; }
  html.home.index .feature-media {
    width: 100%;
    margin-top: 3em; }
  html.home.index .feature-media video {
    border-radius: 16px; } }

html.home.index .global-footer {
  padding-top: 100px;
  margin-top: 0;
  border-top: 0; }
/**
 * Explore page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.markdown-import-page .import-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  min-height: calc(100vh - 70px);
  background: -webkit-gradient(linear, left bottom, left top, from(#5a5a65), to(#2f2f33));
  background: linear-gradient(0deg, #5a5a65, #2f2f33);
  padding: 4em 1em;
  gap: 4em;
  margin-bottom: 4em; }
  html.markdown-import-page .import-wrapper .sl-popup-inner {
    width: 100% !important; }
  html.markdown-import-page .import-wrapper .import-component {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
html.markdown-import-page .import-component-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.7); }
html.markdown-import-page .import-component {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px; }
html.markdown-import-page .import-intro {
  color: #fff;
  text-align: center; }
  html.markdown-import-page .import-intro h1 {
    font-size: 2em; }
html.markdown-import-page .import-description {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 3em;
     -moz-column-gap: 3em;
          column-gap: 3em; }
  html.markdown-import-page .import-description ol {
    padding-left: 0;
    list-style-position: inside; }
@media screen and (max-width: 550px) {
  html.markdown-import-page .import-wrapper {
    gap: 2em;
    padding: 2em 6px 4em 6px; }
  html.markdown-import-page .import-description {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto; } }
/**
 * Styling for marketing pages (home, features, etc)
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.marketing-page,
html.marketing-page #container {
  background-color: #fff; }

html.marketing-page h1, html.marketing-page h2, html.marketing-page h3 {
  font-family: "Inter", Helvetica, sans-serif; }
html.marketing-page h1, html.marketing-page h2 {
  font-weight: 600; }
html.marketing-page .column {
  max-width: none; }
html.marketing-page .main > section,
html.marketing-page .main > .marketing-section {
  max-width: none; }
html.marketing-page .global-footer {
  border-top: 0; }
html.marketing-page .marketing-section {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 10vh 2em 8vh 2em;
  font-size: 16px; }
  html.marketing-page .marketing-section h1 {
    font-size: 2.8em;
    font-weight: 600;
    letter-spacing: -1px; }
  html.marketing-page .marketing-section h1:first-child:last-child {
    font-size: 3.5em; }
  html.marketing-page .marketing-section h2 {
    font-size: 2.5em;
    font-weight: 600;
    letter-spacing: -1px; }
  html.marketing-page .marketing-section h3 {
    font-size: 2em;
    font-weight: 400; }
  html.marketing-page .marketing-section p {
    font-size: 1.3em;
    line-height: 1.6;
    color: #444; }
html.marketing-page .marketing-section:nth-child(odd) {
  background-color: #f5f5f5; }
  html.marketing-page .marketing-section:nth-child(odd) path {
    fill: #f5f5f5; }
html.marketing-page .marketing-section.padding-s {
  padding-top: 5em;
  padding-bottom: 4em; }
html.marketing-page .marketing-section.match-header-height {
  padding-top: 0;
  padding-bottom: 0;
  height: 80px; }
html.marketing-page .marketing-section-curve {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  margin-top: -1px; }
  html.marketing-page .marketing-section-curve path {
    fill: #fff; }
html.marketing-page .marketing-header.text-only {
  text-align: center; }
  html.marketing-page .marketing-header.text-only h1, html.marketing-page .marketing-header.text-only p {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto; }
  html.marketing-page .marketing-header.text-only h1 + p {
    margin-top: 1em; }
  html.marketing-page .marketing-header.text-only p {
    margin: 0 auto;
    font-size: 1.4em; }
@media screen and (max-width: 1200px) {
  html.marketing-page .marketing-section {
    font-size: 14px; }
  html.marketing-page .marketing-section h2,
  html.marketing-page .marketing-section h3 {
    font-size: 2.1em; } }
@media screen and (max-width: 1000px) {
  html.marketing-page .marketing-header.text-only {
    text-align: left;
    font-size: 0.8em; }
    html.marketing-page .marketing-header.text-only h1, html.marketing-page .marketing-header.text-only p {
      max-width: none;
      margin-left: 0;
      margin-right: 0; } }

html.marketing-page .marketing-section.cta {
  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-align: center;
      -ms-flex-align: center;
          align-items: center; }

html.marketing-page .create-account-intro {
  font-size: 28px;
  font-weight: normal; }

html.marketing-page .create-account {
  margin: 40px 0; }

@media screen and (max-width: 600px) {
  html.marketing-page .create-account-intro,
  html.marketing-page .create-account {
    font-size: 24px; } }
html.marketing-page .marketing-section.dark-grey {
  color: #fff;
  background-color: #555;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
  background: linear-gradient(to bottom, #666 0%, #555 100%); }
  html.marketing-page .marketing-section.dark-grey p, html.marketing-page .marketing-section.dark-grey ul {
    color: white; }
  html.marketing-page .marketing-section.dark-grey path {
    fill: #555; }

html.marketing-page .marketing-section.extra-dark {
  color: #fff;
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: linear-gradient(to bottom, #222 0%, #111 100%); }
  html.marketing-page .marketing-section.extra-dark p, html.marketing-page .marketing-section.extra-dark ul {
    color: white; }
  html.marketing-page .marketing-section.extra-dark path {
    fill: #111; }

html.marketing-page .marketing-section.ocean-blue {
  color: #fff;
  background-color: #159ba9;
  background: -webkit-gradient(linear, left top, left bottom, from(#3249b7), to(#159ba9));
  background: linear-gradient(to bottom, #3249b7 0%, #159ba9 100%); }
  html.marketing-page .marketing-section.ocean-blue p, html.marketing-page .marketing-section.ocean-blue ul {
    color: white; }
  html.marketing-page .marketing-section.ocean-blue path {
    fill: #159ba9; }

html.marketing-page .marketing-section.night-sky {
  color: #fff;
  background-color: #666195;
  background: -webkit-gradient(linear, left top, left bottom, from(#252d58), to(#666195));
  background: linear-gradient(to bottom, #252d58 0%, #666195 100%); }
  html.marketing-page .marketing-section.night-sky p, html.marketing-page .marketing-section.night-sky ul {
    color: white; }
  html.marketing-page .marketing-section.night-sky path {
    fill: #666195; }

html.marketing-page .marketing-section.mauve {
  color: #fff;
  background-color: #42275a;
  background: -webkit-gradient(linear, left top, left bottom, from(#734b6d), to(#42275a));
  background: linear-gradient(to bottom, #734b6d 0%, #42275a 100%); }
  html.marketing-page .marketing-section.mauve p, html.marketing-page .marketing-section.mauve ul {
    color: white; }
  html.marketing-page .marketing-section.mauve path {
    fill: #42275a; }

html.marketing-page .marketing-section.deep-space {
  color: #fff;
  background-color: #222;
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background: linear-gradient(to bottom, #444 0%, #222 100%); }
  html.marketing-page .marketing-section.deep-space p, html.marketing-page .marketing-section.deep-space ul {
    color: white; }
  html.marketing-page .marketing-section.deep-space path {
    fill: #222; }

html.marketing-page .marketing-section.flat-space {
  color: #fff;
  background-color: #2f2f33;
  background: -webkit-gradient(linear, left top, left bottom, from(#2f2f33), to(#2f2f33));
  background: linear-gradient(to bottom, #2f2f33 0%, #2f2f33 100%); }
  html.marketing-page .marketing-section.flat-space p, html.marketing-page .marketing-section.flat-space ul {
    color: white; }
  html.marketing-page .marketing-section.flat-space path {
    fill: #2f2f33; }

html.marketing-page .marketing-section.purpleink {
  color: #fff;
  background-color: #5e4fc5;
  background: -webkit-gradient(linear, left top, left bottom, from(#705fe5), to(#5e4fc5));
  background: linear-gradient(to bottom, #705fe5 0%, #5e4fc5 100%); }
  html.marketing-page .marketing-section.purpleink p, html.marketing-page .marketing-section.purpleink ul {
    color: white; }
  html.marketing-page .marketing-section.purpleink path {
    fill: #5e4fc5; }

html.marketing-page .marketing-section.light-clouds {
  color: #333;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#dee1e5), to(#fff));
  background: linear-gradient(to bottom, #dee1e5 0%, #fff 100%); }
  html.marketing-page .marketing-section.light-clouds p, html.marketing-page .marketing-section.light-clouds ul {
    color: #4d4d4d; }
  html.marketing-page .marketing-section.light-clouds path {
    fill: #fff; }

html.marketing-page .marketing-section.purple-sky {
  color: #fff;
  background-color: #6b46e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#3A1C71), to(#6b46e8));
  background: linear-gradient(to bottom, #3A1C71 0%, #6b46e8 100%); }
  html.marketing-page .marketing-section.purple-sky p, html.marketing-page .marketing-section.purple-sky ul {
    color: white; }
  html.marketing-page .marketing-section.purple-sky path {
    fill: #6b46e8; }

html.marketing-page .marketing-section.mint {
  color: #fff;
  background-color: #0e7b75;
  background: -webkit-gradient(linear, left top, left bottom, from(#1a413f), to(#0e7b75));
  background: linear-gradient(to bottom, #1a413f 0%, #0e7b75 100%); }
  html.marketing-page .marketing-section.mint p, html.marketing-page .marketing-section.mint ul {
    color: white; }
  html.marketing-page .marketing-section.mint path {
    fill: #0e7b75; }

html.marketing-page .marketing-section.ai {
  color: #fff;
  background-color: #1baee1;
  background: -webkit-gradient(linear, left top, left bottom, from(#7b00ff), to(#1baee1));
  background: linear-gradient(to bottom, #7b00ff 0%, #1baee1 100%); }
  html.marketing-page .marketing-section.ai p, html.marketing-page .marketing-section.ai ul {
    color: white; }
  html.marketing-page .marketing-section.ai path {
    fill: #1baee1; }
/**
 * Shared views for all landing/marketing pages.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.marketing .global-footer {
  padding-top: 200px;
  margin-top: 0; }

html.marketing .features .feature {
  padding: 5em 0;
  padding: 10vh 0; }
html.marketing .feature:first-child {
  padding-top: 15em;
  padding-bottom: 15em; }
html.marketing .feature:first-child .button {
  font-weight: 600; }
html.marketing .feature-inner {
  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;
  width: 100%;
  margin: auto;
  max-width: 2000px; }
html.marketing .feature-content {
  width: 55%;
  text-align: left;
  padding: 2em; }
  html.marketing .feature-content p {
    font-size: 1.28em; }
  html.marketing .feature-content ul {
    font-size: 1.28em;
    margin: 1em 0 1em 1.2em; }
  html.marketing .feature-content .button {
    padding: 18px 22px;
    margin-top: 1em;
    font-size: 1.28em;
    border-radius: 4px; }
html.marketing .feature-content-inner {
  max-width: 600px;
  margin: auto; }
html.marketing .feature-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 45%;
  margin: 0; }
html.marketing .compact .feature-content,
html.marketing .compact .feature-media {
  width: 50%;
  padding: 2em; }
html.marketing .feature-media img,
html.marketing .feature-media video {
  width: 100%;
  height: 100%; }
html.marketing .feature-media > img,
html.marketing .feature-media > video {
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.2); }
html.marketing .feature.seamless-media .feature-media img,
html.marketing .feature.seamless-media .feature-media video {
  -webkit-box-shadow: none;
          box-shadow: none; }
html.marketing .feature-media video {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 2; }
html.marketing .feature-media.loaded video {
  position: relative;
  opacity: 1; }
html.marketing .feature-media.loaded video + img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-shadow: none;
          box-shadow: none; }
html.marketing .feature-media-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }
  html.marketing .feature-media-spinner .sk-fading-circle .sk-circle:before {
    background-color: #aaa; }
html.marketing .feature-media-credit {
  position: absolute;
  color: rgba(0, 0, 0, 0.3);
  top: 100%;
  left: 10px;
  font-size: 12px; }
html.marketing .feature-media.loaded .feature-media-spinner {
  display: none; }
html.marketing .feature:nth-child(odd) img, html.marketing .feature:nth-child(odd) video, html.marketing .feature:nth-child(odd) .sl-webbrowser, html.marketing .feature:nth-child(odd) .feature-media-spinner {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }
html.marketing .feature:nth-child(even) .feature-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
html.marketing .feature:nth-child(even) img, html.marketing .feature:nth-child(even) video, html.marketing .feature:nth-child(even) .sl-webbrowser, html.marketing .feature:nth-child(even) .feature-media-spinner {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }
@media screen and (min-height: 900px) {
  html.marketing .feature {
    padding: 10em 0;
    padding: 14vh 0; }
  html.marketing .feature:first-child {
    padding: 20vh 0; } }
@media screen and (max-width: 900px) {
  html.marketing .feature:first-child {
    padding-top: 5em;
    padding-bottom: 6em; }
  html.marketing .feature-inner {
    display: block;
    padding: 1em; }
  html.marketing .feature .feature-content {
    width: 100%;
    font-size: 12px;
    padding-left: 1em;
    padding-right: 1em; }
  html.marketing .feature .feature-media {
    width: 100%;
    margin-top: 3em; }
  html.marketing .feature-media img,
  html.marketing .feature-media video,
  html.marketing .feature-media .sl-webbrowser {
    border-radius: 16px !important; }
  html.marketing .compact:first-child {
    padding-bottom: 3em; }
  html.marketing .compact .feature-media {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 600px; } }
/**
 * Simple CSS-only spinner animation from https://github.com/tobiasahlin/SpinKit
 */
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }
.sk-fading-circle {
  margin: auto;
  width: 60px;
  height: 60px;
  position: relative; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 25px;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }
/**
 * Shared views for all static pages.
 */
html.static.about .contact {
  margin-top: 1em; }
html.static.about .contact-item {
  display: inline-block;
  width: 52px;
  height: 42px;
  border-radius: 2px;
  background-size: 50% 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #999;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
html.static.about .contact-item:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
html.static.about .contact-item + .contact-item {
  margin-left: 10px; }
html.static.about .contact-item[data-type="email"] {
  background-image: url(//staging.slides.com/assets/icons/email-icon-32-3b2c15c8e9fe235847087ed3085e07a37bfeab31cc9878e133c000f349412ef1.svg);
  background-color: #999; }
  html.static.about .contact-item[data-type="email"]:hover {
    background-color: #a8a8a8; }
html.static.about .contact-item[data-type="twitter"] {
  background-image: url(//staging.slides.com/assets/icons/twitter-icon-32-7ed3374e3c16cfa103ddecb56160740d62f62a2d1da2a0293919daa0af1e60b6.svg);
  background-color: #55acee; }
  html.static.about .contact-item[data-type="twitter"]:hover {
    background-color: #71baf1; }
html.static.about .contact-item[data-type="facebook"] {
  background-image: url(//staging.slides.com/assets/icons/facebook-icon-58-d1a72abbe2db1c8c1673901d91ff96d516ad31142a4d86c657dbace6df5d5c1a.svg);
  background-color: #4267B2; }
  html.static.about .contact-item[data-type="facebook"]:hover {
    background-color: #5377bf; }
html.static.about .team {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
@media screen and (max-width: 500px) {
  html.static.about .team {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
html.static.about .team-person {
  width: 100%;
  padding-right: 20px;
  padding-bottom: 20px; }
html.static.about .team-person-picture {
  display: inline-block;
  position: relative;
  z-index: 1; }
html.static.about .team-person-picture:before, html.static.about .team-person-picture:after {
  position: absolute;
  width: 45%;
  height: 10px;
  content: ' ';
  left: 7px;
  bottom: 7px;
  background: transparent;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  z-index: -1; }
html.static.about .team-person-picture:after {
  left: auto;
  right: 7px;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg); }
html.static.about .team-person-picture img {
  display: block;
  max-width: 170px;
  border: 4px solid #f5f5f5; }
html.static.about .team-person .name {
  font-weight: 600;
  margin-right: 10px;
  vertical-align: middle; }
html.static.about .team-person .twitter {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  white-space: nowrap;
  background-color: #55acee;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
  html.static.about .team-person .twitter .icon {
    margin-right: 5px; }
  html.static.about .team-person .twitter:hover {
    background-color: #71baf1;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
html.static.about #brand .logo-item {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top; }
  html.static.about #brand .logo-item img {
    width: 100%;
    max-width: 380px;
    border: 1px solid #eee;
    padding: 10px; }
  html.static.about #brand .logo-item.dark img {
    background: #222; }
html.static.about #brand .logo-item:not(:last-child) {
  margin-right: 20px; }
html.static.about #brand h2:not(:first-child) {
  margin-top: 2em; }
html.static.about #brand .color-item {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin-right: -40px; }
  html.static.about #brand .color-item .color-item-label {
    display: block;
    position: relative;
    width: 100%;
    top: 86px;
    color: #fff;
    text-align: center; }
html.static.about #screenshots .screenshot-item {
  display: inline-block;
  margin: 7px; }
  html.static.about #screenshots .screenshot-item img {
    max-width: 100%;
    border: 1px solid #fff; }
  html.static.about #screenshots .screenshot-item img.white-edges {
    border-color: #eee; }
html.static.about #testimonials .twitter-tweet {
  display: inline-block !important;
  margin: 8px 5px !important;
  vertical-align: top; }
/**
 * Shared views for all static pages.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.static .main section {
  max-width: 900px; }
html.static .main ul {
  list-style: disc;
  margin: 20px 0 30px 20px; }
  html.static .main ul ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style: circle;
    font-size: 0.9em; }
html.static .main ol {
  margin: 20px 0 30px 20px; }
html.static .main ol li,
html.static .main ul li {
  margin: 0.5em 0; }
html.static .main dl dt {
  font-weight: 600; }
html.static .main dl dd {
  margin: 0; }
html.static .main dl dd + dt {
  margin-top: 0.5em; }
html.static .main h3,
html.static .main h4 {
  margin-top: 1.5em; }
html.static .main h2, html.static .main h3, html.static .main h4 {
  font-weight: 600; }
html.static .click-to-expand {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in; }
  html.static .click-to-expand.expanded {
    max-width: none !important;
    max-height: none !important;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out; }
html.static .column.wide {
  width: 800px;
  max-width: 100%; }
html.static .column.wide-l {
  width: 900px;
  max-width: 100%; }

html.static.partners .partner-header {
  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-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px; }
html.static.partners .partner-header .meta {
  text-align: right; }
html.static.partners .partner-header .url {
  margin: 12px 0 0 0;
  font-size: 16px;
  text-decoration: underline; }
html.static.partners .partner-header .category {
  color: #999;
  border: 1px solid #eee;
  padding: 4px;
  font-size: 0.7em;
  text-transform: uppercase; }

html.static.message section {
  font-size: 1.4em;
  min-height: 40vh;
  display: grid;
  place-items: center; }

html.static.privacy section a,
html.static.terms section a {
  border-bottom: 1px solid #8fc1de; }
/**
 * Changelog styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.static.changelog #container {
  background-color: #fff; }
html.static.changelog .sl-changelog {
  position: relative;
  max-width: 600px;
  padding-left: 120px;
  margin: 80px auto 0 auto;
  font-size: 16px; }
  html.static.changelog .sl-changelog .sl-changelog-item {
    position: relative;
    padding: 0 25px 90px 25px;
    margin: 0;
    list-style: none;
    z-index: 2;
    border-radius: 4px; }
    html.static.changelog .sl-changelog .sl-changelog-item p {
      margin: 0; }
    html.static.changelog .sl-changelog .sl-changelog-item a {
      color: #0070B2; }
  html.static.changelog .sl-changelog .sl-changelog-item-line {
    position: absolute;
    top: 0;
    left: -11px;
    width: 2px;
    bottom: 0;
    background-color: #222; }
  html.static.changelog .sl-changelog .sl-changelog-item:first-child .sl-changelog-item-line {
    top: 13px; }
  html.static.changelog .sl-changelog .sl-changelog-item:last-child .sl-changelog-item-line {
    height: 13px; }
  html.static.changelog .sl-changelog .sl-changelog-item-bullet {
    position: absolute;
    top: 3px;
    left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 3px solid #222;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s !important;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s !important; }
  html.static.changelog .sl-changelog .sl-changelog-item.is-visible .sl-changelog-item-bullet {
    -webkit-transform: none;
            transform: none; }
  html.static.changelog .sl-changelog .sl-changelog-item-date {
    position: absolute;
    right: 100%;
    white-space: nowrap;
    padding-right: 45px;
    color: #888;
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s !important;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s !important; }
  html.static.changelog .sl-changelog .sl-changelog-item-description {
    opacity: 0;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s !important;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s !important;
    word-break: break-word; }
  html.static.changelog .sl-changelog .sl-changelog-item.is-visible .sl-changelog-item-date,
  html.static.changelog .sl-changelog .sl-changelog-item.is-visible .sl-changelog-item-description {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  html.static.changelog .sl-changelog .sl-changelog-item.is-unread .sl-changelog-item-date:before {
    content: 'New';
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 1px 6px;
    margin-right: 10px;
    border-radius: 22px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #888; }
  html.static.changelog .sl-changelog .sl-changelog-item.is-unread .sl-changelog-item-bullet {
    border-color: #1baee1; }
  html.static.changelog .sl-changelog .sl-changelog-item.is-unread .sl-changelog-item-line {
    background-color: #1baee1; }
  html.static.changelog .sl-changelog .sl-changelog-tag {
    position: relative;
    padding: 1px 6px;
    top: -2px;
    margin-left: 6px;
    font-size: 12px;
    color: #168bb3;
    border: 1px solid #1baee1;
    border-radius: 22px;
    cursor: default;
    white-space: nowrap; }
  html.static.changelog .sl-changelog .sl-changelog-tag:hover {
    color: #fff;
    background-color: #1baee1; }
@media screen and (max-width: 750px) {
  html.static.changelog .sl-changelog {
    padding-left: 45px; }
  html.static.changelog .sl-changelog .sl-changelog-item-date {
    position: static;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px); }
  html.static.changelog .sl-changelog .sl-changelog-item.is-unread .sl-changelog-item-date:before {
    display: none; } }
/**
 * Developer page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.static.developers h3 {
  padding-top: 2em;
  margin-top: 0;
  font-weight: 600;
  font-size: 1.2em; }
html.static.developers h4 {
  padding-top: 1em; }
html.static.developers h2 .header-secondary-text,
html.static.developers h3 .header-secondary-text {
  display: inline-block;
  color: #bbb;
  margin-left: 6px;
  font-weight: normal; }
html.static.developers .developer-image {
  max-width: 100%;
  max-height: 100%; }
html.static.developers .developer-image.outline {
  border: 1px solid #ddd; }
html.static.developers h4 + p {
  margin-top: 0.5em; }
html.static.developers .code-block {
  white-space: pre;
  overflow: auto;
  max-width: 100%;
  font-size: 0.9375em; }
  html.static.developers .code-block code {
    background-color: #f9f9f9;
    padding: 10px; }
html.static.developers .code-inline {
  background-color: #f9f9f9;
  padding: 4px; }
html.static.developers .key-value-table .code-block {
  white-space: pre-wrap; }
html.static.developers .key-value-table {
  width: 100%;
  margin: 1.5em 0;
  font-size: 0.9375em; }
  html.static.developers .key-value-table:last-child {
    margin-bottom: 0; }
  html.static.developers .key-value-table td,
  html.static.developers .key-value-table th {
    padding: 14px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    border: 1px solid #ddd; }
  html.static.developers .key-value-table tr + tr {
    border-top: 1px solid #ddd; }
  html.static.developers .key-value-table th {
    font-weight: 500;
    background-color: #f5f5f5; }
  html.static.developers .key-value-table td:first-child {
    font-weight: 500;
    color: #222; }
  html.static.developers .key-value-table td .meta {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    font-weight: normal;
    color: #777; }
  html.static.developers .key-value-table td .meta-item {
    padding: 2px 6px;
    margin-right: 4px;
    border: 1px solid #eee;
    border-radius: 2px;
    text-transform: uppercase; }
  html.static.developers .key-value-table td .deem {
    color: #999;
    font-weight: normal; }
  html.static.developers .key-value-table td em {
    color: #222;
    font-weight: 500;
    font-style: normal; }
  html.static.developers .key-value-table td ul {
    margin: 0.4em 0.2em;
    list-style-position: inside; }
  html.static.developers .key-value-table td li {
    margin: 0.2em 0; }
  html.static.developers .key-value-table .key-value-table th,
  html.static.developers .key-value-table .key-value-table td {
    border-color: transparent;
    padding: 8px 14px; }
  html.static.developers .key-value-table .key-value-table th {
    background: transparent;
    border-bottom: 1px solid #ddd;
    color: #aaa; }
  html.static.developers .key-value-table .key-value-table th:first-child,
  html.static.developers .key-value-table .key-value-table td:first-child {
    border-right: 1px solid #ddd;
    padding-left: 0;
    white-space: nowrap;
    width: 1px; }
  html.static.developers .key-value-table .key-value-table th:last-child,
  html.static.developers .key-value-table .key-value-table td:last-child {
    border-right: 0; }
@media screen and (max-width: 500px) {
  html.static.developers .key-value-table {
    display: block;
    overflow: auto;
    font-size: 0.8em; } }
/**
 * Styles for pricing page.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.static.pricing,
html.static.pricing #container {
  background-color: #eee; }

html.static.pricing .tiers,
html.static.pricing .pricing-header-inner {
  max-width: 1280px;
  padding-left: 2%;
  padding-right: 2%; }
html.static.pricing .pricing-header {
  -webkit-transition: opacity 0.13s ease;
  transition: opacity 0.13s ease;
  min-height: 100px;
  padding: 8em 0 8em 0; }
  html.static.pricing .pricing-header hgroup {
    margin-bottom: 0; }
  html.static.pricing .pricing-header hgroup h2 {
    color: #fff;
    text-align: inherit; }
html.static.pricing .pricing-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto; }
html.static.pricing .pricing-header.deemphasize hgroup,
html.static.pricing .pricing-header.deemphasize .free-tier {
  opacity: 0.3; }
html.static.pricing .pricing-header-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px; }
html.static.pricing .pricing-header-mid {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
  text-align: center; }
html.static.pricing .pricing-header-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  margin-left: 10px; }
html.static.pricing .pricing-header-right:hover:after {
  content: '';
  display: block;
  position: absolute;
  width: 110%;
  height: 100px;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(4%, 4%);
          transform: translate(4%, 4%); }
html.static.pricing .billing-period {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  border-radius: 50px;
  color: #ddd;
  white-space: nowrap; }
html.static.pricing .billing-period:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px; }
html.static.pricing .billing-period .discount {
  font-weight: 500;
  opacity: 0.9; }
html.static.pricing .billing-period:hover {
  color: #fff; }
  html.static.pricing .billing-period:hover:before {
    border-color: rgba(255, 255, 255, 0.4); }
html.static.pricing .billing-period input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0; }
  html.static.pricing .billing-period input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding: 8px 14px;
    cursor: pointer;
    border: 2px solid transparent;
    z-index: 2;
    border-radius: 50px; }
  html.static.pricing .billing-period input[type="radio"]:focus + label {
    outline: 1px solid #fff;
    outline-offset: 4px; }
  html.static.pricing .billing-period input[type="radio"] + label:first-of-type {
    padding-left: 20px; }
  html.static.pricing .billing-period input[type="radio"] + label:last-of-type {
    padding-right: 20px; }
  html.static.pricing .billing-period input[type="radio"] + label:last-of-type {
    border-left: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px; }
  html.static.pricing .billing-period input[type="radio"]:checked + label {
    color: #222;
    z-index: 1;
    border-color: #fff;
    background-color: #fff; }
html.static.pricing .monthly-billing {
  display: none !important; }
html.static.pricing[data-billing-period="monthly"] .monthly-billing {
  display: initial !important; }
html.static.pricing[data-billing-period="monthly"] .yearly-billing {
  display: none !important; }
html.static.pricing .free-tier {
  display: block;
  padding: 10px 16px;
  background-color: #fff;
  color: #252525;
  border-radius: 4px; }
  html.static.pricing .free-tier .title {
    margin: 0;
    font-size: 16px;
    font-weight: 500; }
  html.static.pricing .free-tier .title .icon {
    font-size: 1.2em;
    margin-top: 1px;
    margin-left: 5px;
    vertical-align: top; }
  html.static.pricing .free-tier .description {
    margin: 5px 0 0 0;
    font-size: 15px;
    color: inherit; }
  html.static.pricing .free-tier .description strong {
    font-weight: 600; }
html.static.pricing .free-tier-mobile {
  display: none;
  max-width: 340px;
  margin-top: 40px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }
  html.static.pricing .free-tier-mobile .title {
    font-weight: 600; }
html.static.pricing .free-tier-mobile:hover {
  border-color: #1baee1; }
html.static.pricing .free-tier-collapsed,
html.static.pricing .free-tier-expanded {
  position: absolute;
  right: 0;
  bottom: 0; }
html.static.pricing .free-tier-collapsed {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 2px solid rgba(255, 255, 255, 0.1); }
html.static.pricing .free-tier-expanded {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  bottom: -45px;
  color: #333;
  padding: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1), 0 5px 15px rgba(255, 255, 255, 0.1);
          box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1), 0 5px 15px rgba(255, 255, 255, 0.1);
  -webkit-transform: translate(4%, 4%);
          transform: translate(4%, 4%); }
  html.static.pricing .free-tier-expanded .title {
    font-weight: bold; }
html.static.pricing .pricing-header-right:hover .free-tier-collapsed,
html.static.pricing .pricing-header-right:focus .free-tier-collapsed {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-4%, -4%);
          transform: translate(-4%, -4%); }
html.static.pricing .pricing-header-right:hover .free-tier-expanded,
html.static.pricing .pricing-header-right:focus .free-tier-expanded {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none; }
html.static.pricing .tiers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 auto 40px auto;
  color: #222;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: transparent;
  z-index: 2; }
html.static.pricing .sl-coupon {
  margin-top: -5em;
  z-index: 2; }
html.static.pricing .sl-coupon + .tiers {
  margin-top: 4em; }
html.static.pricing .tier {
  display: block;
  width: 32%;
  min-width: 280px;
  max-width: 90%;
  margin: 0 0 3em 2%;
  vertical-align: top;
  text-align: center;
  cursor: default; }
  html.static.pricing .tier .tier-inner {
    background: #fff;
    border-radius: 14px;
    border-top-left-radius: 17.5px;
    border-top-right-radius: 17.5px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition: 0.15s -webkit-transform ease, 0.15s -webkit-box-shadow linear;
    transition: 0.15s -webkit-transform ease, 0.15s -webkit-box-shadow linear;
    transition: 0.15s transform ease, 0.15s box-shadow linear;
    transition: 0.15s transform ease, 0.15s box-shadow linear, 0.15s -webkit-transform ease, 0.15s -webkit-box-shadow linear; }
  html.static.pricing .tier strong {
    font-weight: 600; }
  html.static.pricing .tier header {
    color: #fff;
    position: relative;
    background: #979ca2;
    background: -webkit-gradient(linear, left top, left bottom, from(#72787e), to(#979ca2));
    background: linear-gradient(180deg, #72787e, #979ca2);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; }
    html.static.pricing .tier header .name {
      padding: 20px 0;
      margin: 0 0 -8px 0;
      font-size: 20px;
      color: #fff;
      border-top-left-radius: 14px;
      border-top-right-radius: 14px; }
    html.static.pricing .tier header .price {
      margin: 0;
      font-size: 50px;
      font-weight: normal; }
      html.static.pricing .tier header .price span {
        display: inline-block;
        line-height: 1; }
      html.static.pricing .tier header .price .sup {
        font-size: 0.6em;
        vertical-align: 1.7em; }
      html.static.pricing .tier header .price .val {
        font-size: 2em;
        margin: 0 -10px;
        letter-spacing: -10px; }
      html.static.pricing .tier header .price .sub {
        text-align: left;
        font-size: 0.4em;
        line-height: 1.2; }
      html.static.pricing .tier header .price .sub-sub {
        display: block; }
    html.static.pricing .tier header .description {
      margin: 0;
      font-size: 15px;
      height: 35px;
      line-height: 1.7; }
      html.static.pricing .tier header .description span.team-emphasized {
        padding: 2px 10px;
        margin-bottom: 4px;
        color: rgba(255, 255, 255, 0.85); }
      html.static.pricing .tier header .description span.faded {
        color: rgba(255, 255, 255, 0.85); }
      html.static.pricing .tier header .description span:first-child:last-child {
        line-height: 35px; }
    html.static.pricing .tier header .description.flash {
      -webkit-animation: flash-opacity 0.5s 1 ease;
              animation: flash-opacity 0.5s 1 ease; }
  html.static.pricing .tier .cta {
    display: block;
    padding: 10px 25px;
    margin-top: 15px; }
    html.static.pricing .tier .cta .button {
      position: relative;
      width: 80%;
      padding: 15px 0;
      border-radius: 40px;
      -webkit-transition: 0.15s background-color ease;
      transition: 0.15s background-color ease;
      color: #252525;
      background-color: transparent;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.7)));
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75); }
    html.static.pricing .tier .cta .button.button:hover {
      background-color: rgba(255, 255, 255, 0.9); }
    html.static.pricing .tier .cta .button.button.disabled {
      color: #252525;
      background-image: none;
      background-color: rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: none;
              box-shadow: none; }
    html.static.pricing .tier .cta .button .icon {
      position: absolute;
      font-size: 1.2em;
      top: 13px;
      right: 15px;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  html.static.pricing .tier .cta:last-child {
    padding-bottom: 32px; }
  html.static.pricing .tier .body {
    padding: 15px;
    font-size: 15px; }
    html.static.pricing .tier .body p {
      margin: 0;
      padding: 6px 16px; }
    html.static.pricing .tier .body ul {
      margin: 0; }
    html.static.pricing .tier .body .pricing-bullet {
      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: start;
          -ms-flex-align: start;
              align-items: flex-start;
      position: relative;
      padding: 12px 0 12px 15px;
      list-style: none;
      text-align: left;
      margin: 0;
      white-space: nowrap; }
    html.static.pricing .tier .body .pricing-bullet.two-lines-fixed {
      height: 64px; }
    html.static.pricing .tier .body .pricing-bullet:before {
      content: '';
      display: inline-block;
      width: 18px;
      height: 18px;
      margin: 1px 8px 0 -18px;
      vertical-align: middle;
      opacity: 0.6;
      background-image: url(//staging.slides.com/assets/icons/checkmark-efff7fc2a7a58b43c9db703ba34da5e6d7275fdc72a9dbbae38d2a28b481d6fb.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-color: inherit; }
    html.static.pricing .tier .body .pricing-bullet-additional:before {
      background-image: url(//staging.slides.com/assets/icons/plus-1f043c5cded66036bbe982e39caff54b84bc97d6654fcf42c0b7b2f1cd5876cf.svg); }
    html.static.pricing .tier .body .faded {
      color: #888; }
    html.static.pricing .tier .body .info {
      display: block;
      width: 22px;
      height: 22px;
      margin: 0 0 0 auto;
      line-height: 22px;
      text-align: center;
      background: #222;
      color: #fff;
      border-radius: 50%;
      opacity: 0.05;
      font-family: Times;
      font-size: 18px;
      -webkit-transition: 0.2s opacity ease;
      transition: 0.2s opacity ease; }
      html.static.pricing .tier .body .info:hover {
        opacity: 1 !important; }
html.static.pricing .tier:first-child {
  margin-left: 0; }
html.static.pricing .tier.deemphasize {
  opacity: 0.3; }
html.static.pricing .tier.hover .tier-inner {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.17);
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
  opacity: 1; }
  html.static.pricing .tier.hover .tier-inner .body .info {
    opacity: 0.2; }
html.static.pricing .tier.hover .cta .button {
  background-color: rgba(255, 255, 255, 0.3); }
html.static.pricing .tier.hover .cta .button .icon {
  -webkit-transform: translateX(4px);
          transform: translateX(4px); }
html.static.pricing .tier.pro {
  margin-top: -20px; }
html.static.pricing .tier.pro header {
  background: #1baee1;
  background: -webkit-gradient(linear, left top, left bottom, from(#017eff), to(#1baee1));
  background: linear-gradient(180deg, #017eff, #1baee1); }
html.static.pricing .tier.pro header .name {
  padding: 30px; }
html.static.pricing .tier.team header {
  background: #E5637C;
  background: -webkit-gradient(linear, left top, left bottom, from(#d5145b), to(#E5637C));
  background: linear-gradient(180deg, #d5145b, #E5637C); }
html.static.pricing .tier.enterprise header {
  border-radius: 14px; }
html.static.pricing .tier.enterprise .description {
  height: auto;
  padding: 0 30px;
  text-align: left;
  color: #fff;
  line-height: 1.5; }
@media screen and (min-width: 1100px) {
  html.static.pricing .tier.enterprise {
    margin-left: auto; } }
@media screen and (max-width: 1100px) {
  html.static.pricing .pricing-header-left {
    display: none; }
  html.static.pricing .pricing-header-mid:not(:first-child) {
    text-align: left; }
  html.static.pricing .tiers {
    padding: 0 2%; }
  html.static.pricing .tiers .tier {
    width: 49%; }
  html.static.pricing .tier:nth-child(odd) {
    margin-left: 0; } }
@media screen and (max-width: 680px) {
  html.static.pricing .pricing-header-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  html.static.pricing .pricing-header .discount {
    display: none; }
  html.static.pricing .pricing-header-mid {
    text-align: center !important; }
  html.static.pricing .pricing-header-left,
  html.static.pricing .pricing-header-right {
    margin-left: 0;
    margin-right: 0; }
  html.static.pricing .free-tier {
    display: none; }
  html.static.pricing .free-tier-mobile {
    display: block; }
  html.static.pricing .tiers {
    margin-bottom: 40px !important; }
    html.static.pricing .tiers .tier {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
html.static.pricing.touch .info {
  display: none !important; }

html.static.pricing .sl-billing-period {
  text-align: center; }
  html.static.pricing .sl-billing-period label {
    margin: 0 !important; }
/**
 * UI test page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.wireframe, html.wireframe body {
  overflow: auto;
  width: auto;
  height: auto;
  background: #fff;
  line-height: initial; }
html.wireframe body {
  overflow: visible; }
html.wireframe .sl-wireframe {
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 1300px;
  margin: 0 auto; }
html.wireframe .sl-page-nav {
  margin-left: 20px;
  margin-top: 50px; }
html.wireframe .sl-page-nav li {
  margin: 0; }
html.wireframe .sl-page-nav a {
  padding: 8px 0;
  font-size: 16px; }
html.wireframe .components {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid #ddd;
  overflow: hidden; }
html.wireframe section {
  width: 100%;
  min-height: 100vh;
  padding: 60px;
  border-top: 1px solid #ddd;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
html.wireframe section:first-of-type {
  border-top: 0; }
html.wireframe section > h2 {
  margin-bottom: 30px; }
html.wireframe section > h3 {
  margin: 20px 0 10px 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #777; }
html.wireframe .button-group .button:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 12px; }
html.wireframe .sl-transition-list {
  background: #f5f5f5;
  padding: 20px;
  width: 700px;
  -webkit-tap-highlight-color: transparent; }
html.wireframe .sl-transition-thumbnail {
  margin-bottom: 0; }
html.wireframe .is-recording .sl-page-nav {
  display: none; }
html.wireframe .is-recording .components {
  border-left: 0; }
html.wireframe .is-recording section {
  border-top: 0; }
@media screen and (max-width: 600px) {
  html.wireframe .sl-page-nav {
    display: none; }
  html.wireframe .components {
    border-left: 0; }
  html.wireframe section {
    padding-left: 20px;
    padding-right: 20px; } }
/**
 * Team devise styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.teams.sessions,
html.teams.passwords,
html.teams.register,
html.teams.registrations,
html.teams.deactivated {
  height: 100%;
  background-color: #2f2f33; }
  html.teams.sessions #container,
  html.teams.passwords #container,
  html.teams.register #container,
  html.teams.registrations #container,
  html.teams.deactivated #container {
    background-color: #2f2f33; }
  html.teams.sessions body,
  html.teams.sessions .container,
  html.teams.sessions .main,
  html.teams.passwords body,
  html.teams.passwords .container,
  html.teams.passwords .main,
  html.teams.register body,
  html.teams.register .container,
  html.teams.register .main,
  html.teams.registrations body,
  html.teams.registrations .container,
  html.teams.registrations .main,
  html.teams.deactivated body,
  html.teams.deactivated .container,
  html.teams.deactivated .main {
    height: 100%; }
  html.teams.sessions .column,
  html.teams.passwords .column,
  html.teams.register .column,
  html.teams.registrations .column,
  html.teams.deactivated .column {
    min-height: 100%;
    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; }
  html.teams.sessions .global-header,
  html.teams.sessions .global-footer,
  html.teams.passwords .global-header,
  html.teams.passwords .global-footer,
  html.teams.register .global-header,
  html.teams.register .global-footer,
  html.teams.registrations .global-header,
  html.teams.registrations .global-footer,
  html.teams.deactivated .global-header,
  html.teams.deactivated .global-footer {
    display: none; }
  html.teams.sessions .org-big-logo,
  html.teams.passwords .org-big-logo,
  html.teams.register .org-big-logo,
  html.teams.registrations .org-big-logo,
  html.teams.deactivated .org-big-logo {
    width: 250px;
    height: 110px;
    margin: 1.5em auto 1em auto;
    display: block;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  html.teams.sessions .org-slides-link,
  html.teams.passwords .org-slides-link,
  html.teams.register .org-slides-link,
  html.teams.registrations .org-slides-link,
  html.teams.deactivated .org-slides-link {
    text-align: center;
    font-size: 14px;
    margin-bottom: 4em; }
    html.teams.sessions .org-slides-link a,
    html.teams.passwords .org-slides-link a,
    html.teams.register .org-slides-link a,
    html.teams.registrations .org-slides-link a,
    html.teams.deactivated .org-slides-link a {
      color: #fff;
      opacity: 0.5;
      border: 0; }
      html.teams.sessions .org-slides-link a:hover,
      html.teams.passwords .org-slides-link a:hover,
      html.teams.register .org-slides-link a:hover,
      html.teams.registrations .org-slides-link a:hover,
      html.teams.deactivated .org-slides-link a:hover {
        opacity: 1;
        text-decoration: underline; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * These are the styles for the page where users can sign up
 * for, or upgrade to, a team account.
 *
 * NOTE: These styles are also used for the team reactivation
 * page. Make sure to test any changes there.
 */
html.teams-signup .column section {
  padding: 0; }
  html.teams-signup .column section .title {
    padding: 40px;
    padding-bottom: 0; }
  html.teams-signup .column section .placeholder {
    padding: 40px;
    padding-top: 0; }
  html.teams-signup .column section .actions {
    padding: 40px;
    padding-top: 0; }
  html.teams-signup .column section .unit label {
    font-size: 14px; }
  html.teams-signup .column section .unit.checkbox label {
    color: #252525;
    font-size: 1em; }
  html.teams-signup .column section .form-section {
    padding: 40px; }
  html.teams-signup .column section .form-section + .form-section {
    border-top: 2px solid #ddd; }
  html.teams-signup .column section .billing-section {
    padding-bottom: 30px; }
  html.teams-signup .column section .tos-section h4 a {
    color: #168bb3;
    border-bottom: 1px solid #168bb3; }
  html.teams-signup .column section .checkout-section {
    background: #fafafa;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    html.teams-signup .column section .checkout-section .actions {
      padding: 10px 0 0 0; }
  html.teams-signup .column section .purchase-summary .message {
    color: #666; }
  html.teams-signup .column section .purchase-summary[data-period] .message .period {
    display: none; }
  html.teams-signup .column section .purchase-summary[data-period="monthly"] .message .monthly {
    display: block; }
  html.teams-signup .column section .purchase-summary[data-period="yearly"] .message .yearly {
    display: block; }
  html.teams-signup .column section .unit-group + .unit-group {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ddd; }
  html.teams-signup .column section .unit-group-description {
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #777; }
  html.teams-signup .column section .unit-group:last-child .unit {
    margin-bottom: 0; }
html.teams-signup .actions .button:not(.disabled) {
  -webkit-animation: small-bounce 0.4s ease;
          animation: small-bounce 0.4s ease; }
html.teams-signup .user-account {
  border: 1px solid #ddd;
  padding: 10px; }
html.teams-signup .user-account-thumb {
  float: left;
  height: 42px;
  margin-right: 10px; }
html.teams-signup .user-account-name,
html.teams-signup .user-account-email {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
html.teams-signup .user-account-email {
  color: #999; }
/**
 * Styles for the team edit pages.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.teams.edit .main section.general input {
  width: 100%; }
/**
 * Styles for the team edit pages.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.teams.edit_members .column {
  width: 940px;
  max-width: 100%; }
html.teams.edit_members section .intro h3,
html.teams.edit_members section .intro h4 {
  font-weight: 500;
  margin-bottom: 1em; }
html.teams.edit_members .invite-form {
  position: relative;
  margin: 2em 0; }
  html.teams.edit_members .invite-form .invite-description {
    color: #777;
    margin: 0.2em 0 1em 0; }
  html.teams.edit_members .invite-form .invite-form-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  html.teams.edit_members .invite-form .invite-form-inputs [disabled] {
    opacity: 0.5;
    pointer-events: none; }
  html.teams.edit_members .invite-form .badge {
    position: relative;
    top: -1px;
    margin-left: 6px;
    padding: 2px 6px;
    font-size: 0.8em;
    border-radius: 20px;
    vertical-align: middle;
    font-weight: 500;
    background: #1baee1;
    color: #fff;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  html.teams.edit_members .invite-form .unit {
    position: relative;
    margin: 0 10px 0 0; }
  html.teams.edit_members .invite-form .email-input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  html.teams.edit_members .invite-form .email-input input {
    height: 100%; }
  html.teams.edit_members .invite-form select {
    width: 100%;
    min-width: 160px;
    padding-top: 8px;
    padding-bottom: 9px; }
  html.teams.edit_members .invite-form input[type="text"] {
    margin: 0; }
  html.teams.edit_members .invite-form button {
    padding-top: 13px;
    padding-bottom: 13px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
html.teams.edit_members .users-preloader {
  width: 100%;
  height: 200px; }
html.teams.edit_members .users-content {
  display: none; }
html.teams.edit_members .users-table {
  table-layout: fixed;
  width: 100%; }
  html.teams.edit_members .users-table .avatar-link {
    border-bottom: none; }
  html.teams.edit_members .users-table .avatar {
    display: inline-block;
    position: relative;
    height: 1.8em;
    width: 1.8em;
    border-radius: 3em;
    top: 0.6em;
    margin-right: 0.6em;
    background-size: contain;
    background-color: #eee; }
  html.teams.edit_members .users-table th {
    font-weight: 500;
    color: #999; }
  html.teams.edit_members .users-table td {
    line-height: 3em; }
  html.teams.edit_members .users-table th:first-child {
    color: #222; }
  html.teams.edit_members .users-table td {
    white-space: nowrap; }
  html.teams.edit_members .users-table .account {
    width: 100%; }
  html.teams.edit_members .users-table .role {
    width: 110px; }
  html.teams.edit_members .users-table .role-selector {
    width: 110px; }
  html.teams.edit_members .users-table .actions {
    width: 130px;
    text-align: right; }
  html.teams.edit_members .users-table .actions .button {
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    border-color: transparent;
    color: #666;
    vertical-align: middle; }
  html.teams.edit_members .users-table .actions .button:hover {
    background-color: #edeef3;
    color: #252525; }
html.teams.edit_members .users-group {
  display: none; }
html.teams.edit_members .users-group.visible {
  display: block; }
html.teams.edit_members .users-group + .users-group {
  margin-top: 20px;
  padding-top: 20px; }
html.teams.edit_members .users-group-invites tr td,
html.teams.edit_members .users-group-inactive-members tr td {
  color: #888; }
html.teams.edit_members .users-group .load-more {
  display: none;
  padding-top: 20px;
  border-top: 1px dashed #eee;
  color: #999; }
  html.teams.edit_members .users-group .load-more.visible {
    display: block; }
html.teams.edit_members .users-group .load-more-button {
  text-decoration: underline;
  margin-left: 10px; }
  html.teams.edit_members .users-group .load-more-button:hover {
    color: #1baee1; }
html.teams.edit_members .info {
  display: inline-block;
  width: 18px;
  height: 18px;
  right: 14px;
  line-height: 18px;
  margin: 0 0 0 8px;
  text-align: center;
  background-color: #ddd;
  color: #fff;
  border-radius: 50%;
  cursor: default;
  text-transform: none;
  font-family: Times;
  font-size: 14px;
  font-weight: normal; }
  html.teams.edit_members .info:hover {
    background-color: #222; }
/**
 * Styles for the theme editor.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.themes.edit {
  overflow: auto !important;
  height: auto !important; }
  html.themes.edit .reveal .controls,
  html.themes.edit .reveal .progress {
    position: absolute; }
  html.themes.edit .theme-header {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee; }
  html.themes.edit .theme-header-buttons {
    position: absolute;
    right: 0;
    top: 0; }
    html.themes.edit .theme-header-buttons .button {
      margin-left: 10px; }
    html.themes.edit .theme-header-buttons .button span {
      margin-left: 10px;
      font-size: 0.96em; }
    html.themes.edit .theme-header-buttons .cancel-button .icon {
      margin-right: 2px;
      vertical-align: middle; }
  html.themes.edit .theme-list-empty {
    max-width: 500px;
    margin: 50px 0 60px 0;
    color: #999; }
  html.themes.edit .theme-list {
    overflow: auto; }
  html.themes.edit .theme-list-item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 300px;
    margin-bottom: 30px;
    padding: 25px;
    cursor: pointer;
    vertical-align: top;
    cursor: pointer;
    border-radius: 2px;
    border: 2px solid #ddd;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    html.themes.edit .theme-list-item:hover {
      border-color: #aaa; }
  html.themes.edit .theme-list-item-metadata {
    color: #555;
    font-size: 0.8em;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    html.themes.edit .theme-list-item-metadata .theme-list-item-metadata-field {
      display: inline-block;
      padding: 6px 8px;
      margin-right: 8px;
      margin-bottom: 8px;
      line-height: 1.6;
      background: rgba(0, 0, 0, 0.05);
      border-radius: 2px;
      border: 1px solid transparent; }
    html.themes.edit .theme-list-item-metadata .theme-list-item-metadata-field .icon {
      margin-right: 4px;
      font-size: 0.9em; }
  html.themes.edit .theme-list-item.default {
    border-color: #40cb90; }
    html.themes.edit .theme-list-item.default.default:hover {
      border-color: #2eaa75; }
    html.themes.edit .theme-list-item.default .theme-list-item-controls .button.default {
      border-color: #40cb90;
      background-color: #40cb90;
      color: #fff; }
  html.themes.edit .theme-list-item-thumbnail {
    width: 250px;
    height: 250px;
    max-width: 100%;
    float: left;
    margin-right: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-image: url("https://static.slid.es/images/default-deck-thumbnail.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  html.themes.edit .theme-list-item-title {
    font-size: 1.5em;
    margin-bottom: 8px;
    padding-right: 20px; }
  html.themes.edit .theme-list-item-controls {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 15px; }
    html.themes.edit .theme-list-item-controls .button {
      display: inline-block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      margin-left: 8px;
      margin-top: 5px;
      padding: 0;
      text-align: center; }
      html.themes.edit .theme-list-item-controls .button:before {
        content: ''; }

.preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 10; }
  .preloader .preloader-inner {
    display: block;
    position: absolute;
    top: 45%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    text-align: center; }
  .preloader .preloader-spinner {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    -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: #999;
    border-radius: 1px; }
  .preloader.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }

html.themes.edit .preview {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 750px;
  overflow: hidden;
  background-color: #fff; }
  html.themes.edit .preview .preview-frame {
    width: 100%;
    height: 100%; }
  html.themes.edit .preview .preview-reloader {
    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;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    bottom: 10px;
    left: 10px;
    background: #000;
    color: #fff;
    text-align: center;
    z-index: 2;
    font-size: 16px;
    opacity: 0.5;
    cursor: pointer; }
    html.themes.edit .preview .preview-reloader:hover {
      opacity: 1; }

html.themes.edit .theme-editor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 200;
  background: #fff; }

html.themes.edit .theme-editor-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

html.themes.edit.is-editing-theme .theme-editor {
  visibility: visible;
  opacity: 1; }

html.themes.edit.is-editing-theme {
  overflow: hidden !important; }

html.themes.edit .theme-editor-documentation {
  display: none; }
/**
 * Styles for the theme editor panels.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.themes.edit .panel {
  position: absolute;
  width: 750px;
  height: 100%;
  padding: 30px;
  left: 0;
  top: 0;
  background: #fff;
  overflow: hidden;
  border-right: 1px solid #f0f0f0;
  z-index: 2;
  color: #222; }
  html.themes.edit .panel .panel-header {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 6;
    background-color: #fff;
    -webkit-box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    html.themes.edit .panel .panel-header .button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 2.2em;
      padding-top: 0;
      padding-bottom: 0; }
    html.themes.edit .panel .panel-header .button + .button {
      margin-left: 10px; }
    html.themes.edit .panel .panel-header .cancel-button .icon {
      margin-left: -4px;
      margin-right: 2px; }
    html.themes.edit .panel .panel-header .save-button {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    html.themes.edit .panel .panel-header .page-tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      gap: 2px; }
      html.themes.edit .panel .panel-header .page-tabs .page-tab {
        color: #222;
        font-size: 14px;
        font-weight: 600;
        opacity: 0.4;
        padding: 6px 8px;
        border-radius: 4px; }
        html.themes.edit .panel .panel-header .page-tabs .page-tab:hover {
          opacity: 0.8;
          background: #f0f0f0; }
        html.themes.edit .panel .panel-header .page-tabs .page-tab.selected {
          opacity: 1;
          background: #f0f0f0; }
  html.themes.edit .panel .page {
    position: absolute;
    width: 100%;
    top: 70px;
    bottom: 0;
    left: 0;
    padding: 30px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    html.themes.edit .panel .page.transition {
      -webkit-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
      transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
    html.themes.edit .panel .page.past {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      visibility: hidden; }
    html.themes.edit .panel .page.future {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      visibility: hidden; }
  html.themes.edit .panel .page .info {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    bottom: 10px;
    right: 10px;
    background: #fff;
    color: #222;
    text-align: center;
    z-index: 2;
    font-size: 12px;
    opacity: 0.7; }
    html.themes.edit .panel .page .info.negative {
      background: #e74c3c;
      color: #fff;
      opacity: 0.8; }
    html.themes.edit .panel .page .info.positive {
      background: #40cb90;
      color: #fff;
      opacity: 0.8; }
    html.themes.edit .panel .page .info:hover {
      opacity: 1; }
    html.themes.edit .panel .page .info[data-help-overlay] {
      cursor: pointer; }
  html.themes.edit .panel .page-header h4 {
    margin-bottom: 0.25em;
    font-size: 16px;
    font-weight: 500; }
  html.themes.edit .panel .page-header p {
    margin: 0;
    font-size: 14px;
    color: #555; }
  html.themes.edit .panel .page-header a {
    color: #168bb3; }
  html.themes.edit .panel .page-header a:hover {
    color: #1baee1; }
  html.themes.edit .panel .page-header .header-buttons {
    font-size: 14px; }
  html.themes.edit .panel .page-header .button + .button {
    margin-left: 8px; }
  html.themes.edit .panel .page-header .float-right {
    float: right; }
  html.themes.edit .panel .page-header > * + * {
    margin-top: 0.5em; }
  html.themes.edit .panel .page-header .documentation {
    display: none;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd; }
  html.themes.edit .panel .page-header .documentation pre {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 14px; }
  html.themes.edit .panel .page-header .documentation pre code {
    padding: 16px;
    white-space: pre; }
  html.themes.edit .panel .page-header .documentation > :first-child {
    margin-top: 0; }
  html.themes.edit .panel .page-header .documentation h3,
  html.themes.edit .panel .page-header .documentation h4,
  html.themes.edit .panel .page-header .documentation h5 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 0.25em; }
  html.themes.edit .panel .page-header.expanded .documentation {
    display: block; }
  html.themes.edit .panel .page-header-absolute {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    width: 100%;
    padding: 21px 30px;
    z-index: 6;
    background-color: #fff; }
  html.themes.edit .panel .page-header-absolute .documentation {
    padding-bottom: 30px; }
  html.themes.edit .panel .page-header-absolute.expanded {
    height: 100%; }
  html.themes.edit .panel .page .page-header-absolute + .editor-wrapper {
    top: 150px !important; }
html.themes.edit .panel.has-unsaved-changes .save-button {
  visibility: visible;
  opacity: 1; }
html.themes.edit .panel-global-css .hide-from-global-css {
  display: none; }
html.themes.edit .panel .page[data-page-id="settings"] label {
  font-size: 14px; }
html.themes.edit .panel .page[data-page-id="settings"] .name label {
  font-size: 16px;
  font-weight: 500; }
html.themes.edit .panel .page[data-page-id="settings"] input[type="text"] {
  width: 100%; }
html.themes.edit .panel .page[data-page-id="settings"] .sl-themeoptions {
  width: 100%; }
html.themes.edit .panel .page[data-page-id="js"] .editor-wrapper,
html.themes.edit .panel .page[data-page-id="css"] .editor-wrapper,
html.themes.edit .panel .page[data-page-id="html"] .editor-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  html.themes.edit .panel .page[data-page-id="js"] .editor-wrapper .editor,
  html.themes.edit .panel .page[data-page-id="css"] .editor-wrapper .editor,
  html.themes.edit .panel .page[data-page-id="html"] .editor-wrapper .editor {
    width: 100%;
    height: 100%; }
html.themes.edit .panel .page[data-page-id="js"] .editor-wrapper .error,
html.themes.edit .panel .page[data-page-id="css"] .editor-wrapper .error,
html.themes.edit .panel .page[data-page-id="html"] .editor-wrapper .error {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px 12px;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  background: #a7483e;
  color: #fff;
  font-family: monospace;
  font-size: 13px; }
  html.themes.edit .panel .page[data-page-id="js"] .editor-wrapper .error .line,
  html.themes.edit .panel .page[data-page-id="css"] .editor-wrapper .error .line,
  html.themes.edit .panel .page[data-page-id="html"] .editor-wrapper .error .line {
    margin-right: 5px;
    font-weight: 500; }
  html.themes.edit .panel .page[data-page-id="js"] .editor-wrapper .error.visible,
  html.themes.edit .panel .page[data-page-id="css"] .editor-wrapper .error.visible,
  html.themes.edit .panel .page[data-page-id="html"] .editor-wrapper .error.visible {
    visibility: visible;
    opacity: 1; }
html.themes.edit .panel .page[data-page-id="snippets"] {
  background: #fff; }
  html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list {
    list-style: none; }
  html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd; }
    html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item input,
    html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item textarea {
      width: 100%; }
    html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item input {
      margin-bottom: 5px; }
    html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item .snippet-status {
      position: absolute;
      width: 25px;
      height: 25px;
      line-height: 25px;
      border-radius: 25px;
      bottom: 8px;
      right: 8px;
      background: #000;
      color: #fff;
      text-align: center;
      z-index: 2;
      font-size: 11px;
      opacity: 0.15; }
      html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item .snippet-status.negative {
        background: #e74c3c;
        opacity: 0.8; }
      html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item .snippet-status.positive {
        background: #40cb90;
        opacity: 0.8; }
      html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item .snippet-status:hover {
        opacity: 1; }
  html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item-footer {
    position: relative; }
    html.themes.edit .panel .page[data-page-id="snippets"] .snippet-list-item-footer .button + .button {
      margin-left: 10px; }
  html.themes.edit .panel .page[data-page-id="snippets"] .snippet-controls .add-button-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6); }
  html.themes.edit .panel .page[data-page-id="snippets"] .snippet-controls .add-button {
    margin-top: 115px; }
    html.themes.edit .panel .page[data-page-id="snippets"] .snippet-controls .add-button .icon {
      margin-left: 8px; }
html.themes.edit .panel .page[data-page-id="palette"] {
  background: #fff; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-picker {
    position: relative;
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    z-index: 1; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum {
    width: 100%;
    background: transparent;
    border: 0;
    overflow: visible; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container {
      padding-left: 0;
      padding-top: 0;
      padding-right: 0;
      border-left: 0;
      width: 100%; }
      html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-dragger {
        width: 14px;
        height: 14px;
        border-radius: 20px;
        margin: 1px 0 0 1px;
        border: 3px solid #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: transparent;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
        z-index: 10; }
      html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-slider {
        border-color: transparent;
        background-color: #fff;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
      html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-palette .sp-thumb-el {
        width: 22px;
        height: 22px;
        border: 0;
        margin: 1px; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-fill {
      padding-top: 38%; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-color {
      right: 13%; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-hue {
      left: 88%; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-input {
      width: 12%;
      padding: 10px;
      background: #fff;
      color: #222;
      border: 1px solid #ddd;
      float: right; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-picker-container .sp-input:focus {
      border-color: #1baee1; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-input-container {
      float: right; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-input,
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-hue,
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-color,
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-color .sp-sat,
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-color .sp-sat .sp-val,
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .sp-alpha-inner {
      border-radius: 2px; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .palette-picker-save-button {
      position: absolute;
      left: 0;
      right: 13%;
      height: 37px;
      line-height: 35px;
      text-align: left;
      padding-left: 10px;
      cursor: pointer;
      font-family: "Inter", Helvetica, sans-serif;
      font-size: 14px;
      border-radius: 2px; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum .palette-picker-save-button .icon {
      position: relative;
      top: 1px;
      margin-right: 10px; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-picker-spectrum:after {
      display: none; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list {
    list-style: none;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-empty {
    font-size: 14px;
    color: #777; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item {
    position: relative;
    display: inline-block;
    width: 137px;
    height: 137px;
    line-height: 137px;
    text-align: center;
    cursor: move; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item-color {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    z-index: 1; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item-label {
    position: relative;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: monospace;
    text-transform: uppercase;
    z-index: 2; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item-delete {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    text-align: center;
    opacity: 0;
    z-index: 3;
    cursor: pointer; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item-delete:hover {
      background: black; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item.is-light .palette-list-item-label {
    color: rgba(0, 0, 0, 0.6); }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item:hover .palette-list-item-delete {
    opacity: 1; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item.drag-target {
    opacity: 0; }
  html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item.drag-ghost {
    position: absolute;
    z-index: 10; }
    html.themes.edit .panel .page[data-page-id="palette"] .palette-list-item.drag-ghost button {
      display: none; }
/**
 * Styles for the theme editor preview.
 */
html.themes.preview .reveal-viewport {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  text-align: left; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.users.confirm .column.thin {
  width: 460px; }
html.users.confirm .confirmation-form {
  position: relative; }
html.users.confirm .confirmation-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px; }
html.users.confirm .confirmation-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #fff;
  border-radius: 4px;
  display: none;
  place-items: center; }
html.users.confirm .confirmation-success {
  width: 100%;
  font-size: 1.2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
html.users.confirm .confirmation-success .icon {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-size: 40px;
  background: #40cb90;
  color: #fff;
  text-align: center;
  margin-bottom: 20px; }
html.users.confirm .confirmation-success,
html.users.confirm .spinner {
  display: none; }
html.users.confirm [data-state="loading"] .confirmation-status,
html.users.confirm [data-state="confirmed"] .confirmation-status {
  display: grid; }
html.users.confirm [data-state="loading"] .confirmation-status {
  background-color: rgba(255, 255, 255, 0.8); }
html.users.confirm [data-state="loading"] .spinner,
html.users.confirm [data-state="confirmed"] .confirmation-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
html.users.confirm [data-state="loading"] .confirmation-inputs,
html.users.confirm [data-state="confirmed"] .confirmation-inputs {
  pointer-events: none; }
html.users.confirm [data-state="confirmed"] .confirmation-inputs {
  pointer-events: none; }
html.users.confirm .send-confirmation-button[disabled] {
  opacity: 0.5;
  pointer-events: none; }
html.users.confirm input {
  width: 100%;
  height: 70px;
  text-align: center; }
html.users.confirm input + input {
  margin-left: 20px; }
html.users.confirm input::-webkit-input-placeholder {
  color: #bbb; }
html.users.confirm input::-moz-placeholder {
  color: #bbb; }
html.users.confirm input:-ms-input-placeholder {
  color: #bbb; }
html.users.confirm input::-ms-input-placeholder {
  color: #bbb; }
html.users.confirm input::placeholder {
  color: #bbb; }
html.users.confirm input:focus::-webkit-input-placeholder {
  color: transparent; }
html.users.confirm input:focus::-moz-placeholder {
  color: transparent; }
html.users.confirm input:focus:-ms-input-placeholder {
  color: transparent; }
html.users.confirm input:focus::-ms-input-placeholder {
  color: transparent; }
html.users.confirm input:focus::placeholder {
  color: transparent; }
html.users.confirm input::-webkit-outer-spin-button,
html.users.confirm input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
html.users.confirm input[type=number] {
  -moz-appearance: textfield; }
/**
 * 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; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *







*/