/****
todo el css original
****/
/***** ***/
@font-face {
font-family: "slides";
src: url(//assets-v2.slid.es/assets/slides/slides-2e99773f8384dc2b4a932170f2ff6dcd0f42df681950fe72d2ec8a3d65b33b21.woff?3)
format("woff");
font-weight: normal;
font-style: normal;
}
[class^="i-"],
[class*=" i-"] {
font-family: "slides" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.i-keyboard:before {
content: "\e945";
}
.i-create:before {
content: "\e942";
}
.i-menu_open:before {
content: "\e940";
}
.i-redo:before {
content: "\e941";
}
.i-remove:before {
content: "\e93f";
}
.i-keyboard_tab:before {
content: "\e946";
}
.i-unfold_less:before {
content: "\e943";
}
.i-unfold_more:before {
content: "\e944";
}
.i-crop_square:before {
content: "\e93e";
}
.i-arrow-block:before {
content: "\e93b";
}
.i-line-block:before {
content: "\e93d";
}
.i-insert_chart:before {
content: "\e93c";
}
.i-vertical-align-center:before {
content: "\e938";
}
.i-vertical-align-bottom:before {
content: "\e939";
}
.i-vertical-align-top:before {
content: "\e93a";
}
.i-lock-fill:before {
content: "\e937";
}
.i-eyedropper:before {
content: "\e936";
}
.i-unlock-stroke:before {
content: "\e934";
}
.i-lock-stroke:before {
content: "\e935";
}
.i-grid_view:before {
content: "\e933";
}
.i-aligntopedges:before {
content: "\e929";
}
.i-alignrightedges:before {
content: "\e92a";
}
.i-alignverticalcenters:before {
content: "\e92b";
}
.i-alignleftedges:before {
content: "\e92c";
}
.i-alignright:before {
content: "\e92d";
}
.i-alignjustify:before {
content: "\e92e";
}
.i-alignbottomedges:before {
content: "\e92f";
}
.i-alignhorizontalcenters:before {
content: "\e930";
}
.i-alignleft:before {
content: "\e931";
}
.i-aligncenter:before {
content: "\e932";
}
.i-text-auto-height:before {
content: "\e926";
}
.i-text-auto-width:before {
content: "\e927";
}
.i-text-fixed:before {
content: "\e928";
}
.i-edit:before {
content: "\e925";
}
.i-person_add:before {
content: "\e924";
}
.i-printer:before {
content: "\e922";
}
.i-mobile-devices:before {
content: "\e923";
}
.i-user:before {
content: "\e921";
}
.i-users:before {
content: "\e920";
}
.i-translate:before {
content: "\e91f";
}
.i-done_all:before {
content: "\e91d";
}
.i-refresh:before {
content: "\e91e";
}
.i-check:before {
content: "\e91b";
}
.i-visibility_off:before {
content: "\e917";
}
.i-visibility_on:before {
content: "\e91a";
}
.i-launch:before {
content: "\e916";
}
.i-live-tv:before {
content: "\e918";
}
.i-tv:before {
content: "\e919";
}
.i-trash:before {
content: "\e910";
}
.i-crop_free:before {
content: "\e911";
}
.i-content_copy:before {
content: "\e90e";
}
.i-cloud_upload:before {
content: "\e90d";
}
.i-cloud_download:before {
content: "\e90a";
}
.i-code:before {
content: "\e90b";
}
.i-close:before {
content: "\e909";
}
.i-image-alt:before {
content: "\e906";
}
.i-rotate_90_degrees_ccw:before {
content: "\e907";
}
.i-crop:before {
content: "\e908";
}
.i-menu:before {
content: "\e905";
}
.i-add:before {
content: "\e904";
}
.i-search:before {
content: "\e903";
}
.i-sort_by_alpha:before {
content: "\e901";
}
.i-sort:before {
content: "\e902";
}
.i-file-upload:before {
content: "\e603";
}
.i-cloud-upload2:before {
content: "\e604";
}
.i-photo-library:before {
content: "\e602";
}
.i-divide:before {
content: "\e601";
}
.i-ai:before {
content: "\e91c";
}
.i-comment-stroke:before {
content: "\e005";
}
.i-checkmark:before {
content: "\e009";
}
.i-check-alt:before {
content: "\e00a";
}
.i-x:before {
content: "\e00b";
}
.i-x-altx-alt:before {
content: "\e00c";
}
.i-denied:before {
content: "\e00d";
}
.i-cog:before {
content: "\e013";
}
.i-share:before {
content: "\e017";
}
.i-mail:before {
content: "\e018";
}
.i-heart-stroke:before {
content: "\e019";
}
.i-heart-fill:before {
content: "\e01a";
}
.i-document-alt-stroke:before {
content: "\e01c";
}
.i-plus:before {
content: "\e020";
}
.i-minus:before {
content: "\e022";
}
.i-pin:before {
content: "\e024";
}
.i-link:before {
content: "\e025";
}
.i-bolt:before {
content: "\e026";
}
.i-equalizer:before {
content: "\e030";
}
.i-move:before {
content: "\e033";
}
.i-lightbulb:before {
content: "\e035";
}
.i-curved-arrow:before {
content: "\e038";
}
.i-undo:before {
content: "\e039";
}
.i-reload:before {
content: "\e03a";
}
.i-loop:before {
content: "\e03c";
}
.i-transfer:before {
content: "\e041";
}
.i-arrow-left:before {
content: "\e048";
}
.i-arrow-left-alt1:before {
content: "\e049";
}
.i-arrow-right:before {
content: "\e04b";
}
.i-arrow-right-alt1:before {
content: "\e04c";
}
.i-arrow-up-alt1:before {
content: "\e04e";
}
.i-arrow-up:before {
content: "\e04f";
}
.i-arrow-down:before {
content: "\e051";
}
.i-arrow-down-alt1:before {
content: "\e052";
}
.i-cd:before {
content: "\e055";
}
.i-microphone:before {
content: "\e056";
}
.i-play:before {
content: "\e05a";
}
.i-pause:before {
content: "\e05b";
}
.i-stop:before {
content: "\e05c";
}
.i-eject:before {
content: "\e05d";
}
.i-first:before {
content: "\e05e";
}
.i-last:before {
content: "\e05f";
}
.i-play-alt:before {
content: "\e060";
}
.i-fullscreen-exit:before {
content: "\e061";
}
.i-fullscreen:before {
content: "\e062";
}
.i-info:before {
content: "\e070";
}
.i-question-mark:before {
content: "\e071";
}
.i-hash:before {
content: "\e073";
}
.i-pen:before {
content: "\e07e";
}
.i-book-alt2:before {
content: "\e07f";
}
.i-pen-alt2:before {
content: "\e082";
}
.i-cloud-upload:before {
content: "\e084";
}
.i-fork:before {
content: "\e085";
}
.i-eye:before {
content: "\e088";
}
.i-brush:before {
content: "\e089";
}
.i-brush-alt:before {
content: "\e08a";
}
.i-paperclip:before {
content: "\e08c";
}
.i-home:before {
content: "\e090";
}
.i-layers-alt:before {
content: "\e091";
}
.i-clock:before {
content: "\e092";
}
.i-star:before {
content: "\e094";
}
.i-layers:before {
content: "\e096";
}
.i-image:before {
content: "\e097";
}
.i-tag-fill:before {
content: "\e0a1";
}
.i-tag-stroke:before {
content: "\e0a2";
}
.i-cloud-download:before {
content: "\e0ab";
}
.i-at:before {
content: "\e06e";
}
.i-twitter:before {
content: "\f099";
}
.i-facebook:before {
content: "\f09a";
}
.i-github:before {
content: "\f09b";
}
.i-file-xml:before {
content: "\e000";
}
.i-droplet:before {
content: "\e001";
}
.i-exit:before {
content: "\e002";
}
.i-credit:before {
content: "\f09d";
}
.i-google:before {
content: "\e003";
}
.i-double-angle-left:before {
content: "\f100";
}
.i-double-angle-right:before {
content: "\f101";
}
.i-double-angle-up:before {
content: "\f102";
}
.i-double-angle-down:before {
content: "\f103";
}
.i-next:before {
content: "\e004";
}
.i-previous:before {
content: "\e006";
}
.i-disk:before {
content: "\e007";
}
.i-dropbox:before {
content: "\e008";
}
.i-save:before {
content: "\f0c7";
}
.i-globe:before {
content: "\f0ac";
}
.i-notes:before {
content: "\e00f";
}
.i-broadcast:before {
content: "\e010";
}
.i-file-css:before {
content: "\e012";
}
.i-mobile:before {
content: "\e015";
}
.i-tablet:before {
content: "\e016";
}
.i-type:before {
content: "\e014";
}
.i-picture:before {
content: "\e01b";
}
.i-shapes:before {
content: "\f1dd";
}
.i-browser:before {
content: "\f159";
}
.i-chevron-right:before {
content: "\e912";
}
.i-chevron-left:before {
content: "\e913";
}
.i-chevron-down:before {
content: "\e914";
}
.i-chevron-up:before {
content: "\e915";
}
.i-sun:before {
content: "\e90c";
}
.i-moon:before {
content: "\e90f";
}
.i-table:before {
content: "\e606";
}
.i-embed:before {
content: "\e605";
}
.i-omega:before {
content: "\e600";
}
.i-video-camera:before {
content: "\e900";
}
.i-ellipsis-h:before {
content: "\f141";
}
.i-ellipsis-v:before {
content: "\f142";
}
/*******
***/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.sp-container {
position: absolute;
top: 0;
left: 0;
display: inline-block;
*display: inline;
*zoom: 1;
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.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;
}
.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;
}
.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(red),
color-stop(17%, #ff0),
color-stop(33%, lime),
color-stop(50%, cyan),
color-stop(67%, blue),
color-stop(83%, #f0f),
to(red)
);
background: linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
}
.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;
}
.sp-cf:before,
.sp-cf:after {
content: "";
display: table;
}
.sp-cf:after {
clear: both;
}
.sp-cf {
*zoom: 1;
}
@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;
}
.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);
}
.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;
}
.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;
}
.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;
}
.sp-palette-button-container,
.sp-button-container {
float: right;
}
.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;
}
.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-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 transparent;
box-shadow: 0px 0px 0px 3000px transparent;
}
.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);
}
.button {
--button-size: var(--button-size-3);
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 8px;
color: #fff;
text-decoration: none;
font-family: "Inter", Helvetica, sans-serif;
font-weight: normal;
font-size: inherit;
line-height: 1;
height: var(--button-size);
padding: 0 var(--space-5);
outline: 0;
border: 0;
border-radius: 4px;
background: #293235;
cursor: pointer;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.button.ghost:hover {
background: #293235;
}
.button.icon,
.button.icon-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: var(--button-size);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button .icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.button.hover-only {
cursor: default;
}
.button.rounded {
border-radius: 100px;
}
.button.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ua-safari a.button[type="submit"],
.ua-safari .button.ladda-button[type="submit"] {
-webkit-transition: none !important;
transition: none !important;
}
.button .sl-keyboard-shortcut {
opacity: 0.6;
}
.button * .sl-keyboard-shortcut {
margin-left: var(--space-4);
}
.button .sl-keyboard-shortcut .enter-key {
position: relative;
top: 1px;
}
.button:hover {
color: #fff;
}
.button:focus {
outline: 1px solid #226ede;
outline-offset: 4px;
}
.button.transparent {
background: transparent;
}
.button:hover {
background: #3f4d52;
}
.button:active {
background: #293235;
}
.button.grey {
background: #293235;
}
.button.grey:hover {
background: #3f4d52;
}
.button.grey:active {
background: #293235;
}
.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: #d04232;
}
.button.negative.grey {
background: #293235;
}
.button.negative:hover {
background: #da685b;
}
.button.negative:active {
background: #d04232;
}
.button.blue,
.button.primary {
background: #226ede;
}
.button.blue:hover,
.button.primary:hover {
background: #4e8be5;
}
.button.blue:active,
.button.primary:active {
background: #1b58b2;
}
.button.dark-grey {
background: #08090a;
}
.button.dark-grey:hover {
background: #131718;
}
.button.dark-grey:active {
background: black;
}
.button.light-grey {
background: #f6f7f9;
color: #252525;
}
.button.light-grey:hover {
background: #e3e6ed;
}
.button.light-grey:active {
background: #d1d6e0;
}
.button.ghost:not(:hover, :active) {
background: transparent;
color: inherit;
}
.button.xs,
.sl-select.xs,
.sl-checkbox.xs label {
--button-size: var(--button-size-1);
font-size: 0.8em;
}
.button.s,
.sl-select.s,
.sl-checkbox.s label {
--button-size: var(--button-size-2);
font-size: 0.8em;
}
.button.m,
.sl-select.m,
.sl-checkbox.m label {
--button-size: var(--button-size-3);
}
.button.l,
.sl-select.l,
.sl-checkbox.l label {
--button-size: var(--button-size-4);
padding: 0 12px;
font-size: 1em;
}
.button.xl,
.sl-select.xl,
.sl-checkbox.xl label {
--button-size: var(--button-size-6);
padding: 0 20px;
font-size: 1.2em;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
.button.input-aligned {
--button-size: var(--button-size-6);
}
.button.xxl,
.sl-select.xxl,
.sl-checkbox.xxl label {
--button-size: var(--button-size-9);
padding: 0 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: -2px 8px;
}
.button.outline.thin {
border-width: 1px;
padding: -1px 9px;
}
.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: #d04232;
}
.button.outline.negative:hover {
border-color: #7f271d;
}
.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: -2px 10px;
}
.button.outline.xl {
padding: -2px 18px;
}
.button.outline.xxl {
padding: -2px 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.white-10,
.sl-select.white-10 {
background-color: rgba(255, 255, 255, 0.1);
}
.button.white-10:hover,
.sl-select.white-10:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.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;
}
.sl-select {
--button-size: var(--button-size-6);
position: relative;
line-height: 1.6;
height: var(--button-size);
color: #222;
border: 1px solid #bbb;
border-radius: 4px;
-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/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTQuNTE2IDcuNTQ4Yy40MzYtLjQ0NiAxLjA0My0uNDgxIDEuNTc2IDBMMTAgMTEuMjk1bDMuOTA4LTMuNzQ3Yy41MzMtLjQ4MSAxLjE0MS0uNDQ2IDEuNTc0IDAgLjQzNi40NDUuNDA4IDEuMTk3IDAgMS42MTUtLjQwNi40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDJhMS4wOTUgMS4wOTUgMCAwIDEtMS41NzYgMFM0LjkyNCA5LjU4MSA0LjUxNiA5LjE2M3MtLjQzNi0xLjE3IDAtMS42MTV6Ii8+PC9zdmc+);
background-repeat: no-repeat;
background-position: right center;
background-position: right 0.5em center;
background-size: 16px 16px;
background-color: transparent;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
padding: 0 10px;
padding-right: 24px;
}
.sl-select:hover {
color: #000;
border-color: #6f6f6f;
}
.sl-select:focus {
outline: 1px solid #226ede;
outline-offset: 4px;
}
.sl-select.l {
padding-right: 26px;
}
.sl-select.xl {
padding-right: 34px;
}
.sl-select.xxl {
padding-right: 44px;
}
.sl-select.no-arrow {
background-image: none;
padding-right: 10px;
}
.sl-select.no-arrow.l {
padding-right: 12px;
}
.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;
}
.sl-checkbox {
--button-size: var(--button-size-6);
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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--space-2);
position: relative;
width: 100%;
color: #444;
cursor: pointer;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0 10px;
padding-top: 8px;
padding-bottom: 8px;
}
.sl-checkbox label:before {
content: "\e91b";
display: inline-block;
position: relative;
width: 0.72em;
height: 0.72em;
margin-right: var(--space-2);
border: 1px solid #888;
border-radius: 2px;
font-size: 1.2em;
font-family: "slides";
line-height: 1;
color: transparent;
top: 0.25em;
}
.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 {
top: 0.05em;
left: -0.1em;
border-color: transparent;
color: inherit;
}
.sl-checkbox input:focus + label {
outline: 1px solid #226ede;
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;
font-weight: 500;
}
.sl-checkbox .inline-description {
display: block;
color: inherit;
font-weight: normal;
opacity: 0.7;
}
.sl-checkbox .inline-description a {
text-decoration: underline;
}
.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);
}
.sl-checkbox-stack {
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-box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.sl-checkbox-box input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1em;
height: 1em;
margin: 0;
border: 1px solid #888;
border-radius: var(--radius-2);
background-color: transparent;
cursor: pointer;
position: relative;
}
.sl-checkbox-box input:checked::before {
content: "\e91b";
font-family: "slides";
font-size: 0.75em;
line-height: 1;
color: var(--fg-1);
}
.sl-checkbox-box:hover input {
border-color: var(--fg-1);
}
.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;
}
.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: transparent;
}
.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: transparent;
}
.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 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 60px;
line-height: 58px;
border-top: 1px solid #ddd;
border-bottom-left-radius: 2px;
padding: 0 20px;
cursor: pointer;
color: #888;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-tap-highlight-color: transparent;
}
.decksharer-token-list .decksharer-token-list-create:hover {
background-color: #f5f5f5;
color: #000;
}
.decksharer-token-list .decksharer-token-list-create .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;
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: #ddd;
}
.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;
}
@media (max-width: 768px) {
.sl-popup[data-id="decksharer"] .sl-popup-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.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: #226ede;
color: #fff;
}
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .select-button {
background-color: #226ede;
color: #fff;
}
.sl-deck-thumbnail[data-state="preview"]:fullscreen .select-button {
background-color: #226ede;
color: #fff;
}
.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;
}
.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: 4px;
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: #226ede;
-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: -webkit-box;
display: -ms-flexbox;
display: flex;
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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 10px;
-webkit-tap-highlight-color: transparent;
-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: 4px;
border-bottom-left-radius: 4px;
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: 4px;
border-bottom-right-radius: 4px;
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 {
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;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 8px;
}
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: 4px;
border-bottom-left-radius: 4px;
background-image: url(//assets-v2.slid.es/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: 4px;
border-bottom-right-radius: 4px;
}
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 :not(.sl-segmented-control) input[type="radio"],
.sl-form input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
form :not(.sl-segmented-control) 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: 4px;
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 :not(.sl-segmented-control) input[type="radio"] + label .dimmed,
.sl-form input[type="radio"] + label .dimmed {
margin-left: 4px;
}
form :not(.sl-segmented-control) input[type="radio"] + label .dimmed,
form :not(.sl-segmented-control) input[type="radio"] + label .radio-description,
.sl-form input[type="radio"] + label .dimmed,
.sl-form input[type="radio"] + label .radio-description {
color: #888;
}
form :not(.sl-segmented-control) 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;
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 :not(.sl-segmented-control) input[type="radio"] + label.outline,
.sl-form input[type="radio"] + label.outline {
border-color: rgba(0, 0, 0, 0.1);
}
form :not(.sl-segmented-control) input[type="radio"] + label:hover,
.sl-form input[type="radio"] + label:hover {
border-color: rgba(0, 0, 0, 0.3);
}
form :not(.sl-segmented-control) 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 :not(.sl-segmented-control) input[type="radio"]:focus + label,
.sl-form input[type="radio"]:focus + label {
outline: 1px solid #226ede;
outline-offset: 4px;
}
form :not(.sl-segmented-control) input[type="radio"]:checked + label:not(.radio-subtle),
.sl-form input[type="radio"]:checked + label:not(.radio-subtle) {
border-color: #226ede;
background-color: #226ede;
color: #fff;
}
form :not(.sl-segmented-control) 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 :not(.sl-segmented-control) 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 :not(.sl-segmented-control) input[type="radio"]:checked + label.radio-subtle,
.sl-form input[type="radio"]:checked + label.radio-subtle {
border-color: #226ede;
}
form :not(.sl-segmented-control) input[type="radio"]:checked + label.radio-subtle:before,
.sl-form input[type="radio"]:checked + label.radio-subtle:before {
color: #000;
}
form :not(.sl-segmented-control) 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 :not(.sl-segmented-control) 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: 4px;
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 #226ede;
box-shadow: 0 0 0 1px #226ede;
}
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: 4px;
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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
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(#226ede), color-stop(#226ede), to(#edeff2));
background: linear-gradient(
to right,
#226ede 0%,
#226ede 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,
#226ede 0%,
#226ede 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: #226ede;
}
form .unit.range input[type="range"]::-webkit-slider-thumb,
.sl-form .unit.range input[type="range"]::-webkit-slider-thumb {
background: #226ede;
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: #226ede;
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: #4e8be5;
}
form .unit.range input[type="range"]:hover::-moz-range-thumb,
.sl-form .unit.range input[type="range"]:hover::-moz-range-thumb {
background: #4e8be5;
}
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: 4px;
border-bottom-right-radius: 4px;
}
.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: #226ede;
color: inherit;
}
.input-field-tray-preset + .input-field-tray-preset {
margin-left: 2px;
}
@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: var(--bg-3);
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: transparent;
}
.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: transparent;
}
.global-header .nav-item-anchor:hover {
background-color: rgba(255, 255, 255, 0.12);
}
.global-header .nav-item-anchor:focus {
outline: 1px solid #226ede;
}
.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: #226ede;
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: 11px;
height: 11px;
border-radius: 11px;
background-color: #226ede;
border: 2px solid var(--bg-3);
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: #226ede;
}
.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: 46px;
line-height: 46px;
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: -1px;
}
html.decks.review .global-header {
width: var(--drawer-menu-width);
height: var(--drawer-item-size);
line-height: var(--drawer-item-size);
background: transparent;
}
html.decks.review .global-header .changelog-indicator {
display: none;
}
.sl-editor .global-header .wrapper,
html.decks.review .global-header .wrapper {
padding: 0 6px;
}
.sl-editor .global-header .nav .nav-item,
html.decks.review .global-header .nav .nav-item {
display: none;
}
.sl-editor .global-header .nav .nav-item-burger,
html.decks.review .global-header .nav .nav-item-burger {
vertical-align: initial;
font-size: 8px;
}
.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;
}
@-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: transparent;
}
.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 {
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;
}
.sl-menu {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 4px;
background: var(--bg-1);
border: 1px solid var(--bg-3);
color: var(--fg-1);
text-align: left;
border-radius: var(--radius-3);
-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 .sl-menu-divider {
width: 100%;
height: 1px;
margin: 2px 0;
background: var(--bg-1-divider);
}
.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: var(--fg-1);
cursor: pointer;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.sl-menu .sl-menu-item:first-child {
border-top-left-radius: var(--radius-2);
border-top-right-radius: var(--radius-2);
}
.sl-menu .sl-menu-item:last-child {
border-bottom-left-radius: var(--radius-2);
border-bottom-right-radius: var(--radius-2);
}
.sl-menu .sl-menu-item.active {
background-color: var(--bg-surface-1);
}
.sl-menu .sl-menu-item:hover,
.sl-menu .sl-menu-item.popover-anchor {
background-color: var(--bg-surface-1);
}
.sl-menu .sl-menu-item:active {
background-color: var(--bg-surface-1);
}
.sl-menu .sl-menu-item:focus {
outline: 1px solid #226ede;
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: var(--active-color);
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: var(--bg-3);
}
.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: var(--bg-1);
}
.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: var(--bg-3);
}
.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: var(--bg-1);
}
.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: var(--bg-3);
}
.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: var(--bg-1);
}
.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: var(--bg-3);
}
.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: var(--bg-1);
}
.sl-notifications {
position: fixed;
right: var(--space-4);
bottom: var(--space-4);
width: 400px;
z-index: 2001;
}
@media screen and (max-width: 400px) {
.sl-notifications {
max-width: 280px;
}
}
.sl-editor.editor-context-visible .sl-notifications {
bottom: calc(var(--space-4) + var(--projector-inset-bottom));
}
.sl-editor:not(.popup-open) .sl-notifications,
html.decks.review:not(.popup-open) .sl-notifications {
right: calc(var(--space-4) + var(--page-inset-right, 0px));
}
.sl-notification {
position: absolute;
right: 0;
padding: 12px 12px;
margin: 0;
font-size: 14px;
color: #fff;
background-color: rgba(0, 0, 0, 0.9);
border: 1px solid rgba(50, 50, 50, 0.7);
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.has-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: var(--space-4);
}
.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(186, 59, 59, 0.95);
}
.sl-notification.loading-notification {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--space-4);
}
.sl-notification.loading-notification .spinner {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 22px;
height: 22px;
margin: 0;
}
.popup-open .sl-notification:not(.negative),
.prompt-open .sl-notification:not(.negative) {
color: #000;
background-color: rgba(255, 255, 255, 0.95);
border-color: rgba(0, 0, 0, 0.2);
}
.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;
border-left: 1px solid rgba(255, 255, 255, 0.4);
margin: -4px 0 -4px 15px;
}
.sl-notification .retry-options {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
font-size: 0.866em;
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;
}
.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;
}
.sl-popup.dark-theme .sl-popup-background {
background: rgba(30, 30, 30, 0.6);
}
.sl-popup.dark-theme .sl-popup-inner {
-webkit-box-shadow: 0 0 0 1px var(--bg-3);
box-shadow: 0 0 0 1px var(--bg-3);
}
.sl-popup.dark-theme .sl-popup-header {
border-bottom: 1px solid var(--bg-3);
}
.sl-popup.dark-theme .sl-popup-header .transparent-white-hover {
color: inherit;
background-color: var(--bg-surface-1);
}
.sl-popup.dark-theme .sl-popup-header .transparent-white-hover:hover {
background-color: var(--bg-surface-3);
}
.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;
-webkit-box-shadow: none;
box-shadow: 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: var(--fg-1);
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;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
background: var(--bg-glass-color);
backdrop-filter: var(--bg-glass-filter);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.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: 6px;
}
.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: var(--bg-glass-color);
backdrop-filter: var(--bg-glass-filter);
outline: none;
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: transparent;
}
.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: #226ede;
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"] .editor-placeholder,
.sl-popup[data-id="markdown-importer"] .preview-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"] .preview-placeholder,
.sl-popup[data-id="markdown-importer"] .markdown-instructions {
background-color: var(--bg-1);
color: var(--fg-1);
}
.sl-popup[data-id="markdown-importer"] .markdown-editor {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
border-right: 1px solid var(--bg-3);
}
.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;
max-height: 100%;
overflow: auto;
pointer-events: none;
}
.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;
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);
background-color: var(--bg-2);
}
.sl-popup[data-id="markdown-importer"] .markdown-instructions h3 {
font-weight: 500;
}
.sl-popup[data-id="markdown-importer"] .markdown-instructions * + h3 {
margin-top: 2em;
}
.sl-popup[data-id="markdown-importer"] .markdown-instructions a {
color: var(--active-color);
}
.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 table tr {
border-color: var(--bg-1-divider);
}
.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"] {
--toggle-column-width: 40px;
--text-column-min-width: 220px;
}
.sl-popup[data-id="translator"] .sl-popup-inner {
width: max(
1000px,
calc(var(--toggle-column-width) + var(--translator-text-column-count, 1) * var(--text-column-min-width))
) !important;
}
.sl-popup[data-id="translator"] .sl-popup-body {
padding: 20px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
padding-bottom: 0;
}
.sl-popup[data-id="translator"] .scrollable-table {
overflow: auto;
max-height: 100%;
padding-bottom: 50px;
-webkit-overflow-scrolling: touch;
}
.sl-popup[data-id="translator"] .sl-table {
table-layout: fixed;
width: max(
100%,
calc(var(--toggle-column-width) + var(--translator-text-column-count, 1) * var(--text-column-min-width))
);
}
.sl-popup[data-id="translator"] .sl-table col.toggle-column {
width: var(--toggle-column-width);
}
.sl-popup[data-id="translator"] .sl-table col.text-column {
width: calc((100% - var(--toggle-column-width)) / var(--translator-text-column-count, 1));
}
.sl-popup[data-id="translator"] .sl-table th,
.sl-popup[data-id="translator"] .sl-table td {
padding: 0.75em 1em;
}
.sl-popup[data-id="translator"] .sl-table thead {
position: sticky;
top: 0;
z-index: 2;
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 th.original,
.sl-popup[data-id="translator"] .sl-table td.original {
padding-left: 20px;
-webkit-box-shadow: -1px 0 0 0 #eee inset;
box-shadow: -1px 0 0 0 #eee inset;
}
.sl-popup[data-id="translator"] .sl-table .translation-column-header-content {
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;
gap: 8px;
}
.sl-popup[data-id="translator"] .sl-table .retry-language-button {
display: none;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 24px;
padding: 0 10px;
line-height: 1;
}
.sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.failed {
color: #cc5040;
}
.sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.failed .retry-language-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sl-popup[data-id="translator"] .sl-table.multi-language th.sticky,
.sl-popup[data-id="translator"] .sl-table.multi-language td.sticky {
opacity: 1;
position: sticky;
background-color: #fff;
left: 0;
z-index: 1;
}
.sl-popup[data-id="translator"] .sl-table tr.disabled {
display: none;
}
.sl-popup[data-id="translator"] .sl-table th:before {
content: "";
background: var(--bg-1);
width: 100%;
height: 20px;
position: absolute;
top: -20px;
left: 0;
}
.sl-popup[data-id="translator"] .sl-table table th:before {
content: 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.toggle {
opacity: 0.6;
text-align: center;
padding: 0;
padding-left: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
.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 .button {
width: 28px;
height: 28px;
padding: 0;
}
.sl-popup[data-id="translator"] .sl-table * {
font-size: 13px !important;
line-height: 1.4;
margin: 0;
}
.sl-popup[data-id="translator"] .sl-table td:not(.toggle) * {
color: inherit !important;
}
.sl-popup[data-id="translator"] .sl-table td {
vertical-align: top;
}
.sl-popup[data-id="translator"] .sl-table td[contenteditable]:focus {
-webkit-box-shadow: 0 0 0 2px #226ede inset;
box-shadow: 0 0 0 2px #226ede inset;
outline: none;
}
.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;
}
.sl-popup[data-id="translator"] .translation-status {
padding: 6px 12px;
border-radius: var(--radius-full);
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;
gap: 16px;
position: absolute;
bottom: var(--space-4);
right: var(--space-4);
z-index: 10;
font-variant-numeric: tabular-nums;
font-size: 12px;
font-weight: 500;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 0 0 1px #ddd;
box-shadow: 0 0 0 1px #ddd;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sl-popup[data-id="translator"] .translation-status .translation-status-failures {
display: none;
color: #cc5040;
}
.sl-popup[data-id="translator"] .translation-status.has-failures .translation-status-failures {
display: block;
}
.sl-popup[data-id="chart-editor"] .sl-popup-body {
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
gap: 20px;
}
.sl-popup[data-id="chart-editor"] .chart-preview {
position: relative;
border: 1px solid #ddd;
padding: 10px;
max-width: 100%;
height: 30vh;
max-height: 500px;
border-radius: var(--radius-2);
}
.ua-ie .sl-popup .sl-popup-inner {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sl-prompt.light-theme {
--fg-color: var(--fg-1);
--bg-color: #fff;
}
.sl-prompt.dark-theme {
--fg-color: var(--fg-1);
--bg-color: var(--bg-1);
}
.sl-prompt.dark-theme .sl-prompt-background {
background: rgba(30, 30, 30, var(--overlay-opacity));
}
.sl-prompt.dark-theme .sl-prompt-inner {
color: var(--fg-1);
-webkit-box-shadow: 0 0 0 1px var(--bg-3);
box-shadow: 0 0 0 1px var(--bg-3);
}
.sl-prompt.dark-theme .sl-prompt-inner .title {
color: var(--fg-1);
}
.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, var(--overlay-opacity));
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.popup-mode .sl-prompt-inner {
border-radius: 12px;
}
.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.non-optional,
.sl-prompt.close-on-click-outside {
pointer-events: auto;
}
.sl-prompt .sl-prompt-inner {
position: relative;
background: var(--bg-color);
padding: 15px;
color: var(--fg-color);
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: var(--fg-3);
word-break: break-word;
}
.sl-prompt .sl-prompt-inner > .subtitle a {
color: var(--fg-3);
text-decoration: underline;
}
.sl-prompt .sl-prompt-inner > .subtitle a:hover {
color: #226ede;
}
.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: var(--fg-4);
text-decoration: underline;
}
.sl-prompt .sl-prompt-inner > .body-text a:hover {
color: #226ede;
}
.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;
position: sticky;
background: var(--bg-color);
bottom: -15px;
padding: 15px 0;
margin-bottom: -15px;
z-index: 1;
}
.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 .sl-prompt-inner .footer .icon {
font-size: 14px;
}
.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: var(--bg-color);
}
.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: var(--bg-color);
}
.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: var(--bg-color);
}
.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: var(--bg-color);
}
.sl-prompt-close-x {
position: absolute;
width: 30px;
height: 30px;
font-size: 16px;
top: 8px;
right: 8px;
z-index: 1;
color: var(--fg-4);
background: transparent;
}
.sl-prompt-close-x:hover {
color: var(--fg-contrast-1);
background: var(--bg-contrast-1);
}
.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: left;
}
.sl-prompt[data-type="select"] .sl-prompt-inner > .title {
padding: 0;
}
.sl-prompt[data-type="select"] .sl-prompt-inner > .title:not(.has-subtitle) {
font-weight: normal;
}
.sl-prompt[data-type="select"] .sl-prompt-inner .items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--space-4);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sl-prompt[data-type="select"] .sl-prompt-inner .items:not(:first-child) {
margin-top: var(--space-6);
}
.sl-prompt[data-type="select"] .sl-prompt-inner .item {
position: relative;
border-radius: 4px;
border: 2px solid transparent;
cursor: pointer;
max-width: 240px;
}
.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: #226ede;
border-color: #226ede;
}
.sl-prompt[data-type="select"] .sl-prompt-inner .item.positive:hover {
background: #4e8be5;
border-color: #4e8be5;
}
.sl-prompt[data-type="select"] .sl-prompt-inner .item.negative {
color: #fff;
background: #d04232;
border-color: #d04232;
}
.sl-prompt[data-type="select"] .sl-prompt-inner .item.negative:hover {
background: #da685b;
border-color: #da685b;
}
.sl-prompt[data-type="select"] .sl-prompt-inner .item.focus {
outline: 2px solid var(--active-color);
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: #666;
cursor: pointer;
max-width: 300px;
min-width: 200px;
-webkit-tap-highlight-color: transparent;
-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;
}
.sl-prompt[data-type="list"] .list-item:hover:before {
content: "";
display: block;
position: absolute;
top: -1px;
right: -15px;
bottom: -1px;
left: -15px;
background: #f6f7f9;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.sl-prompt[data-type="list"] .list-item:hover,
.sl-prompt[data-type="list"] .list-item.selected {
color: #000;
}
.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 var(--active-color);
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: #666;
}
.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: #666666;
}
.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="list"] .footer {
border-top: 1px solid #eee;
}
.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: transparent;
-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;
border-radius: var(--radius-1);
}
.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 var(--active-color);
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: 4px;
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: #226ede;
}
.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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0.57em 1.07em;
gap: 0;
height: auto;
text-align: center;
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: #226ede !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(//assets-v2.slid.es/assets/icons/speaker-view/speaker-view-layout-default-abe7d0a081f3dc23f45e089aa83d705f924d22b2c6ca24bd220d149eec771403.svg);
}
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="wide"] {
background-image: url(//assets-v2.slid.es/assets/icons/speaker-view/speaker-view-layout-wide-66189311138483710e8a9b86ce834c059d2eaa6e7646301053e161247f22cc59.svg);
}
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="tall"] {
background-image: url(//assets-v2.slid.es/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(//assets-v2.slid.es/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(//assets-v2.slid.es/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(//assets-v2.slid.es/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%, transparent)
);
background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 25%, transparent 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%, transparent)
);
background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 25%, transparent 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: 4px;
}
.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: #226ede;
outline: none;
}
.sl-slide-settings-prompt .sl-transition-thumbnail:focus {
outline: 2px solid #226ede;
}
.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 #226ede;
}
.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-usage .sl-prompt-inner {
font-size: 14px;
}
.sl-promotion-prompt.ai-usage .sl-promotion-prompt-header {
background: linear-gradient(135deg, #226ede 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: 280px;
-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: 280px;
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(-60px);
transform: translateX(-60px);
}
.sl-copywriter-prompt.animate-transition[data-state="results"] .sl-prompt-arrow {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
.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(-280px);
transform: translateX(-280px);
}
.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: var(--bg-color);
position: sticky;
top: 0;
padding: 4px;
}
.sl-copywriter-prompt footer {
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: 4px;
padding-right: 8px;
border-top: 1px solid #f5f5f5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.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 #226ede;
}
.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;
height: var(--button-size-2);
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;
}
.sl-shortcuts-prompt .sl-prompt-inner {
width: 1000px;
}
.sl-shortcuts-prompt .sl-shortcuts-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.sl-shortcuts-prompt .sl-shortcuts-column {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
min-width: 250px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 25px;
}
.sl-shortcuts-prompt .sl-shortcuts-title {
margin: 0 0 30px 0;
}
.sl-shortcuts-prompt .sl-shortcuts-category-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.sl-shortcuts-prompt .sl-shortcuts-category {
margin: 0 0 10px 0;
font-size: 14px;
opacity: 0.7;
}
.sl-shortcuts-prompt .sl-shortcuts-table td {
padding: 2px 0;
}
.sl-shortcuts-prompt .sl-shortcuts-table td:first-child {
width: 100px;
vertical-align: top;
}
.sl-shortcuts-prompt .sl-shortcut-hint {
display: block;
opacity: 0.7;
}
.sl-shortcuts-prompt .sl-shortcut-key {
letter-spacing: 2px;
}
.ua-ie .sl-prompt .sl-prompt-inner {
-webkit-transform: none !important;
transform: none !important;
}
.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: var(--bg-glass-color);
backdrop-filter: var(--bg-glass-filter);
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;
padding: 20px 20px 10px 20px;
font-weight: 500;
font-size: 0.9em;
border-top: 1px solid #e5e5e5;
}
.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(//assets-v2.slid.es/assets/icons/user-icon-32-87414c4249d030d4e3e7fd901f3413679814a2cceb3308f49f6260e5537501d4.svg);
}
.sl-templates .sl-templates-sidebar-header .users-icon {
background-image: url(//assets-v2.slid.es/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;
padding: 0 18px;
font-weight: 500;
color: #444;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.sl-templates .sl-templates-sidebar-button .icon {
margin-left: auto;
}
.sl-templates .sl-templates-sidebar-pages .sl-templates-sidebar-button:hover {
color: #000;
background-color: rgba(255, 255, 255, 0.5);
}
.sl-templates .sl-templates-sidebar-pages .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;
color: #fff;
-webkit-transition: none !important;
transition: none !important;
text-align: left;
}
.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: transparent;
}
.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;
border-radius: var(--radius-2) var(--radius-2) 0 0;
}
.sl-templates .template-item .template-item-thumb:last-child {
border-radius: var(--radius-2);
}
.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;
border-radius: 0 0 var(--radius-2) var(--radius-2);
}
.sl-templates .template-item .template-item-options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4px;
position: absolute;
right: 6px;
bottom: 6px;
z-index: 101;
visibility: hidden;
}
.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: #226ede;
}
.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;
}
.sl-tooltip {
position: fixed;
display: block;
z-index: 2000;
background: #111;
border: 1px solid #1e1e1e;
border-radius: 4px;
pointer-events: none;
overflow: hidden;
}
.sl-tooltip p,
.sl-tooltip pre {
margin: 0;
padding: 4px 8px;
line-height: 1.4;
color: #fff;
font-size: 12px !important;
}
.sl-tooltip pre[data-highlight-theme] {
padding: 4px;
}
.sl-tooltip pre[data-highlight-theme] code {
border-radius: 4px;
padding: 8px;
}
.sl-tooltip .keyboard-shortcut {
margin-left: 6px;
color: #bbb;
letter-spacing: 1px;
}
.sl-tooltip br + .keyboard-shortcut {
margin-left: 0;
}
.sl-tooltip .dimmed {
color: #bbb;
}
.sl-tooltip .dimmed-row {
color: #bbb;
display: block;
margin-top: 4px;
}
.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: 0px;
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: 0px;
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;
}
.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;
}
.reveal-viewport .sl-orientation-prompt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2rem;
z-index: 1000;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reveal-viewport .sl-orientation-prompt-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.reveal-viewport .sl-orientation-prompt-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2rem;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
border-radius: 36px;
background-color: rgba(10, 10, 18, 0.4);
backdrop-filter: blur(8px);
color: #fff;
font-size: 18px;
font-family: "Inter", Helvetica, sans-serif;
line-height: 1.4;
pointer-events: auto;
z-index: 2;
}
.sl-orientation-prompt-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
.reveal-viewport .sl-orientation-prompt button {
border-radius: 6px;
}
@media screen and (min-aspect-ratio: 4 / 3) {
.reveal-viewport .sl-orientation-prompt {
padding-left: 4rem;
padding-right: 4rem;
}
.reveal-viewport .sl-orientation-prompt-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: fixed;
padding: 1rem;
inset: 2rem 5rem;
}
.reveal-viewport .sl-orientation-prompt-text {
-ms-flex-preferred-size: 44%;
flex-basis: 44%;
margin: 0 auto;
}
}
.orientation-prompt-visible .reveal .controls button {
-webkit-animation: none !important;
animation: none !important;
} /*!
* Main styles for Slides
*
* @author Hakim El Hattab
*/
:root {
--drawer-item-size: 46px;
--drawer-menu-width: var(--drawer-item-size);
--drawer-tool-width: 300px;
--page-inset-right: var(--drawer-menu-width);
--active-color: #226ede;
--font-size-edit-ui: 12px;
--radius-1: 2px;
--radius-2: 4px;
--radius-3: 6px;
--radius-4: 8px;
--radius-5: 12px;
--radius-6: 16px;
--radius-full: 9999px;
--space-1: 2px;
--space-2: 4px;
--space-3: 6px;
--space-4: 8px;
--space-5: 12px;
--space-6: 16px;
--space-7: 24px;
--space-8: 32px;
--button-size-1: 20px;
--button-size-2: 24px;
--button-size-3: 28px;
--button-size-4: 32px;
--button-size-5: 36px;
--button-size-6: 40px;
--button-size-7: 48px;
--button-size-8: 56px;
--button-size-9: 64px;
}
:root,
.dark-theme {
--fg-1: #fff;
--fg-2: #e6e6e6;
--fg-3: #cccccc;
--fg-4: #b3b3b3;
--fg-5: #999999;
--fg-6: gray;
--bg-1: #111;
--bg-2: #1a1a1c;
--bg-3: #252527;
--bg-3-rgb: 37, 37, 39;
--bg-4: #3a3a3d;
--bg-5: #49494c;
--bg-6: #58585b;
--bg-1-divider: #313131;
--bg-2-divider: #404040;
--bg-3-divider: #404040;
--bg-4-divider: #4f4f4f;
--bg-5-divider: #5e5e5e;
--bg-surface-0: rgba(235, 235, 250, 0.05);
--bg-surface-1: rgba(235, 235, 250, 0.1);
--bg-surface-2: rgba(235, 235, 250, 0.2);
--bg-surface-3: rgba(235, 235, 250, 0.3);
--bg-surface-4: rgba(235, 235, 250, 0.4);
--bg-surface-5: rgba(235, 235, 250, 0.5);
--bg-indent-1: rgba(0, 0, 0, 0.1);
--bg-indent-2: rgba(0, 0, 0, 0.2);
--bg-indent-3: rgba(0, 0, 0, 0.3);
--bg-glass-color: rgba(13, 13, 15, 0.9);
--bg-glass-filter: blur(8px);
--bg-contrast-1: #fff;
--bg-contrast-1-rgb: 255, 255, 255;
--fg-contrast-1: #1c1c1f;
--fg-contrast-1-rgb: 28, 28, 31;
--fg-positive: #2f8f4f;
--selected-item-bg: rgb(211 211 247 / 20%);
--selected-item-fg: var(--fg-1);
}
.light-theme {
--fg-1: #0c0c0c;
--fg-2: #252525;
--fg-3: #3f3f3f;
--fg-4: #4b4b4b;
--fg-5: #585858;
--fg-6: #656565;
--bg-1: #fff;
--bg-2: #f2f3f5;
--bg-3: #e3e4e6;
--bg-3-rgb: 227, 228, 230;
--bg-4: #d8d9de;
--bg-5: #c4c5c9;
--bg-6: #b0b1b5;
--bg-1-divider: #a4a4a4;
--bg-2-divider: #acacac;
--bg-3-divider: #b6b6b6;
--bg-4-divider: #b6b6b6;
--bg-5-divider: #cacaca;
--bg-surface-0: rgba(105, 105, 105, 0.05);
--bg-surface-1: rgba(105, 105, 105, 0.1);
--bg-surface-2: rgba(105, 105, 105, 0.2);
--bg-surface-3: rgba(105, 105, 105, 0.3);
--bg-surface-4: rgba(105, 105, 105, 0.4);
--bg-surface-5: rgba(105, 105, 105, 0.5);
--bg-indent-1: rgba(0, 0, 0, 0.1);
--bg-indent-2: rgba(0, 0, 0, 0.2);
--bg-indent-3: rgba(0, 0, 0, 0.3);
--bg-glass-color: rgba(255, 255, 255, 0.9);
--bg-glass-filter: blur(8px);
--bg-contrast-1: #1c1c1f;
--bg-contrast-1-rgb: 28, 28, 31;
--fg-contrast-1: #fff;
--fg-contrast-1-rgb: 255, 255, 255;
--fg-positive: #2f8f4f;
--selected-item-bg: rgba(105, 105, 120, 0.2);
--selected-item-fg: var(--fg-1);
}
[data-drawer] {
--page-inset-right: calc(var(--drawer-menu-width) + var(--drawer-tool-width));
}
* {
-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;
}
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: #104eaa;
text-decoration: none;
outline: 0;
}
a:hover {
color: #347eec;
}
a:focus {
outline: 1px solid #226ede;
}
p a,
table a {
border-bottom: 1px solid #91b9f5;
}
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%;
}
.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: 8px;
}
.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;
}
.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;
}
.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 {
display: inline-block;
position: relative;
padding: 3px 5px;
font-size: 10px;
font-weight: normal;
line-height: 12px;
letter-spacing: 1px;
border-radius: 2px;
background: #226ede;
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: #4e8be5;
}
.touch .user-view li .controls {
opacity: 1 !important;
}
.touch .deck-view .options {
opacity: 1;
}
.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;
-ms-flex-item-align: center;
align-self: center;
}
.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: "?";
}
.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;
}
}
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;
}
.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;
}
.sl-info-icon {
position: relative;
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: 2em;
height: 2em;
font-size: 0.75em;
color: var(--fg-1);
background-color: var(--bg-surface-1);
border-radius: 50%;
}
.sl-info-icon:hover {
background-color: var(--bg-surface-2);
}
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;
}
html.decks.print,
html.decks.export,
html.decks.fullscreen {
-webkit-tap-highlight-color: transparent;
}
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;
}
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(//assets-v2.slid.es/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(//assets-v2.slid.es/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;
}
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(//assets-v2.slid.es/assets/deck-navigation-help-icon-8a32d332fcd4c7f65faf1076212c7cb97bbc739b6fa4bf33565039b170d07a74.png);
}
html.decks.show .marquee .instructions-pill[data-icon="down-arrow"] .pill-picture {
background-image: url(//assets-v2.slid.es/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(//assets-v2.slid.es/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: transparent;
}
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(//assets-v2.slid.es/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;
}
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 .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,
.reveal .sl-block .sl-block-content-preview > :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;
}
.sl-block[data-hidden] {
display: none;
}
.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;
}
.ua-safari .sl-block-style[style*="mix-blend-mode"] .sl-block-content.fragment {
will-change: auto;
}
.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: transparent;
}
.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: transparent;
-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: transparent;
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(34, 110, 222, 0.4);
box-shadow: 0 0 0 calc(var(--scaled-border-2)) rgba(34, 110, 222, 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] * {
pointer-events: none !important;
-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-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(//assets-v2.slid.es/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,
.reveal .sl-block[data-block-type="chart"][data-flip-x] canvas {
-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,
.reveal .sl-block[data-block-type="chart"][data-flip-y] canvas {
-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,
.reveal .sl-block[data-block-type="chart"][data-flip-x][data-flip-y] canvas {
-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 ~ .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(0.5);
filter: grayscale(0.5);
}
.sl-editor.is-editing .sl-block-highlights {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 100;
pointer-events: none !important;
}
.sl-editor.is-editing .sl-block-highlight {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
outline: var(--scaled-border-2) solid #226ede;
outline-offset: 2px;
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.has-block-hover-highlights .sl-block-highlight {
opacity: 1;
-webkit-animation: none;
animation: none;
outline-offset: -1px;
}
.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: #226ede;
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: #226ede;
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, #226ede 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) #226ede inset;
box-shadow: 0 0 0 var(--scaled-border-1) #226ede 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) #226ede inset;
box-shadow: 0 0 0 var(--scaled-border-1) #226ede 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(//assets-v2.slid.es/assets/icons/block-rotate-icon-16-4904601fe2df102be6fcad9f81a4601c5be45673cf3c8a80d572d968c18b39c5.cur),
pointer;
cursor:
url(//assets-v2.slid.es/assets/icons/block-rotate-icon-16-5dd6c9d1791c78d970282552bd1cd905091397479c1cb18435499daba4255a6b.svg)
8 8,
pointer;
cursor: -webkit-image-set(url(//assets-v2.slid.es/assets/icons/block-rotate-icon-16-5dd6c9d1791c78d970282552bd1cd905091397479c1cb18435499daba4255a6b.svg) 1x, url(//assets-v2.slid.es/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) #226ede,
0 0 0 var(--scaled-border-1) #226ede inset;
box-shadow:
0 0 0 var(--scaled-border-1) #226ede,
0 0 0 var(--scaled-border-1) #226ede 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-text-layout="auto-width"] {
white-space: nowrap;
}
.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 .sl-block[data-block-type="text"].is-fitting .sl-block-content {
height: auto;
}
.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(//assets-v2.slid.es/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.25em;
}
.sl-block[data-block-type="image"]:not([data-locked]):hover .sl-block-image-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sl-block-image-search {
position: absolute;
top: 0;
right: 10px;
bottom: 5%;
left: 10px;
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
z-index: 20;
}
.sl-block-image-search-button {
font-size: calc(12px / var(--slide-ui-scale, 1));
padding: 0.44em;
border-radius: 0.25em;
text-align: left;
}
.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(//assets-v2.slid.es/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(//assets-v2.slid.es/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(//assets-v2.slid.es/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: #226ede;
border-radius: 2px;
padding: 4px 8px;
display: none;
}
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard:hover {
background: #4e8be5;
}
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard:active {
background: #1e63c9;
}
.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 transparent;
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(//assets-v2.slid.es/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(34, 110, 222, 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(34, 110, 222, 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: #226ede;
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;
}
.reveal .sl-block[data-block-type="chart"] .sl-block-content {
overflow: hidden;
}
.reveal .sl-block[data-block-type="chart"].is-transforming canvas {
width: 100% !important;
height: 100% !important;
}
/**** ****/
.theme-font-asul .themed,
.theme-font-asul .reveal {
font-family: "Asul", sans-serif;
font-size: 30px;
}
.theme-font-asul .themed section,
.theme-font-asul .reveal section {
line-height: 1.3;
}
.theme-font-asul .themed h1,
.theme-font-asul .themed h2,
.theme-font-asul .themed h3,
.theme-font-asul .themed h4,
.theme-font-asul .themed h5,
.theme-font-asul .themed h6,
.theme-font-asul .reveal h1,
.theme-font-asul .reveal h2,
.theme-font-asul .reveal h3,
.theme-font-asul .reveal h4,
.theme-font-asul .reveal h5,
.theme-font-asul .reveal h6 {
font-family: "Asul", sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-helvetica .themed,
.theme-font-helvetica .reveal {
font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
}
.theme-font-helvetica .themed section,
.theme-font-helvetica .reveal section {
line-height: 1.3;
}
.theme-font-helvetica .themed h1,
.theme-font-helvetica .themed h2,
.theme-font-helvetica .themed h3,
.theme-font-helvetica .themed h4,
.theme-font-helvetica .themed h5,
.theme-font-helvetica .themed h6,
.theme-font-helvetica .reveal h1,
.theme-font-helvetica .reveal h2,
.theme-font-helvetica .reveal h3,
.theme-font-helvetica .reveal h4,
.theme-font-helvetica .reveal h5,
.theme-font-helvetica .reveal h6 {
font-family: Helvetica, Arial, sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-josefine .themed,
.theme-font-josefine .reveal {
font-family: "Lato", sans-serif;
font-size: 30px;
}
.theme-font-josefine .themed section,
.theme-font-josefine .reveal section {
line-height: 1.3;
}
.theme-font-josefine .themed h1,
.theme-font-josefine .themed h2,
.theme-font-josefine .themed h3,
.theme-font-josefine .themed h4,
.theme-font-josefine .themed h5,
.theme-font-josefine .themed h6,
.theme-font-josefine .reveal h1,
.theme-font-josefine .reveal h2,
.theme-font-josefine .reveal h3,
.theme-font-josefine .reveal h4,
.theme-font-josefine .reveal h5,
.theme-font-josefine .reveal h6 {
font-family: "Josefin Sans", sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-league .themed,
.theme-font-league .reveal {
font-family: "Lato", Helvetica, sans-serif;
font-size: 30px;
}
.theme-font-league .themed section,
.theme-font-league .reveal section {
line-height: 1.3;
}
.theme-font-league .themed h1,
.theme-font-league .themed h2,
.theme-font-league .themed h3,
.theme-font-league .themed h4,
.theme-font-league .themed h5,
.theme-font-league .themed h6,
.theme-font-league .reveal h1,
.theme-font-league .reveal h2,
.theme-font-league .reveal h3,
.theme-font-league .reveal h4,
.theme-font-league .reveal h5,
.theme-font-league .reveal h6 {
font-family: "League Gothic", Impact, sans-serif;
text-transform: uppercase;
line-height: 1.3;
font-weight: normal;
}
.theme-font-merriweather .themed,
.theme-font-merriweather .reveal {
font-family: "Oxygen", sans-serif;
font-size: 30px;
}
.theme-font-merriweather .themed section,
.theme-font-merriweather .reveal section {
line-height: 1.3;
}
.theme-font-merriweather .themed h1,
.theme-font-merriweather .themed h2,
.theme-font-merriweather .themed h3,
.theme-font-merriweather .themed h4,
.theme-font-merriweather .themed h5,
.theme-font-merriweather .themed h6,
.theme-font-merriweather .reveal h1,
.theme-font-merriweather .reveal h2,
.theme-font-merriweather .reveal h3,
.theme-font-merriweather .reveal h4,
.theme-font-merriweather .reveal h5,
.theme-font-merriweather .reveal h6 {
font-family: "Merriweather Sans", sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-montserrat .themed,
.theme-font-montserrat .reveal {
font-family: "Open Sans", sans-serif;
font-size: 30px;
}
.theme-font-montserrat .themed section,
.theme-font-montserrat .reveal section {
line-height: 1.3;
}
.theme-font-montserrat .themed h1,
.theme-font-montserrat .themed h2,
.theme-font-montserrat .themed h3,
.theme-font-montserrat .themed h4,
.theme-font-montserrat .themed h5,
.theme-font-montserrat .themed h6,
.theme-font-montserrat .reveal h1,
.theme-font-montserrat .reveal h2,
.theme-font-montserrat .reveal h3,
.theme-font-montserrat .reveal h4,
.theme-font-montserrat .reveal h5,
.theme-font-montserrat .reveal h6 {
font-family: "Montserrat", Helvetica, sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-news .themed,
.theme-font-news .reveal {
font-family: "Lato", sans-serif;
font-size: 30px;
}
.theme-font-news .themed section,
.theme-font-news .reveal section {
line-height: 1.3;
}
.theme-font-news .themed h1,
.theme-font-news .themed h2,
.theme-font-news .themed h3,
.theme-font-news .themed h4,
.theme-font-news .themed h5,
.theme-font-news .themed h6,
.theme-font-news .reveal h1,
.theme-font-news .reveal h2,
.theme-font-news .reveal h3,
.theme-font-news .reveal h4,
.theme-font-news .reveal h5,
.theme-font-news .reveal h6 {
font-family: "News Cycle", Impact, sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-opensans .themed,
.theme-font-opensans .reveal {
font-family: "Open Sans", Helvetica, sans-serif;
font-size: 30px;
}
.theme-font-opensans .themed section,
.theme-font-opensans .reveal section {
line-height: 1.3;
}
.theme-font-opensans .themed h1,
.theme-font-opensans .themed h2,
.theme-font-opensans .themed h3,
.theme-font-opensans .themed h4,
.theme-font-opensans .themed h5,
.theme-font-opensans .themed h6,
.theme-font-opensans .reveal h1,
.theme-font-opensans .reveal h2,
.theme-font-opensans .reveal h3,
.theme-font-opensans .reveal h4,
.theme-font-opensans .reveal h5,
.theme-font-opensans .reveal h6 {
font-family: "Open Sans", Helvetica, sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: bold;
}
.theme-font-palatino .themed,
.theme-font-palatino .reveal {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 30px;
}
.theme-font-palatino .themed section,
.theme-font-palatino .reveal section {
line-height: 1.3;
}
.theme-font-palatino .themed h1,
.theme-font-palatino .themed h2,
.theme-font-palatino .themed h3,
.theme-font-palatino .themed h4,
.theme-font-palatino .themed h5,
.theme-font-palatino .themed h6,
.theme-font-palatino .reveal h1,
.theme-font-palatino .reveal h2,
.theme-font-palatino .reveal h3,
.theme-font-palatino .reveal h4,
.theme-font-palatino .reveal h5,
.theme-font-palatino .reveal h6 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-quicksand .themed,
.theme-font-quicksand .reveal {
font-family: "Open Sans", Helvetica, sans-serif;
font-size: 30px;
}
.theme-font-quicksand .themed section,
.theme-font-quicksand .reveal section {
line-height: 1.3;
}
.theme-font-quicksand .themed h1,
.theme-font-quicksand .themed h2,
.theme-font-quicksand .themed h3,
.theme-font-quicksand .themed h4,
.theme-font-quicksand .themed h5,
.theme-font-quicksand .themed h6,
.theme-font-quicksand .reveal h1,
.theme-font-quicksand .reveal h2,
.theme-font-quicksand .reveal h3,
.theme-font-quicksand .reveal h4,
.theme-font-quicksand .reveal h5,
.theme-font-quicksand .reveal h6 {
font-family: "Quicksand", Helvetica, sans-serif;
text-transform: uppercase;
line-height: 1.3;
font-weight: normal;
}
.theme-font-sketch .themed,
.theme-font-sketch .reveal {
font-family: "Oxygen", sans-serif;
font-size: 30px;
}
.theme-font-sketch .themed section,
.theme-font-sketch .reveal section {
line-height: 1.3;
}
.theme-font-sketch .themed h1,
.theme-font-sketch .themed h2,
.theme-font-sketch .themed h3,
.theme-font-sketch .themed h4,
.theme-font-sketch .themed h5,
.theme-font-sketch .themed h6,
.theme-font-sketch .reveal h1,
.theme-font-sketch .reveal h2,
.theme-font-sketch .reveal h3,
.theme-font-sketch .reveal h4,
.theme-font-sketch .reveal h5,
.theme-font-sketch .reveal h6 {
font-family: "Cabin Sketch", sans-serif;
text-transform: none;
line-height: 1.3;
font-weight: normal;
}
.theme-font-overpass .themed,
.theme-font-overpass .reveal {
font-family: "Overpass", sans-serif;
font-size: 28px;
}
.theme-font-overpass .themed section,
.theme-font-overpass .reveal section {
line-height: 1.3;
}
.theme-font-overpass .themed h1,
.theme-font-overpass .themed h2,
.theme-font-overpass .themed h3,
.theme-font-overpass .themed h4,
.theme-font-overpass .themed h5,
.theme-font-overpass .themed h6,
.theme-font-overpass .reveal h1,
.theme-font-overpass .reveal h2,
.theme-font-overpass .reveal h3,
.theme-font-overpass .reveal h4,
.theme-font-overpass .reveal h5,
.theme-font-overpass .reveal h6 {
font-family: "Overpass", sans-serif;
text-transform: uppercase;
line-height: 1.3;
font-weight: bold;
}
.theme-font-overpass .themed h1,
.theme-font-overpass.themed h1,
.theme-font-overpass .reveal h1,
.theme-font-overpass.reveal h1 {
font-size: 1.75em;
margin-bottom: 0.25em;
letter-spacing: 0.015em;
}
.theme-font-overpass .themed h2,
.theme-font-overpass.themed h2,
.theme-font-overpass .reveal h2,
.theme-font-overpass.reveal h2 {
font-size: 1.15em;
margin-bottom: 0.5em;
letter-spacing: 0.036661em;
}
.theme-font-overpass .themed h3,
.theme-font-overpass.themed h3,
.theme-font-overpass .reveal h3,
.theme-font-overpass.reveal h3 {
font-size: 1em;
margin-bottom: 0.5em;
letter-spacing: 0.041em;
}
.theme-font-overpass .themed h4,
.theme-font-overpass.themed h4,
.theme-font-overpass .reveal h4,
.theme-font-overpass.reveal h4 {
font-size: 1em;
}
.theme-font-overpass .themed h5,
.theme-font-overpass.themed h5,
.theme-font-overpass .reveal h5,
.theme-font-overpass.reveal h5 {
font-size: 1em;
}
.theme-font-overpass .themed h6,
.theme-font-overpass.themed h6,
.theme-font-overpass .reveal h6,
.theme-font-overpass.reveal h6 {
font-size: 1em;
}
.theme-font-overpass2 .themed,
.theme-font-overpass2 .reveal {
font-family: "Overpass 2", sans-serif;
font-size: 28px;
}
.theme-font-overpass2 .themed section,
.theme-font-overpass2 .reveal section {
line-height: 1.3;
}
.theme-font-overpass2 .themed h1,
.theme-font-overpass2 .themed h2,
.theme-font-overpass2 .themed h3,
.theme-font-overpass2 .themed h4,
.theme-font-overpass2 .themed h5,
.theme-font-overpass2 .themed h6,
.theme-font-overpass2 .reveal h1,
.theme-font-overpass2 .reveal h2,
.theme-font-overpass2 .reveal h3,
.theme-font-overpass2 .reveal h4,
.theme-font-overpass2 .reveal h5,
.theme-font-overpass2 .reveal h6 {
font-family: "Overpass 2", sans-serif;
text-transform: uppercase;
line-height: 1.3;
font-weight: bold;
}
.theme-font-overpass2 .themed h1,
.theme-font-overpass2.themed h1,
.theme-font-overpass2 .reveal h1,
.theme-font-overpass2.reveal h1 {
font-size: 1.75em;
margin-bottom: 0.25em;
letter-spacing: 0.015em;
}
.theme-font-overpass2 .themed h2,
.theme-font-overpass2.themed h2,
.theme-font-overpass2 .reveal h2,
.theme-font-overpass2.reveal h2 {
font-size: 1.15em;
margin-bottom: 0.5em;
letter-spacing: 0.036661em;
}
.theme-font-overpass2 .themed h3,
.theme-font-overpass2.themed h3,
.theme-font-overpass2 .reveal h3,
.theme-font-overpass2.reveal h3 {
font-size: 1em;
margin-bottom: 0.5em;
letter-spacing: 0.041em;
}
.theme-font-overpass2 .themed h4,
.theme-font-overpass2.themed h4,
.theme-font-overpass2 .reveal h4,
.theme-font-overpass2.reveal h4 {
font-size: 1em;
}
.theme-font-overpass2 .themed h5,
.theme-font-overpass2.themed h5,
.theme-font-overpass2 .reveal h5,
.theme-font-overpass2.reveal h5 {
font-size: 1em;
}
.theme-font-overpass2 .themed h6,
.theme-font-overpass2.themed h6,
.theme-font-overpass2 .reveal h6,
.theme-font-overpass2.reveal h6 {
font-size: 1em;
}
.theme-font-no-font .themed,
.theme-font-no-font.themed,
.theme-font-no-font .reveal,
.theme-font-no-font.reveal {
font-family: sans-serif;
font-size: 30px;
}
.theme-font-no-font .themed section font,
.theme-font-no-font.themed section font,
.theme-font-no-font .reveal section font,
.theme-font-no-font.reveal section font {
line-height: 1;
}
@font-face {
font-family: "KaTeX_AMS";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_AMS-Regular-30da91e84c893f875e252689faebdc590b2871145e8adc7f9a9d4dbd8ce0b251.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Caligraphic";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Caligraphic-Bold-1ae6bd7475590e97e7f145a89e09ccde322f7a6bc0b91607b1c8b8ee28290fed.woff)
format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Caligraphic";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Caligraphic-Regular-3398dd02302557a793f2863f88e02d96ce10df2abffa07c8e9fa90775116e65c.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Fraktur";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Fraktur-Bold-9be7ceb88004ab8ad124082246fbfcca4091e36385d4ec6ed1df67375dad50fb.woff)
format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Fraktur";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Fraktur-Regular-5e28753be717dac97f559f49bc10be9cf3c124ddcabda6659d11cb68febc6463.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Main";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Main-Bold-c76c5d696297d51b9cb1639c7da4334f0e7dec81b42b11213b5e25ef671bb822.woff)
format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Main";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Main-BoldItalic-a6f7ec0d846ac7ad975adb8959c37ed49b94acbc4ae436db9ce9e20287e4a64c.woff)
format("woff");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "KaTeX_Main";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Main-Italic-f1d6ef86f3b11a528bd5185199bd2443ecb2b0dead96d88674b5a2c12be24bdf.woff)
format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "KaTeX_Main";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Main-Regular-c6368d87e8a1a3a5d337623d83d8dc4b868f242a9ad476237d6f8d1e0f168cdc.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Math";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Math-BoldItalic-850c0af5c2238497febaf5e461d880bf458c341f42f4f330f1b1ab5698b1998e.woff)
format("woff");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "KaTeX_Math";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Math-Italic-8a8d244581371912b8f3f5a23e2437cb2a59cd9bcaebb0346e722c05737a2571.woff)
format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "KaTeX_SansSerif";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_SansSerif-Bold-ece03cfd83e22c212cdef66feb8442d25a083beb988db3f1883f3f9738d750ba.woff)
format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "KaTeX_SansSerif";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_SansSerif-Italic-91ee67500cc0129aa0ace3ac5c61ff1692102f0f31d02b69347fba35dcb75bf2.woff)
format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "KaTeX_SansSerif";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_SansSerif-Regular-11e4dc8a6471ff6d6ee561d53d10fde8f7489e798257ff449c5d37c197435605.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Script";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Script-Regular-d96cdf2b3bdd4d64a8fd5f74a4c467f123a8a73931cd435889f08ffaf9bf947a.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Size1";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Size1-Regular-c943cc986384f59e86bea5fd7dc50a9c4dfe567a7c05eb40d6790720dead97c9.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Size2";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Size2-Regular-2014c523c3210bcc166648c4d4cc57f05b747df07a24277bf71c51e67dc79e3d.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Size3";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Size3-Regular-6ab6b62e9b62dae2c00dd90f791bd10950be0ecc3490d7d6045f51c2e8fe0949.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Size4";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Size4-Regular-99f9c6750b489c9462bf04900bd3f939df9b829339daaaaa99ef5495cdddea58.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KaTeX_Typewriter";
src: url(//assets-v2.slid.es/assets/katex/KaTeX_Typewriter-Regular-e14fed02b1aba7ce9f5afd5844b5d0321b22351febc720e0de8b8723527609f7.woff)
format("woff");
font-weight: normal;
font-style: normal;
}
.katex {
font:
normal 1.21em KaTeX_Main,
Times New Roman,
serif;
line-height: 1.2;
text-indent: 0;
text-rendering: auto;
}
.katex * {
-ms-high-contrast-adjust: none !important;
}
.katex * {
border-color: currentColor;
}
.katex .katex-version::after {
content: "0.16.9";
}
.katex .katex-mathml {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.katex .katex-html > .newline {
display: block;
}
.katex .base {
position: relative;
display: inline-block;
white-space: nowrap;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.katex .strut {
display: inline-block;
}
.katex .textbf {
font-weight: bold;
}
.katex .textit {
font-style: italic;
}
.katex .textrm {
font-family: KaTeX_Main;
}
.katex .textsf {
font-family: KaTeX_SansSerif;
}
.katex .texttt {
font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
font-family: KaTeX_Math;
font-style: italic;
}
.katex .mathit {
font-family: KaTeX_Main;
font-style: italic;
}
.katex .mathrm {
font-style: normal;
}
.katex .mathbf {
font-family: KaTeX_Main;
font-weight: bold;
}
.katex .boldsymbol {
font-family: KaTeX_Math;
font-weight: bold;
font-style: italic;
}
.katex .amsrm {
font-family: KaTeX_AMS;
}
.katex .mathbb,
.katex .textbb {
font-family: KaTeX_AMS;
}
.katex .mathcal {
font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak,
.katex .textboldfrak {
font-family: KaTeX_Fraktur;
font-weight: bold;
}
.katex .mathtt {
font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
font-family: KaTeX_SansSerif;
font-weight: bold;
}
.katex .mathitsf,
.katex .textitsf {
font-family: KaTeX_SansSerif;
font-style: italic;
}
.katex .mainrm {
font-family: KaTeX_Main;
font-style: normal;
}
.katex .vlist-t {
display: inline-table;
table-layout: fixed;
border-collapse: collapse;
}
.katex .vlist-r {
display: table-row;
}
.katex .vlist {
display: table-cell;
vertical-align: bottom;
position: relative;
}
.katex .vlist > span {
display: block;
height: 0;
position: relative;
}
.katex .vlist > span > span {
display: inline-block;
}
.katex .vlist > span > .pstrut {
overflow: hidden;
width: 0;
}
.katex .vlist-t2 {
margin-right: -2px;
}
.katex .vlist-s {
display: table-cell;
vertical-align: bottom;
font-size: 1px;
width: 2px;
min-width: 2px;
}
.katex .vbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.katex .hbox {
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;
width: 100%;
}
.katex .thinbox {
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;
width: 0;
max-width: 0;
}
.katex .msupsub {
text-align: left;
}
.katex .mfrac > span > span {
text-align: center;
}
.katex .mfrac .frac-line {
display: inline-block;
width: 100%;
border-bottom-style: solid;
}
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline,
.katex .hdashline,
.katex .rule {
min-height: 1px;
}
.katex .mspace {
display: inline-block;
}
.katex .llap,
.katex .rlap,
.katex .clap {
width: 0;
position: relative;
}
.katex .llap > .inner,
.katex .rlap > .inner,
.katex .clap > .inner {
position: absolute;
}
.katex .llap > .fix,
.katex .rlap > .fix,
.katex .clap > .fix {
display: inline-block;
}
.katex .llap > .inner {
right: 0;
}
.katex .rlap > .inner,
.katex .clap > .inner {
left: 0;
}
.katex .clap > .inner > span {
margin-left: -50%;
margin-right: 50%;
}
.katex .rule {
display: inline-block;
border: solid 0;
position: relative;
}
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline {
display: inline-block;
width: 100%;
border-bottom-style: solid;
}
.katex .hdashline {
display: inline-block;
width: 100%;
border-bottom-style: dashed;
}
.katex .sqrt > .root {
margin-left: 0.27777778em;
margin-right: -0.55555556em;
}
.katex .sizing.reset-size1.size1,
.katex .fontsize-ensurer.reset-size1.size1 {
font-size: 1em;
}
.katex .sizing.reset-size1.size2,
.katex .fontsize-ensurer.reset-size1.size2 {
font-size: 1.2em;
}
.katex .sizing.reset-size1.size3,
.katex .fontsize-ensurer.reset-size1.size3 {
font-size: 1.4em;
}
.katex .sizing.reset-size1.size4,
.katex .fontsize-ensurer.reset-size1.size4 {
font-size: 1.6em;
}
.katex .sizing.reset-size1.size5,
.katex .fontsize-ensurer.reset-size1.size5 {
font-size: 1.8em;
}
.katex .sizing.reset-size1.size6,
.katex .fontsize-ensurer.reset-size1.size6 {
font-size: 2em;
}
.katex .sizing.reset-size1.size7,
.katex .fontsize-ensurer.reset-size1.size7 {
font-size: 2.4em;
}
.katex .sizing.reset-size1.size8,
.katex .fontsize-ensurer.reset-size1.size8 {
font-size: 2.88em;
}
.katex .sizing.reset-size1.size9,
.katex .fontsize-ensurer.reset-size1.size9 {
font-size: 3.456em;
}
.katex .sizing.reset-size1.size10,
.katex .fontsize-ensurer.reset-size1.size10 {
font-size: 4.148em;
}
.katex .sizing.reset-size1.size11,
.katex .fontsize-ensurer.reset-size1.size11 {
font-size: 4.976em;
}
.katex .sizing.reset-size2.size1,
.katex .fontsize-ensurer.reset-size2.size1 {
font-size: 0.83333333em;
}
.katex .sizing.reset-size2.size2,
.katex .fontsize-ensurer.reset-size2.size2 {
font-size: 1em;
}
.katex .sizing.reset-size2.size3,
.katex .fontsize-ensurer.reset-size2.size3 {
font-size: 1.16666667em;
}
.katex .sizing.reset-size2.size4,
.katex .fontsize-ensurer.reset-size2.size4 {
font-size: 1.33333333em;
}
.katex .sizing.reset-size2.size5,
.katex .fontsize-ensurer.reset-size2.size5 {
font-size: 1.5em;
}
.katex .sizing.reset-size2.size6,
.katex .fontsize-ensurer.reset-size2.size6 {
font-size: 1.66666667em;
}
.katex .sizing.reset-size2.size7,
.katex .fontsize-ensurer.reset-size2.size7 {
font-size: 2em;
}
.katex .sizing.reset-size2.size8,
.katex .fontsize-ensurer.reset-size2.size8 {
font-size: 2.4em;
}
.katex .sizing.reset-size2.size9,
.katex .fontsize-ensurer.reset-size2.size9 {
font-size: 2.88em;
}
.katex .sizing.reset-size2.size10,
.katex .fontsize-ensurer.reset-size2.size10 {
font-size: 3.45666667em;
}
.katex .sizing.reset-size2.size11,
.katex .fontsize-ensurer.reset-size2.size11 {
font-size: 4.14666667em;
}
.katex .sizing.reset-size3.size1,
.katex .fontsize-ensurer.reset-size3.size1 {
font-size: 0.71428571em;
}
.katex .sizing.reset-size3.size2,
.katex .fontsize-ensurer.reset-size3.size2 {
font-size: 0.85714286em;
}
.katex .sizing.reset-size3.size3,
.katex .fontsize-ensurer.reset-size3.size3 {
font-size: 1em;
}
.katex .sizing.reset-size3.size4,
.katex .fontsize-ensurer.reset-size3.size4 {
font-size: 1.14285714em;
}
.katex .sizing.reset-size3.size5,
.katex .fontsize-ensurer.reset-size3.size5 {
font-size: 1.28571429em;
}
.katex .sizing.reset-size3.size6,
.katex .fontsize-ensurer.reset-size3.size6 {
font-size: 1.42857143em;
}
.katex .sizing.reset-size3.size7,
.katex .fontsize-ensurer.reset-size3.size7 {
font-size: 1.71428571em;
}
.katex .sizing.reset-size3.size8,
.katex .fontsize-ensurer.reset-size3.size8 {
font-size: 2.05714286em;
}
.katex .sizing.reset-size3.size9,
.katex .fontsize-ensurer.reset-size3.size9 {
font-size: 2.46857143em;
}
.katex .sizing.reset-size3.size10,
.katex .fontsize-ensurer.reset-size3.size10 {
font-size: 2.96285714em;
}
.katex .sizing.reset-size3.size11,
.katex .fontsize-ensurer.reset-size3.size11 {
font-size: 3.55428571em;
}
.katex .sizing.reset-size4.size1,
.katex .fontsize-ensurer.reset-size4.size1 {
font-size: 0.625em;
}
.katex .sizing.reset-size4.size2,
.katex .fontsize-ensurer.reset-size4.size2 {
font-size: 0.75em;
}
.katex .sizing.reset-size4.size3,
.katex .fontsize-ensurer.reset-size4.size3 {
font-size: 0.875em;
}
.katex .sizing.reset-size4.size4,
.katex .fontsize-ensurer.reset-size4.size4 {
font-size: 1em;
}
.katex .sizing.reset-size4.size5,
.katex .fontsize-ensurer.reset-size4.size5 {
font-size: 1.125em;
}
.katex .sizing.reset-size4.size6,
.katex .fontsize-ensurer.reset-size4.size6 {
font-size: 1.25em;
}
.katex .sizing.reset-size4.size7,
.katex .fontsize-ensurer.reset-size4.size7 {
font-size: 1.5em;
}
.katex .sizing.reset-size4.size8,
.katex .fontsize-ensurer.reset-size4.size8 {
font-size: 1.8em;
}
.katex .sizing.reset-size4.size9,
.katex .fontsize-ensurer.reset-size4.size9 {
font-size: 2.16em;
}
.katex .sizing.reset-size4.size10,
.katex .fontsize-ensurer.reset-size4.size10 {
font-size: 2.5925em;
}
.katex .sizing.reset-size4.size11,
.katex .fontsize-ensurer.reset-size4.size11 {
font-size: 3.11em;
}
.katex .sizing.reset-size5.size1,
.katex .fontsize-ensurer.reset-size5.size1 {
font-size: 0.55555556em;
}
.katex .sizing.reset-size5.size2,
.katex .fontsize-ensurer.reset-size5.size2 {
font-size: 0.66666667em;
}
.katex .sizing.reset-size5.size3,
.katex .fontsize-ensurer.reset-size5.size3 {
font-size: 0.77777778em;
}
.katex .sizing.reset-size5.size4,
.katex .fontsize-ensurer.reset-size5.size4 {
font-size: 0.88888889em;
}
.katex .sizing.reset-size5.size5,
.katex .fontsize-ensurer.reset-size5.size5 {
font-size: 1em;
}
.katex .sizing.reset-size5.size6,
.katex .fontsize-ensurer.reset-size5.size6 {
font-size: 1.11111111em;
}
.katex .sizing.reset-size5.size7,
.katex .fontsize-ensurer.reset-size5.size7 {
font-size: 1.33333333em;
}
.katex .sizing.reset-size5.size8,
.katex .fontsize-ensurer.reset-size5.size8 {
font-size: 1.6em;
}
.katex .sizing.reset-size5.size9,
.katex .fontsize-ensurer.reset-size5.size9 {
font-size: 1.92em;
}
.katex .sizing.reset-size5.size10,
.katex .fontsize-ensurer.reset-size5.size10 {
font-size: 2.30444444em;
}
.katex .sizing.reset-size5.size11,
.katex .fontsize-ensurer.reset-size5.size11 {
font-size: 2.76444444em;
}
.katex .sizing.reset-size6.size1,
.katex .fontsize-ensurer.reset-size6.size1 {
font-size: 0.5em;
}
.katex .sizing.reset-size6.size2,
.katex .fontsize-ensurer.reset-size6.size2 {
font-size: 0.6em;
}
.katex .sizing.reset-size6.size3,
.katex .fontsize-ensurer.reset-size6.size3 {
font-size: 0.7em;
}
.katex .sizing.reset-size6.size4,
.katex .fontsize-ensurer.reset-size6.size4 {
font-size: 0.8em;
}
.katex .sizing.reset-size6.size5,
.katex .fontsize-ensurer.reset-size6.size5 {
font-size: 0.9em;
}
.katex .sizing.reset-size6.size6,
.katex .fontsize-ensurer.reset-size6.size6 {
font-size: 1em;
}
.katex .sizing.reset-size6.size7,
.katex .fontsize-ensurer.reset-size6.size7 {
font-size: 1.2em;
}
.katex .sizing.reset-size6.size8,
.katex .fontsize-ensurer.reset-size6.size8 {
font-size: 1.44em;
}
.katex .sizing.reset-size6.size9,
.katex .fontsize-ensurer.reset-size6.size9 {
font-size: 1.728em;
}
.katex .sizing.reset-size6.size10,
.katex .fontsize-ensurer.reset-size6.size10 {
font-size: 2.074em;
}
.katex .sizing.reset-size6.size11,
.katex .fontsize-ensurer.reset-size6.size11 {
font-size: 2.488em;
}
.katex .sizing.reset-size7.size1,
.katex .fontsize-ensurer.reset-size7.size1 {
font-size: 0.41666667em;
}
.katex .sizing.reset-size7.size2,
.katex .fontsize-ensurer.reset-size7.size2 {
font-size: 0.5em;
}
.katex .sizing.reset-size7.size3,
.katex .fontsize-ensurer.reset-size7.size3 {
font-size: 0.58333333em;
}
.katex .sizing.reset-size7.size4,
.katex .fontsize-ensurer.reset-size7.size4 {
font-size: 0.66666667em;
}
.katex .sizing.reset-size7.size5,
.katex .fontsize-ensurer.reset-size7.size5 {
font-size: 0.75em;
}
.katex .sizing.reset-size7.size6,
.katex .fontsize-ensurer.reset-size7.size6 {
font-size: 0.83333333em;
}
.katex .sizing.reset-size7.size7,
.katex .fontsize-ensurer.reset-size7.size7 {
font-size: 1em;
}
.katex .sizing.reset-size7.size8,
.katex .fontsize-ensurer.reset-size7.size8 {
font-size: 1.2em;
}
.katex .sizing.reset-size7.size9,
.katex .fontsize-ensurer.reset-size7.size9 {
font-size: 1.44em;
}
.katex .sizing.reset-size7.size10,
.katex .fontsize-ensurer.reset-size7.size10 {
font-size: 1.72833333em;
}
.katex .sizing.reset-size7.size11,
.katex .fontsize-ensurer.reset-size7.size11 {
font-size: 2.07333333em;
}
.katex .sizing.reset-size8.size1,
.katex .fontsize-ensurer.reset-size8.size1 {
font-size: 0.34722222em;
}
.katex .sizing.reset-size8.size2,
.katex .fontsize-ensurer.reset-size8.size2 {
font-size: 0.41666667em;
}
.katex .sizing.reset-size8.size3,
.katex .fontsize-ensurer.reset-size8.size3 {
font-size: 0.48611111em;
}
.katex .sizing.reset-size8.size4,
.katex .fontsize-ensurer.reset-size8.size4 {
font-size: 0.55555556em;
}
.katex .sizing.reset-size8.size5,
.katex .fontsize-ensurer.reset-size8.size5 {
font-size: 0.625em;
}
.katex .sizing.reset-size8.size6,
.katex .fontsize-ensurer.reset-size8.size6 {
font-size: 0.69444444em;
}
.katex .sizing.reset-size8.size7,
.katex .fontsize-ensurer.reset-size8.size7 {
font-size: 0.83333333em;
}
.katex .sizing.reset-size8.size8,
.katex .fontsize-ensurer.reset-size8.size8 {
font-size: 1em;
}
.katex .sizing.reset-size8.size9,
.katex .fontsize-ensurer.reset-size8.size9 {
font-size: 1.2em;
}
.katex .sizing.reset-size8.size10,
.katex .fontsize-ensurer.reset-size8.size10 {
font-size: 1.44027778em;
}
.katex .sizing.reset-size8.size11,
.katex .fontsize-ensurer.reset-size8.size11 {
font-size: 1.72777778em;
}
.katex .sizing.reset-size9.size1,
.katex .fontsize-ensurer.reset-size9.size1 {
font-size: 0.28935185em;
}
.katex .sizing.reset-size9.size2,
.katex .fontsize-ensurer.reset-size9.size2 {
font-size: 0.34722222em;
}
.katex .sizing.reset-size9.size3,
.katex .fontsize-ensurer.reset-size9.size3 {
font-size: 0.40509259em;
}
.katex .sizing.reset-size9.size4,
.katex .fontsize-ensurer.reset-size9.size4 {
font-size: 0.46296296em;
}
.katex .sizing.reset-size9.size5,
.katex .fontsize-ensurer.reset-size9.size5 {
font-size: 0.52083333em;
}
.katex .sizing.reset-size9.size6,
.katex .fontsize-ensurer.reset-size9.size6 {
font-size: 0.5787037em;
}
.katex .sizing.reset-size9.size7,
.katex .fontsize-ensurer.reset-size9.size7 {
font-size: 0.69444444em;
}
.katex .sizing.reset-size9.size8,
.katex .fontsize-ensurer.reset-size9.size8 {
font-size: 0.83333333em;
}
.katex .sizing.reset-size9.size9,
.katex .fontsize-ensurer.reset-size9.size9 {
font-size: 1em;
}
.katex .sizing.reset-size9.size10,
.katex .fontsize-ensurer.reset-size9.size10 {
font-size: 1.20023148em;
}
.katex .sizing.reset-size9.size11,
.katex .fontsize-ensurer.reset-size9.size11 {
font-size: 1.43981481em;
}
.katex .sizing.reset-size10.size1,
.katex .fontsize-ensurer.reset-size10.size1 {
font-size: 0.24108004em;
}
.katex .sizing.reset-size10.size2,
.katex .fontsize-ensurer.reset-size10.size2 {
font-size: 0.28929605em;
}
.katex .sizing.reset-size10.size3,
.katex .fontsize-ensurer.reset-size10.size3 {
font-size: 0.33751205em;
}
.katex .sizing.reset-size10.size4,
.katex .fontsize-ensurer.reset-size10.size4 {
font-size: 0.38572806em;
}
.katex .sizing.reset-size10.size5,
.katex .fontsize-ensurer.reset-size10.size5 {
font-size: 0.43394407em;
}
.katex .sizing.reset-size10.size6,
.katex .fontsize-ensurer.reset-size10.size6 {
font-size: 0.48216008em;
}
.katex .sizing.reset-size10.size7,
.katex .fontsize-ensurer.reset-size10.size7 {
font-size: 0.57859209em;
}
.katex .sizing.reset-size10.size8,
.katex .fontsize-ensurer.reset-size10.size8 {
font-size: 0.69431051em;
}
.katex .sizing.reset-size10.size9,
.katex .fontsize-ensurer.reset-size10.size9 {
font-size: 0.83317261em;
}
.katex .sizing.reset-size10.size10,
.katex .fontsize-ensurer.reset-size10.size10 {
font-size: 1em;
}
.katex .sizing.reset-size10.size11,
.katex .fontsize-ensurer.reset-size10.size11 {
font-size: 1.19961427em;
}
.katex .sizing.reset-size11.size1,
.katex .fontsize-ensurer.reset-size11.size1 {
font-size: 0.20096463em;
}
.katex .sizing.reset-size11.size2,
.katex .fontsize-ensurer.reset-size11.size2 {
font-size: 0.24115756em;
}
.katex .sizing.reset-size11.size3,
.katex .fontsize-ensurer.reset-size11.size3 {
font-size: 0.28135048em;
}
.katex .sizing.reset-size11.size4,
.katex .fontsize-ensurer.reset-size11.size4 {
font-size: 0.32154341em;
}
.katex .sizing.reset-size11.size5,
.katex .fontsize-ensurer.reset-size11.size5 {
font-size: 0.36173633em;
}
.katex .sizing.reset-size11.size6,
.katex .fontsize-ensurer.reset-size11.size6 {
font-size: 0.40192926em;
}
.katex .sizing.reset-size11.size7,
.katex .fontsize-ensurer.reset-size11.size7 {
font-size: 0.48231511em;
}
.katex .sizing.reset-size11.size8,
.katex .fontsize-ensurer.reset-size11.size8 {
font-size: 0.57877814em;
}
.katex .sizing.reset-size11.size9,
.katex .fontsize-ensurer.reset-size11.size9 {
font-size: 0.69453376em;
}
.katex .sizing.reset-size11.size10,
.katex .fontsize-ensurer.reset-size11.size10 {
font-size: 0.83360129em;
}
.katex .sizing.reset-size11.size11,
.katex .fontsize-ensurer.reset-size11.size11 {
font-size: 1em;
}
.katex .delimsizing.size1 {
font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
display: inline-block;
width: 0.12em;
}
.katex .delimcenter {
position: relative;
}
.katex .op-symbol {
position: relative;
}
.katex .op-symbol.small-op {
font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
font-family: KaTeX_Size2;
}
.katex .op-limits > .vlist-t {
text-align: center;
}
.katex .accent > .vlist-t {
text-align: center;
}
.katex .accent .accent-body {
position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
width: 0;
}
.katex .overlay {
display: block;
}
.katex .mtable .vertical-separator {
display: inline-block;
min-width: 1px;
}
.katex .mtable .arraycolsep {
display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
text-align: right;
}
.katex .svg-align {
text-align: left;
}
.katex svg {
display: block;
position: absolute;
width: 100%;
height: inherit;
fill: currentColor;
stroke: currentColor;
fill-rule: nonzero;
fill-opacity: 1;
stroke-width: 1;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-opacity: 1;
}
.katex svg path {
stroke: none;
}
.katex img {
border-style: none;
min-width: 0;
min-height: 0;
max-width: none;
max-height: none;
}
.katex .stretchy {
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
.katex .stretchy::before,
.katex .stretchy::after {
content: "";
}
.katex .hide-tail {
width: 100%;
position: relative;
overflow: hidden;
}
.katex .halfarrow-left {
position: absolute;
left: 0;
width: 50.2%;
overflow: hidden;
}
.katex .halfarrow-right {
position: absolute;
right: 0;
width: 50.2%;
overflow: hidden;
}
.katex .brace-left {
position: absolute;
left: 0;
width: 25.1%;
overflow: hidden;
}
.katex .brace-center {
position: absolute;
left: 25%;
width: 50%;
overflow: hidden;
}
.katex .brace-right {
position: absolute;
right: 0;
width: 25.1%;
overflow: hidden;
}
.katex .x-arrow-pad {
padding: 0 0.5em;
}
.katex .cd-arrow-pad {
padding: 0 0.55556em 0 0.27778em;
}
.katex .x-arrow,
.katex .mover,
.katex .munder {
text-align: center;
}
.katex .boxpad {
padding: 0 0.3em;
}
.katex .fbox,
.katex .fcolorbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.04em solid;
}
.katex .cancel-pad {
padding: 0 0.2em;
}
.katex .cancel-lap {
margin-left: -0.2em;
margin-right: -0.2em;
}
.katex .sout {
border-bottom-style: solid;
border-bottom-width: 0.08em;
}
.katex .angl {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 0.049em solid;
border-right: 0.049em solid;
margin-right: 0.03889em;
}
.katex .anglpad {
padding: 0 0.03889em;
}
.katex .eqn-num::before {
counter-increment: katexEqnNo;
content: "(" counter(katexEqnNo) ")";
}
.katex .mml-eqn-num::before {
counter-increment: mmlEqnNo;
content: "(" counter(mmlEqnNo) ")";
}
.katex .mtr-glue {
width: 50%;
}
.katex .cd-vert-arrow {
display: inline-block;
position: relative;
}
.katex .cd-label-left {
display: inline-block;
position: absolute;
right: calc(50% + 0.3em);
text-align: left;
}
.katex .cd-label-right {
display: inline-block;
position: absolute;
left: calc(50% + 0.3em);
text-align: right;
}
.katex-display {
display: block;
margin: 1em 0;
text-align: center;
}
.katex-display > .katex {
display: block;
text-align: center;
white-space: nowrap;
}
.katex-display > .katex > .katex-html {
display: block;
position: relative;
}
.katex-display > .katex > .katex-html > .tag {
position: absolute;
right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
left: 0;
right: auto;
}
.katex-display.fleqn > .katex {
text-align: left;
padding-left: 2em;
}
body {
counter-reset: katexEqnNo mmlEqnNo;
}
[data-highlight-theme="zenburn"] .hljs,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs {
display: block;
overflow-x: auto;
background: #3f3f3f;
color: #dcdcdc;
}
[data-highlight-theme="zenburn"] .hljs-keyword,
[data-highlight-theme="zenburn"] .hljs-selector-tag,
[data-highlight-theme="zenburn"] .hljs-tag,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-keyword,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-selector-tag,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-tag {
color: #e3ceab;
}
[data-highlight-theme="zenburn"] .hljs-template-tag,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-template-tag {
color: #dcdcdc;
}
[data-highlight-theme="zenburn"] .hljs-number,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-number {
color: #8cd0d3;
}
[data-highlight-theme="zenburn"] .hljs-variable,
[data-highlight-theme="zenburn"] .hljs-template-variable,
[data-highlight-theme="zenburn"] .hljs-attribute,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-variable,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-template-variable,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-attribute {
color: #efdcbc;
}
[data-highlight-theme="zenburn"] .hljs-literal,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-literal {
color: #efefaf;
}
[data-highlight-theme="zenburn"] .hljs-subst,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-subst {
color: #8f8f8f;
}
[data-highlight-theme="zenburn"] .hljs-title,
[data-highlight-theme="zenburn"] .hljs-name,
[data-highlight-theme="zenburn"] .hljs-selector-id,
[data-highlight-theme="zenburn"] .hljs-selector-class,
[data-highlight-theme="zenburn"] .hljs-section,
[data-highlight-theme="zenburn"] .hljs-type,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-title,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-name,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-selector-id,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-selector-class,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-section,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-type {
color: #efef8f;
}
[data-highlight-theme="zenburn"] .hljs-symbol,
[data-highlight-theme="zenburn"] .hljs-bullet,
[data-highlight-theme="zenburn"] .hljs-link,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-symbol,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-bullet,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-link {
color: #dca3a3;
}
[data-highlight-theme="zenburn"] .hljs-deletion,
[data-highlight-theme="zenburn"] .hljs-string,
[data-highlight-theme="zenburn"] .hljs-built_in,
[data-highlight-theme="zenburn"] .hljs-builtin-name,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-deletion,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-string,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-built_in,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-builtin-name {
color: #cc9393;
}
[data-highlight-theme="zenburn"] .hljs-addition,
[data-highlight-theme="zenburn"] .hljs-comment,
[data-highlight-theme="zenburn"] .hljs-quote,
[data-highlight-theme="zenburn"] .hljs-meta,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-addition,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-comment,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-quote,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-meta {
color: #7f9f7f;
}
[data-highlight-theme="zenburn"] .hljs-emphasis,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="zenburn"] .hljs-strong,
.sl-block-content:not(.sl-block-group-content):not([data-highlight-theme]) .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="a11y-dark"] .hljs-comment,
[data-highlight-theme="a11y-dark"] .hljs-quote {
color: #d4d0ab;
}
[data-highlight-theme="a11y-dark"] .hljs-variable,
[data-highlight-theme="a11y-dark"] .hljs-template-variable,
[data-highlight-theme="a11y-dark"] .hljs-tag,
[data-highlight-theme="a11y-dark"] .hljs-name,
[data-highlight-theme="a11y-dark"] .hljs-selector-id,
[data-highlight-theme="a11y-dark"] .hljs-selector-class,
[data-highlight-theme="a11y-dark"] .hljs-regexp,
[data-highlight-theme="a11y-dark"] .hljs-deletion {
color: #ffa07a;
}
[data-highlight-theme="a11y-dark"] .hljs-number,
[data-highlight-theme="a11y-dark"] .hljs-built_in,
[data-highlight-theme="a11y-dark"] .hljs-builtin-name,
[data-highlight-theme="a11y-dark"] .hljs-literal,
[data-highlight-theme="a11y-dark"] .hljs-type,
[data-highlight-theme="a11y-dark"] .hljs-params,
[data-highlight-theme="a11y-dark"] .hljs-meta,
[data-highlight-theme="a11y-dark"] .hljs-link {
color: #f5ab35;
}
[data-highlight-theme="a11y-dark"] .hljs-attribute {
color: #ffd700;
}
[data-highlight-theme="a11y-dark"] .hljs-string,
[data-highlight-theme="a11y-dark"] .hljs-symbol,
[data-highlight-theme="a11y-dark"] .hljs-bullet,
[data-highlight-theme="a11y-dark"] .hljs-addition {
color: #abe338;
}
[data-highlight-theme="a11y-dark"] .hljs-title,
[data-highlight-theme="a11y-dark"] .hljs-section {
color: #00e0e0;
}
[data-highlight-theme="a11y-dark"] .hljs-keyword,
[data-highlight-theme="a11y-dark"] .hljs-selector-tag {
color: #dcc6e0;
}
[data-highlight-theme="a11y-dark"] .hljs {
display: block;
overflow-x: auto;
background: #2b2b2b;
color: #f8f8f2;
}
[data-highlight-theme="a11y-dark"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="a11y-dark"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="a11y-light"] .hljs-comment,
[data-highlight-theme="a11y-light"] .hljs-quote {
color: #696969;
}
[data-highlight-theme="a11y-light"] .hljs-variable,
[data-highlight-theme="a11y-light"] .hljs-template-variable,
[data-highlight-theme="a11y-light"] .hljs-tag,
[data-highlight-theme="a11y-light"] .hljs-name,
[data-highlight-theme="a11y-light"] .hljs-selector-id,
[data-highlight-theme="a11y-light"] .hljs-selector-class,
[data-highlight-theme="a11y-light"] .hljs-regexp,
[data-highlight-theme="a11y-light"] .hljs-deletion {
color: #d91e18;
}
[data-highlight-theme="a11y-light"] .hljs-number,
[data-highlight-theme="a11y-light"] .hljs-built_in,
[data-highlight-theme="a11y-light"] .hljs-builtin-name,
[data-highlight-theme="a11y-light"] .hljs-literal,
[data-highlight-theme="a11y-light"] .hljs-type,
[data-highlight-theme="a11y-light"] .hljs-params,
[data-highlight-theme="a11y-light"] .hljs-meta,
[data-highlight-theme="a11y-light"] .hljs-link {
color: #aa5d00;
}
[data-highlight-theme="a11y-light"] .hljs-attribute {
color: #aa5d00;
}
[data-highlight-theme="a11y-light"] .hljs-string,
[data-highlight-theme="a11y-light"] .hljs-symbol,
[data-highlight-theme="a11y-light"] .hljs-bullet,
[data-highlight-theme="a11y-light"] .hljs-addition {
color: #008000;
}
[data-highlight-theme="a11y-light"] .hljs-title,
[data-highlight-theme="a11y-light"] .hljs-section {
color: #007faa;
}
[data-highlight-theme="a11y-light"] .hljs-keyword,
[data-highlight-theme="a11y-light"] .hljs-selector-tag {
color: #7928a1;
}
[data-highlight-theme="a11y-light"] .hljs {
display: block;
overflow-x: auto;
background: #fefefe;
color: #545454;
}
[data-highlight-theme="a11y-light"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="a11y-light"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="ascetic"] .hljs {
display: block;
overflow-x: auto;
background: white;
color: black;
}
[data-highlight-theme="ascetic"] .hljs-string,
[data-highlight-theme="ascetic"] .hljs-variable,
[data-highlight-theme="ascetic"] .hljs-template-variable,
[data-highlight-theme="ascetic"] .hljs-symbol,
[data-highlight-theme="ascetic"] .hljs-bullet,
[data-highlight-theme="ascetic"] .hljs-section,
[data-highlight-theme="ascetic"] .hljs-addition,
[data-highlight-theme="ascetic"] .hljs-attribute,
[data-highlight-theme="ascetic"] .hljs-link {
color: #888;
}
[data-highlight-theme="ascetic"] .hljs-comment,
[data-highlight-theme="ascetic"] .hljs-quote,
[data-highlight-theme="ascetic"] .hljs-meta,
[data-highlight-theme="ascetic"] .hljs-deletion {
color: #ccc;
}
[data-highlight-theme="ascetic"] .hljs-keyword,
[data-highlight-theme="ascetic"] .hljs-selector-tag,
[data-highlight-theme="ascetic"] .hljs-section,
[data-highlight-theme="ascetic"] .hljs-name,
[data-highlight-theme="ascetic"] .hljs-type,
[data-highlight-theme="ascetic"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="ascetic"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="darcula"] .hljs {
display: block;
overflow-x: auto;
background: #2b2b2b;
}
[data-highlight-theme="darcula"] .hljs {
color: #bababa;
}
[data-highlight-theme="darcula"] .hljs-strong,
[data-highlight-theme="darcula"] .hljs-emphasis {
color: #a8a8a2;
}
[data-highlight-theme="darcula"] .hljs-bullet,
[data-highlight-theme="darcula"] .hljs-quote,
[data-highlight-theme="darcula"] .hljs-link,
[data-highlight-theme="darcula"] .hljs-number,
[data-highlight-theme="darcula"] .hljs-regexp,
[data-highlight-theme="darcula"] .hljs-literal {
color: #6896ba;
}
[data-highlight-theme="darcula"] .hljs-code,
[data-highlight-theme="darcula"] .hljs-selector-class {
color: #a6e22e;
}
[data-highlight-theme="darcula"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="darcula"] .hljs-keyword,
[data-highlight-theme="darcula"] .hljs-selector-tag,
[data-highlight-theme="darcula"] .hljs-section,
[data-highlight-theme="darcula"] .hljs-attribute,
[data-highlight-theme="darcula"] .hljs-name,
[data-highlight-theme="darcula"] .hljs-variable {
color: #cb7832;
}
[data-highlight-theme="darcula"] .hljs-params {
color: #b9b9b9;
}
[data-highlight-theme="darcula"] .hljs-string {
color: #6a8759;
}
[data-highlight-theme="darcula"] .hljs-subst,
[data-highlight-theme="darcula"] .hljs-type,
[data-highlight-theme="darcula"] .hljs-built_in,
[data-highlight-theme="darcula"] .hljs-builtin-name,
[data-highlight-theme="darcula"] .hljs-symbol,
[data-highlight-theme="darcula"] .hljs-selector-id,
[data-highlight-theme="darcula"] .hljs-selector-attr,
[data-highlight-theme="darcula"] .hljs-selector-pseudo,
[data-highlight-theme="darcula"] .hljs-template-tag,
[data-highlight-theme="darcula"] .hljs-template-variable,
[data-highlight-theme="darcula"] .hljs-addition {
color: #e0c46c;
}
[data-highlight-theme="darcula"] .hljs-comment,
[data-highlight-theme="darcula"] .hljs-deletion,
[data-highlight-theme="darcula"] .hljs-meta {
color: #7f7f7f;
}
[data-highlight-theme="far"] .hljs {
display: block;
overflow-x: auto;
background: #000080;
}
[data-highlight-theme="far"] .hljs,
[data-highlight-theme="far"] .hljs-subst {
color: #0ff;
}
[data-highlight-theme="far"] .hljs-string,
[data-highlight-theme="far"] .hljs-attribute,
[data-highlight-theme="far"] .hljs-symbol,
[data-highlight-theme="far"] .hljs-bullet,
[data-highlight-theme="far"] .hljs-built_in,
[data-highlight-theme="far"] .hljs-builtin-name,
[data-highlight-theme="far"] .hljs-template-tag,
[data-highlight-theme="far"] .hljs-template-variable,
[data-highlight-theme="far"] .hljs-addition {
color: #ff0;
}
[data-highlight-theme="far"] .hljs-keyword,
[data-highlight-theme="far"] .hljs-selector-tag,
[data-highlight-theme="far"] .hljs-section,
[data-highlight-theme="far"] .hljs-type,
[data-highlight-theme="far"] .hljs-name,
[data-highlight-theme="far"] .hljs-selector-id,
[data-highlight-theme="far"] .hljs-selector-class,
[data-highlight-theme="far"] .hljs-variable {
color: #fff;
}
[data-highlight-theme="far"] .hljs-comment,
[data-highlight-theme="far"] .hljs-quote,
[data-highlight-theme="far"] .hljs-doctag,
[data-highlight-theme="far"] .hljs-deletion {
color: #888;
}
[data-highlight-theme="far"] .hljs-number,
[data-highlight-theme="far"] .hljs-regexp,
[data-highlight-theme="far"] .hljs-literal,
[data-highlight-theme="far"] .hljs-link {
color: #0f0;
}
[data-highlight-theme="far"] .hljs-meta {
color: #008080;
}
[data-highlight-theme="far"] .hljs-keyword,
[data-highlight-theme="far"] .hljs-selector-tag,
[data-highlight-theme="far"] .hljs-title,
[data-highlight-theme="far"] .hljs-section,
[data-highlight-theme="far"] .hljs-name,
[data-highlight-theme="far"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="far"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="github-gist"] .hljs {
display: block;
background: white;
color: #333333;
overflow-x: auto;
}
[data-highlight-theme="github-gist"] .hljs-comment,
[data-highlight-theme="github-gist"] .hljs-meta {
color: #969896;
}
[data-highlight-theme="github-gist"] .hljs-string,
[data-highlight-theme="github-gist"] .hljs-variable,
[data-highlight-theme="github-gist"] .hljs-template-variable,
[data-highlight-theme="github-gist"] .hljs-strong,
[data-highlight-theme="github-gist"] .hljs-emphasis,
[data-highlight-theme="github-gist"] .hljs-quote {
color: #df5000;
}
[data-highlight-theme="github-gist"] .hljs-keyword,
[data-highlight-theme="github-gist"] .hljs-selector-tag,
[data-highlight-theme="github-gist"] .hljs-type {
color: #a71d5d;
}
[data-highlight-theme="github-gist"] .hljs-literal,
[data-highlight-theme="github-gist"] .hljs-symbol,
[data-highlight-theme="github-gist"] .hljs-bullet,
[data-highlight-theme="github-gist"] .hljs-attribute {
color: #0086b3;
}
[data-highlight-theme="github-gist"] .hljs-section,
[data-highlight-theme="github-gist"] .hljs-name {
color: #63a35c;
}
[data-highlight-theme="github-gist"] .hljs-tag {
color: #333333;
}
[data-highlight-theme="github-gist"] .hljs-title,
[data-highlight-theme="github-gist"] .hljs-attr,
[data-highlight-theme="github-gist"] .hljs-selector-id,
[data-highlight-theme="github-gist"] .hljs-selector-class,
[data-highlight-theme="github-gist"] .hljs-selector-attr,
[data-highlight-theme="github-gist"] .hljs-selector-pseudo {
color: #795da3;
}
[data-highlight-theme="github-gist"] .hljs-addition {
color: #55a532;
background-color: #eaffea;
}
[data-highlight-theme="github-gist"] .hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
[data-highlight-theme="github-gist"] .hljs-link {
text-decoration: underline;
}
[data-highlight-theme="ir-black"] .hljs {
display: block;
overflow-x: auto;
background: #000;
color: #f8f8f8;
}
[data-highlight-theme="ir-black"] .hljs-comment,
[data-highlight-theme="ir-black"] .hljs-quote,
[data-highlight-theme="ir-black"] .hljs-meta {
color: #7c7c7c;
}
[data-highlight-theme="ir-black"] .hljs-keyword,
[data-highlight-theme="ir-black"] .hljs-selector-tag,
[data-highlight-theme="ir-black"] .hljs-tag,
[data-highlight-theme="ir-black"] .hljs-name {
color: #96cbfe;
}
[data-highlight-theme="ir-black"] .hljs-attribute,
[data-highlight-theme="ir-black"] .hljs-selector-id {
color: #ffffb6;
}
[data-highlight-theme="ir-black"] .hljs-string,
[data-highlight-theme="ir-black"] .hljs-selector-attr,
[data-highlight-theme="ir-black"] .hljs-selector-pseudo,
[data-highlight-theme="ir-black"] .hljs-addition {
color: #a8ff60;
}
[data-highlight-theme="ir-black"] .hljs-subst {
color: #daefa3;
}
[data-highlight-theme="ir-black"] .hljs-regexp,
[data-highlight-theme="ir-black"] .hljs-link {
color: #e9c062;
}
[data-highlight-theme="ir-black"] .hljs-title,
[data-highlight-theme="ir-black"] .hljs-section,
[data-highlight-theme="ir-black"] .hljs-type,
[data-highlight-theme="ir-black"] .hljs-doctag {
color: #ffffb6;
}
[data-highlight-theme="ir-black"] .hljs-symbol,
[data-highlight-theme="ir-black"] .hljs-bullet,
[data-highlight-theme="ir-black"] .hljs-variable,
[data-highlight-theme="ir-black"] .hljs-template-variable,
[data-highlight-theme="ir-black"] .hljs-literal {
color: #c6c5fe;
}
[data-highlight-theme="ir-black"] .hljs-number,
[data-highlight-theme="ir-black"] .hljs-deletion {
color: #ff73fd;
}
[data-highlight-theme="ir-black"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="ir-black"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="monokai"] .hljs {
display: block;
overflow-x: auto;
background: #272822;
color: #ddd;
}
[data-highlight-theme="monokai"] .hljs-tag,
[data-highlight-theme="monokai"] .hljs-keyword,
[data-highlight-theme="monokai"] .hljs-selector-tag,
[data-highlight-theme="monokai"] .hljs-literal,
[data-highlight-theme="monokai"] .hljs-strong,
[data-highlight-theme="monokai"] .hljs-name {
color: #f92672;
}
[data-highlight-theme="monokai"] .hljs-code {
color: #66d9ef;
}
[data-highlight-theme="monokai"] .hljs-class .hljs-title {
color: white;
}
[data-highlight-theme="monokai"] .hljs-attribute,
[data-highlight-theme="monokai"] .hljs-symbol,
[data-highlight-theme="monokai"] .hljs-regexp,
[data-highlight-theme="monokai"] .hljs-link {
color: #bf79db;
}
[data-highlight-theme="monokai"] .hljs-string,
[data-highlight-theme="monokai"] .hljs-bullet,
[data-highlight-theme="monokai"] .hljs-subst,
[data-highlight-theme="monokai"] .hljs-title,
[data-highlight-theme="monokai"] .hljs-section,
[data-highlight-theme="monokai"] .hljs-emphasis,
[data-highlight-theme="monokai"] .hljs-type,
[data-highlight-theme="monokai"] .hljs-built_in,
[data-highlight-theme="monokai"] .hljs-builtin-name,
[data-highlight-theme="monokai"] .hljs-selector-attr,
[data-highlight-theme="monokai"] .hljs-selector-pseudo,
[data-highlight-theme="monokai"] .hljs-addition,
[data-highlight-theme="monokai"] .hljs-variable,
[data-highlight-theme="monokai"] .hljs-template-tag,
[data-highlight-theme="monokai"] .hljs-template-variable {
color: #a6e22e;
}
[data-highlight-theme="monokai"] .hljs-comment,
[data-highlight-theme="monokai"] .hljs-quote,
[data-highlight-theme="monokai"] .hljs-deletion,
[data-highlight-theme="monokai"] .hljs-meta {
color: #75715e;
}
[data-highlight-theme="monokai"] .hljs-keyword,
[data-highlight-theme="monokai"] .hljs-selector-tag,
[data-highlight-theme="monokai"] .hljs-literal,
[data-highlight-theme="monokai"] .hljs-doctag,
[data-highlight-theme="monokai"] .hljs-title,
[data-highlight-theme="monokai"] .hljs-section,
[data-highlight-theme="monokai"] .hljs-type,
[data-highlight-theme="monokai"] .hljs-selector-id {
font-weight: bold;
}
[data-highlight-theme="monokai-sublime"] .hljs {
display: block;
overflow-x: auto;
background: #23241f;
}
[data-highlight-theme="monokai-sublime"] .hljs,
[data-highlight-theme="monokai-sublime"] .hljs-tag,
[data-highlight-theme="monokai-sublime"] .hljs-subst {
color: #f8f8f2;
}
[data-highlight-theme="monokai-sublime"] .hljs-strong,
[data-highlight-theme="monokai-sublime"] .hljs-emphasis {
color: #a8a8a2;
}
[data-highlight-theme="monokai-sublime"] .hljs-bullet,
[data-highlight-theme="monokai-sublime"] .hljs-quote,
[data-highlight-theme="monokai-sublime"] .hljs-number,
[data-highlight-theme="monokai-sublime"] .hljs-regexp,
[data-highlight-theme="monokai-sublime"] .hljs-literal,
[data-highlight-theme="monokai-sublime"] .hljs-link {
color: #ae81ff;
}
[data-highlight-theme="monokai-sublime"] .hljs-code,
[data-highlight-theme="monokai-sublime"] .hljs-title,
[data-highlight-theme="monokai-sublime"] .hljs-section,
[data-highlight-theme="monokai-sublime"] .hljs-selector-class {
color: #a6e22e;
}
[data-highlight-theme="monokai-sublime"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="monokai-sublime"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="monokai-sublime"] .hljs-keyword,
[data-highlight-theme="monokai-sublime"] .hljs-selector-tag,
[data-highlight-theme="monokai-sublime"] .hljs-name,
[data-highlight-theme="monokai-sublime"] .hljs-attr {
color: #f92672;
}
[data-highlight-theme="monokai-sublime"] .hljs-symbol,
[data-highlight-theme="monokai-sublime"] .hljs-attribute {
color: #66d9ef;
}
[data-highlight-theme="monokai-sublime"] .hljs-params,
[data-highlight-theme="monokai-sublime"] .hljs-class .hljs-title {
color: #f8f8f2;
}
[data-highlight-theme="monokai-sublime"] .hljs-string,
[data-highlight-theme="monokai-sublime"] .hljs-type,
[data-highlight-theme="monokai-sublime"] .hljs-built_in,
[data-highlight-theme="monokai-sublime"] .hljs-builtin-name,
[data-highlight-theme="monokai-sublime"] .hljs-selector-id,
[data-highlight-theme="monokai-sublime"] .hljs-selector-attr,
[data-highlight-theme="monokai-sublime"] .hljs-selector-pseudo,
[data-highlight-theme="monokai-sublime"] .hljs-addition,
[data-highlight-theme="monokai-sublime"] .hljs-variable,
[data-highlight-theme="monokai-sublime"] .hljs-template-variable {
color: #e6db74;
}
[data-highlight-theme="monokai-sublime"] .hljs-comment,
[data-highlight-theme="monokai-sublime"] .hljs-deletion,
[data-highlight-theme="monokai-sublime"] .hljs-meta {
color: #75715e;
}
[data-highlight-theme="obsidian"] .hljs {
display: block;
overflow-x: auto;
background: #282b2e;
}
[data-highlight-theme="obsidian"] .hljs-keyword,
[data-highlight-theme="obsidian"] .hljs-selector-tag,
[data-highlight-theme="obsidian"] .hljs-literal,
[data-highlight-theme="obsidian"] .hljs-selector-id {
color: #93c763;
}
[data-highlight-theme="obsidian"] .hljs-number {
color: #ffcd22;
}
[data-highlight-theme="obsidian"] .hljs {
color: #e0e2e4;
}
[data-highlight-theme="obsidian"] .hljs-attribute {
color: #668bb0;
}
[data-highlight-theme="obsidian"] .hljs-code,
[data-highlight-theme="obsidian"] .hljs-class .hljs-title,
[data-highlight-theme="obsidian"] .hljs-section {
color: white;
}
[data-highlight-theme="obsidian"] .hljs-regexp,
[data-highlight-theme="obsidian"] .hljs-link {
color: #d39745;
}
[data-highlight-theme="obsidian"] .hljs-meta {
color: #557182;
}
[data-highlight-theme="obsidian"] .hljs-tag,
[data-highlight-theme="obsidian"] .hljs-name,
[data-highlight-theme="obsidian"] .hljs-bullet,
[data-highlight-theme="obsidian"] .hljs-subst,
[data-highlight-theme="obsidian"] .hljs-emphasis,
[data-highlight-theme="obsidian"] .hljs-type,
[data-highlight-theme="obsidian"] .hljs-built_in,
[data-highlight-theme="obsidian"] .hljs-selector-attr,
[data-highlight-theme="obsidian"] .hljs-selector-pseudo,
[data-highlight-theme="obsidian"] .hljs-addition,
[data-highlight-theme="obsidian"] .hljs-variable,
[data-highlight-theme="obsidian"] .hljs-template-tag,
[data-highlight-theme="obsidian"] .hljs-template-variable {
color: #8cbbad;
}
[data-highlight-theme="obsidian"] .hljs-string,
[data-highlight-theme="obsidian"] .hljs-symbol {
color: #ec7600;
}
[data-highlight-theme="obsidian"] .hljs-comment,
[data-highlight-theme="obsidian"] .hljs-quote,
[data-highlight-theme="obsidian"] .hljs-deletion {
color: #818e96;
}
[data-highlight-theme="obsidian"] .hljs-selector-class {
color: #a082bd;
}
[data-highlight-theme="obsidian"] .hljs-keyword,
[data-highlight-theme="obsidian"] .hljs-selector-tag,
[data-highlight-theme="obsidian"] .hljs-literal,
[data-highlight-theme="obsidian"] .hljs-doctag,
[data-highlight-theme="obsidian"] .hljs-title,
[data-highlight-theme="obsidian"] .hljs-section,
[data-highlight-theme="obsidian"] .hljs-type,
[data-highlight-theme="obsidian"] .hljs-name,
[data-highlight-theme="obsidian"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="seti"] .hljs {
display: block;
overflow-x: auto;
background: #151718;
color: #d4d7d6;
}
[data-highlight-theme="seti"] .hljs-comment,
[data-highlight-theme="seti"] .hljs-quote {
color: #41535b;
}
[data-highlight-theme="seti"] .hljs-operator,
[data-highlight-theme="seti"] .hljs-name,
[data-highlight-theme="seti"] .hljs-built_in,
[data-highlight-theme="seti"] .hljs-class,
[data-highlight-theme="seti"] .hljs-id,
[data-highlight-theme="seti"] .hljs-attribute,
[data-highlight-theme="seti"] .hljs-selector-id {
color: #9fca56;
}
[data-highlight-theme="seti"] .hljs-number,
[data-highlight-theme="seti"] .hljs-deletion {
color: #cd3f45;
}
[data-highlight-theme="seti"] .hljs-bullet,
[data-highlight-theme="seti"] .hljs-literal {
color: #cd3f45;
}
[data-highlight-theme="seti"] .hljs-title,
[data-highlight-theme="seti"] .hljs-string,
[data-highlight-theme="seti"] .hljs-variable,
[data-highlight-theme="seti"] .hljs-selector-attr,
[data-highlight-theme="seti"] .hljs-selector-pseudo,
[data-highlight-theme="seti"] .hljs-addition,
[data-highlight-theme="seti"] .hljs-subst,
[data-highlight-theme="seti"] .hljs-params,
[data-highlight-theme="seti"] .hljs-value,
[data-highlight-theme="seti"] .hljs-meta,
[data-highlight-theme="seti"] .hljs-selector-tag,
[data-highlight-theme="seti"] .hljs-tag,
[data-highlight-theme="seti"] .hljs-symbol {
color: #55b5db;
}
[data-highlight-theme="seti"] .hljs-storage {
color: #e6cd69;
}
[data-highlight-theme="seti"] .hljs-keyword {
color: #e6cd69;
}
[data-highlight-theme="seti"] .hljs-rule .hljs-attribute,
[data-highlight-theme="seti"] .hljs-template-variable {
color: #a074c4;
}
[data-highlight-theme="seti"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="seti"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="solarized-dark"] .hljs {
display: block;
overflow-x: auto;
background: #002b36;
color: #839496;
}
[data-highlight-theme="solarized-dark"] .hljs-comment,
[data-highlight-theme="solarized-dark"] .hljs-quote {
color: #586e75;
}
[data-highlight-theme="solarized-dark"] .hljs-keyword,
[data-highlight-theme="solarized-dark"] .hljs-selector-tag,
[data-highlight-theme="solarized-dark"] .hljs-addition {
color: #859900;
}
[data-highlight-theme="solarized-dark"] .hljs-number,
[data-highlight-theme="solarized-dark"] .hljs-string,
[data-highlight-theme="solarized-dark"] .hljs-meta .hljs-meta-string,
[data-highlight-theme="solarized-dark"] .hljs-literal,
[data-highlight-theme="solarized-dark"] .hljs-doctag,
[data-highlight-theme="solarized-dark"] .hljs-regexp {
color: #2aa198;
}
[data-highlight-theme="solarized-dark"] .hljs-title,
[data-highlight-theme="solarized-dark"] .hljs-section,
[data-highlight-theme="solarized-dark"] .hljs-name,
[data-highlight-theme="solarized-dark"] .hljs-selector-id,
[data-highlight-theme="solarized-dark"] .hljs-selector-class {
color: #268bd2;
}
[data-highlight-theme="solarized-dark"] .hljs-attribute,
[data-highlight-theme="solarized-dark"] .hljs-attr,
[data-highlight-theme="solarized-dark"] .hljs-variable,
[data-highlight-theme="solarized-dark"] .hljs-template-variable,
[data-highlight-theme="solarized-dark"] .hljs-class .hljs-title,
[data-highlight-theme="solarized-dark"] .hljs-type {
color: #b58900;
}
[data-highlight-theme="solarized-dark"] .hljs-symbol,
[data-highlight-theme="solarized-dark"] .hljs-bullet,
[data-highlight-theme="solarized-dark"] .hljs-subst,
[data-highlight-theme="solarized-dark"] .hljs-meta,
[data-highlight-theme="solarized-dark"] .hljs-meta .hljs-keyword,
[data-highlight-theme="solarized-dark"] .hljs-selector-attr,
[data-highlight-theme="solarized-dark"] .hljs-selector-pseudo,
[data-highlight-theme="solarized-dark"] .hljs-link {
color: #cb4b16;
}
[data-highlight-theme="solarized-dark"] .hljs-built_in,
[data-highlight-theme="solarized-dark"] .hljs-deletion {
color: #dc322f;
}
[data-highlight-theme="solarized-dark"] .hljs-formula {
background: #073642;
}
[data-highlight-theme="solarized-dark"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="solarized-dark"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="solarized-light"] .hljs {
display: block;
overflow-x: auto;
background: #fdf6e3;
color: #657b83;
}
[data-highlight-theme="solarized-light"] .hljs-comment,
[data-highlight-theme="solarized-light"] .hljs-quote {
color: #93a1a1;
}
[data-highlight-theme="solarized-light"] .hljs-keyword,
[data-highlight-theme="solarized-light"] .hljs-selector-tag,
[data-highlight-theme="solarized-light"] .hljs-addition {
color: #859900;
}
[data-highlight-theme="solarized-light"] .hljs-number,
[data-highlight-theme="solarized-light"] .hljs-string,
[data-highlight-theme="solarized-light"] .hljs-meta .hljs-meta-string,
[data-highlight-theme="solarized-light"] .hljs-literal,
[data-highlight-theme="solarized-light"] .hljs-doctag,
[data-highlight-theme="solarized-light"] .hljs-regexp {
color: #2aa198;
}
[data-highlight-theme="solarized-light"] .hljs-title,
[data-highlight-theme="solarized-light"] .hljs-section,
[data-highlight-theme="solarized-light"] .hljs-name,
[data-highlight-theme="solarized-light"] .hljs-selector-id,
[data-highlight-theme="solarized-light"] .hljs-selector-class {
color: #268bd2;
}
[data-highlight-theme="solarized-light"] .hljs-attribute,
[data-highlight-theme="solarized-light"] .hljs-attr,
[data-highlight-theme="solarized-light"] .hljs-variable,
[data-highlight-theme="solarized-light"] .hljs-template-variable,
[data-highlight-theme="solarized-light"] .hljs-class .hljs-title,
[data-highlight-theme="solarized-light"] .hljs-type {
color: #b58900;
}
[data-highlight-theme="solarized-light"] .hljs-symbol,
[data-highlight-theme="solarized-light"] .hljs-bullet,
[data-highlight-theme="solarized-light"] .hljs-subst,
[data-highlight-theme="solarized-light"] .hljs-meta,
[data-highlight-theme="solarized-light"] .hljs-meta .hljs-keyword,
[data-highlight-theme="solarized-light"] .hljs-selector-attr,
[data-highlight-theme="solarized-light"] .hljs-selector-pseudo,
[data-highlight-theme="solarized-light"] .hljs-link {
color: #cb4b16;
}
[data-highlight-theme="solarized-light"] .hljs-built_in,
[data-highlight-theme="solarized-light"] .hljs-deletion {
color: #dc322f;
}
[data-highlight-theme="solarized-light"] .hljs-formula {
background: #eee8d5;
}
[data-highlight-theme="solarized-light"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="solarized-light"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="sunburst"] .hljs {
display: block;
overflow-x: auto;
background: #000;
color: #f8f8f8;
}
[data-highlight-theme="sunburst"] .hljs-comment,
[data-highlight-theme="sunburst"] .hljs-quote {
color: #aeaeae;
font-style: italic;
}
[data-highlight-theme="sunburst"] .hljs-keyword,
[data-highlight-theme="sunburst"] .hljs-selector-tag,
[data-highlight-theme="sunburst"] .hljs-type {
color: #e28964;
}
[data-highlight-theme="sunburst"] .hljs-string {
color: #65b042;
}
[data-highlight-theme="sunburst"] .hljs-subst {
color: #daefa3;
}
[data-highlight-theme="sunburst"] .hljs-regexp,
[data-highlight-theme="sunburst"] .hljs-link {
color: #e9c062;
}
[data-highlight-theme="sunburst"] .hljs-title,
[data-highlight-theme="sunburst"] .hljs-section,
[data-highlight-theme="sunburst"] .hljs-tag,
[data-highlight-theme="sunburst"] .hljs-name {
color: #89bdff;
}
[data-highlight-theme="sunburst"] .hljs-class .hljs-title,
[data-highlight-theme="sunburst"] .hljs-doctag {
text-decoration: underline;
}
[data-highlight-theme="sunburst"] .hljs-symbol,
[data-highlight-theme="sunburst"] .hljs-bullet,
[data-highlight-theme="sunburst"] .hljs-number {
color: #3387cc;
}
[data-highlight-theme="sunburst"] .hljs-params,
[data-highlight-theme="sunburst"] .hljs-variable,
[data-highlight-theme="sunburst"] .hljs-template-variable {
color: #3e87e3;
}
[data-highlight-theme="sunburst"] .hljs-attribute {
color: #cda869;
}
[data-highlight-theme="sunburst"] .hljs-meta {
color: #8996a8;
}
[data-highlight-theme="sunburst"] .hljs-formula {
background-color: #0e2231;
color: #f8f8f8;
font-style: italic;
}
[data-highlight-theme="sunburst"] .hljs-addition {
background-color: #253b22;
color: #f8f8f8;
}
[data-highlight-theme="sunburst"] .hljs-deletion {
background-color: #420e09;
color: #f8f8f8;
}
[data-highlight-theme="sunburst"] .hljs-selector-class {
color: #9b703f;
}
[data-highlight-theme="sunburst"] .hljs-selector-id {
color: #8b98ab;
}
[data-highlight-theme="sunburst"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="sunburst"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="tomorrow"] .hljs-comment,
[data-highlight-theme="tomorrow"] .hljs-quote {
color: #8e908c;
}
[data-highlight-theme="tomorrow"] .hljs-variable,
[data-highlight-theme="tomorrow"] .hljs-template-variable,
[data-highlight-theme="tomorrow"] .hljs-tag,
[data-highlight-theme="tomorrow"] .hljs-name,
[data-highlight-theme="tomorrow"] .hljs-selector-id,
[data-highlight-theme="tomorrow"] .hljs-selector-class,
[data-highlight-theme="tomorrow"] .hljs-regexp,
[data-highlight-theme="tomorrow"] .hljs-deletion {
color: #c82829;
}
[data-highlight-theme="tomorrow"] .hljs-number,
[data-highlight-theme="tomorrow"] .hljs-built_in,
[data-highlight-theme="tomorrow"] .hljs-builtin-name,
[data-highlight-theme="tomorrow"] .hljs-literal,
[data-highlight-theme="tomorrow"] .hljs-type,
[data-highlight-theme="tomorrow"] .hljs-params,
[data-highlight-theme="tomorrow"] .hljs-meta,
[data-highlight-theme="tomorrow"] .hljs-link {
color: #f5871f;
}
[data-highlight-theme="tomorrow"] .hljs-attribute {
color: #eab700;
}
[data-highlight-theme="tomorrow"] .hljs-string,
[data-highlight-theme="tomorrow"] .hljs-symbol,
[data-highlight-theme="tomorrow"] .hljs-bullet,
[data-highlight-theme="tomorrow"] .hljs-addition {
color: #718c00;
}
[data-highlight-theme="tomorrow"] .hljs-title,
[data-highlight-theme="tomorrow"] .hljs-section {
color: #4271ae;
}
[data-highlight-theme="tomorrow"] .hljs-keyword,
[data-highlight-theme="tomorrow"] .hljs-selector-tag {
color: #8959a8;
}
[data-highlight-theme="tomorrow"] .hljs {
display: block;
overflow-x: auto;
background: white;
color: #4d4d4c;
}
[data-highlight-theme="tomorrow"] .hljs-emphasis {
font-style: italic;
}
[data-highlight-theme="tomorrow"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="xcode"] .hljs {
display: block;
overflow-x: auto;
background: #fff;
color: black;
}
[data-highlight-theme="xcode"] .hljs-comment,
[data-highlight-theme="xcode"] .hljs-quote {
color: #006a00;
}
[data-highlight-theme="xcode"] .hljs-keyword,
[data-highlight-theme="xcode"] .hljs-selector-tag,
[data-highlight-theme="xcode"] .hljs-literal {
color: #aa0d91;
}
[data-highlight-theme="xcode"] .hljs-name {
color: #008;
}
[data-highlight-theme="xcode"] .hljs-variable,
[data-highlight-theme="xcode"] .hljs-template-variable {
color: #660;
}
[data-highlight-theme="xcode"] .hljs-string {
color: #c41a16;
}
[data-highlight-theme="xcode"] .hljs-regexp,
[data-highlight-theme="xcode"] .hljs-link {
color: #080;
}
[data-highlight-theme="xcode"] .hljs-title,
[data-highlight-theme="xcode"] .hljs-tag,
[data-highlight-theme="xcode"] .hljs-symbol,
[data-highlight-theme="xcode"] .hljs-bullet,
[data-highlight-theme="xcode"] .hljs-number,
[data-highlight-theme="xcode"] .hljs-meta {
color: #1c00cf;
}
[data-highlight-theme="xcode"] .hljs-section,
[data-highlight-theme="xcode"] .hljs-class .hljs-title,
[data-highlight-theme="xcode"] .hljs-type,
[data-highlight-theme="xcode"] .hljs-attr,
[data-highlight-theme="xcode"] .hljs-built_in,
[data-highlight-theme="xcode"] .hljs-builtin-name,
[data-highlight-theme="xcode"] .hljs-params {
color: #5c2699;
}
[data-highlight-theme="xcode"] .hljs-attribute,
[data-highlight-theme="xcode"] .hljs-subst {
color: #000;
}
[data-highlight-theme="xcode"] .hljs-formula {
background-color: #eee;
font-style: italic;
}
[data-highlight-theme="xcode"] .hljs-addition {
background-color: #baeeba;
}
[data-highlight-theme="xcode"] .hljs-deletion {
background-color: #ffc8bd;
}
[data-highlight-theme="xcode"] .hljs-selector-id,
[data-highlight-theme="xcode"] .hljs-selector-class {
color: #9b703f;
}
[data-highlight-theme="xcode"] .hljs-doctag,
[data-highlight-theme="xcode"] .hljs-strong {
font-weight: bold;
}
[data-highlight-theme="xcode"] .hljs-emphasis {
font-style: italic;
}
.reveal div,
.reveal span,
.reveal applet,
.reveal object,
.reveal iframe,
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6,
.reveal p,
.reveal blockquote,
.reveal pre,
.reveal a,
.reveal abbr,
.reveal acronym,
.reveal address,
.reveal big,
.reveal cite,
.reveal code,
.reveal del,
.reveal dfn,
.reveal em,
.reveal img,
.reveal ins,
.reveal kbd,
.reveal q,
.reveal s,
.reveal samp,
.reveal small,
.reveal strike,
.reveal strong,
.reveal sub,
.reveal sup,
.reveal tt,
.reveal var,
.reveal b,
.reveal u,
.reveal center,
.reveal dl,
.reveal dt,
.reveal dd,
.reveal ol,
.reveal ul,
.reveal li,
.reveal fieldset,
.reveal form,
.reveal label,
.reveal legend,
.reveal table,
.reveal caption,
.reveal tbody,
.reveal tfoot,
.reveal thead,
.reveal tr,
.reveal th,
.reveal td,
.reveal article,
.reveal aside,
.reveal canvas,
.reveal details,
.reveal embed,
.reveal figure,
.reveal figcaption,
.reveal footer,
.reveal header,
.reveal hgroup,
.reveal menu,
.reveal nav,
.reveal output,
.reveal ruby,
.reveal section,
.reveal summary,
.reveal time,
.reveal mark,
.reveal audio,
.reveal video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.reveal .stretch,
.reveal .r-stretch {
max-width: none;
max-height: none;
}
.reveal pre.stretch code,
.reveal pre.r-stretch code {
height: 100%;
max-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.reveal .r-fit-text {
display: inline-block;
white-space: nowrap;
}
.reveal .r-stack {
display: grid;
grid-template-rows: 100%;
}
.reveal .r-stack > * {
grid-area: 1/1;
margin: auto;
}
.reveal .r-vstack,
.reveal .r-hstack {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reveal .r-vstack img,
.reveal .r-vstack video,
.reveal .r-hstack img,
.reveal .r-hstack video {
min-width: 0;
min-height: 0;
-o-object-fit: contain;
object-fit: contain;
}
.reveal .r-vstack {
-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;
}
.reveal .r-hstack {
-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: center;
-ms-flex-pack: center;
justify-content: center;
}
.reveal .items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.reveal .items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.reveal .items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.reveal .items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.reveal .justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reveal .justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.reveal .justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.reveal .justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reveal .justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
html.reveal-full-page {
width: 100%;
height: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
height: 100dvh;
overflow: hidden;
}
.reveal-viewport {
height: 100%;
overflow: hidden;
position: relative;
line-height: 1;
margin: 0;
background-color: #fff;
color: #000;
--r-controls-spacing: 12px;
--r-overlay-header-height: 40px;
--r-overlay-margin: 0px;
--r-overlay-padding: 6px;
--r-overlay-gap: 5px;
}
@media screen and (max-width: 1024px), (max-height: 768px) {
.reveal-viewport {
--r-overlay-header-height: 26px;
}
}
.reveal-viewport:-webkit-full-screen {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
-webkit-transform: none !important;
transform: none !important;
}
.reveal-viewport:-ms-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
}
.reveal-viewport:fullscreen {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
-webkit-transform: none !important;
transform: none !important;
}
.reveal .fragment {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.reveal .fragment:not(.custom) {
opacity: 0;
visibility: hidden;
will-change: opacity;
}
.reveal .fragment.visible {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.disabled {
-webkit-transition: none;
transition: none;
}
.reveal .fragment.grow {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.grow.visible {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.reveal .fragment.shrink {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.shrink.visible {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.reveal .fragment.zoom-in {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
.reveal .fragment.zoom-in.visible {
-webkit-transform: none;
transform: none;
}
.reveal .fragment.fade-out {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.fade-out.visible {
opacity: 0;
visibility: hidden;
}
.reveal .fragment.semi-fade-out {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.semi-fade-out.visible {
opacity: 0.5;
visibility: inherit;
}
.reveal .fragment.strike {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.strike.visible {
text-decoration: line-through;
}
.reveal .fragment.fade-up {
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
.reveal .fragment.fade-up.visible {
-webkit-transform: translate(0);
transform: translate(0);
}
.reveal .fragment.fade-down {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.reveal .fragment.fade-down.visible {
-webkit-transform: translate(0);
transform: translate(0);
}
.reveal .fragment.fade-right {
-webkit-transform: translate(-40px);
transform: translate(-40px);
}
.reveal .fragment.fade-right.visible {
-webkit-transform: translate(0);
transform: translate(0);
}
.reveal .fragment.fade-left {
-webkit-transform: translate(40px);
transform: translate(40px);
}
.reveal .fragment.fade-left.visible {
-webkit-transform: translate(0);
transform: translate(0);
}
.reveal .fragment.fade-in-then-out,
.reveal .fragment.current-visible {
opacity: 0;
visibility: hidden;
}
.reveal .fragment.fade-in-then-out.current-fragment,
.reveal .fragment.current-visible.current-fragment {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.fade-in-then-semi-out {
opacity: 0;
visibility: hidden;
}
.reveal .fragment.fade-in-then-semi-out.visible {
opacity: 0.5;
visibility: inherit;
}
.reveal .fragment.fade-in-then-semi-out.current-fragment,
.reveal .fragment.highlight-red,
.reveal .fragment.highlight-current-red,
.reveal .fragment.highlight-green,
.reveal .fragment.highlight-current-green,
.reveal .fragment.highlight-blue,
.reveal .fragment.highlight-current-blue {
opacity: 1;
visibility: inherit;
}
.reveal .fragment.highlight-red.visible {
color: #ff2c2d;
}
.reveal .fragment.highlight-green.visible {
color: #17ff2e;
}
.reveal .fragment.highlight-blue.visible {
color: #1b91ff;
}
.reveal .fragment.highlight-current-red.current-fragment {
color: #ff2c2d;
}
.reveal .fragment.highlight-current-green.current-fragment {
color: #17ff2e;
}
.reveal .fragment.highlight-current-blue.current-fragment {
color: #1b91ff;
}
.reveal:after {
content: "";
font-style: italic;
}
.reveal iframe {
z-index: 1;
}
.reveal a {
position: relative;
}
@-webkit-keyframes bounce-right {
0%,
10%,
25%,
40%,
50% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(10px);
transform: translate(10px);
}
30% {
-webkit-transform: translate(-5px);
transform: translate(-5px);
}
}
@keyframes bounce-right {
0%,
10%,
25%,
40%,
50% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(10px);
transform: translate(10px);
}
30% {
-webkit-transform: translate(-5px);
transform: translate(-5px);
}
}
@-webkit-keyframes bounce-left {
0%,
10%,
25%,
40%,
50% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-10px);
transform: translate(-10px);
}
30% {
-webkit-transform: translate(5px);
transform: translate(5px);
}
}
@keyframes bounce-left {
0%,
10%,
25%,
40%,
50% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-10px);
transform: translate(-10px);
}
30% {
-webkit-transform: translate(5px);
transform: translate(5px);
}
}
@-webkit-keyframes bounce-down {
0%,
10%,
25%,
40%,
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
30% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce-down {
0%,
10%,
25%,
40%,
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
30% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.reveal .controls {
display: none;
position: absolute;
top: auto;
bottom: var(--r-controls-spacing);
right: var(--r-controls-spacing);
left: auto;
z-index: 11;
color: #000;
pointer-events: none;
font-size: 10px;
}
.reveal .controls button {
position: absolute;
padding: 0;
background-color: transparent;
border: 0;
outline: 0;
cursor: pointer;
color: currentColor;
-webkit-transform: scale(0.9999);
transform: scale(0.9999);
-webkit-transition:
color 0.2s ease,
opacity 0.2s ease,
-webkit-transform 0.2s ease;
transition:
color 0.2s ease,
opacity 0.2s ease,
-webkit-transform 0.2s ease;
transition:
color 0.2s ease,
opacity 0.2s ease,
transform 0.2s ease;
transition:
color 0.2s ease,
opacity 0.2s ease,
transform 0.2s ease,
-webkit-transform 0.2s ease;
z-index: 2;
pointer-events: auto;
font-size: inherit;
visibility: hidden;
opacity: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.reveal .controls .controls-arrow:before,
.reveal .controls .controls-arrow:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2.6em;
height: 0.5em;
border-radius: 0.25em;
background-color: currentColor;
-webkit-transition:
all 0.15s ease,
background-color 0.8s ease;
transition:
all 0.15s ease,
background-color 0.8s ease;
-webkit-transform-origin: 0.2em 50%;
transform-origin: 0.2em 50%;
will-change: transform;
}
.reveal .controls .controls-arrow {
position: relative;
width: 3.6em;
height: 3.6em;
}
.reveal .controls .controls-arrow:before {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(45deg);
transform: translate(0.5em) translateY(1.55em) rotate(45deg);
}
.reveal .controls .controls-arrow:after {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(-45deg);
transform: translate(0.5em) translateY(1.55em) rotate(-45deg);
}
.reveal .controls .controls-arrow:hover:before {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(40deg);
transform: translate(0.5em) translateY(1.55em) rotate(40deg);
}
.reveal .controls .controls-arrow:hover:after {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(-40deg);
transform: translate(0.5em) translateY(1.55em) rotate(-40deg);
}
.reveal .controls .controls-arrow:active:before {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(36deg);
transform: translate(0.5em) translateY(1.55em) rotate(36deg);
}
.reveal .controls .controls-arrow:active:after {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(-36deg);
transform: translate(0.5em) translateY(1.55em) rotate(-36deg);
}
.reveal .controls .navigate-left {
right: 6.4em;
bottom: 3.2em;
-webkit-transform: translate(-10px);
transform: translate(-10px);
}
.reveal .controls .navigate-left.highlight {
-webkit-animation: bounce-left 2s 50 both ease-out;
animation: bounce-left 2s 50 both ease-out;
}
.reveal .controls .navigate-right {
right: 0;
bottom: 3.2em;
-webkit-transform: translate(10px);
transform: translate(10px);
}
.reveal .controls .navigate-right .controls-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.reveal .controls .navigate-right.highlight {
-webkit-animation: bounce-right 2s 50 both ease-out;
animation: bounce-right 2s 50 both ease-out;
}
.reveal .controls .navigate-up {
right: 3.2em;
bottom: 6.4em;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.reveal .controls .navigate-up .controls-arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.reveal .controls .navigate-down {
right: 3.2em;
bottom: -1.4em;
padding-bottom: 1.4em;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.reveal .controls .navigate-down .controls-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.reveal .controls .navigate-down.highlight {
-webkit-animation: bounce-down 2s 50 both ease-out;
animation: bounce-down 2s 50 both ease-out;
}
.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled {
opacity: 0.3;
}
.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover {
opacity: 1;
}
.reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled {
opacity: 0;
visibility: hidden;
}
.reveal .controls .enabled {
visibility: visible;
opacity: 0.9;
cursor: pointer;
-webkit-transform: none;
transform: none;
}
.reveal .controls .enabled.fragmented {
opacity: 0.5;
}
.reveal .controls .enabled:hover,
.reveal .controls .enabled.fragmented:hover {
opacity: 1;
}
.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled {
opacity: 0.3;
}
.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover {
opacity: 1;
}
.reveal:not(.rtl) .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled {
opacity: 0;
visibility: hidden;
}
.reveal.rtl .controls[data-controls-back-arrows="faded"] .navigate-right.enabled {
opacity: 0.3;
}
.reveal.rtl .controls[data-controls-back-arrows="faded"] .navigate-right.enabled:hover {
opacity: 1;
}
.reveal.rtl .controls[data-controls-back-arrows="hidden"] .navigate-right.enabled {
opacity: 0;
visibility: hidden;
}
.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-up,
.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-down {
display: none;
}
.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-left,
.reveal:not(.has-vertical-slides) .controls .navigate-left {
bottom: 1.4em;
right: 5.5em;
}
.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-right,
.reveal:not(.has-vertical-slides) .controls .navigate-right {
bottom: 1.4em;
right: 0.5em;
}
.reveal:not(.has-horizontal-slides) .controls .navigate-up {
right: 1.4em;
bottom: 5em;
}
.reveal:not(.has-horizontal-slides) .controls .navigate-down {
right: 1.4em;
bottom: 0.5em;
}
.reveal.has-dark-background .controls {
color: #fff;
}
.reveal.has-light-background .controls {
color: #000;
}
.reveal.no-hover .controls .controls-arrow:hover:before,
.reveal.no-hover .controls .controls-arrow:active:before {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(45deg);
transform: translate(0.5em) translateY(1.55em) rotate(45deg);
}
.reveal.no-hover .controls .controls-arrow:hover:after,
.reveal.no-hover .controls .controls-arrow:active:after {
-webkit-transform: translate(0.5em) translateY(1.55em) rotate(-45deg);
transform: translate(0.5em) translateY(1.55em) rotate(-45deg);
}
@media screen and (min-width: 500px) {
.reveal-viewport {
--r-controls-spacing: 0.8em;
}
.reveal .controls[data-controls-layout="edges"] {
inset: 0;
}
.reveal .controls[data-controls-layout="edges"] .navigate-left,
.reveal .controls[data-controls-layout="edges"] .navigate-right,
.reveal .controls[data-controls-layout="edges"] .navigate-up,
.reveal .controls[data-controls-layout="edges"] .navigate-down {
bottom: auto;
right: auto;
}
.reveal .controls[data-controls-layout="edges"] .navigate-left {
top: 50%;
left: var(--r-controls-spacing);
margin-top: -1.8em;
}
.reveal .controls[data-controls-layout="edges"] .navigate-right {
top: 50%;
right: var(--r-controls-spacing);
margin-top: -1.8em;
}
.reveal .controls[data-controls-layout="edges"] .navigate-up {
top: var(--r-controls-spacing);
left: 50%;
margin-left: -1.8em;
}
.reveal .controls[data-controls-layout="edges"] .navigate-down {
bottom: calc(var(--r-controls-spacing) - 1.4em + 0.3em);
left: 50%;
margin-left: -1.8em;
}
}
.reveal .progress {
position: absolute;
display: none;
height: 3px;
width: 100%;
bottom: 0;
left: 0;
z-index: 10;
background-color: #0003;
color: #fff;
}
.reveal .progress:after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: -10px;
}
.reveal .progress span {
display: block;
height: 100%;
width: 100%;
background-color: currentColor;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: -webkit-transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition:
transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.reveal .slide-number {
position: absolute;
display: block;
right: 8px;
bottom: 8px;
z-index: 31;
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 1;
color: #fff;
background-color: #0006;
padding: 5px;
}
.reveal .slide-number a {
color: currentColor;
}
.reveal .slide-number-delimiter {
margin: 0 3px;
}
.reveal {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
}
.reveal.embedded {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.reveal.embedded.is-vertical-slide {
-ms-touch-action: none;
touch-action: none;
}
.reveal .slides {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
margin: auto;
pointer-events: none;
overflow: visible;
z-index: 1;
text-align: center;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-perspective-origin: 50% 40%;
perspective-origin: 50% 40%;
}
.reveal .slides > section {
-webkit-perspective: 600px;
perspective: 600px;
}
.reveal .slides > section,
.reveal .slides > section > section {
display: none;
position: absolute;
width: 100%;
pointer-events: auto;
z-index: 10;
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transition:
visibility 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
opacity 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform-origin 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition:
visibility 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
opacity 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform-origin 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition:
transform-origin 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
visibility 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
opacity 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition:
transform-origin 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
visibility 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
opacity 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform-origin 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985),
-webkit-transform 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
}
.reveal[data-transition-speed="fast"] .slides section {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.reveal[data-transition-speed="slow"] .slides section {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.reveal .slides section[data-transition-speed="fast"] {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.reveal .slides section[data-transition-speed="slow"] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.reveal .slides > section.stack {
padding-top: 0;
padding-bottom: 0;
pointer-events: none;
height: 100%;
}
.reveal .slides > section.present,
.reveal .slides > section > section.present {
display: block;
z-index: 11;
opacity: 1;
}
.reveal .slides > section:empty,
.reveal .slides > section > section:empty,
.reveal .slides > section[data-background-interactive],
.reveal .slides > section > section[data-background-interactive] {
pointer-events: none;
}
.reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
min-height: 0 !important;
}
.reveal .slides > section:not(.present),
.reveal .slides > section > section:not(.present) {
pointer-events: none;
}
.reveal.overview .slides > section,
.reveal.overview .slides > section > section {
pointer-events: auto;
}
.reveal .slides > section.past,
.reveal .slides > section.future,
.reveal .slides > section.past > section,
.reveal .slides > section.future > section,
.reveal .slides > section > section.past,
.reveal .slides > section > section.future {
opacity: 0;
}
.reveal .slides > section[data-transition="slide"].past,
.reveal .slides > section[data-transition~="slide-out"].past,
.reveal.slide .slides > section:not([data-transition]).past {
-webkit-transform: translate(-150%);
transform: translate(-150%);
}
.reveal .slides > section[data-transition="slide"].future,
.reveal .slides > section[data-transition~="slide-in"].future,
.reveal.slide .slides > section:not([data-transition]).future {
-webkit-transform: translate(150%);
transform: translate(150%);
}
.reveal .slides > section > section[data-transition="slide"].past,
.reveal .slides > section > section[data-transition~="slide-out"].past,
.reveal.slide .slides > section > section:not([data-transition]).past {
-webkit-transform: translateY(-150%);
transform: translateY(-150%);
}
.reveal .slides > section > section[data-transition="slide"].future,
.reveal .slides > section > section[data-transition~="slide-in"].future,
.reveal.slide .slides > section > section:not([data-transition]).future {
-webkit-transform: translateY(150%);
transform: translateY(150%);
}
.reveal .slides > section[data-transition="linear"].past,
.reveal .slides > section[data-transition~="linear-out"].past,
.reveal.linear .slides > section:not([data-transition]).past {
-webkit-transform: translate(-150%);
transform: translate(-150%);
}
.reveal .slides > section[data-transition="linear"].future,
.reveal .slides > section[data-transition~="linear-in"].future,
.reveal.linear .slides > section:not([data-transition]).future {
-webkit-transform: translate(150%);
transform: translate(150%);
}
.reveal .slides > section > section[data-transition="linear"].past,
.reveal .slides > section > section[data-transition~="linear-out"].past,
.reveal.linear .slides > section > section:not([data-transition]).past {
-webkit-transform: translateY(-150%);
transform: translateY(-150%);
}
.reveal .slides > section > section[data-transition="linear"].future,
.reveal .slides > section > section[data-transition~="linear-in"].future,
.reveal.linear .slides > section > section:not([data-transition]).future {
-webkit-transform: translateY(150%);
transform: translateY(150%);
}
.reveal .slides section[data-transition="default"].stack,
.reveal.default .slides section.stack {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.reveal .slides > section[data-transition="default"].past,
.reveal .slides > section[data-transition~="default-out"].past,
.reveal.default .slides > section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}
.reveal .slides > section[data-transition="default"].future,
.reveal .slides > section[data-transition~="default-in"].future,
.reveal.default .slides > section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
}
.reveal .slides > section > section[data-transition="default"].past,
.reveal .slides > section > section[data-transition~="default-out"].past,
.reveal.default .slides > section > section:not([data-transition]).past {
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
}
.reveal .slides > section > section[data-transition="default"].future,
.reveal .slides > section > section[data-transition~="default-in"].future,
.reveal.default .slides > section > section:not([data-transition]).future {
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
}
.reveal .slides section[data-transition="convex"].stack,
.reveal.convex .slides section.stack {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.reveal .slides > section[data-transition="convex"].past,
.reveal .slides > section[data-transition~="convex-out"].past,
.reveal.convex .slides > section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}
.reveal .slides > section[data-transition="convex"].future,
.reveal .slides > section[data-transition~="convex-in"].future,
.reveal.convex .slides > section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
}
.reveal .slides > section > section[data-transition="convex"].past,
.reveal .slides > section > section[data-transition~="convex-out"].past,
.reveal.convex .slides > section > section:not([data-transition]).past {
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
}
.reveal .slides > section > section[data-transition="convex"].future,
.reveal .slides > section > section[data-transition~="convex-in"].future,
.reveal.convex .slides > section > section:not([data-transition]).future {
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
}
.reveal .slides section[data-transition="concave"].stack,
.reveal.concave .slides section.stack {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.reveal .slides > section[data-transition="concave"].past,
.reveal .slides > section[data-transition~="concave-out"].past,
.reveal.concave .slides > section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}
.reveal .slides > section[data-transition="concave"].future,
.reveal .slides > section[data-transition~="concave-in"].future,
.reveal.concave .slides > section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
}
.reveal .slides > section > section[data-transition="concave"].past,
.reveal .slides > section > section[data-transition~="concave-out"].past,
.reveal.concave .slides > section > section:not([data-transition]).past {
-webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
}
.reveal .slides > section > section[data-transition="concave"].future,
.reveal .slides > section > section[data-transition~="concave-in"].future,
.reveal.concave .slides > section > section:not([data-transition]).future {
-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
}
.reveal .slides section[data-transition="zoom"],
.reveal.zoom .slides section:not([data-transition]) {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.reveal .slides > section[data-transition="zoom"].past,
.reveal .slides > section[data-transition~="zoom-out"].past,
.reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
-webkit-transform: scale(16);
transform: scale(16);
}
.reveal .slides > section[data-transition="zoom"].future,
.reveal .slides > section[data-transition~="zoom-in"].future,
.reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.reveal .slides > section > section[data-transition="zoom"].past,
.reveal .slides > section > section[data-transition~="zoom-out"].past,
.reveal.zoom .slides > section > section:not([data-transition]).past {
-webkit-transform: scale(16);
transform: scale(16);
}
.reveal .slides > section > section[data-transition="zoom"].future,
.reveal .slides > section > section[data-transition~="zoom-in"].future,
.reveal.zoom .slides > section > section:not([data-transition]).future {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.reveal.cube .slides {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.reveal.cube .slides section {
padding: 30px;
min-height: 700px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.reveal.center.cube .slides section {
min-height: 0;
}
.reveal.cube .slides section:not(.stack):before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #0000001a;
border-radius: 4px;
-webkit-transform: translateZ(-20px);
transform: translateZ(-20px);
}
.reveal.cube .slides section:not(.stack):after {
content: "";
position: absolute;
display: block;
width: 90%;
height: 30px;
left: 5%;
bottom: 0;
background: none;
z-index: 1;
border-radius: 4px;
-webkit-box-shadow: 0 95px 25px #0003;
box-shadow: 0 95px 25px #0003;
-webkit-transform: translateZ(-90px) rotateX(65deg);
transform: translateZ(-90px) rotateX(65deg);
}
.reveal.cube .slides > section.stack {
padding: 0;
background: none;
}
.reveal.cube .slides > section.past {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
transform: translate3d(-100%, 0, 0) rotateY(-90deg);
}
.reveal.cube .slides > section.future {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
transform: translate3d(100%, 0, 0) rotateY(90deg);
}
.reveal.cube .slides > section > section.past {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
transform: translate3d(0, -100%, 0) rotateX(90deg);
}
.reveal.cube .slides > section > section.future {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
transform: translate3d(0, 100%, 0) rotateX(-90deg);
}
.reveal.page .slides {
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
-webkit-perspective: 3000px;
perspective: 3000px;
}
.reveal.page .slides section {
padding: 30px;
min-height: 700px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.reveal.page .slides section.past {
z-index: 12;
}
.reveal.page .slides section:not(.stack):before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #0000001a;
-webkit-transform: translateZ(-20px);
transform: translateZ(-20px);
}
.reveal.page .slides section:not(.stack):after {
content: "";
position: absolute;
display: block;
width: 90%;
height: 30px;
left: 5%;
bottom: 0;
background: none;
z-index: 1;
border-radius: 4px;
-webkit-box-shadow: 0 95px 25px #0003;
box-shadow: 0 95px 25px #0003;
-webkit-transform: translateZ(-90px) rotateX(65deg);
transform: translateZ(-90px) rotateX(65deg);
}
.reveal.page .slides > section.stack {
padding: 0;
background: none;
}
.reveal.page .slides > section.past {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
transform: translate3d(-40%, 0, 0) rotateY(-80deg);
}
.reveal.page .slides > section.future {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.reveal.page .slides > section > section.past {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
transform: translate3d(0, -40%, 0) rotateX(80deg);
}
.reveal.page .slides > section > section.future {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.reveal .slides section[data-transition="fade"],
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides > section > section:not([data-transition]) {
-webkit-transform: none;
transform: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.reveal.fade.overview .slides section,
.reveal.fade.overview .slides > section > section {
-webkit-transition: none;
transition: none;
}
.reveal .slides section[data-transition="none"],
.reveal.none .slides section:not([data-transition]) {
-webkit-transform: none;
transform: none;
-webkit-transition: none;
transition: none;
}
.reveal .pause-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
visibility: hidden;
opacity: 0;
z-index: 100;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.reveal .pause-overlay .resume-button {
position: absolute;
bottom: 20px;
right: 20px;
color: #ccc;
border-radius: 2px;
padding: 6px 14px;
border: 2px solid #ccc;
font-size: 16px;
background: transparent;
cursor: pointer;
}
.reveal .pause-overlay .resume-button:hover {
color: #fff;
border-color: #fff;
}
.reveal.paused .pause-overlay {
visibility: visible;
opacity: 1;
}
.reveal .no-transition,
.reveal .no-transition *,
.reveal .slides.disable-slide-transitions section {
-webkit-transition: none !important;
transition: none !important;
}
.reveal .slides.disable-slide-transitions section {
-webkit-transform: none !important;
transform: none !important;
}
.reveal .backgrounds {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-perspective: 600px;
perspective: 600px;
}
.reveal .slide-background {
display: none;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #0000;
-webkit-transition: all 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: all 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
}
.reveal .slide-background-content {
position: absolute;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.reveal .slide-background.stack {
display: block;
}
.reveal .slide-background.present {
opacity: 1;
visibility: visible;
z-index: 2;
}
.print-pdf .reveal .slide-background {
opacity: 1 !important;
visibility: visible !important;
}
.reveal .slide-background video {
position: absolute;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.reveal .slide-background[data-background-size="contain"] video {
-o-object-fit: contain;
object-fit: contain;
}
.reveal[data-background-transition="none"] > .backgrounds .slide-background:not([data-background-transition]),
.reveal > .backgrounds .slide-background[data-background-transition="none"] {
-webkit-transition: none;
transition: none;
}
.reveal[data-background-transition="slide"] > .backgrounds .slide-background:not([data-background-transition]),
.reveal > .backgrounds .slide-background[data-background-transition="slide"] {
opacity: 1;
}
.reveal[data-background-transition="slide"] > .backgrounds .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background.past[data-background-transition="slide"] {
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
.reveal[data-background-transition="slide"] > .backgrounds .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background.future[data-background-transition="slide"] {
-webkit-transform: translate(100%);
transform: translate(100%);
}
.reveal[data-background-transition="slide"]
> .backgrounds
.slide-background
> .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition="slide"] {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.reveal[data-background-transition="slide"]
> .backgrounds
.slide-background
> .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition="slide"] {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.reveal[data-background-transition="convex"] > .backgrounds .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background.past[data-background-transition="convex"] {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}
.reveal[data-background-transition="convex"] > .backgrounds .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background.future[data-background-transition="convex"] {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
}
.reveal[data-background-transition="convex"]
> .backgrounds
.slide-background
> .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition="convex"] {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
}
.reveal[data-background-transition="convex"]
> .backgrounds
.slide-background
> .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition="convex"] {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
}
.reveal[data-background-transition="concave"] > .backgrounds .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background.past[data-background-transition="concave"] {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}
.reveal[data-background-transition="concave"] > .backgrounds .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background.future[data-background-transition="concave"] {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
}
.reveal[data-background-transition="concave"]
> .backgrounds
.slide-background
> .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition="concave"] {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
}
.reveal[data-background-transition="concave"]
> .backgrounds
.slide-background
> .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition="concave"] {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
}
.reveal[data-background-transition="zoom"] > .backgrounds .slide-background:not([data-background-transition]),
.reveal > .backgrounds .slide-background[data-background-transition="zoom"] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.reveal[data-background-transition="zoom"] > .backgrounds .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background.past[data-background-transition="zoom"] {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(16);
transform: scale(16);
}
.reveal[data-background-transition="zoom"] > .backgrounds .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background.future[data-background-transition="zoom"] {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.reveal[data-background-transition="zoom"]
> .backgrounds
.slide-background
> .slide-background.past:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition="zoom"] {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(16);
transform: scale(16);
}
.reveal[data-background-transition="zoom"]
> .backgrounds
.slide-background
> .slide-background.future:not([data-background-transition]),
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition="zoom"] {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.reveal [data-auto-animate-target^="unmatched"] {
will-change: opacity;
}
.reveal
section[data-auto-animate]:not(.stack):not([data-auto-animate="running"])
[data-auto-animate-target^="unmatched"] {
opacity: 0;
}
.reveal.overview {
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-webkit-perspective: 700px;
perspective: 700px;
}
.reveal.overview .slides section {
height: 100%;
top: 0 !important;
opacity: 1 !important;
overflow: hidden;
visibility: visible !important;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.reveal.overview .slides section:hover,
.reveal.overview .slides section.present {
outline: 10px solid rgba(150, 150, 150, 0.6);
outline-offset: 10px;
}
.reveal.overview .slides section.present {
outline: 10px solid var(--r-link-color);
}
.reveal.overview .slides section .fragment {
opacity: 1;
-webkit-transition: none;
transition: none;
}
.reveal.overview .slides section:after,
.reveal.overview .slides section:before {
display: none !important;
}
.reveal.overview .slides > section.stack {
padding: 0;
top: 0 !important;
background: none;
outline: none;
overflow: visible;
}
.reveal.overview .backgrounds {
-webkit-perspective: inherit;
perspective: inherit;
}
.reveal.overview .backgrounds .slide-background {
opacity: 1;
visibility: visible;
outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px;
}
.reveal.overview .backgrounds .slide-background.stack {
overflow: visible;
}
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
-webkit-transition: none;
transition: none;
}
.reveal.overview .backgrounds .slide-background,
.reveal.overview-deactivating .backgrounds .slide-background {
-webkit-transition: none;
transition: none;
}
.reveal.rtl .slides,
.reveal.rtl .slides h1,
.reveal.rtl .slides h2,
.reveal.rtl .slides h3,
.reveal.rtl .slides h4,
.reveal.rtl .slides h5,
.reveal.rtl .slides h6 {
direction: rtl;
font-family: sans-serif;
}
.reveal.rtl pre,
.reveal.rtl code {
direction: ltr;
}
.reveal.rtl ol,
.reveal.rtl ul {
text-align: right;
}
.reveal.rtl .progress span {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.reveal.has-parallax-background .backgrounds {
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.reveal [data-preview-image],
.reveal [data-preview-video],
.reveal [data-preview-link]:not(a):not([data-preview-link="false"]) {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.r-overlay {
position: absolute;
top: var(--r-overlay-margin);
right: var(--r-overlay-margin);
bottom: var(--r-overlay-margin);
left: var(--r-overlay-margin);
border-radius: min(var(--r-overlay-margin), 6px);
z-index: 99;
background: #000000f2;
backdrop-filter: blur(10px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
-webkit-animation: fade-in 0.3s ease;
animation: fade-in 0.3s ease;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
Helvetica,
sans-serif;
}
.r-overlay-viewport {
position: absolute;
top: var(--r-overlay-padding);
right: var(--r-overlay-padding);
bottom: var(--r-overlay-padding);
left: var(--r-overlay-padding);
gap: var(--r-overlay-gap);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.r-overlay-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: var(--r-overlay-header-height);
gap: 6px;
}
.r-overlay-header .r-overlay-header-button {
all: unset;
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;
min-width: var(--r-overlay-header-height);
min-height: var(--r-overlay-header-height);
padding: 0 calc(var(--r-overlay-header-height) / 4);
opacity: 1;
border-radius: 6px;
font-size: 18px;
gap: 8px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.r-overlay-header .r-overlay-header-button:hover {
opacity: 1;
background-color: #ffffff26;
}
.r-overlay-header .icon {
display: inline-block;
width: 20px;
height: 20px;
background-position: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.r-overlay-close .icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIuODU0IDIuODU0YS41LjUgMCAwIDAtLjcwOC0uNzA4TDcuNSA2Ljc5MyAyLjg1NCAyLjE0NmEuNS41IDAgMSAwLS43MDguNzA4TDYuNzkzIDcuNWwtNC42NDcgNC42NDZhLjUuNSAwIDAgMCAuNzA4LjcwOEw3LjUgOC4yMDdsNC42NDYgNC42NDdhLjUuNSAwIDAgMCAuNzA4LS43MDhMOC4yMDcgNy41bDQuNjQ3LTQuNjQ2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.r-overlay-external .icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAyYTEgMSAwIDAgMC0xIDF2OWExIDEgMCAwIDAgMSAxaDlhMSAxIDAgMCAwIDEtMVY4LjVhLjUuNSAwIDAgMC0xIDBWMTJIM1YzaDMuNWEuNS41IDAgMCAwIDAtMUgzWm05Ljg1NC4xNDZhLjUuNSAwIDAgMSAuMTQ2LjM1MVY1LjVhLjUuNSAwIDAgMS0xIDBWMy43MDdMNi44NTQgOC44NTRhLjUuNSAwIDEgMS0uNzA4LS43MDhMMTEuMjkzIDNIOS41YS41LjUgMCAwIDEgMC0xaDNhLjQ5OS40OTkgMCAwIDEgLjM1NC4xNDZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.r-overlay-content {
position: relative;
display: grid;
place-items: center;
border-radius: 6px;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: #141414cc;
-webkit-animation: scale-up 0.5s cubic-bezier(0.26, 0.86, 0.44, 0.985);
animation: scale-up 0.5s cubic-bezier(0.26, 0.86, 0.44, 0.985);
}
.r-overlay-spinner {
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
z-index: 10;
background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
visibility: hidden;
opacity: 0;
}
.r-overlay-preview .r-overlay-content iframe {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.r-overlay-preview[data-state="loaded"] iframe {
opacity: 1;
visibility: visible;
}
.r-overlay-preview .r-overlay-content img,
.r-overlay-preview .r-overlay-content video {
position: absolute;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
margin: 0;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.r-overlay-preview[data-preview-fit="none"] img,
.r-overlay-preview[data-preview-fit="none"] video {
-o-object-fit: none;
object-fit: none;
}
.r-overlay-preview[data-preview-fit="scale-down"] img,
.r-overlay-preview[data-preview-fit="scale-down"] video {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.r-overlay-preview[data-preview-fit="contain"] img,
.r-overlay-preview[data-preview-fit="contain"] video {
-o-object-fit: contain;
object-fit: contain;
}
.r-overlay-preview[data-preview-fit="cover"] img,
.r-overlay-preview[data-preview-fit="cover"] video {
-o-object-fit: cover;
object-fit: cover;
}
.r-overlay-preview[data-state="loaded"] .r-overlay-content-inner {
position: absolute;
z-index: -1;
left: 0;
top: 45%;
width: 100%;
text-align: center;
letter-spacing: normal;
}
.r-overlay-preview .r-overlay-error {
font-size: 18px;
color: orange;
}
.r-overlay-preview .x-frame-error {
opacity: 0;
-webkit-transition: opacity 0.3s ease 0.3s;
transition: opacity 0.3s ease 0.3s;
}
.r-overlay-preview[data-state="loaded"] .x-frame-error {
opacity: 1;
}
.r-overlay-preview[data-state="loading"] .r-overlay-spinner {
opacity: 0.6;
visibility: visible;
}
.r-overlay-help .r-overlay-content {
overflow: auto;
}
.r-overlay-help-content {
max-width: 560px;
padding: 20px 0;
margin: auto;
text-align: center;
letter-spacing: normal;
}
.r-overlay-help-content .title {
font-size: 20px;
margin-top: 0;
}
.r-overlay-help .r-overlay-help-content table {
border: 1px solid #fff;
border-collapse: collapse;
font-size: 16px;
text-align: left;
}
.r-overlay-help .r-overlay-help-content table th,
.r-overlay-help .r-overlay-help-content table td {
width: 240px;
padding: 14px;
border: 1px solid #fff;
vertical-align: middle;
}
.r-overlay-help .r-overlay-help-content table th {
padding-top: 20px;
padding-bottom: 20px;
}
.reveal .playback {
position: absolute;
left: 15px;
bottom: 20px;
z-index: 30;
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-tap-highlight-color: transparent;
}
.reveal.overview .playback {
opacity: 0;
visibility: hidden;
}
.reveal .hljs {
min-height: 100%;
}
.reveal .hljs table {
margin: initial;
}
.reveal .hljs-ln-code,
.reveal .hljs-ln-numbers {
padding: 0;
border: 0;
}
.reveal .hljs-ln-numbers {
opacity: 0.6;
padding-right: 0.75em;
text-align: right;
vertical-align: top;
}
.reveal .hljs.has-highlights tr:not(.highlight-line) {
opacity: 0.4;
}
.reveal .hljs.has-highlights.fragment {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.reveal .hljs:not(:first-child).fragment {
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.reveal pre[data-auto-animate-target] {
overflow: hidden;
}
.reveal pre[data-auto-animate-target] code {
height: 100%;
}
.reveal .roll {
display: inline-block;
line-height: 1.2;
overflow: hidden;
vertical-align: top;
-webkit-perspective: 400px;
perspective: 400px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.reveal .roll:hover {
background: none;
text-shadow: none;
}
.reveal .roll span {
display: block;
position: relative;
padding: 0 2px;
pointer-events: none;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.reveal .roll:hover span {
background: #00000080;
-webkit-transform: translateZ(-45px) rotateX(90deg);
transform: translateZ(-45px) rotateX(90deg);
}
.reveal .roll span:after {
content: attr(data-title);
display: block;
position: absolute;
left: 0;
top: 0;
padding: 0 2px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: translate3d(0, 110%, 0) rotateX(-90deg);
transform: translate3d(0, 110%, 0) rotateX(-90deg);
}
.reveal aside.notes {
display: none;
}
.reveal .speaker-notes {
display: none;
position: absolute;
width: 33.3333333333%;
height: 100%;
top: 0;
left: 100%;
padding: 14px 18px;
z-index: 1;
font-size: 18px;
line-height: 1.4;
border: 1px solid rgba(0, 0, 0, 0.05);
color: #222;
background-color: #f5f5f5;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
font-family: Helvetica, sans-serif;
-webkit-overflow-scrolling: touch;
}
.reveal .speaker-notes .notes-placeholder {
color: #ccc;
font-style: italic;
}
.reveal .speaker-notes:focus {
outline: none;
}
.reveal .speaker-notes:before {
content: "Speaker notes";
display: block;
margin-bottom: 10px;
opacity: 0.5;
}
.reveal.show-notes {
max-width: 75%;
overflow: visible;
}
.reveal.show-notes .speaker-notes {
display: block;
}
@media screen and (min-width: 1600px) {
.reveal .speaker-notes {
font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
.reveal.show-notes {
border-left: 0;
max-width: none;
max-height: 70%;
max-height: 70vh;
overflow: visible;
}
.reveal.show-notes .speaker-notes {
top: 100%;
left: 0;
width: 100%;
height: 30vh;
border: 0;
}
}
@media screen and (max-width: 600px) {
.reveal.show-notes {
max-height: 60%;
max-height: 60vh;
}
.reveal.show-notes .speaker-notes {
top: 100%;
height: 40vh;
}
.reveal .speaker-notes {
font-size: 14px;
}
}
.reveal .jump-to-slide {
position: absolute;
top: 15px;
left: 15px;
z-index: 30;
font-size: 32px;
-webkit-tap-highlight-color: transparent;
}
.reveal .jump-to-slide-input {
background: transparent;
padding: 8px;
font-size: inherit;
color: currentColor;
border: 0;
}
.reveal .jump-to-slide-input::-webkit-input-placeholder {
color: currentColor;
opacity: 0.5;
}
.reveal .jump-to-slide-input::-moz-placeholder {
color: currentColor;
opacity: 0.5;
}
.reveal .jump-to-slide-input:-ms-input-placeholder {
color: currentColor;
opacity: 0.5;
}
.reveal .jump-to-slide-input::-ms-input-placeholder {
color: currentColor;
opacity: 0.5;
}
.reveal .jump-to-slide-input::placeholder {
color: currentColor;
opacity: 0.5;
}
.reveal.has-dark-background .jump-to-slide-input {
color: #fff;
}
.reveal.has-light-background .jump-to-slide-input {
color: #222;
}
.reveal .jump-to-slide-input:focus {
outline: none;
}
.reveal .r-overlay-button {
all: unset;
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;
padding: 10px;
border-radius: 5px;
font-size: 0.4em;
z-index: 30;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #fff;
background: #000000b3;
}
.reveal .r-overlay-button:hover {
background: #000000e6;
}
.reveal.has-light-background .r-overlay-button {
color: #222;
background: #ffffffb3;
}
.reveal.has-light-background .r-overlay-button:hover {
background: #ffffffe6;
}
.reveal .r-media-play-button {
left: 15px;
bottom: 20px;
}
.zoomed .reveal *,
.zoomed .reveal *:before,
.zoomed .reveal *:after {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.zoomed .reveal .progress,
.zoomed .reveal .controls {
opacity: 0;
}
.zoomed .reveal .roll span {
background: none;
}
.zoomed .reveal .roll span:after {
visibility: hidden;
}
.reveal-viewport.loading-scroll-mode {
visibility: hidden;
}
.reveal-viewport.reveal-scroll {
margin: 0 auto;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
z-index: 1;
--r-scrollbar-width: 7px;
--r-scrollbar-trigger-size: 5px;
--r-controls-spacing: 8px;
}
@media screen and (max-width: 500px) {
.reveal-viewport.reveal-scroll {
--r-scrollbar-width: 3px;
--r-scrollbar-trigger-size: 3px;
}
}
.reveal-viewport.reveal-scroll .controls,
.reveal-viewport.reveal-scroll .progress,
.reveal-viewport.reveal-scroll .playback,
.reveal-viewport.reveal-scroll .backgrounds,
.reveal-viewport.reveal-scroll .slide-number,
.reveal-viewport.reveal-scroll .speaker-notes {
display: none !important;
}
.reveal-viewport.reveal-scroll .r-overlay,
.reveal-viewport.reveal-scroll .pause-overlay,
.reveal-viewport.reveal-scroll .r-media-play-button {
position: fixed;
}
.reveal-viewport.reveal-scroll .reveal {
overflow: visible;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.reveal-viewport.reveal-scroll .slides {
position: static;
pointer-events: initial;
left: auto;
top: auto;
width: 100% !important;
margin: 0;
padding: 0;
overflow: visible;
display: block;
-webkit-perspective: none;
perspective: none;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.reveal-viewport.reveal-scroll .scroll-page {
position: relative;
width: 100%;
height: calc(var(--page-height) + var(--page-scroll-padding));
z-index: 1;
overflow: visible;
}
.reveal-viewport.reveal-scroll .scroll-page-sticky {
position: sticky;
height: var(--page-height);
top: 0;
}
.reveal-viewport.reveal-scroll .scroll-page-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.reveal-viewport.reveal-scroll .scroll-page section {
visibility: visible !important;
display: block !important;
position: absolute !important;
width: var(--slide-width) !important;
height: var(--slide-height) !important;
top: 50% !important;
left: 50% !important;
opacity: 1 !important;
-webkit-transform: scale(var(--slide-scale)) translate(-50%, -50%) !important;
transform: scale(var(--slide-scale)) translate(-50%, -50%) !important;
-webkit-transform-style: flat !important;
transform-style: flat !important;
-webkit-transform-origin: 0 0 !important;
transform-origin: 0 0 !important;
}
.reveal-viewport.reveal-scroll .slide-background {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: auto !important;
visibility: visible;
opacity: 1;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.reveal-viewport.reveal-scroll[data-scrollbar="true"]::-webkit-scrollbar,
.reveal-viewport.reveal-scroll[data-scrollbar="auto"]::-webkit-scrollbar {
display: none;
}
.reveal-viewport.reveal-scroll[data-scrollbar="true"],
.reveal-viewport.reveal-scroll[data-scrollbar="auto"] {
scrollbar-width: none;
}
.reveal.has-dark-background,
.reveal-viewport.has-dark-background {
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
}
.reveal.has-light-background,
.reveal-viewport.has-light-background {
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
}
.reveal-viewport.reveal-scroll .scrollbar {
position: sticky;
top: 50%;
z-index: 20;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reveal-viewport.reveal-scroll .scrollbar.visible,
.reveal-viewport.reveal-scroll .scrollbar:hover {
opacity: 1;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-inner {
position: absolute;
width: var(--r-scrollbar-width);
height: calc(var(--viewport-height) - var(--r-controls-spacing) * 2);
right: var(--r-controls-spacing);
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: var(--r-scrollbar-width);
z-index: 10;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-playhead {
position: absolute;
width: var(--r-scrollbar-width);
height: var(--r-scrollbar-width);
top: 0;
left: 0;
border-radius: var(--r-scrollbar-width);
background-color: rgba(var(--r-overlay-element-bg-color), 1);
z-index: 11;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide {
position: absolute;
width: 100%;
background-color: rgba(var(--r-overlay-element-bg-color), 0.2);
-webkit-box-shadow: 0 0 0 1px rgba(var(--r-overlay-element-fg-color), 0.1);
box-shadow: 0 0 0 1px rgba(var(--r-overlay-element-fg-color), 0.1);
border-radius: var(--r-scrollbar-width);
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide:after {
content: "";
position: absolute;
width: 200%;
height: 100%;
top: 0;
left: -50%;
background: #0000;
z-index: -1;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide:hover,
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide.active {
background-color: rgba(var(--r-overlay-element-bg-color), 0.4);
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-trigger {
position: absolute;
width: 100%;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide.active.has-triggers {
background-color: rgba(var(--r-overlay-element-bg-color), 0.4);
z-index: 10;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide.active .scrollbar-trigger:after {
content: "";
position: absolute;
width: var(--r-scrollbar-trigger-size);
height: var(--r-scrollbar-trigger-size);
border-radius: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: rgba(var(--r-overlay-element-bg-color), 1);
-webkit-transition:
opacity 0.2s ease,
-webkit-transform 0.2s ease;
transition:
opacity 0.2s ease,
-webkit-transform 0.2s ease;
transition:
transform 0.2s ease,
opacity 0.2s ease;
transition:
transform 0.2s ease,
opacity 0.2s ease,
-webkit-transform 0.2s ease;
opacity: 0.4;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide.active .scrollbar-trigger.active:after,
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide.active .scrollbar-trigger.active ~ .scrollbar-trigger:after {
opacity: 1;
}
.reveal-viewport.reveal-scroll .scrollbar .scrollbar-slide.active .scrollbar-trigger ~ .scrollbar-trigger.active:after {
-webkit-transform: translate(calc(var(--r-scrollbar-width) * -2));
transform: translate(calc(var(--r-scrollbar-width) * -2));
background-color: rgba(var(--r-overlay-element-bg-color), 1);
}
html.reveal-print * {
-webkit-print-color-adjust: exact;
}
html.reveal-print {
width: 100%;
height: 100%;
overflow: visible;
}
html.reveal-print body {
margin: 0 auto !important;
border: 0;
padding: 0;
float: none !important;
overflow: visible;
}
html.reveal-print .nestedarrow,
html.reveal-print .reveal .controls,
html.reveal-print .reveal .progress,
html.reveal-print .reveal .playback,
html.reveal-print .reveal.overview,
html.reveal-print .state-background {
display: none !important;
}
html.reveal-print .reveal pre code {
overflow: hidden !important;
}
html.reveal-print .reveal {
width: auto !important;
height: auto !important;
overflow: hidden !important;
}
html.reveal-print .reveal .slides {
position: static;
width: 100% !important;
height: auto !important;
zoom: 1 !important;
pointer-events: initial;
left: auto;
top: auto;
margin: 0 !important;
padding: 0 !important;
overflow: visible;
display: block;
-webkit-perspective: none;
perspective: none;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
html.reveal-print .reveal .slides .pdf-page {
position: relative;
overflow: hidden;
z-index: 1;
page-break-after: always;
}
html.reveal-print .reveal .slides .pdf-page:last-of-type {
page-break-after: avoid;
}
html.reveal-print .reveal .slides section {
visibility: visible !important;
display: block !important;
position: absolute !important;
margin: 0 !important;
padding: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
min-height: 1px;
opacity: 1 !important;
-webkit-transform-style: flat !important;
transform-style: flat !important;
-webkit-transform: none !important;
transform: none !important;
}
html.reveal-print .reveal section.stack {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
page-break-after: avoid !important;
height: auto !important;
min-height: auto !important;
}
html.reveal-print .reveal img {
-webkit-box-shadow: none;
box-shadow: none;
}
html.reveal-print .reveal .backgrounds {
display: none;
}
html.reveal-print .reveal .slide-background {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: auto !important;
}
html.reveal-print .reveal.show-notes {
max-width: none;
max-height: none;
}
html.reveal-print .reveal .speaker-notes-pdf {
display: block;
width: 100%;
height: auto;
max-height: none;
inset: auto;
z-index: 100;
}
html.reveal-print .reveal .speaker-notes-pdf[data-layout="separate-page"] {
position: relative;
color: inherit;
background-color: transparent;
padding: 20px;
page-break-after: always;
border: 0;
}
html.reveal-print .reveal .slide-number-pdf {
display: block;
position: absolute;
font-size: 14px;
visibility: visible;
}
html.reveal-print .aria-status {
display: none;
}
@media print {
html:not(.print-pdf) {
overflow: visible;
width: auto;
height: auto;
}
html:not(.print-pdf) body {
margin: 0;
padding: 0;
overflow: visible;
}
html:not(.print-pdf) .reveal {
background: #fff;
font-size: 20pt;
}
html:not(.print-pdf) .reveal .controls,
html:not(.print-pdf) .reveal .state-background,
html:not(.print-pdf) .reveal .progress,
html:not(.print-pdf) .reveal .backgrounds,
html:not(.print-pdf) .reveal .slide-number {
display: none !important;
}
html:not(.print-pdf) .reveal p,
html:not(.print-pdf) .reveal td,
html:not(.print-pdf) .reveal li {
font-size: 20pt !important;
color: #000;
}
html:not(.print-pdf) .reveal h1,
html:not(.print-pdf) .reveal h2,
html:not(.print-pdf) .reveal h3,
html:not(.print-pdf) .reveal h4,
html:not(.print-pdf) .reveal h5,
html:not(.print-pdf) .reveal h6 {
color: #000 !important;
height: auto;
line-height: normal;
text-align: left;
letter-spacing: normal;
}
html:not(.print-pdf) .reveal h1 {
font-size: 28pt !important;
}
html:not(.print-pdf) .reveal h2 {
font-size: 24pt !important;
}
html:not(.print-pdf) .reveal h3 {
font-size: 22pt !important;
}
html:not(.print-pdf) .reveal h4 {
font-size: 22pt !important;
font-variant: small-caps;
}
html:not(.print-pdf) .reveal h5 {
font-size: 21pt !important;
}
html:not(.print-pdf) .reveal h6 {
font-size: 20pt !important;
font-style: italic;
}
html:not(.print-pdf) .reveal a:link,
html:not(.print-pdf) .reveal a:visited {
color: #000 !important;
font-weight: 700;
text-decoration: underline;
}
html:not(.print-pdf) .reveal ul,
html:not(.print-pdf) .reveal ol,
html:not(.print-pdf) .reveal div,
html:not(.print-pdf) .reveal p {
visibility: visible;
position: static;
width: auto;
height: auto;
display: block;
overflow: visible;
margin: 0;
text-align: left !important;
}
html:not(.print-pdf) .reveal pre,
html:not(.print-pdf) .reveal table {
margin-left: 0;
margin-right: 0;
}
html:not(.print-pdf) .reveal pre code {
padding: 20px;
}
html:not(.print-pdf) .reveal blockquote {
margin: 20px 0;
}
html:not(.print-pdf) .reveal .slides {
position: static !important;
width: auto !important;
height: auto !important;
left: 0 !important;
top: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
zoom: 1 !important;
-webkit-transform: none !important;
transform: none !important;
overflow: visible !important;
display: block !important;
text-align: left !important;
-webkit-perspective: none;
perspective: none;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
html:not(.print-pdf) .reveal .slides section {
visibility: visible !important;
position: static !important;
width: auto !important;
height: auto !important;
display: block !important;
overflow: visible !important;
left: 0 !important;
top: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
padding: 60px 20px !important;
z-index: auto !important;
opacity: 1 !important;
page-break-after: always !important;
-webkit-transform-style: flat !important;
transform-style: flat !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: none !important;
transition: none !important;
}
html:not(.print-pdf) .reveal .slides section.stack {
padding: 0 !important;
}
html:not(.print-pdf) .reveal .slides section:last-of-type {
page-break-after: avoid !important;
}
html:not(.print-pdf) .reveal .slides section .fragment {
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: none !important;
transform: none !important;
}
html:not(.print-pdf) .reveal .r-fit-text {
white-space: normal !important;
}
html:not(.print-pdf) .reveal section img {
display: block;
margin: 15px 0;
background: #fff;
border: 1px solid #666;
-webkit-box-shadow: none;
box-shadow: none;
}
html:not(.print-pdf) .reveal section small {
font-size: 0.8em;
}
html:not(.print-pdf) .reveal .hljs {
max-height: 100%;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
font-size: 15pt;
}
html:not(.print-pdf) .reveal .hljs .hljs-ln-numbers {
white-space: nowrap;
}
html:not(.print-pdf) .reveal .hljs td {
font-size: inherit !important;
color: inherit !important;
}
}
.reveal .slides > section,
.reveal .slides > section > section {
height: 100%;
font-weight: inherit;
padding: 0;
}
.reveal h1 {
font-size: 2.5em;
margin-bottom: 0.15em;
}
.reveal h2 {
font-size: 1.9em;
margin-bottom: 0.2em;
}
.reveal h3 {
font-size: 1.3em;
margin-bottom: 0.25em;
}
.reveal h4 {
font-size: 1em;
margin-bottom: 0.25em;
}
.reveal h5 {
font-size: 1em;
margin-bottom: 0.25em;
}
.reveal h6 {
font-size: 1em;
margin-bottom: 0.25em;
}
.reveal p {
margin-bottom: 0.25em;
}
.reveal a {
text-decoration: none;
}
.reveal b,
.reveal strong {
font-weight: bold;
}
.reveal em {
font-style: italic;
}
.reveal sup {
vertical-align: super;
font-size: smaller;
}
.reveal sub {
vertical-align: sub;
font-size: smaller;
}
.reveal small {
font-size: 0.6em;
}
.reveal ol,
.reveal dl,
.reveal ul {
display: inline-block;
margin: 0.25em 0 0.25em 1.5em;
text-align: left;
max-width: 100%;
}
.reveal ol:not([type]) {
list-style-type: decimal;
}
.reveal ul {
list-style-type: disc;
}
.reveal ul ul {
list-style-type: square;
}
.reveal ul ul ul {
list-style-type: circle;
}
.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block;
margin-left: 1.5em;
}
.reveal dt {
font-weight: bold;
}
.reveal dd {
margin-left: 1.5em;
}
.reveal q {
quotes: none;
font-style: italic;
}
.reveal blockquote {
display: block;
margin: 0.25em auto;
font-style: italic;
}
.reveal blockquote:before {
content: "\201C";
display: inline-block;
padding: 0 0.15em;
font-size: 2em;
line-height: 1em;
height: 1px;
vertical-align: top;
}
.reveal blockquote > :first-child {
margin-top: 0;
display: inline;
}
.reveal blockquote > :last-child {
margin-bottom: 0;
}
.reveal pre {
display: block;
position: relative;
margin: 0.25em auto;
text-align: left;
font-family: Courier, monospace;
line-height: 1.2;
word-wrap: break-word;
}
.reveal code {
font-family: Courier, monospace;
}
.reveal pre code {
display: block;
padding: 5px;
overflow: auto;
word-wrap: normal;
}
.reveal table {
margin: auto;
border-collapse: collapse;
border-spacing: 0;
}
.reveal table th {
font-weight: bold;
}
.reveal table th,
.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid;
}
.reveal table tr:last-child td {
border-bottom: none;
}
.reveal .speaker-notes {
white-space: pre-wrap;
}
.reveal.overview .slides .fragment,
.reveal.overview .slides [data-animation-type] {
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.theme-color-asphalt-orange {
--theme-background-color: #2c3e50;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background-color: #2c3e50;
background-image: radial-gradient(circle farthest-corner at center, #415b77 0%, #2c3e50 100%);
}
.theme-color-asphalt-orange body {
background: transparent;
}
.theme-color-asphalt-orange .theme-body-color-block {
background: #fff;
}
.theme-color-asphalt-orange .theme-link-color-block {
background: #ffc200;
}
.theme-color-asphalt-orange .themed,
.theme-color-asphalt-orange .reveal {
color: #fff;
}
.theme-color-asphalt-orange .themed a,
.theme-color-asphalt-orange .reveal a {
color: #ffc200;
}
.theme-color-asphalt-orange .themed a:hover,
.theme-color-asphalt-orange .reveal a:hover {
color: #ffda66;
}
.theme-color-asphalt-orange .reveal .controls {
color: #ffc200;
}
.theme-color-asphalt-orange .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-asphalt-orange .reveal.has-light-background .controls {
color: #000;
}
.theme-color-asphalt-orange .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #ffc200;
}
.theme-color-asphalt-orange .reveal .slide-number a {
color: currentColor;
}
.theme-color-asphalt-orange .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-beige-brown {
--theme-background-color: #f7f3de;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background-color: #f7f3de;
background-image: radial-gradient(circle farthest-corner at center, #fff 0%, #f7f2d3 100%);
}
.theme-color-beige-brown body {
background: transparent;
}
.theme-color-beige-brown .theme-body-color-block {
background: #333;
}
.theme-color-beige-brown .theme-link-color-block {
background: #8b743d;
}
.theme-color-beige-brown .themed,
.theme-color-beige-brown .reveal {
color: #333;
}
.theme-color-beige-brown .themed a,
.theme-color-beige-brown .reveal a {
color: #8b743d;
}
.theme-color-beige-brown .themed a:hover,
.theme-color-beige-brown .reveal a:hover {
color: #c0a86e;
}
.theme-color-beige-brown .reveal .controls {
color: #8b743d;
}
.theme-color-beige-brown .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-beige-brown .reveal.has-light-background .controls {
color: #000;
}
.theme-color-beige-brown .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #8b743d;
}
.theme-color-beige-brown .reveal .slide-number a {
color: currentColor;
}
.theme-color-beige-brown .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-black-blue {
--theme-background-color: #111;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background: #111;
}
.theme-color-black-blue body {
background: transparent;
}
.theme-color-black-blue .theme-body-color-block {
background: #fff;
}
.theme-color-black-blue .theme-link-color-block {
background: #2f90f8;
}
.theme-color-black-blue .themed,
.theme-color-black-blue .reveal {
color: #fff;
}
.theme-color-black-blue .themed a,
.theme-color-black-blue .reveal a {
color: #2f90f8;
}
.theme-color-black-blue .themed a:hover,
.theme-color-black-blue .reveal a:hover {
color: #79b7fa;
}
.theme-color-black-blue .reveal .controls {
color: #2f90f8;
}
.theme-color-black-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-black-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-black-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #2f90f8;
}
.theme-color-black-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-black-blue .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-black-mint {
--theme-background-color: #111;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background: #111;
}
.theme-color-black-mint body {
background: transparent;
}
.theme-color-black-mint .theme-body-color-block {
background: #fff;
}
.theme-color-black-mint .theme-link-color-block {
background: #8dd792;
}
.theme-color-black-mint .themed,
.theme-color-black-mint .reveal {
color: #fff;
}
.theme-color-black-mint .themed a,
.theme-color-black-mint .reveal a {
color: #8dd792;
}
.theme-color-black-mint .themed a:hover,
.theme-color-black-mint .reveal a:hover {
color: #c6ebc8;
}
.theme-color-black-mint .reveal .controls {
color: #8dd792;
}
.theme-color-black-mint .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-black-mint .reveal.has-light-background .controls {
color: #000;
}
.theme-color-black-mint .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #8dd792;
}
.theme-color-black-mint .reveal .slide-number a {
color: currentColor;
}
.theme-color-black-mint .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-black-orange {
--theme-background-color: #222;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background: #222;
}
.theme-color-black-orange body {
background: transparent;
}
.theme-color-black-orange .theme-body-color-block {
background: #fff;
}
.theme-color-black-orange .theme-link-color-block {
background: #e7ad52;
}
.theme-color-black-orange .themed,
.theme-color-black-orange .reveal {
color: #fff;
}
.theme-color-black-orange .themed a,
.theme-color-black-orange .reveal a {
color: #e7ad52;
}
.theme-color-black-orange .themed a:hover,
.theme-color-black-orange .reveal a:hover {
color: #f3d7ac;
}
.theme-color-black-orange .reveal .controls {
color: #e7ad52;
}
.theme-color-black-orange .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-black-orange .reveal.has-light-background .controls {
color: #000;
}
.theme-color-black-orange .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #e7ad52;
}
.theme-color-black-orange .reveal .slide-number a {
color: currentColor;
}
.theme-color-black-orange .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-blue-yellow {
--theme-background-color: #44a0dd;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background: #44a0dd;
}
.theme-color-blue-yellow body {
background: transparent;
}
.theme-color-blue-yellow .theme-body-color-block {
background: #fff;
}
.theme-color-blue-yellow .theme-link-color-block {
background: #ecec6a;
}
.theme-color-blue-yellow .themed,
.theme-color-blue-yellow .reveal {
color: #fff;
}
.theme-color-blue-yellow .themed a,
.theme-color-blue-yellow .reveal a {
color: #ecec6a;
}
.theme-color-blue-yellow .themed a:hover,
.theme-color-blue-yellow .reveal a:hover {
color: #f8f8c4;
}
.theme-color-blue-yellow .reveal .controls {
color: #ecec6a;
}
.theme-color-blue-yellow .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-blue-yellow .reveal.has-light-background .controls {
color: #000;
}
.theme-color-blue-yellow .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #ecec6a;
}
.theme-color-blue-yellow .reveal .slide-number a {
color: currentColor;
}
.theme-color-blue-yellow .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-cobalt-orange {
--theme-background-color: #13335a;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background-color: #13335a;
background-image: radial-gradient(circle farthest-corner at center, #1a4984 0%, #13335a 100%);
}
.theme-color-cobalt-orange body {
background: transparent;
}
.theme-color-cobalt-orange .theme-body-color-block {
background: #fff;
}
.theme-color-cobalt-orange .theme-link-color-block {
background: #e08c14;
}
.theme-color-cobalt-orange .themed,
.theme-color-cobalt-orange .reveal {
color: #fff;
}
.theme-color-cobalt-orange .themed a,
.theme-color-cobalt-orange .reveal a {
color: #e08c14;
}
.theme-color-cobalt-orange .themed a:hover,
.theme-color-cobalt-orange .reveal a:hover {
color: #f2b968;
}
.theme-color-cobalt-orange .reveal .controls {
color: #e08c14;
}
.theme-color-cobalt-orange .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-cobalt-orange .reveal.has-light-background .controls {
color: #000;
}
.theme-color-cobalt-orange .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #e08c14;
}
.theme-color-cobalt-orange .reveal .slide-number a {
color: currentColor;
}
.theme-color-cobalt-orange .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-coral-blue {
--theme-background-color: #c97150;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background-color: #c97150;
background-image: radial-gradient(circle farthest-corner at center, #d59177 0%, #c97150 100%);
}
.theme-color-coral-blue body {
background: transparent;
}
.theme-color-coral-blue .theme-body-color-block {
background: #fff;
}
.theme-color-coral-blue .theme-link-color-block {
background: #3a65c0;
}
.theme-color-coral-blue .themed,
.theme-color-coral-blue .reveal {
color: #fff;
}
.theme-color-coral-blue .themed a,
.theme-color-coral-blue .reveal a {
color: #3a65c0;
}
.theme-color-coral-blue .themed a:hover,
.theme-color-coral-blue .reveal a:hover {
color: #86a1da;
}
.theme-color-coral-blue .reveal .controls {
color: #3a65c0;
}
.theme-color-coral-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-coral-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-coral-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #3a65c0;
}
.theme-color-coral-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-coral-blue .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-forest-yellow {
--theme-background-color: #2ba056;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background: #2ba056;
}
.theme-color-forest-yellow body {
background: transparent;
}
.theme-color-forest-yellow .theme-body-color-block {
background: #fff;
}
.theme-color-forest-yellow .theme-link-color-block {
background: #ecec6a;
}
.theme-color-forest-yellow .themed,
.theme-color-forest-yellow .reveal {
color: #fff;
}
.theme-color-forest-yellow .themed a,
.theme-color-forest-yellow .reveal a {
color: #ecec6a;
}
.theme-color-forest-yellow .themed a:hover,
.theme-color-forest-yellow .reveal a:hover {
color: #f8f8c4;
}
.theme-color-forest-yellow .reveal .controls {
color: #ecec6a;
}
.theme-color-forest-yellow .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-forest-yellow .reveal.has-light-background .controls {
color: #000;
}
.theme-color-forest-yellow .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #ecec6a;
}
.theme-color-forest-yellow .reveal .slide-number a {
color: currentColor;
}
.theme-color-forest-yellow .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-grey-blue {
--theme-background-color: #313538;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background-color: #313538;
background-image: radial-gradient(circle farthest-corner at center, #555a5f 0%, #1c1e20 100%);
}
.theme-color-grey-blue body {
background: transparent;
}
.theme-color-grey-blue .theme-body-color-block {
background: #fff;
}
.theme-color-grey-blue .theme-link-color-block {
background: #13daec;
}
.theme-color-grey-blue .themed,
.theme-color-grey-blue .reveal {
color: #fff;
}
.theme-color-grey-blue .themed a,
.theme-color-grey-blue .reveal a {
color: #13daec;
}
.theme-color-grey-blue .themed a:hover,
.theme-color-grey-blue .reveal a:hover {
color: #71e9f4;
}
.theme-color-grey-blue .reveal .controls {
color: #13daec;
}
.theme-color-grey-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-grey-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-grey-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #13daec;
}
.theme-color-grey-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-grey-blue .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-mint-beige {
--theme-background-color: #207c5f;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background-color: #207c5f;
background-image: radial-gradient(circle farthest-corner at center, #2aa57e 0%, #207c5f 100%);
}
.theme-color-mint-beige body {
background: transparent;
}
.theme-color-mint-beige .theme-body-color-block {
background: #fff;
}
.theme-color-mint-beige .theme-link-color-block {
background: #ecec6a;
}
.theme-color-mint-beige .themed,
.theme-color-mint-beige .reveal {
color: #fff;
}
.theme-color-mint-beige .themed a,
.theme-color-mint-beige .reveal a {
color: #ecec6a;
}
.theme-color-mint-beige .themed a:hover,
.theme-color-mint-beige .reveal a:hover {
color: #f8f8c4;
}
.theme-color-mint-beige .reveal .controls {
color: #ecec6a;
}
.theme-color-mint-beige .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-mint-beige .reveal.has-light-background .controls {
color: #000;
}
.theme-color-mint-beige .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #ecec6a;
}
.theme-color-mint-beige .reveal .slide-number a {
color: currentColor;
}
.theme-color-mint-beige .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-no-color {
background-color: #fff;
}
.theme-color-no-color .theme-body-color-block,
.theme-color-no-color .theme-link-color-block {
background: #000;
}
.theme-color-no-color .themed,
.theme-color-no-color.themed,
.theme-color-no-color .reveal,
.theme-color-no-color.reveal {
color: #000;
}
.theme-color-sand-blue {
--theme-background-color: #f0f1eb;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background: #f0f1eb;
}
.theme-color-sand-blue body {
background: transparent;
}
.theme-color-sand-blue .theme-body-color-block {
background: #111;
}
.theme-color-sand-blue .theme-link-color-block {
background: #2f90f8;
}
.theme-color-sand-blue .themed,
.theme-color-sand-blue .reveal {
color: #111;
}
.theme-color-sand-blue .themed a,
.theme-color-sand-blue .reveal a {
color: #2f90f8;
}
.theme-color-sand-blue .themed a:hover,
.theme-color-sand-blue .reveal a:hover {
color: #92c5fb;
}
.theme-color-sand-blue .reveal .controls {
color: #2f90f8;
}
.theme-color-sand-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-sand-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-sand-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #2f90f8;
}
.theme-color-sand-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-sand-blue .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-sea-yellow {
--theme-background-color: #297477;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
background-color: #297477;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc9cd), to(#297477));
background-image: linear-gradient(to bottom, #6cc9cd 0%, #297477 100%);
}
.theme-color-sea-yellow body {
background: transparent;
}
.theme-color-sea-yellow .theme-body-color-block {
background: #fff;
}
.theme-color-sea-yellow .theme-link-color-block {
background: #ffc200;
}
.theme-color-sea-yellow .themed,
.theme-color-sea-yellow .reveal {
color: #fff;
}
.theme-color-sea-yellow .themed a,
.theme-color-sea-yellow .reveal a {
color: #ffc200;
}
.theme-color-sea-yellow .themed a:hover,
.theme-color-sea-yellow .reveal a:hover {
color: #ffda66;
}
.theme-color-sea-yellow .reveal .controls {
color: #ffc200;
}
.theme-color-sea-yellow .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-sea-yellow .reveal.has-light-background .controls {
color: #000;
}
.theme-color-sea-yellow .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #ffc200;
}
.theme-color-sea-yellow .reveal .slide-number a {
color: currentColor;
}
.theme-color-sea-yellow .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}
.theme-color-silver-blue {
--theme-background-color: #ddd;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background-color: #ddd;
background-image: radial-gradient(circle farthest-corner at center, #fff 0%, #ddd 100%);
}
.theme-color-silver-blue body {
background: transparent;
}
.theme-color-silver-blue .theme-body-color-block {
background: #111;
}
.theme-color-silver-blue .theme-link-color-block {
background: #106bcc;
}
.theme-color-silver-blue .themed,
.theme-color-silver-blue .reveal {
color: #111;
}
.theme-color-silver-blue .themed a,
.theme-color-silver-blue .reveal a {
color: #106bcc;
}
.theme-color-silver-blue .themed a:hover,
.theme-color-silver-blue .reveal a:hover {
color: #2184ee;
}
.theme-color-silver-blue .reveal .controls {
color: #106bcc;
}
.theme-color-silver-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-silver-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-silver-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #106bcc;
}
.theme-color-silver-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-silver-blue .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-silver-green {
--theme-background-color: #ddd;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background-color: #ddd;
background-image: radial-gradient(circle farthest-corner at center, #fff 0%, #ddd 100%);
}
.theme-color-silver-green body {
background: transparent;
}
.theme-color-silver-green .theme-body-color-block {
background: #111;
}
.theme-color-silver-green .theme-link-color-block {
background: #039426;
}
.theme-color-silver-green .themed,
.theme-color-silver-green .reveal {
color: #111;
}
.theme-color-silver-green .themed a,
.theme-color-silver-green .reveal a {
color: #039426;
}
.theme-color-silver-green .themed a:hover,
.theme-color-silver-green .reveal a:hover {
color: #04c633;
}
.theme-color-silver-green .reveal .controls {
color: #039426;
}
.theme-color-silver-green .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-silver-green .reveal.has-light-background .controls {
color: #000;
}
.theme-color-silver-green .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #039426;
}
.theme-color-silver-green .reveal .slide-number a {
color: currentColor;
}
.theme-color-silver-green .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-sky-blue {
--theme-background-color: #dcedf1;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background-color: #dcedf1;
background-image: radial-gradient(circle farthest-corner at center, #f7fbfc 0%, #add9e4 100%);
}
.theme-color-sky-blue body {
background: transparent;
}
.theme-color-sky-blue .theme-body-color-block {
background: #333;
}
.theme-color-sky-blue .theme-link-color-block {
background: #3b759e;
}
.theme-color-sky-blue .themed,
.theme-color-sky-blue .reveal {
color: #333;
}
.theme-color-sky-blue .themed a,
.theme-color-sky-blue .reveal a {
color: #3b759e;
}
.theme-color-sky-blue .themed a:hover,
.theme-color-sky-blue .reveal a:hover {
color: #74a7cb;
}
.theme-color-sky-blue .reveal .controls {
color: #3b759e;
}
.theme-color-sky-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-sky-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-sky-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #3b759e;
}
.theme-color-sky-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-sky-blue .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-white-blue {
--theme-background-color: #fff;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background: #fff;
}
.theme-color-white-blue body {
background: transparent;
}
.theme-color-white-blue .theme-body-color-block {
background: #000;
}
.theme-color-white-blue .theme-link-color-block {
background: #106bcc;
}
.theme-color-white-blue .themed,
.theme-color-white-blue .reveal {
color: #000;
}
.theme-color-white-blue .themed a,
.theme-color-white-blue .reveal a {
color: #106bcc;
}
.theme-color-white-blue .themed a:hover,
.theme-color-white-blue .reveal a:hover {
color: #3991ef;
}
.theme-color-white-blue .reveal .controls {
color: #106bcc;
}
.theme-color-white-blue .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-white-blue .reveal.has-light-background .controls {
color: #000;
}
.theme-color-white-blue .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #106bcc;
}
.theme-color-white-blue .reveal .slide-number a {
color: currentColor;
}
.theme-color-white-blue .reveal .slide-number {
color: #111;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-color-yellow-black {
--theme-background-color: #fff000;
--r-overlay-element-bg-color: 0, 0, 0;
--r-overlay-element-fg-color: 240, 240, 240;
background: #fff000;
}
.theme-color-yellow-black body {
background: transparent;
}
.theme-color-yellow-black .theme-body-color-block {
background: #000;
}
.theme-color-yellow-black .theme-link-color-block {
background: #4654ec;
}
.theme-color-yellow-black .themed,
.theme-color-yellow-black .reveal {
color: #000;
}
.theme-color-yellow-black .themed a,
.theme-color-yellow-black .reveal a {
color: #4654ec;
}
.theme-color-yellow-black .themed a:hover,
.theme-color-yellow-black .reveal a:hover {
color: #a3aaf6;
}
.theme-color-yellow-black .reveal .controls {
color: #4654ec;
}
.theme-color-yellow-black .reveal.has-dark-background .controls {
color: #fff;
}
.theme-color-yellow-black .reveal.has-light-background .controls {
color: #000;
}
.theme-color-yellow-black .reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #4654ec;
}
.theme-color-yellow-black .reveal .slide-number a {
color: currentColor;
}
.theme-color-yellow-black .reveal .slide-number {
color: #ddd;
background-color: rgba(0, 0, 0, 0.3);
}