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

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

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


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

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

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

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

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

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

[hidden] {
    display: none;
}

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

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

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

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

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

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

a:focus {
    outline: thin dotted;
}

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

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

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

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

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

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

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

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

b,
strong {
    font-weight: bold;
}

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

dfn {
    font-style: italic;
}

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

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

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

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

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

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

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

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

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

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

small {
    font-size: 80%;
}

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

img {
    border: 0;
}

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

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

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

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

figure {
    margin: 0;
}

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

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

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

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

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

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

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

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

button,
input {
    line-height: normal;
}

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

button,
select {
    text-transform: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

.sp-clear {
    display: none;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


 .ladda-button[data-style=zoom-in],
 .ladda-button[data-style=zoom-in] .ladda-spinner,
 .ladda-button[data-style=zoom-in] .ladda-label,
 .ladda-button[data-style=zoom-out],
 .ladda-button[data-style=zoom-out] .ladda-spinner,
 .ladda-button[data-style=zoom-out] .ladda-label,
 .ladda-button[data-style=expand-right],
 .ladda-button[data-style=expand-right] .ladda-spinner,
 .ladda-button[data-style=expand-right] .ladda-label {
  -webkit-transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s padding-right ease,
              0.3s -webkit-transform ease !important;
  transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s padding-right ease,
              0.3s -webkit-transform ease !important;
  transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s transform ease,
              0.3s padding-right ease !important;
  transition: 0.3s opacity ease,
              0.3s visibility ease,
              0.3s transform ease,
              0.3s padding-right ease,
              0.3s -webkit-transform ease !important;
 }
/**
 * Theme entry point.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Primitive color scales.
 *
 * Gray and accent ramps are the shared foundation for both
 * light and dark mode. Semantic tokens should map to these
 * values instead of introducing new neutral or accent colors.
 */
/**
 * Documentation page tokens.
 */
:root {
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html {
  color-scheme: light; }

html.dark-theme {
  color-scheme: dark;
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html.light-theme {
  color-scheme: light;
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.dark-theme:not(html) {
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.light-theme:not(html) {
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.inverse-theme:not(html) {
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html.dark-theme .inverse-theme,
.dark-theme:not(html) .inverse-theme {
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.light-theme:not(html) .inverse-theme {
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html.docs {
  --docs-gap: var(--space-6);
  --docs-gap-lg: var(--space-8);
  --docs-padding: var(--space-6);
  --docs-outdent: calc(var(--docs-padding) * -1);
  --docs-radius: calc(var(--radius-6) + var(--radius-2));
  --docs-radius-lg: calc(var(--radius-6) + var(--space-5));
  --docs-radius-inner: calc(var(--docs-radius-lg) - 6px);
  --docs-radius-inner-2: calc(var(--docs-radius-lg) - 12px);
  --docs-radius-card-inner: calc(var(--docs-radius) - 6px);
  --docs-text: var(--color-text);
  --docs-text-muted: var(--color-text-muted);
  --docs-text-subtle: var(--color-text-subtle);
  --docs-heading-muted: var(--color-text-subtle);
  --docs-border: var(--border-strong);
  --docs-border-soft: var(--border-default);
  --docs-border-strong: var(--border-stronger);
  --docs-inline-bg: var(--surface-hover);
  --docs-table-header-bg: var(--surface-panel);
  --docs-code-bg: var(--surface-code);
  --docs-code-border: var(--border-code);
  --docs-code-text: var(--color-text-code);
  --docs-code-label: var(--color-text-code-muted);
  --docs-surface: var(--surface-panel);
  --docs-surface-subtle: var(--surface-canvas);
  --docs-tag-bg: var(--surface-panel-alt);
  --docs-tag-fg: var(--color-text-secondary);
  --docs-method-get-bg: var(--status-success-surface);
  --docs-method-get-fg: var(--status-success-text);
  --docs-method-post-bg: var(--status-info-surface);
  --docs-method-post-fg: var(--status-info-text);
  --docs-method-mcp-bg: var(--status-warning-surface);
  --docs-method-mcp-fg: var(--status-warning-text); }
/**
 * Mode-agnostic design tokens.
 */
:root {
  --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;
  --space-9: 40px;
  --minus-space-1: -2px;
  --minus-space-2: -4px;
  --minus-space-3: -6px;
  --minus-space-4: -8px;
  --minus-space-5: -12px;
  --minus-space-6: -16px;
  --minus-space-7: -24px;
  --minus-space-8: -32px;
  --minus-space-9: -40px;
  --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;
  --button-radius: var(--radius-4);
  --nav-link-radius: var(--radius-4);
  --section-padding: var(--space-9);
  --section-margin: var(--space-9);
  --section-radius: var(--radius-4);
  --popover-radius: var(--radius-4);
  --popup-radius: var(--radius-5);
  --popup-inner-radius: var(--radius-4);
  --drawer-item-size: 46px;
  --drawer-menu-width: var( --drawer-item-size );
  --drawer-tool-width: 300px;
  --page-inset-right: var( --drawer-menu-width );
  --page-padding: var(--space-6);
  --site-max-width: 1440px;
  --app-max-width: 1920px;
  --page-max-width: var(--site-max-width);
  --header-height: 70px;
  --header-padding: var(--space-4);
  --tray-height: 49px;
  --tray-padding: 10px;
  --app-nav-width: 340px;
  --app-nav-padding: var(--page-padding);
  --app-nav-item-padding: var(--space-5);
  --app-nav-radius: var(--button-radius);
  --form-field-padding: var(--space-5);
  --form-field-radius: var(--radius-4);
  --form-field-height: var(--button-size-6);
  --checkbox-radius: var(--radius-2);
  --card-radius: var(--radius-4); }
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes bounce-in {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@keyframes bounce-in {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@-webkit-keyframes scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes scale-in-medium {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes scale-in-medium {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes spin-rectangle-to-circle {
  50% {
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
            transform: scale(0.5) rotate(360deg); }
  100% {
    -webkit-transform: scale(1) rotate(720deg);
            transform: scale(1) rotate(720deg); } }
@keyframes spin-rectangle-to-circle {
  50% {
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
            transform: scale(0.5) rotate(360deg); }
  100% {
    -webkit-transform: scale(1) rotate(720deg);
            transform: scale(1) rotate(720deg); } }
@-webkit-keyframes float-light {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  65% {
    -webkit-transform: translate(0, -4px);
            transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }
@keyframes float-light {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  65% {
    -webkit-transform: translate(0, -4px);
            transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }
@-webkit-keyframes flash-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes flash-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes pulse-opacity {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes pulse-opacity {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes pulse-semi-opacity {
  0% {
    opacity: 0.1; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
@keyframes pulse-semi-opacity {
  0% {
    opacity: 0.1; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
@-webkit-keyframes small-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes small-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes medium-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes medium-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes slide-down-100 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes slide-down-100 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes header-intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes header-intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes slide-up-100 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes slide-up-100 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes slide-and-scale-up {
  0% {
    -webkit-transform: scale(0.5) translateY(100%);
            transform: scale(0.5) translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@keyframes slide-and-scale-up {
  0% {
    -webkit-transform: scale(0.5) translateY(100%);
            transform: scale(0.5) translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fade-to-25 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }
@keyframes fade-to-25 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }
@-webkit-keyframes tag-intro {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }
@keyframes tag-intro {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }
@-webkit-keyframes tag-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(0.93);
            transform: scale(0.93); }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes tag-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(0.93);
            transform: scale(0.93); }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.CodeMirror {
  height: 100% !important;
  font-size: 14px;
  line-height: 1.2; }

.cm-s-seti .CodeMirror-selected {
  background: rgba(255, 255, 255, 0.1); }
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Button styles.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.button {
  --button-size: var(--button-size-3);
  --button-padding: var(--space-5);
  --button-color: var(--button-neutral-text);
  --button-color-hover: var(--button-color);
  --button-color-active: var(--button-color);
  --button-background: var(--button-neutral-surface);
  --button-background-hover: var(--button-neutral-surface-hover);
  --button-background-active: var(--button-neutral-surface-active);
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--button-color);
  text-decoration: none;
  font-family: var(--font-sans);
  font-weight: var(--button-weight);
  font-size: inherit;
  line-height: 1;
  height: var(--button-size);
  padding: 0 var(--button-padding);
  outline: 0;
  border: 0;
  border-radius: var(--button-radius);
  background: var(--button-background);
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.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;
  padding: 0; }

.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:focus {
  outline: 1px solid var(--color-accent);
  outline-offset: 4px; }

.button:hover {
  color: var(--button-color-hover);
  background: var(--button-background-hover); }

.button:active {
  color: var(--button-color-active);
  background: var(--button-background-active); }

.button.negative {
  --button-color: #fff;
  --button-color-hover: #fff;
  --button-color-active: #fff;
  --button-background: var(--color-danger);
  --button-background-hover: var(--color-danger-hover);
  --button-background-active: var(--color-danger-active); }

.button.blue,
.button.primary,
.button.positive {
  --button-color: var(--button-primary-text);
  --button-color-hover: var(--button-primary-text);
  --button-color-active: var(--button-primary-text);
  --button-background: var(--button-primary-surface);
  --button-background-hover: var(--button-primary-surface-hover);
  --button-background-active: var(--button-primary-surface-active); }

.button.soft {
  --button-color: var(--button-neutral-soft-text);
  --button-color-hover: var(--button-neutral-soft-text);
  --button-color-active: var(--button-neutral-soft-text);
  --button-background: var(--button-neutral-soft-surface);
  --button-background-hover: var(--button-neutral-soft-surface-hover);
  --button-background-active: var(--button-neutral-soft-surface-active); }

.button.strong {
  --button-color: var(--button-strong-text);
  --button-color-hover: var(--button-strong-text);
  --button-color-active: var(--button-strong-text);
  --button-background: var(--button-strong-surface);
  --button-background-hover: var(--button-strong-surface-hover);
  --button-background-active: var(--button-strong-surface-active); }

.button.ghost:not(:hover) {
  --button-color: inherit;
  --button-background: transparent; }

.button.ghost:hover {
  --button-background-hover: var(--button-background); }

.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); }

.button.xl,
.sl-select.xl,
.sl-checkbox.xl label {
  --button-size: var(--button-size-6);
  --button-padding: var(--space-6);
  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);
  --button-padding: var(--space-6);
  font-size: 1.8em;
  border-radius: calc(var(--button-radius) * 2);
  font-weight: 600;
  -webkit-font-smoothing: antialiased; }

.button.outline {
  --button-color: var(--color-text);
  --button-color-hover: var(--color-text-strong);
  --button-color-active: var(--color-text-strong);
  --button-background: transparent;
  --button-background-hover: transparent;
  --button-background-active: transparent;
  border: 2px solid var(--button-outline-border);
  border-width: 2px;
  -webkit-transition: none !important;
  transition: none !important; }
  .button.outline.thin {
    border-width: 1px; }
  .button.outline:hover {
    background: transparent;
    border-color: var(--button-outline-border-hover); }
  .button.outline:active {
    border-color: var(--button-outline-border-hover); }
  .button.outline.primary {
    --button-color: inherit;
    --button-color-hover: inherit;
    --button-color-active: inherit;
    --button-outline-border: var(--button-primary-surface);
    --button-outline-border-hover: var(--button-primary-surface-hover); }
  .button.outline.negative {
    --button-color: inherit;
    --button-color-hover: inherit;
    --button-color-active: inherit;
    --button-outline-border: var(--color-danger);
    --button-outline-border-hover: var(--color-danger-hover); }
  .button.outline.white {
    --button-color: #fff;
    --button-color-hover: #fff;
    --button-color-active: #fff;
    --button-outline-border: rgba(255, 255, 255, 0.5);
    --button-outline-border-hover: rgba(255, 255, 255, 1); }
  .button.outline.disabled, .button.outline.disabled:hover, .button.outline[disabled], .button.outline[disabled]:hover {
    background: transparent;
    color: var(--color-text-muted);
    border-color: var(--button-outline-border-disabled);
    text-shadow: none; }

.button.black-5,
.sl-select.black-5 {
  --button-color: var(--button-overlay-subtle-text);
  --button-background: var(--button-overlay-neutral-5);
  --button-background-hover: var(--button-overlay-neutral-10);
  --button-background-active: var(--button-overlay-neutral-10);
  --sl-select-color: var(--button-overlay-subtle-text);
  --sl-select-color-hover: var(--button-overlay-subtle-text);
  --sl-select-surface: var(--button-overlay-neutral-5); }

.button.black-10,
.sl-select.black-10 {
  --button-color: var(--button-overlay-subtle-text);
  --button-background: var(--button-overlay-neutral-10);
  --button-background-hover: var(--button-overlay-neutral-10-hover);
  --button-background-active: var(--button-overlay-neutral-10-hover);
  --sl-select-color: var(--button-overlay-subtle-text);
  --sl-select-color-hover: var(--button-overlay-subtle-text);
  --sl-select-surface: var(--button-overlay-neutral-10); }

.button.black-30,
.sl-select.black-30 {
  --button-color: var(--button-overlay-strong-text);
  --button-background: var(--button-overlay-neutral-30);
  --button-background-hover: var(--button-overlay-neutral-30-hover);
  --button-background-active: var(--button-overlay-neutral-30-hover);
  --sl-select-color: var(--button-overlay-strong-text);
  --sl-select-color-hover: var(--button-overlay-strong-text);
  --sl-select-surface: var(--button-overlay-neutral-30); }

.button.black-60,
.sl-select.black-60 {
  --button-color: var(--button-overlay-strong-text);
  --button-background: var(--button-overlay-neutral-60);
  --button-background-hover: var(--button-overlay-neutral-60-hover);
  --button-background-active: var(--button-overlay-neutral-60-hover);
  --sl-select-color: var(--button-overlay-strong-text);
  --sl-select-color-hover: var(--button-overlay-strong-text);
  --sl-select-surface: var(--button-overlay-neutral-60); }

.button.disabled,
.button.disabled:hover,
.button[disabled],
.button[disabled]:hover {
  --button-color: var(--button-disabled-text);
  --button-background: var(--button-disabled-surface);
  --button-background-hover: var(--button-disabled-surface);
  --button-background-active: var(--button-disabled-surface);
  color: var(--button-color);
  background: var(--button-background);
  cursor: default; }

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

/****************************************************
 * SLIDES DROPDOWN
 ****************************************************/
.sl-select {
  --arrow-width: 14px;
  --button-size: var(--button-size-6);
  --button-padding: var(--space-5);
  --sl-select-surface: var(--surface-panel);
  --sl-select-border: var(--border-default);
  --sl-select-border-hover: var(--border-strong);
  --sl-select-color: var(--color-text);
  --sl-select-color-hover: var(--color-text-strong);
  --sl-select-radius: var(--form-field-radius);
  position: relative;
  height: var(--button-size);
  color: var(--sl-select-color);
  padding-left: var(--button-padding);
  padding-right: calc(var(--button-padding) + var(--arrow-width));
  border: 1px solid var(--sl-select-border);
  border-radius: var(--sl-select-radius);
  -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+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNC41MTYgNy41NDhjLjQzNi0uNDQ2IDEuMDQzLS40ODEgMS41NzYgMEwxMCAxMS4yOTVsMy45MDgtMy43NDdjLjUzMy0uNDgxIDEuMTQxLS40NDYgMS41NzQgMCAuNDM2LjQ0NS40MDggMS4xOTcgMCAxLjYxNS0uNDA2LjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMmExLjA5NSAxLjA5NSAwIDAgMS0xLjU3NiAwUzQuOTI0IDkuNTgxIDQuNTE2IDkuMTYzcy0uNDM2LTEuMTcgMC0xLjYxNXoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 0.5em center;
  background-size: 16px 16px;
  background-color: var(--sl-select-surface);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-select:hover {
    color: var(--sl-select-color-hover);
    border-color: var(--sl-select-border-hover);
    background-color: var(--surface-hover); }
  .sl-select:focus {
    outline: 1px solid var(--color-accent);
    outline-offset: 4px; }
  .sl-select.white {
    color: #eee;
    border-color: rgba(255, 255, 255, 0.6);
    background-color: transparent; }
    .sl-select.white:hover {
      color: #fff;
      border-color: #fff; }
  .sl-select.thick {
    border-width: 2px; }

.dark-theme .sl-select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuNTE2IDcuNTQ4Yy40MzYtLjQ0NiAxLjA0My0uNDgxIDEuNTc2IDBMMTAgMTEuMjk1bDMuOTA4LTMuNzQ3Yy41MzMtLjQ4MSAxLjE0MS0uNDQ2IDEuNTc0IDAgLjQzNi40NDUuNDA4IDEuMTk3IDAgMS42MTUtLjQwNi40MTgtNC42OTUgNC41MDItNC42OTUgNC41MDJhMS4wOTUgMS4wOTUgMCAwIDEtMS41NzYgMFM0LjkyNCA5LjU4MSA0LjUxNiA5LjE2M3MtLjQzNi0xLjE3IDAtMS42MTV6Ii8+PC9zdmc+); }

.sl-select[disabled] {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
  background-image: none; }

.sl-select.no-arrow {
  background-image: none;
  padding-right: var(--button-padding); }

/****************************************************
 * SLIDES CHECKBOX
 ****************************************************/
.sl-checkbox {
  --button-size: var(--button-size-6);
  --button-padding: var(--space-5);
  --sl-checkbox-border: var(--form-field-border);
  --sl-checkbox-border-hover: var(--form-field-border-hover);
  --sl-checkbox-border-checked: var(--form-field-border-checked);
  --sl-checkbox-border-active: var(--form-field-border-active);
  --sl-checkbox-color: var(--color-text);
  --sl-checkbox-color-active: var(--color-text-strong);
  --sl-checkbox-radius: var(--radius-3);
  --sl-checkbox-mark-radius: var(--radius-2);
  --sl-checkbox-mark-surface: var(--surface-panel);
  position: relative;
  line-height: 1.6; }
  .sl-checkbox input {
    position: absolute;
    opacity: 0; }
  .sl-checkbox.outline label {
    border: 1px solid var(--sl-checkbox-border); }
  .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%;
    padding: var(--space-4) var(--button-padding);
    color: var(--sl-checkbox-color);
    cursor: pointer;
    border-radius: var(--sl-checkbox-radius);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .sl-checkbox label:before {
      content: "\e91b";
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      width: 0.9em;
      height: 0.9em;
      margin-right: var(--space-2);
      border: 1px solid var(--sl-checkbox-border);
      border-radius: var(--sl-checkbox-mark-radius);
      font-size: 1.1em;
      font-family: "slides";
      line-height: 1;
      color: transparent;
      top: 0.2em;
      background: var(--sl-checkbox-mark-surface); }
    .sl-checkbox label:hover {
      color: var(--sl-checkbox-color-active);
      border-color: var(--sl-checkbox-border-hover); }
      .sl-checkbox label:hover:before {
        border-color: var(--sl-checkbox-border-hover); }
  .sl-checkbox input:checked + label {
    color: var(--sl-checkbox-color-active);
    border-color: var(--sl-checkbox-border-checked); }
    .sl-checkbox input:checked + label:before {
      border-color: transparent;
      background: transparent;
      color: inherit; }
  .sl-checkbox input:focus + label {
    outline: 1px solid var(--color-accent);
    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 var(--border-default);
  border-radius: var(--checkbox-radius);
  background-color: var(--surface-panel);
  cursor: pointer;
  position: relative; }
  .sl-checkbox-box input:checked::before {
    content: '\e91b';
    font-family: 'slides';
    font-size: 0.75em;
    line-height: 1;
    color: var(--color-text-strong); }

.sl-checkbox-box:hover input {
  border-color: var(--border-strong); }
/**
 * Inline badges / status pills (semantic variants, theme-aware).
 * Use with: <span class="sl-badge sl-badge-success">Label</span>
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-badge {
  --badge-size: var(--button-size-3);
  --badge-bg: var(--surface-tint-1);
  --badge-fg: var(--color-text-secondary);
  --badge-border: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-2);
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 var(--space-5);
  height: var(--badge-size);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: none;
  color: var(--badge-fg);
  background-color: var(--badge-bg);
  border: 1px solid var(--badge-border);
  border-radius: var(--radius-full);
  white-space: nowrap;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .sl-badge .icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 1em;
    line-height: 1;
    opacity: 0.92; }

.sl-badge.sl-badge-s {
  --badge-size: var(--button-size-1);
  font-size: 0.75rem;
  font-weight: 600;
  gap: var(--space-1); }

.sl-badge.sl-badge-neutral {
  --badge-bg: var(--surface-tint-1);
  --badge-fg: var(--color-text-secondary);
  --badge-border: transparent; }

.sl-badge.sl-badge-outline {
  --badge-bg: transparent;
  --badge-fg: var(--color-text-secondary);
  --badge-border: var(--border-default); }

.sl-badge.sl-badge-outline.sl-badge-neutral {
  --badge-bg: transparent;
  --badge-fg: var(--color-text-secondary);
  --badge-border: var(--border-default); }

.sl-badge.sl-badge-outline.sl-badge-success {
  --badge-bg: transparent;
  --badge-fg: var(--status-success-text);
  --badge-border: color-mix(in srgb, var(--status-success-text) 42%, var(--border-default)); }

.sl-badge.sl-badge-outline.sl-badge-info {
  --badge-bg: transparent;
  --badge-fg: var(--status-info-text);
  --badge-border: color-mix(in srgb, var(--status-info-text) 42%, var(--border-default)); }

.sl-badge.sl-badge-outline.sl-badge-warning {
  --badge-bg: transparent;
  --badge-fg: var(--status-warning-text);
  --badge-border: color-mix(in srgb, var(--status-warning-text) 42%, var(--border-default)); }

.sl-badge.sl-badge-outline.sl-badge-danger {
  --badge-bg: transparent;
  --badge-fg: var(--color-danger);
  --badge-border: color-mix(in srgb, var(--color-danger) 42%, var(--border-default)); }

.sl-badge.sl-badge-outline.sl-badge-accent {
  --badge-bg: transparent;
  --badge-fg: var(--color-accent);
  --badge-border: color-mix(in srgb, var(--color-accent) 45%, var(--border-default)); }

.sl-badge.sl-badge-success {
  --badge-bg: var(--status-success-surface);
  --badge-fg: var(--status-success-text);
  --badge-border: transparent; }

.sl-badge.sl-badge-info {
  --badge-bg: var(--status-info-surface);
  --badge-fg: var(--status-info-text);
  --badge-border: transparent; }

.sl-badge.sl-badge-warning {
  --badge-bg: var(--status-warning-surface);
  --badge-fg: var(--status-warning-text);
  --badge-border: transparent; }

.sl-badge.sl-badge-danger {
  --badge-bg: color-mix(in srgb, var(--color-danger) 16%, var(--surface-canvas));
  --badge-fg: var(--color-danger);
  --badge-border: transparent; }

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

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

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

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

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

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

.decksharer-share-options {
  width: 100%;
  margin: 20px 0; }
  .decksharer-share-options .decksharer-share-options-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px; }
  .decksharer-share-options .decksharer-share-options-tab {
    display: inline-block;
    position: relative;
    width: 32%;
    padding: 15px;
    border: 1px solid var(--border-default);
    border-bottom: 0;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    top: 1px;
    text-align: center;
    color: #777;
    margin-right: -1px;
    -webkit-transition: top 0.2s ease;
    transition: top 0.2s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .decksharer-share-options .decksharer-share-options-tab:first-child {
    border-top-left-radius: var(--button-radius); }
  .decksharer-share-options .decksharer-share-options-tab:last-child {
    border-top-right-radius: var(--button-radius); }
  .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-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom-left-radius: var(--nav-link-radius);
  padding-bottom: var(--space-4);
  z-index: 2; }
  .decksharer-token-list .decksharer-token-list-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--space-1); }
  .decksharer-token-list .decksharer-token-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--surface-nav-link);
    border-radius: var(--nav-link-radius);
    color: var(--color-nav-link);
    position: relative;
    padding: var(--space-6) var(--space-4);
    min-height: var(--button-size-9);
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .decksharer-token-list .decksharer-token-list-item:hover {
      background: var(--surface-nav-link-hover);
      color: var(--color-nav-link-hover); }
    .decksharer-token-list .decksharer-token-list-item:hover .meta {
      color: var(--color-nav-link-hover); }
  .decksharer-token-list .decksharer-token-list-item.is-selected {
    background: var(--surface-nav-link-selected);
    color: var(--color-nav-link-selected);
    cursor: default; }
  .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: var(--color-text-muted);
    font-size: 0.9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--space-3); }
  .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: currentColor;
    opacity: 0;
    cursor: pointer; }
    .decksharer-token-list .decksharer-token-list-item .delete:hover {
      color: var(--color-text); }
  .decksharer-token-list .decksharer-token-list-item:hover .delete {
    opacity: 1; }
  .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: var(--color-text-muted); }
  .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%;
    border-radius: var(--nav-link-radius);
    padding: 0 var(--space-4);
    min-height: var(--button-size-9);
    cursor: pointer;
    color: var(--color-text-muted);
    margin-top: var(--space-1);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .decksharer-token-list .decksharer-token-list-create:hover {
      background: var(--surface-nav-link-hover);
      color: var(--color-text); }
  .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; } }
/**
 * Styles for presentation thumbnails.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-deck-thumbnail {
  --deck-thumbnail-details-height: calc( var(--button-size-8) + var(--space-7) );
  --deck-thumbnail-border: var(--border-section);
  --deck-thumbnail-radius: var(--radius-4);
  --deck-thumbnail-surface: var(--surface-section);
  --deck-thumbnail-surface-muted: var(--surface-panel);
  --deck-thumbnail-text: var(--color-text);
  --deck-thumbnail-text-muted: var(--color-text-subtle);
  --deck-thumbnail-button-width: var(--button-size-5);
  --deck-thumbnail-button-height: var(--button-size-4);
  position: relative;
  white-space: normal;
  border-bottom: 0;
  height: auto;
  padding-bottom: var(--deck-thumbnail-details-height);
  -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: var(--deck-thumbnail-surface-muted);
    border-top-left-radius: var(--deck-thumbnail-radius);
    border-top-right-radius: var(--deck-thumbnail-radius);
    overflow: hidden; }
  .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;
    border-top-left-radius: var(--deck-thumbnail-radius);
    border-top-right-radius: var(--deck-thumbnail-radius); }
  .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 var(--deck-thumbnail-border);
    border-radius: var(--deck-thumbnail-radius);
    -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: var(--deck-thumbnail-details-height);
    padding: calc( var(--space-4) + var(--space-1) ) calc( var(--space-4) + var(--space-1) ) var(--space-4);
    text-align: left;
    border-top: 1px solid var(--deck-thumbnail-border);
    font-size: 0.875em;
    line-height: 1.5;
    background: var(--deck-thumbnail-surface);
    border-bottom-left-radius: var(--deck-thumbnail-radius);
    border-bottom-right-radius: var(--deck-thumbnail-radius); }
    .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: var(--deck-thumbnail-text);
      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: var(--space-3);
        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: var(--space-5);
      margin-top: var(--space-4);
      border-top: 1px solid var(--deck-thumbnail-border); }
    .sl-deck-thumbnail .deck-details .bottom.seamless {
      padding-top: 0;
      border-top: 0; }
      .sl-deck-thumbnail .deck-details .bottom.seamless .stats {
        color: var(--deck-thumbnail-text-muted); }
    .sl-deck-thumbnail .deck-details .stats {
      color: var(--deck-thumbnail-text);
      background: var(--deck-thumbnail-surface);
      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: var(--space-1); }
    .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: var(--deck-thumbnail-button-width);
      height: var(--deck-thumbnail-button-height); }
  .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 {
      border-color: var(--border-strong);
      -webkit-box-shadow: var(--shadow-section);
              box-shadow: var(--shadow-section); }
  .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(var(--surface-canvas-rgb), 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: var(--color-accent);
  color: var(--color-text-inverse); }
.sl-deck-thumbnail[data-state="preview"]:-ms-fullscreen .select-button {
  background-color: var(--color-accent);
  color: var(--color-text-inverse); }
.sl-deck-thumbnail[data-state="preview"]:fullscreen .select-button {
  background-color: var(--color-accent);
  color: var(--color-text-inverse); }
/**
 * Site-wide footer.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.global-footer {
  --footer-link-padding-y: var(--space-4);
  --footer-link-padding-x: var(--space-4);
  --footer-link-radius: var(--radius-3);
  --footer-padding-y: var(--section-padding);
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: var(--page-padding);
  padding-bottom: calc(var(--footer-padding-y) * 1.5);
  margin-bottom: 0px;
  clear: both;
  color: var(--color-text-muted);
  font-size: 14px;
  max-width: var(--page-max-width);
  text-align: center;
  line-height: 1.3em; }
  .global-footer .global-footer-links {
    margin: 0 calc( var(--footer-link-padding-x) * -1 ); }
  .global-footer:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--border-section);
    margin-bottom: var(--footer-padding-y); }
  .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: var(--footer-padding-y);
    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: var(--footer-link-padding-y) var(--footer-link-padding-x);
      font-size: inherit; }
    .global-footer .link-group h4 {
      color: var(--color-text-secondary);
      margin-bottom: 15px; }
  .global-footer small {
    display: block;
    margin-top: var(--space-4);
    font-size: 15px; }
  .global-footer a {
    position: relative;
    border-radius: var(--footer-link-radius);
    color: var(--color-text-muted);
    -webkit-transition: none;
    transition: none; }
    .global-footer a:hover {
      color: var(--color-text-strong);
      background-color: var(--surface-hover); }
    .global-footer a:active {
      top: 1px; }
  .global-footer button {
    position: relative;
    border-radius: var(--footer-link-radius);
    color: var(--color-text-muted); }
  .global-footer button:hover {
    color: var(--color-text-strong);
    background-color: var(--surface-hover); }
  .global-footer button:active {
    top: 1px; }
  .global-footer span {
    padding: var(--space-1) var(--space-3); }
  .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: var(--footer-padding-y);
    padding-top: var(--footer-padding-y);
    border-top: 1px solid var(--border-section); }
  .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: calc( var(--footer-link-padding-x) * -1 ); }
  .global-footer .social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--button-size-4);
    height: var(--button-size-4);
    font-size: 0.75em;
    -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 svg {
    width: var(--button-size-1);
    height: var(--button-size-1); }
  .global-footer .social .twitter-link:hover {
    background-color: #000;
    color: #fff; }
  .global-footer .social .facebook-link:hover {
    background-color: #3b5998;
    color: #fff; }
  .global-footer .legal {
    --footer-link-padding-x: var(--space-5);
    --footer-legal-item-height: var(--button-size-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    color: var(--color-text-muted);
    font-size: 13px;
    border-top: 0;
    text-align: right;
    line-height: 1.5; }
  .global-footer .legal a,
  .global-footer .legal button,
  .global-footer .legal span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: var(--footer-legal-item-height);
    padding: 0 var(--footer-link-padding-x); }
  .global-footer .theme-mode-footer-link {
    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;
    border: 0;
    background: transparent;
    font: inherit;
    cursor: pointer;
    line-height: 1; }
  @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: var(--section-margin); }
      .global-footer .global-footer-links {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .global-footer .link-group {
        margin-left: 0;
        margin-right: 0; }
        .global-footer .link-group h4 {
          margin-bottom: 8px; } }

.global-footer-minimal {
  line-height: 1.6; }
  .global-footer-minimal .legal {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .global-footer-minimal .legal a,
  .global-footer-minimal .legal button,
  .global-footer-minimal .legal span {
    margin: 0 -2px; }

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

.app-nav .global-footer {
  --footer-padding-y: var(--space-6);
  display: block;
  margin-top: auto;
  padding: calc( var(--space-6) + var(--space-2) ) 0 0 0;
  width: 100%;
  border-top: 0; }

.app-nav .global-footer .legal {
  font-size: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
/**
 * Site-wide form styles.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.input-field,
form textarea, .sl-form textarea,
form input[type=text], .sl-form input[type=text],
form input[type=number], .sl-form input[type=number],
form input[type=email], .sl-form input[type=email],
form input[type=search], .sl-form input[type=search],
form input[type=password], .sl-form input[type=password] {
  --button-size: var(--button-size-6);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background: var(--form-field-surface);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--form-field-text);
  -webkit-appearance: none; }
  .input-field::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, .sl-form textarea::-webkit-input-placeholder, form input[type=text]::-webkit-input-placeholder, .sl-form input[type=text]::-webkit-input-placeholder, form input[type=number]::-webkit-input-placeholder, .sl-form input[type=number]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, .sl-form input[type=email]::-webkit-input-placeholder, form input[type=search]::-webkit-input-placeholder, .sl-form input[type=search]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, .sl-form input[type=password]::-webkit-input-placeholder {
    color: var(--form-field-text-muted); }
  .input-field::-moz-placeholder, form textarea::-moz-placeholder, .sl-form textarea::-moz-placeholder, form input[type=text]::-moz-placeholder, .sl-form input[type=text]::-moz-placeholder, form input[type=number]::-moz-placeholder, .sl-form input[type=number]::-moz-placeholder, form input[type=email]::-moz-placeholder, .sl-form input[type=email]::-moz-placeholder, form input[type=search]::-moz-placeholder, .sl-form input[type=search]::-moz-placeholder, form input[type=password]::-moz-placeholder, .sl-form input[type=password]::-moz-placeholder {
    color: var(--form-field-text-muted); }
  .input-field:-ms-input-placeholder, form textarea:-ms-input-placeholder, .sl-form textarea:-ms-input-placeholder, form input[type=text]:-ms-input-placeholder, .sl-form input[type=text]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, .sl-form input[type=number]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, .sl-form input[type=email]:-ms-input-placeholder, form input[type=search]:-ms-input-placeholder, .sl-form input[type=search]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, .sl-form input[type=password]:-ms-input-placeholder {
    color: var(--form-field-text-muted); }
  .input-field::-ms-input-placeholder, form textarea::-ms-input-placeholder, .sl-form textarea::-ms-input-placeholder, form input[type=text]::-ms-input-placeholder, .sl-form input[type=text]::-ms-input-placeholder, form input[type=number]::-ms-input-placeholder, .sl-form input[type=number]::-ms-input-placeholder, form input[type=email]::-ms-input-placeholder, .sl-form input[type=email]::-ms-input-placeholder, form input[type=search]::-ms-input-placeholder, .sl-form input[type=search]::-ms-input-placeholder, form input[type=password]::-ms-input-placeholder, .sl-form input[type=password]::-ms-input-placeholder {
    color: var(--form-field-text-muted); }
  .input-field::placeholder,
  form textarea::placeholder, .sl-form textarea::placeholder,
  form input[type=text]::placeholder, .sl-form input[type=text]::placeholder,
  form input[type=number]::placeholder, .sl-form input[type=number]::placeholder,
  form input[type=email]::placeholder, .sl-form input[type=email]::placeholder,
  form input[type=search]::placeholder, .sl-form input[type=search]::placeholder,
  form input[type=password]::placeholder, .sl-form input[type=password]::placeholder {
    color: var(--form-field-text-muted); }
  .input-field:hover,
  form textarea:hover, .sl-form textarea:hover,
  form input[type=text]:hover, .sl-form input[type=text]:hover,
  form input[type=number]:hover, .sl-form input[type=number]:hover,
  form input[type=email]:hover, .sl-form input[type=email]:hover,
  form input[type=search]:hover, .sl-form input[type=search]:hover,
  form input[type=password]:hover, .sl-form input[type=password]:hover {
    border-color: var(--form-field-border-hover); }
  .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: var(--form-field-surface-focus);
    border-color: var(--form-field-border-active);
    -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: var(--form-field-surface); }

.input-field:not(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] {
  height: var(--button-size);
  padding: 0 var(--form-field-padding); }
  .input-field:not(textarea).xs,
  form input[type=text].xs, .sl-form input[type=text].xs,
  form input[type=number].xs, .sl-form input[type=number].xs,
  form input[type=email].xs, .sl-form input[type=email].xs,
  form input[type=search].xs, .sl-form input[type=search].xs,
  form input[type=password].xs, .sl-form input[type=password].xs {
    --button-size: var(--button-size-1); }
  .input-field:not(textarea).s,
  form input[type=text].s, .sl-form input[type=text].s,
  form input[type=number].s, .sl-form input[type=number].s,
  form input[type=email].s, .sl-form input[type=email].s,
  form input[type=search].s, .sl-form input[type=search].s,
  form input[type=password].s, .sl-form input[type=password].s {
    --button-size: var(--button-size-2);
    font-size: 0.8em; }
  .input-field:not(textarea).m,
  form input[type=text].m, .sl-form input[type=text].m,
  form input[type=number].m, .sl-form input[type=number].m,
  form input[type=email].m, .sl-form input[type=email].m,
  form input[type=search].m, .sl-form input[type=search].m,
  form input[type=password].m, .sl-form input[type=password].m {
    --button-size: var(--button-size-3); }
  .input-field:not(textarea).l,
  form input[type=text].l, .sl-form input[type=text].l,
  form input[type=number].l, .sl-form input[type=number].l,
  form input[type=email].l, .sl-form input[type=email].l,
  form input[type=search].l, .sl-form input[type=search].l,
  form input[type=password].l, .sl-form input[type=password].l {
    --button-size: var(--button-size-4);
    font-size: 1em; }
  .input-field:not(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 {
    --button-size: var(--button-size-7);
    padding: 0 var(--space-6);
    font-size: 1.2em; }

textarea.input-field,
form textarea,
.sl-form textarea {
  padding: var(--form-field-padding); }

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

form,
.sl-form {
  --form-status-success-surface: var(--status-success-surface);
  --form-status-success-text: var(--status-success-text);
  --form-status-warning-surface: var(--status-warning-surface);
  --form-status-warning-text: var(--status-warning-text);
  --form-unit-margin-top: var(--space-6);
  --form-unit-margin-bottom: calc( var(--space-8) - var(--space-1) );
  --form-description-gap: var(--space-4);
  --form-actions-gap: var(--space-4);
  --form-divider-color: var(--border-subtle); }
  form .unit,
  .sl-form .unit {
    display: block;
    position: relative;
    margin: var(--form-unit-margin-top) 0 var(--form-unit-margin-bottom) 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: var(--space-2);
    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: var(--form-field-text-muted); }
  form .unit input + .unit-description,
  .sl-form .unit input + .unit-description {
    margin-top: var(--form-description-gap); }
  form .unit .deprecation-warning,
  .sl-form .unit .deprecation-warning {
    margin: 1em 0;
    color: var(--form-status-warning-text);
    background: var(--form-status-warning-surface);
    padding: var(--space-4);
    border-radius: var(--radius-3); }
  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: var(--space-4);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  form .unit-divider,
  .sl-form .unit-divider {
    margin: 2em 0;
    height: 1px;
    background-color: var(--form-divider-color); }
  form .unit.text.label-placeholder input,
  .sl-form .unit.text.label-placeholder input {
    --button-size: var(--button-size-6);
    padding: calc( var(--form-field-padding) * 1.7 ) var(--form-field-padding) calc( var(--form-field-padding) * 0.3 ) var(--form-field-padding); }
  form .unit.text.label-placeholder label,
  .sl-form .unit.text.label-placeholder label {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60%;
    opacity: 0.5;
    font-size: 0.6em;
    font-weight: 500;
    padding: 0 var(--form-field-padding);
    -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: 0 var(--form-field-padding);
    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;
    height: 100%; }
  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 var(--space-5);
      border: 1px solid var(--form-field-border);
      background-color: var(--form-field-surface-muted);
      color: var(--form-field-text-muted);
      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: var(--form-field-radius);
      border-bottom-left-radius: var(--form-field-radius);
      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: var(--form-field-radius);
      border-bottom-right-radius: var(--form-field-radius);
      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: var(--form-field-text-muted); }
    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: var(--space-3); }
  form .unit.scripts .list-item,
  .sl-form .unit.scripts .list-item {
    position: relative;
    padding: var(--space-4) 0;
    border-top: 1px solid var(--form-divider-color);
    cursor: default;
    word-wrap: break-word;
    padding-right: var(--button-size-5); }
  form .unit.scripts .list-item .remove,
  .sl-form .unit.scripts .list-item .remove {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: var(--space-5) var(--space-4);
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: var(--form-field-text-muted); }
    form .unit.scripts .list-item .remove:hover,
    .sl-form .unit.scripts .list-item .remove:hover {
      color: var(--form-field-text); }
  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: var(--form-actions-gap); }
  form .unit .status,
  .sl-form .unit .status {
    position: absolute;
    right: 6px;
    bottom: 6px;
    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: var(--form-status-warning-text);
      color: var(--color-text-inverse);
      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: -2px; }
    form .unit .status .message,
    .sl-form .unit .status .message {
      position: absolute;
      right: -6px;
      top: -42px;
      padding: var(--space-3) var(--space-4);
      margin: 0;
      background: var(--surface-inverse);
      color: var(--color-text-inverse);
      font-size: 14px;
      visibility: hidden;
      border-radius: var(--radius-2);
      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: var(--surface-inverse); }
  form .unit .status.success .icon,
  .sl-form .unit .status.success .icon {
    background: var(--form-status-success-text); }
  form .unit .status.error .icon,
  .sl-form .unit .status.error .icon {
    background: var(--form-status-warning-text); }
  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: var(--form-field-text-muted);
    background-color: var(--form-field-surface-muted);
    border: 1px solid var(--form-field-border); }
  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: calc( var(--space-8) + var(--space-4) ); }
    form .actions .button + .button,
    .sl-form .actions .button + .button {
      margin-left: var(--form-actions-gap); }
  form .actions.sticky,
  .sl-form .actions.sticky {
    position: sticky;
    bottom: 0;
    margin-left: calc( var(--page-padding) * -1 );
    margin-right: calc( var(--page-padding) * -1 );
    backdrop-filter: var(--surface-glass-filter);
    margin-top: var(--space-7);
    padding: var(--space-7) var(--page-padding);
    border-top: 1px solid var(--form-divider-color); }
  form #error_explanation,
  .sl-form #error_explanation {
    padding: var(--space-5);
    border: 1px solid var(--form-status-warning-text);
    background: var(--form-status-warning-surface);
    color: var(--form-status-warning-text);
    border-radius: var(--radius-3); }
    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;
    border: 1px solid var(--form-field-border);
    border-radius: var(--form-field-radius); }
    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: var(--space-2);
      background-color: var(--form-field-surface-muted);
      border-top-left-radius: var(--form-field-radius);
      border-bottom-left-radius: var(--form-field-radius);
      background-image: url(//staging.slides.com/assets/editor/image-placeholder-white-transparent-500x500-1f08475c78a4a4600fa27f16bd179efdb19d3813ac0b41d3dd118b1c8d243c40.svg);
      background-size: contain;
      background-repeat: no-repeat; }
    form .image-uploader .image-uploader-actions,
    .sl-form .image-uploader .image-uploader-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      text-align: right;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: var(--form-field-surface);
      padding: var(--space-3) var(--space-5);
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      border-top-right-radius: var(--form-field-radius);
      border-bottom-right-radius: var(--form-field-radius); }
    form .image-uploader button,
    .sl-form .image-uploader button {
      position: relative;
      margin-left: var(--form-actions-gap);
      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: var(--surface-inverse);
      color: var(--color-text-inverse);
      border-radius: var(--radius-2); }
    form .image-uploader:hover span,
    .sl-form .image-uploader:hover span {
      background: var(--surface-inverse); }
  form .image-uploader.dark[data-state="populated"] .image-uploader-preview,
  .sl-form .image-uploader.dark[data-state="populated"] .image-uploader-preview {
    background-color: var(--surface-panel-alt); }

form .unit-row,
.sl-form .unit-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--form-unit-margin-bottom); }
  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: var(--form-unit-margin-top); }

.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: var(--space-4) var(--space-5);
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--form-field-radius);
    margin-right: 2px;
    margin-bottom: var(--space-4);
    -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: var(--form-field-text-muted); }
  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: calc( var(--form-field-radius) * 0.5 );
    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: var(--form-field-border); }
  form :not(.sl-segmented-control) input[type="radio"] + label:hover,
  .sl-form input[type="radio"] + label:hover {
    border-color: var(--form-field-border-hover); }
  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 var(--form-field-border-active);
    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: var(--form-field-border-active);
    background-color: var(--form-field-border-active);
    color: var(--color-accent-fg); }
    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: inherit;
      opacity: 0.72; }
    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: inherit;
      opacity: 0.78; }
  form :not(.sl-segmented-control) input[type="radio"]:checked + label.radio-subtle,
  .sl-form input[type="radio"]:checked + label.radio-subtle {
    border-color: var(--form-field-border-active); }
  form :not(.sl-segmented-control) input[type="radio"]:checked + label.radio-subtle:before,
  .sl-form input[type="radio"]:checked + label.radio-subtle:before {
    color: var(--color-accent); }
  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: var(--form-field-surface);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  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: var(--space-4);
  gap: var(--space-4);
  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 var(--form-field-border-hover);
          box-shadow: 0 0 0 1px var(--form-field-border-hover); }
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: var(--form-field-surface-focus);
  -webkit-box-shadow: 0 0 0 1px var(--form-field-border-active);
          box-shadow: 0 0 0 1px var(--form-field-border-active); }
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: var(--form-field-radius);
  border: 1px solid var(--form-field-border);
  color: var(--form-field-text-muted);
  padding: 0 var(--form-field-padding);
  height: var(--form-field-height);
  margin: 0; }
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: calc( var(--space-2) * -1 ) var(--space-2); }
form .sl-datepicker input,
.sl-form .sl-datepicker input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  color: currentColor;
  background: transparent; }
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: var(--form-field-text);
  border-color: var(--form-field-border-hover); }
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: var(--form-field-border-active); }
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: var(--form-field-text); }
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: var(--form-field-border);
  height: 6px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-accent)), color-stop(var(--color-accent)), to(var(--form-field-border)));
  background: linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--range-progress-percent), var(--form-field-border) var(--range-progress-percent)); }
form .unit.range input[type="range"]::-moz-range-track,
.sl-form .unit.range input[type="range"]::-moz-range-track {
  background: var(--form-field-border);
  height: 6px;
  border-radius: 6px;
  background: linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--range-progress-percent), var(--form-field-border) var(--range-progress-percent)); }
form .unit.range input[type="range"]::-webkit-progress-value,
.sl-form .unit.range input[type="range"]::-webkit-progress-value {
  background: var(--form-field-border);
  height: 6px;
  border-radius: 6px;
  background: var(--color-accent); }
form .unit.range input[type=range]::-webkit-slider-thumb,
.sl-form .unit.range input[type=range]::-webkit-slider-thumb {
  background: var(--color-accent);
  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: var(--color-accent);
  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: var(--color-link-hover); }
form .unit.range input[type=range]:hover::-moz-range-thumb,
.sl-form .unit.range input[type=range]:hover::-moz-range-thumb {
  background: var(--color-link-hover); }
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: var(--form-actions-gap); }
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: var(--space-3) var(--form-field-padding) var(--space-2) var(--form-field-padding);
  border: 1px solid var(--form-field-border);
  border-top: 0;
  border-bottom-left-radius: var(--form-field-radius);
  border-bottom-right-radius: var(--form-field-radius);
  background: var(--form-field-surface); }

.input-field-tray-presets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
  -webkit-overflow-scrolling: touch; }

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

.input-field-tray-preset:hover {
  color: inherit; }

.input-field-tray-preset.selected {
  border-color: var(--form-field-border-active);
  color: inherit; }

.input-field-tray-preset + .input-field-tray-preset {
  margin-left: var(--space-1); }

.unit.text.with-tray input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.unit.text.with-tray .prefix {
  border-bottom-left-radius: 0 !important; }

.unit.text.with-tray .suffix {
  border-bottom-right-radius: 0 !important; }
/**
 * Site-wide header.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .global-header .nav {
    font-weight: 500; } }
.global-header {
  position: sticky;
  top: 0;
  width: 100%;
  height: var(--header-height);
  margin: 0 auto;
  z-index: 11;
  background: var(--surface-glass);
  backdrop-filter: var(--surface-glass-filter);
  border-bottom: 1px solid var(--border-section);
  -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 var(--page-padding);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: var(--page-max-width); }
  .global-header .slides-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 -5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .global-header .logo-image-or-text {
    width: 220px; }
    .global-header .logo-image-or-text a {
      display: inline-block;
      width: 100%;
      color: var(--color-text-strong);
      font-size: 22px;
      padding: var(--space-3) 0;
      vertical-align: top;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .global-header .logo-image-or-text a .logo-image {
        position: relative;
        height: calc(var(--header-height) - 20px);
        width: 100%;
        top: 10%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center; }
  .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%;
    padding: 2px 0; }
  .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: var(--surface-tint-2);
    -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: var(--button-radius);
    outline: 0;
    line-height: 1;
    color: var(--color-text-strong);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .global-header .nav-item-anchor:hover {
      background-color: rgba(var(--surface-inverse-rgb), 0.12); }
    .global-header .nav-item-anchor:focus-visible {
      outline: 1px solid #226ede; }
    .global-header .nav-item-anchor:active {
      top: 1px; }
  .global-header .nav-item-selected .nav-item-anchor {
    background-color: rgba(var(--surface-inverse-rgb), 0.12); }
  .global-header .nav-item-changelog {
    display: none; }
  .global-header .nav-item-highlighted .nav-item-anchor {
    color: var(--color-text-inverse);
    background-color: var(--surface-inverse);
    font-weight: 500; }
  .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: var(--color-accent);
    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: var(--color-text-strong); }
  .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(--surface-panel-alt);
    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: var(--color-text-inverse); }
  .global-header .upgrade-button .nav-item-anchor,
  .global-header .reactivate-button .nav-item-anchor {
    max-width: none;
    background: var(--color-accent); }
  .global-header .profile-button {
    margin-right: -10px; }
    .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: var(--page-padding) !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-image-or-text {
      width: 80px; }
    .global-header .slides-logo .word {
      display: none; } }
  @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: calc(var(--header-height) - var(--page-padding));
      right: var(--page-padding);
      width: auto;
      gap: 1px;
      padding: var(--space-2);
      min-width: 200px;
      max-width: calc(100% - var(--page-padding) * 2);
      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: var(--surface-overlay);
      border-radius: var(--radius-5);
      border: 1px solid var(--border-default); }
    .global-header.show-menu .nav-full .hide-in-overlay-menu {
      display: none; }
    .global-header.show-menu .nav-full .nav-item {
      margin: 0; }
    .global-header.show-menu .nav-full .nav-item-anchor {
      color: var(--color-overlay);
      width: 100%;
      padding: 0 var(--space-5);
      height: var(--button-size-7);
      border-radius: var(--radius-4);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      --webkit-tap-highlight-color: rgba(0, 0, 0, 0); } }

.sl-editor .global-header {
  position: absolute;
  width: 100%;
  height: 46px;
  bottom: 0;
  left: 0;
  top: auto;
  border-top: 1px solid var(--panel-divider-color);
  border-bottom: 0;
  background: transparent; }
  .sl-editor .global-header .changelog-indicator {
    border-color: var(--surface-panel); }
  .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);
  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 {
  width: 118px; }
  .sl-editor[data-editor-version="1"] .global-header .wrapper .logo-image-or-text a {
    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 .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; }
html.decks.present-base .global-header .logo-image-or-text {
  max-width: 100px; }

.global-header.show-on-scroll {
  position: fixed;
  top: calc(var(--header-height) * -1);
  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,
.global-header.fixed.is-scrolled-150 {
  background: transparent; }
  .global-header-small .nav-item-divider,
  .global-header.fixed.is-scrolled-150 .nav-item-divider {
    background-color: var(--border-section); }
  .global-header-small .nav-item-burger-1,
  .global-header-small .nav-item-burger-2,
  .global-header-small .nav-item-burger-3,
  .global-header.fixed.is-scrolled-150 .nav-item-burger-1,
  .global-header.fixed.is-scrolled-150 .nav-item-burger-2,
  .global-header.fixed.is-scrolled-150 .nav-item-burger-3 {
    background-color: var(--color-text-strong); }
  .global-header-small .logo-image-or-text a,
  .global-header.fixed.is-scrolled-150 .logo-image-or-text a {
    color: var(--color-text-strong); }
  .global-header-small .nav-item-selected .nav-item-anchor,
  .global-header.fixed.is-scrolled-150 .nav-item-selected .nav-item-anchor {
    background-color: var(--surface-hover); }

.global-header-small .logo-animation .word {
  display: none; }

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

.global-header.fixed.is-scrolled-150 {
  position: fixed;
  background: var(--surface-glass);
  backdrop-filter: var(--surface-glass-filter);
  -webkit-animation: header-intro 0.3s ease;
          animation: header-intro 0.3s ease;
  will-change: transform;
  border-bottom: 1px solid var(--border-section); }
/**
 * Kudos component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
@-webkit-keyframes kudos-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  40% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes kudos-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  40% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
[data-kudos-value]:after {
  content: attr(data-kudos-value); }

.kudos-button {
  position: relative;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  opacity: 0.5;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .kudos-button:hover {
    opacity: 1; }
  .kudos-button .kudos-heart {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.7);
    vertical-align: middle; }
  .kudos-button .kudos-icon.bounce {
    -webkit-animation: kudos-bounce 0.7s ease;
            animation: kudos-bounce 0.7s ease; }
  .kudos-button .kudos-count {
    display: block;
    position: absolute;
    width: auto;
    height: 1em;
    min-width: 1em;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding: 0.4em;
    line-height: 1;
    left: 65%;
    top: 65%;
    border-radius: 32px;
    background: #000;
    font-size: 12px;
    -webkit-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
    text-align: center; }
    .kudos-button .kudos-count[data-kudos-value="0"] {
      -webkit-transform: translate(-4px, -4px) scale(0.7);
              transform: translate(-4px, -4px) scale(0.7);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: none;
      transition: none; }
  .kudos-button[data-kudoed-by-user="true"] .kudos-icon {
    color: #FF7676; }
/**
 * Logo animation.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
.logo-animation {
  position: relative;
  -webkit-box-flex: flex;
      -ms-flex: flex;
          flex: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px; }
  .logo-animation .symbol {
    display: block;
    position: relative;
    height: 38px;
    color: var(--color-text-strong); }
  .logo-animation .symbol svg {
    width: 38px;
    height: 38px; }
  .logo-animation .word {
    display: block;
    position: relative;
    width: 110px;
    height: 38px;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjA0IiBoZWlnaHQ9IjEzMiIgdmlld0JveD0iMCAwIDYwNCAxMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI%2BCjxwYXRoIGQ9Ik04OC44ODU2IDc3LjcyQzg3LjE2NTYgNzQuMjMgODQuNjE1NiA3MS4wOCA4MS4yNTU2IDY4LjMxQzc3LjkyNTYgNjUuNTcgNzMuODU1NSA2My4xOCA2OS4xMTU1IDYxLjJDNjUuMzY1NSA1OS42MSA2MS4yMjU1IDU4LjI4IDU2LjcxNTUgNTcuMjFDNTUuNTE1NSA1Ni45MiA1NC4yOTU1IDU2LjY2IDUzLjA0NTUgNTYuNEM0OS40NzU1IDU1LjY0IDQ2LjI5NTUgNTQuNzggNDMuNDg1NSA1My43OUM0MC42NzU1IDUyLjgzIDM4LjM3NTYgNTEuNjggMzYuNjA1NiA1MC40QzM0LjgwNTYgNDkuMSAzMy40MjU2IDQ3LjYxIDMyLjQ2NTYgNDUuOTRDMzEuNTA1NiA0NC4yNSAzMS4wMDU2IDQyLjM0IDMxLjAwNTYgNDAuMTZDMzEuMDA1NiAzNy4zNyAzMS44MTU1IDM0Ljk1IDMzLjQyNTUgMzIuOTRDMzUuMDQ1NSAzMC45NiAzNy4zMDU1IDI5LjQyIDQwLjE3NTUgMjguMzNDNDMuMDE1NSAyNy4yNiA0Ni40MDU1IDI2LjcxIDUwLjMwNTUgMjYuNzFDNTMuNzQ1NSAyNi43MSA1Ny4wNTU1IDI3LjI4IDYwLjE3NTUgMjguNEM2My4zMjU1IDI5LjU1IDY2LjI0NTUgMzEuMjEgNjguOTI1NSAzMy40M0M3MC43MjU1IDM0LjkgNzIuNDE1NiAzNi42MyA3My45NzU2IDM4LjYyQzc0Ljg3NTYgMzkuNzcgNzYuNTg1NiAzOS44NyA3Ny42ODU2IDM4LjkxTDg4LjUwNTYgMjkuNDhDODkuNDc1NiAyOC42MyA4OS43MTU2IDI3LjE5IDg4Ljk5NTYgMjYuMTJDODYuNzA1NiAyMi43MSA4My45NDU1IDE5Ljc0IDgwLjcwNTUgMTcuMjNDNzYuODQ1NSAxNC4yNiA3Mi40MTU1IDEyLjAyIDY3LjM5NTUgMTAuNDhDNjIuMzY1NSA4Ljk3MDAyIDU2LjY2NTUgOC4yMTAwMiA1MC4zMDU1IDguMjEwMDJDNDQuNjc1NSA4LjIxMDAyIDM5LjQxNTYgOS4wMjAwMiAzNC41NjU2IDEwLjY2QzI5LjY5NTYgMTIuMjggMjUuNDE1NiAxNC41NCAyMS43NDU2IDE3LjQ2QzE4LjA3NTYgMjAuMzggMTUuMTc1NiAyMy44NCAxMy4wNjU2IDI3LjgzQzEwLjk1NTYgMzEuODQgOS45MTU1NiAzNi4yMiA5LjkxNTU2IDQwLjk5QzkuOTE1NTYgNDUuNzYgMTAuNjE1NSA0OS45OCAxMi4wMjU1IDUzLjdDMTMuNDM1NSA1Ny40MyAxNS42NDU2IDYwLjc5IDE4LjY2NTYgNjMuNzZDMjEuNjg1NiA2Ni43MyAyNS40MTU2IDY5LjIzIDI5Ljg0NTYgNzEuMjFDMzIuMTY1NiA3Mi4yNSAzNC42NjU2IDczLjE5IDM3LjQwNTYgNzQuMDJDMzkuOTA1NiA3NC43OCA0Mi41ODU1IDc1LjQzIDQ1LjQyNTUgNzZDNDguNTU1NSA3Ni42NSA1MS40MTU1IDc3LjM1IDU0LjAyNTUgNzguMTFDNTYuNjA1NSA3OC44NyA1OC45MjU1IDc5Ljc4IDYwLjk4NTUgODAuODdDNjMuMDQ1NSA4MS45NCA2NC43ODU2IDgzLjExIDY2LjE5NTYgODQuMzZDNjcuNTc1NiA4NS41OCA2OC42NDU2IDg2Ljk5IDY5LjM0NTYgODguNTVDNzAuMDQ1NiA5MC4xNCA3MC4zODU2IDkxLjgzIDcwLjM4NTYgOTMuNjhDNzAuMzg1NiA5Ni4yNiA2OS41MjU1IDk4LjU1IDY3LjgwNTUgMTAwLjU2QzY2LjA1NTUgMTAyLjU3IDYzLjY4NTYgMTA0LjEzIDYwLjY2NTYgMTA1LjI4QzU3LjY0NTYgMTA2LjQgNTQuMjg1NiAxMDYuOTcgNTAuNjA1NiAxMDYuOTdDNDQuMjI1NiAxMDYuOTcgMzguNDg1NiAxMDUuNTYgMzMuNDA1NiAxMDIuNzVDMjkuMzk1NiAxMDAuNTIgMjUuMjk1NiA5Ni44OCAyMS4xMzU2IDkxLjgxQzIwLjE5NTYgOTAuNjYgMTguNTA1NiA5MC40OCAxNy4zODU2IDkxLjQ2TDUuOTA1NTUgMTAxLjQ2QzQuODc1NTUgMTAyLjM2IDQuNjg1NTYgMTAzLjkzIDUuNTM1NTYgMTA1LjAxQzguNjE1NTYgMTA4Ljk1IDEyLjA4NTUgMTEyLjM2IDE1Ljg5NTUgMTE1LjIzQzIwLjMyNTUgMTE4LjU5IDI1LjMwNTUgMTIxLjEyIDMwLjgyNTUgMTIyLjc5QzM2LjMyNTUgMTI0LjQ2IDQyLjM5NTUgMTI1LjI5IDQ4Ljk4NTUgMTI1LjI5QzU3LjUwNTUgMTI1LjI5IDY0Ljk4NTUgMTIzLjg2IDcxLjM2NTUgMTIwLjk5Qzc3LjcyNTUgMTE4LjEyIDgyLjY3NTYgMTE0LjAzIDg2LjE4NTYgMTA4LjY3Qzg5LjcwNTYgMTAzLjMzIDkxLjQ0NTYgOTYuOTIgOTEuNDQ1NiA4OS40N0M5MS40NDU2IDg1LjE1IDkwLjU4NTUgODEuMjEgODguODY1NSA3Ny42OUw4OC44ODU2IDc3LjcyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwMC44NDYgNy42MVYxMjUuMDFIMTIwLjk1NlY3LjYxQzEyMC45NTYgNi4xNyAxMTkuNzg2IDUgMTE4LjM0NiA1SDEwMy40NDZDMTAyLjAwNiA1IDEwMC44MzYgNi4xNyAxMDAuODM2IDcuNjFIMTAwLjg0NloiIGZpbGw9IndoaXRlIi8%2BCjxwYXRoIGQ9Ik0xMzMuODk2IDQ3LjQ2VjEyNS4wMUgxNTMuODU2VjQ0LjY5QzE1My44NTYgNDMuMDYgMTUyLjM3NiA0MS44MyAxNTAuNzY2IDQyLjEzTDEzNi4wMTYgNDQuOUMxMzQuNzg2IDQ1LjEzIDEzMy44OTYgNDYuMjEgMTMzLjg5NiA0Ny40NloiIGZpbGw9IndoaXRlIi8%2BCjxwYXRoIGQ9Ik0yMzAuMDU2IDcuNjEwMDFWNDkuMzVDMjI4LjY3NiA0Ny43OSAyMjcuMDM2IDQ2LjMzIDIyNS4xODYgNDQuOTdDMjIyLjE2NiA0Mi43NiAyMTguNzI2IDQxLjAxIDIxNC44OTYgMzkuNzFDMjExLjAzNiAzOC40MSAyMDcuMDc2IDM3Ljc2IDIwMi45NjYgMzcuNzZDMTk1LjQwNiAzNy43NiAxODguNjA2IDM5LjY5IDE4Mi42MTYgNDMuNTJDMTc2LjYyNiA0Ny4zOCAxNzEuODg2IDUyLjY0IDE2OC40MTYgNTkuMzNDMTY0Ljk0NiA2Ni4wNSAxNjMuMjM2IDczLjY2IDE2My4yMzYgODIuMjFDMTYzLjIzNiA5MC43NiAxNjUuMDA2IDk4LjQ5IDE2OC40OTYgMTA1LjE2QzE3Mi4wMTYgMTExLjggMTc2Ljc4NiAxMTcuMDQgMTgyLjc3NiAxMjAuODdDMTg4Ljc5NiAxMjQuNzMgMTk1LjU2NiAxMjYuNjMgMjAzLjEyNiAxMjYuNjNDMjA3LjAzNiAxMjYuNjMgMjEwLjgzNiAxMjYgMjE0LjU2NiAxMjQuNzhDMjE4LjI5NiAxMjMuNTMgMjIxLjU3NiAxMjEuODkgMjI0LjM4NiAxMTkuODNDMjI2LjgwNiAxMTguMDYgMjI4Ljg0NiAxMTYuMTMgMjMwLjQyNiAxMTQuMDVMMjMwLjY4NiAxMjUuMDJIMjQ5Ljk5NlY3LjYyMDAxQzI0OS45OTYgNi4xODAwMSAyNDguODI2IDUuMDEwMDEgMjQ3LjM4NiA1LjAxMDAxSDIzMi42NjZDMjMxLjIyNiA1LjAxMDAxIDIzMC4wNTYgNi4xODAwMSAyMzAuMDU2IDcuNjIwMDFWNy42MTAwMVpNMjI3LjY4NiA5Ni40OEMyMjUuNjc2IDEwMC41NyAyMjIuOTE2IDEwMy44MyAyMTkuMzQ2IDEwNi4yQzIxNS43NzYgMTA4LjU3IDIxMS42NTYgMTA5Ljc3IDIwNy4wMjYgMTA5Ljc3QzIwMi4zOTYgMTA5Ljc3IDE5OC4yNzYgMTA4LjU3IDE5NC43MDYgMTA2LjJDMTkxLjEzNiAxMDMuODMgMTg4LjM0NiAxMDAuNTcgMTg2LjM0NiA5Ni40OEMxODQuMzM2IDkyLjM2IDE4My4zNDYgODcuNiAxODMuMzQ2IDgyLjJDMTgzLjM0NiA3Ni44IDE4NC4zMzYgNzIuMTcgMTg2LjM0NiA2OEMxODguMzU2IDYzLjg2IDE5MS4xMzYgNjAuNiAxOTQuNzA2IDU4LjI4QzE5OC4yNzYgNTUuOTYgMjAyLjM2NiA1NC43OSAyMDcuMDI2IDU0Ljc5QzIxMS42ODYgNTQuNzkgMjE1Ljc3NiA1NS45NiAyMTkuMzQ2IDU4LjI4QzIyMi45MTYgNjAuNiAyMjUuNjc2IDYzLjg2IDIyNy42ODYgNjhDMjI5LjY5NiA3Mi4xNyAyMzAuNjg2IDc2Ljg4IDIzMC42ODYgODIuMkMyMzAuNjg2IDg3LjUyIDIyOS42OTYgOTIuMzYgMjI3LjY4NiA5Ni40OFoiIGZpbGw9IndoaXRlIi8%2BCjxwYXRoIGQ9Ik0zNDIuMjE2IDc5Ljc2QzM0Mi4zMTYgNzMuNzIgMzQxLjQzNiA2OC4xMSAzMzkuNTU2IDYyLjk4QzMzNy42NTYgNTcuODUgMzM0LjkxNiA1My40MiAzMzEuMzQ2IDQ5LjY5QzMyNy43NzYgNDUuOTYgMzIzLjU4NiA0My4wMiAzMTguNzA2IDQwLjg2QzMxMy44MzYgMzguNyAzMDguNTk2IDM3LjYgMzAyLjk2NiAzNy42QzI5Ni41ODYgMzcuNiAyOTAuNzE2IDM4LjcyIDI4NS4zNzYgNDAuOTNDMjgwLjAwNiA0My4xNCAyNzUuNDI2IDQ2LjI3IDI3MS41OTYgNTAuMzRDMjY3LjczNiA1NC4zOCAyNjQuNzQ2IDU5LjE3IDI2Mi41NzYgNjQuN0MyNjAuNDE2IDcwLjIgMjU5LjM0NiA3Ni4zMiAyNTkuMzQ2IDgzLjAyQzI1OS4zNDYgOTEuNDYgMjYxLjI0NiA5OC45NCAyNjUuMTA2IDEwNS40OEMyNjguOTM2IDExMi4wMiAyNzQuMjc2IDExNy4xOCAyODEuMTU2IDEyMC45NkMyODguMDA2IDEyNC43NiAyOTUuOTI2IDEyNi42NCAzMDQuOTE2IDEyNi42NEMzMDguOTA2IDEyNi42NCAzMTIuOTY2IDEyNi4wOSAzMTcuMDg2IDEyNS4wMkMzMjEuMTc2IDEyMy45NSAzMjUuMTA2IDEyMi40NyAzMjguODM2IDEyMC41NkMzMzEuODI2IDExOS4wMyAzMzQuNTY2IDExNy4yNiAzMzcuMDM2IDExNS4yMUMzMzguMDY2IDExNC4zNiAzMzguMjE2IDExMi44MiAzMzcuNDM2IDExMS43M0wzMzAuNTM2IDEwMi4xM0MzMjkuNjg2IDEwMC45NCAzMjcuOTk2IDEwMC42NyAzMjYuODQ2IDEwMS41OEMzMjMuNzM2IDEwNC4wMyAzMjAuODA2IDEwNS43OCAzMTguMDQ2IDEwNi44NUMzMTQuNjg2IDEwOC4xNSAzMTEuMDE2IDEwOC44IDMwNy4wMjYgMTA4LjhDMzAxLjI5NiAxMDguOCAyOTYuMjk2IDEwNy42OCAyOTIuMDE2IDEwNS40NkMyODcuNzQ2IDEwMy4yNSAyODQuNDM2IDEwMC4wOSAyODIuMTE2IDk1Ljk4QzI4MC41NTYgOTMuMjIgMjc5LjUwNiA5MC4xNCAyNzkuMDE2IDg2LjczSDMzOS40OTZDMzQwLjkxNiA4Ni43MyAzNDIuMDY2IDg1LjYgMzQyLjA5NiA4NC4xOEwzNDIuMTk2IDc5Ljc0TDM0Mi4yMTYgNzkuNzZaTTMyMi43NTYgNzMuMTFIMjc5LjQ3NkMyNzkuOTE2IDcwLjkyIDI4MC41NjYgNjguOTcgMjgxLjQwNiA2Ny4yQzI4My4yNTYgNjMuMzcgMjg1Ljk2NiA2MC40MyAyODkuNjE2IDU4LjM3QzI5My4yMzYgNTYuMzEgMjk3LjY5NiA1NS4zIDMwMi45ODYgNTUuM0MzMDYuNDU2IDU1LjMgMzA5LjYwNiA1Ni4wMyAzMTIuNDY2IDU3LjQ5QzMxNS4zMzYgNTguOTUgMzE3LjY3NiA2MC45MyAzMTkuNTI2IDYzLjQ4QzMyMS4zNDYgNjYuMDEgMzIyLjQ0NiA2OC45OCAzMjIuNzU2IDcyLjMxVjczLjEyVjczLjExWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQxMi43OTYgOTEuNjFDNDExLjkwNiA4OSA0MTAuNDU2IDg2Ljc0IDQwOC4zOTYgODQuNzhDNDA2LjM2NiA4Mi41MSA0MDMuNTQ2IDgwLjUxIDM5OS45NzYgNzguNzlDMzk2LjY5NiA3Ny4yIDM5Mi42NTYgNzUuNzQgMzg3Ljg4NiA3NC40NEMzODcuNDk2IDc0LjMxIDM4Ny4wNzYgNzQuMjEgMzg2LjY1NiA3NC4xQzM4Mi44NzYgNzMuMjEgMzc5LjgwNiA3Mi4zIDM3Ny40MzYgNzEuMzRDMzc1LjAzNiA3MC4zNSAzNzMuMjY2IDY5LjQ5IDM3Mi4wNjYgNjguNzNDMzcwLjk5NiA2Ny45NyAzNzAuMTY2IDY3LjA0IDM2OS41NjYgNjUuODlDMzY4Ljk2NiA2NC43NyAzNjguNjA2IDYzLjU1IDM2OC40OTYgNjIuMjRDMzY4LjQ5NiA2MC43MyAzNjguODA2IDU5LjQgMzY5LjQwNiA1OC4yOEMzNjkuOTc2IDU3LjEzIDM3MC44MTYgNTYuMiAzNzEuOTA2IDU1LjQ0QzM3Mi45NzYgNTQuNjggMzc0LjMyNiA1NC4xMSAzNzUuOTY2IDUzLjcyQzM3Ny41ODYgNTMuMzYgMzc5LjQwNiA1My4xNyAzODEuNDY2IDUzLjE3QzM4My42MjYgNTMuMTcgMzg1Ljk0NiA1My42MSAzODguNDQ2IDU0LjU1QzM5MC45MjYgNTUuNDYgMzkzLjM5NiA1Ni42OSAzOTUuODE2IDU4LjJDMzk3LjEyNiA1OS4wMiAzOTguMzk2IDU5LjkgMzk5LjYwNiA2MC44NUM0MDAuNjI2IDYxLjY1IDQwMi4wNTYgNjEuNjUgNDAzLjAxNiA2MC43OEw0MTEuNTc2IDUzLjA0QzQxMi43MTYgNTIuMDEgNDEyLjcxNiA1MC4yMyA0MTEuNTk2IDQ5LjE4QzQwOS41MzYgNDcuMjMgNDA3LjE5NiA0NS41MSA0MDQuNTY2IDQ0LjAxQzQwMS4wNDYgNDIgMzk3LjI3NiA0MC40NyAzOTMuMjM2IDM5LjRDMzg5LjE3NiAzOC4zMSAzODQuOTc2IDM3Ljc2IDM4MC42NTYgMzcuNzZDMzc2LjMzNiAzNy43NiAzNzIuMzk2IDM4LjM2IDM2OC40ODYgMzkuNTZDMzY0LjYwNiA0MC43MyAzNjEuMTk2IDQyLjQ4IDM1OC4yNzYgNDQuNzRDMzU1LjM1NiA0Ny4wMSAzNTMuMDY2IDQ5LjY5IDM1MS4zOTYgNTIuNzZDMzQ5LjcwNiA1NS44MyAzNDguODY2IDU5LjI3IDM0OC44NjYgNjMuMDVDMzQ4Ljg2NiA2Ni4xIDM0OS4zMzYgNjguODkgMzUwLjI0NiA3MS40OUMzNTEuMTU2IDc0LjEgMzUyLjUzNiA3Ni40MSAzNTQuMzg2IDc4LjQ3QzM1Ni41NDYgODAuOTUgMzU5LjU2NiA4My4xOSAzNjMuNDU2IDg1LjE5QzM2NS45MzYgODYuNDcgMzY4LjgyNiA4Ny42NCAzNzIuMDc2IDg4LjcxQzM3My45NTYgODkuMzQgMzc1LjkzNiA4OS45MSAzNzguMDY2IDkwLjQ2QzM4MS43MzYgOTEuMzUgMzg0LjczNiA5Mi4yMSAzODcuMDU2IDkzLjA3QzM4OS4zNzYgOTMuOTMgMzkxLjA5NiA5NC43NCAzOTIuMTY2IDk1LjQ5QzM5NC4xMTYgOTcgMzk1LjA4NiA5OS4wNiAzOTUuMDg2IDEwMS42NkMzOTUuMDg2IDEwMy4wNyAzOTQuNzk2IDEwNC4zMiAzOTQuMTk2IDEwNS40NkMzOTMuNTk2IDEwNi42MSAzOTIuNzY2IDEwNy42IDM5MS42NjYgMTA4LjQ2QzM5MC41OTYgMTA5LjMyIDM4OS4zMTYgMTA5Ljk3IDM4Ny44NjYgMTEwLjQxQzM4Ni40MDYgMTEwLjgzIDM4NC43NjYgMTExLjA2IDM4Mi45MTYgMTExLjA2QzM3OC40ODYgMTExLjA2IDM3NC4yNjYgMTEwLjI1IDM3MC4yNzYgMTA4LjYxQzM2Ni45MzYgMTA3LjI2IDM2My43MTYgMTA0Ljk2IDM2MC44NjYgMTAyLjFDMzU5Ljg5NiAxMDEuMTMgMzU4LjMyNiAxMDEuMTIgMzU3LjMxNiAxMDIuMDNMMzQ4LjMyNiAxMTAuMTZDMzQ3LjI3NiAxMTEuMTEgMzQ3LjEzNiAxMTIuNzUgMzQ4LjA5NiAxMTMuNzlDMzUxLjYxNiAxMTcuNjEgMzU1Ljk1NiAxMjAuNjMgMzYxLjExNiAxMjIuOEMzNjcuMTA2IDEyNS4zMyAzNzMuOTA2IDEyNi42IDM4MS40NjYgMTI2LjZDMzg3LjYzNiAxMjYuNiAzOTMuMTY2IDEyNS40OCAzOTguMDg2IDEyMy4xOUM0MDMuMDA2IDEyMC45MiA0MDYuODk2IDExNy44IDQwOS43NTYgMTEzLjgxQzQxMi42MjYgMTA5LjggNDE0LjA1NiAxMDUuMjYgNDE0LjA1NiAxMDAuMThDNDE0LjA1NiA5Ny4wMyA0MTMuNjM2IDk0LjE2IDQxMi43NzYgOTEuNThMNDEyLjc5NiA5MS42MVoiIGZpbGw9IndoaXRlIi8%2BCjxwYXRoIGQ9Ik00NzIuMzA2IDExNC4zQzQ3MS4xMDYgMTE1LjE2IDQ2OS44NTYgMTE1Ljg0IDQ2OC41MjYgMTE2LjI4QzQ2Ny4xOTYgMTE2Ljc1IDQ2NS44NDUgMTE2Ljk4IDQ2NC40MzUgMTE2Ljk4QzQ2Mi4xMTUgMTE2Ljk4IDQ2MC4wMDYgMTE2LjM4IDQ1OC4xMDYgMTE1LjE4QzQ1Ni4yMjYgMTE0LjAxIDQ1NC43MTYgMTEyLjQyIDQ1My41OTYgMTEwLjQxQzQ1Mi41MDYgMTA4LjQgNDUxLjk1NiAxMDYuMTQgNDUxLjk1NiAxMDMuNThDNDUxLjk1NiAxMDEuMDIgNDUyLjQ3NiA5OC43NiA0NTMuNTc2IDk2LjczQzQ1NC42NDYgOTQuNzIgNDU2LjEyNSA5My4xMSA0NTguMDA1IDkxLjk2QzQ1OS44NTUgOTAuNzkgNDYxLjk2NiA5MC4yMSA0NjQuMzY2IDkwLjIxQzQ2NS43NzYgOTAuMjEgNDY3LjE3NiA5MC40NyA0NjguNTg2IDkxLjAyQzQ2OS45OTYgOTEuNTcgNDcxLjI5NiA5Mi4zIDQ3Mi41NDYgOTMuMjFDNDcyLjk2NiA5My41MSA0NzMuMzU2IDkzLjgzIDQ3My43MTYgOTQuMTZDNDc0Ljg0NiA5NS4xOCA0NzYuNTU2IDk1LjE2IDQ3Ny41MjYgOTMuOTlMNDc5LjgxNSA5MS4yNEM0ODAuNjM1IDkwLjI2IDQ4MC42MTYgODguODEgNDc5Ljc2NiA4Ny44NkM0NzguMTk2IDg2LjExIDQ3Ni4yMTYgODQuNjggNDczLjg1NiA4My41N0M0NzAuNzA2IDgyLjExIDQ2Ny4yMzUgODEuMzggNDYzLjM4NSA4MS4zOEM0NTkuNTM1IDgxLjM4IDQ1NS44MDUgODIuMzQgNDUyLjYyNSA4NC4zQzQ0OS40MjUgODYuMjMgNDQ2LjkxNSA4OC44OSA0NDUuMDY1IDkyLjI1QzQ0My4yNDUgOTUuNTkgNDQyLjMwNiA5OS4zOSA0NDIuMzA2IDEwMy41OEM0NDIuMzA2IDEwNy43NyA0NDMuMjQ1IDExMS41OCA0NDUuMDY1IDExNC45NEM0NDYuOTE1IDExOC4zIDQ0OS40MTUgMTIwLjkzIDQ1Mi42MjUgMTIyLjg5QzQ1NS44MDUgMTI0Ljg0IDQ1OS4zOTUgMTI1LjgxIDQ2My4zODUgMTI1LjgxQzQ2Ni45NTUgMTI1LjgxIDQ3MC4zNjYgMTI1LjA4IDQ3My41NzYgMTIzLjU3QzQ3NS45MjYgMTIyLjQ4IDQ3Ny45MDYgMTIxLjE2IDQ3OS41MjYgMTE5LjU5QzQ4MC41MDYgMTE4LjY1IDQ4MC42MDYgMTE3LjExIDQ3OS43MzYgMTE2LjA2TDQ3Ny40OTYgMTEzLjM0QzQ3Ni41MzYgMTEyLjE4IDQ3NC44MjYgMTEyLjEyIDQ3My43MTYgMTEzLjE0QzQ3My4yNTYgMTEzLjU2IDQ3Mi43OTUgMTEzLjk0IDQ3Mi4zMTUgMTE0LjI5TDQ3Mi4zMDYgMTE0LjNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNTI1LjkwNiA5Mi4xOEM1MjMuOTc2IDg4LjgyIDUyMS4zNDYgODYuMTkgNTE3Ljk4NiA4NC4yNkM1MTQuNjI2IDgyLjMzIDUxMC44NDYgODEuMzkgNTA2LjYyNiA4MS4zOUM1MDIuNDA2IDgxLjM5IDQ5OC41NDYgODIuMzMgNDk1LjIxNiA4NC4yNkM0OTEuODU2IDg2LjE5IDQ4OS4xOTYgODguODIgNDg3LjI2NiA5Mi4xOEM0ODUuMzE2IDk1LjUxIDQ4NC4zNDYgOTkuMzIgNDg0LjM0NiAxMDMuNTlDNDg0LjM0NiAxMDcuODYgNDg1LjMwNiAxMTEuNjkgNDg3LjI2NiAxMTUuMDNDNDg5LjE5NiAxMTguMzkgNDkxLjg1NiAxMjEuMDIgNDk1LjIxNiAxMjIuOTVDNDk4LjU1NiAxMjQuODUgNTAyLjM1NiAxMjUuODIgNTA2LjYyNiAxMjUuODJDNTEwLjg5NiAxMjUuODIgNTE0LjYyNiAxMjQuODYgNTE3Ljk4NiAxMjIuOTVDNTIxLjM0NiAxMjEuMDIgNTIzLjk3NiAxMTguMzkgNTI1LjkwNiAxMTUuMDNDNTI3LjgwNiAxMTEuNyA1MjguNzc2IDEwNy44NyA1MjguNzc2IDEwMy41OUM1MjguNzc2IDk5LjMxIDUyNy44MTYgOTUuNTEgNTI1LjkwNiA5Mi4xOFpNNTE3LjEyNiAxMTAuNDJDNTE2LjA4NiAxMTIuNDMgNTE0LjY0NiAxMTQuMDIgNTEyLjgyNiAxMTUuMTlDNTExLjAyNiAxMTYuMzkgNTA4Ljk2NiAxMTYuOTkgNTA2LjYyNiAxMTYuOTlDNTA0LjI4NiAxMTYuOTkgNTAyLjIyNiAxMTYuMzkgNTAwLjM0NiAxMTUuMTlDNDk4LjQ5NiAxMTQuMDIgNDk3LjAzNiAxMTIuNDMgNDk2LjAyNiAxMTAuNDJDNDk0Ljk4NiAxMDguNDEgNDk0LjQ4NiAxMDYuMTUgNDk0LjQ4NiAxMDMuNTlDNDk0LjQ4NiAxMDEuMDMgNDk0Ljk3NiA5OC43NyA0OTYuMDI2IDk2Ljc0QzQ5Ny4wNDYgOTQuNzMgNDk4LjUwNiA5My4xMiA1MDAuMzQ2IDkxLjk3QzUwMi4yMjYgOTAuOCA1MDQuMzA2IDkwLjIyIDUwNi42MjYgOTAuMjJDNTA4Ljk0NiA5MC4yMiA1MTEuMDI2IDkwLjc5IDUxMi44MjYgOTEuOTdDNTE0LjY0NiA5My4xMiA1MTYuMDg2IDk0LjcxIDUxNy4xMjYgOTYuNzFDNTE4LjE5NiA5OC43MiA1MTguNjg2IDEwMS4wMSA1MTguNjM2IDEwMy41OUM1MTguNjg2IDEwNi4xNCA1MTguMTk2IDEwOC40MSA1MTcuMTI2IDExMC40MloiIGZpbGw9IndoaXRlIi8%2BCjxwYXRoIGQ9Ik01OTcuNTU2IDg5LjQyQzU5Ni40NjYgODYuNzYgNTk0Ljg0NiA4NC43OCA1OTIuNjg2IDgzLjUxQzU5MC41MjYgODIuMjEgNTg3LjgxNiA4MS41NiA1ODQuNTg2IDgxLjU2QzU4My4xMjYgODEuNTYgNTgxLjY0NiA4MS43NyA1ODAuMTU2IDgyLjIxQzU3OC42NjYgODIuNjMgNTc3LjI2NiA4My4yOCA1NzUuOTA2IDg0LjExQzU3NC41NTYgODQuOTQgNTczLjMyNiA4NS44OCA1NzIuMjU2IDg2Ljk1QzU3MS4yOTYgODcuODYgNTcwLjUzNiA4OC44OCA1NjkuOTg2IDg5Ljk3QzU2OS40MzYgODguNDYgNTY4Ljc2NiA4Ny4xOCA1NjcuOTA2IDg2LjA5QzU2Ni43MDYgODQuNTMgNTY1LjE2NiA4My4zOCA1NjMuMzc2IDgyLjY1QzU2MS41NTYgODEuOTIgNTU5LjQ5NiA4MS41NiA1NTcuMTc2IDgxLjU2QzU1NS42MTYgODEuNTYgNTU0LjA0NiA4MS44MiA1NTIuNTM2IDgyLjMyQzU1MS4wMjYgODIuODQgNTQ5LjU5NiA4My41NCA1NDguMjY2IDg0LjQzQzU0Ni45MTYgODUuMzQgNTQ1LjczNiA4Ni4zOCA1NDQuNzc2IDg3LjYxQzU0NC41NjYgODcuODcgNTQ0LjM1NiA4OC4xNiA1NDQuMTQ2IDg4LjQyTDU0NC4wODYgODQuODNDNTQ0LjA2NiA4My40MyA1NDIuOTE2IDgyLjMgNTQxLjUxNiA4Mi4zSDUzNi43OTZDNTM1LjM3NiA4Mi4zIDUzNC4yMjYgODMuNDUgNTM0LjIyNiA4NC44N1YxMjUuMDJINTQ0LjI4NlY5OS40MUM1NDQuMjg2IDk4LjExIDU0NC41MTYgOTYuOTEgNTQ1LjAxNiA5NS44NEM1NDUuNTA2IDk0Ljc1IDU0Ni4xODYgOTMuODEgNTQ3LjA0NiA5M0M1NDcuOTA2IDkyLjE5IDU0OC45MjYgOTEuNTQgNTUwLjExNiA5MS4xQzU1MS4zMTYgOTAuNjMgNTUyLjU2NiA5MC40IDU1My45MTYgOTAuNEM1NTUuNTU2IDkwLjQgNTU2LjkzNiA5MC43NiA1NTguMDU2IDkxLjQ5QzU1OS4yMDYgOTIuMjIgNTYwLjA2NiA5My4yOSA1NjAuNjY2IDk0LjY0QzU2MS4yMzYgOTYuMDIgNTYxLjU1NiA5Ny43NCA1NjEuNTU2IDk5LjhWMTI1LjAySDU3MS42MTZWOTkuNDlDNTcxLjYxNiA5OC4xOSA1NzEuODQ2IDk2Ljk5IDU3Mi4zNDYgOTUuOTJDNTcyLjgxNiA5NC44MyA1NzMuNDk2IDkzLjg2IDU3NC4zNzYgOTMuMDNDNTc1LjIzNiA5Mi4yIDU3Ni4yNzYgOTEuNTQgNTc3LjQ3NiA5MS4xQzU3OC42OTYgOTAuNjMgNTc5Ljk3NiA5MC40IDU4MS4zMzYgOTAuNEM1ODMuMDg2IDkwLjQgNTg0LjUxNiA5MC43NCA1ODUuNjg2IDkxLjQyQzU4Ni44MzYgOTIuMSA1ODcuNzE2IDkzLjE0IDU4OC4yNjYgOTQuNTVDNTg4LjgzNiA5NS45NiA1ODkuMTI2IDk3LjczIDU4OS4xMjYgOTkuODlWMTI1LjAzSDU5OS4xODZWOTkuMjRDNTk5LjE4NiA5NS4zNiA1OTguNjM2IDkyLjA4IDU5Ny41NjYgODkuNDRMNTk3LjU1NiA4OS40MloiIGZpbGw9IndoaXRlIi8%2BCjxwYXRoIGQ9Ik0xNTIuMDY2IDI4LjY4TDEzNS43MjYgMzEuNzVDMTM0LjI4NiAzMi4wMiAxMzIuOTY2IDMwLjkyIDEzMi45NjYgMjkuNDZWNy4zNEMxMzIuOTY2IDUuODggMTM0LjI5NiA0Ljc4IDEzNS43MjYgNS4wNUwxNTIuMDY2IDguMTJDMTUzLjQ0NiA4LjM4IDE1NC40NDYgOS41OCAxNTQuNDQ2IDEwLjk4VjI1LjgxQzE1NC40NDYgMjcuMjEgMTUzLjQ0NiAyOC40MiAxNTIuMDY2IDI4LjY3VjI4LjY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQzMi4zNDYgMTE0LjU5QzQzMS4zMDYgMTEzLjUgNDI5Ljc5NiAxMTIuOTIgNDI3Ljg2NiAxMTIuOTJDNDI1LjkzNiAxMTIuOTIgNDI0LjU1NSAxMTMuNTUgNDIzLjQzNSAxMTQuNzRDNDIyLjM0NSAxMTUuOTYgNDIxLjc2NiAxMTcuNTMgNDIxLjc2NiAxMTkuNEM0MjEuNzY2IDEyMS40NiA0MjIuMzE2IDEyMy4wNSA0MjMuMzU2IDEyNC4xOUM0MjQuMzk2IDEyNS4zMSA0MjUuOTA2IDEyNS44OCA0MjcuODY2IDEyNS44OEM0MjkuNjg2IDEyNS44OCA0MzEuMTc2IDEyNS4yOCA0MzIuMjY2IDEyNC4wNkM0MzMuMzg2IDEyMi44NiA0MzMuOTM1IDEyMS4zIDQzMy45MzUgMTE5LjRDNDMzLjkzNSAxMTcuMjkgNDMzLjQxNiAxMTUuNyA0MzIuMzQ2IDExNC41OFYxMTQuNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .logo-animation .word.dark {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjA0IiBoZWlnaHQ9IjEzMiIgdmlld0JveD0iMCAwIDYwNCAxMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI%2BCjxwYXRoIGQ9Ik04OC44ODU2IDc3LjcyQzg3LjE2NTYgNzQuMjMgODQuNjE1NiA3MS4wOCA4MS4yNTU2IDY4LjMxQzc3LjkyNTYgNjUuNTcgNzMuODU1NSA2My4xOCA2OS4xMTU1IDYxLjJDNjUuMzY1NSA1OS42MSA2MS4yMjU1IDU4LjI4IDU2LjcxNTUgNTcuMjFDNTUuNTE1NSA1Ni45MiA1NC4yOTU1IDU2LjY2IDUzLjA0NTUgNTYuNEM0OS40NzU1IDU1LjY0IDQ2LjI5NTUgNTQuNzggNDMuNDg1NSA1My43OUM0MC42NzU1IDUyLjgzIDM4LjM3NTYgNTEuNjggMzYuNjA1NiA1MC40QzM0LjgwNTYgNDkuMSAzMy40MjU2IDQ3LjYxIDMyLjQ2NTYgNDUuOTRDMzEuNTA1NiA0NC4yNSAzMS4wMDU2IDQyLjM0IDMxLjAwNTYgNDAuMTZDMzEuMDA1NiAzNy4zNyAzMS44MTU1IDM0Ljk1IDMzLjQyNTUgMzIuOTRDMzUuMDQ1NSAzMC45NiAzNy4zMDU1IDI5LjQyIDQwLjE3NTUgMjguMzNDNDMuMDE1NSAyNy4yNiA0Ni40MDU1IDI2LjcxIDUwLjMwNTUgMjYuNzFDNTMuNzQ1NSAyNi43MSA1Ny4wNTU1IDI3LjI4IDYwLjE3NTUgMjguNEM2My4zMjU1IDI5LjU1IDY2LjI0NTUgMzEuMjEgNjguOTI1NSAzMy40M0M3MC43MjU1IDM0LjkgNzIuNDE1NiAzNi42MyA3My45NzU2IDM4LjYyQzc0Ljg3NTYgMzkuNzcgNzYuNTg1NiAzOS44NyA3Ny42ODU2IDM4LjkxTDg4LjUwNTYgMjkuNDhDODkuNDc1NiAyOC42MyA4OS43MTU2IDI3LjE5IDg4Ljk5NTYgMjYuMTJDODYuNzA1NiAyMi43MSA4My45NDU1IDE5Ljc0IDgwLjcwNTUgMTcuMjNDNzYuODQ1NSAxNC4yNiA3Mi40MTU1IDEyLjAyIDY3LjM5NTUgMTAuNDhDNjIuMzY1NSA4Ljk2OTk5IDU2LjY2NTUgOC4yMDk5OSA1MC4zMDU1IDguMjA5OTlDNDQuNjc1NSA4LjIwOTk5IDM5LjQxNTYgOS4wMTk5OSAzNC41NjU2IDEwLjY2QzI5LjY5NTYgMTIuMjggMjUuNDE1NiAxNC41NCAyMS43NDU2IDE3LjQ2QzE4LjA3NTYgMjAuMzggMTUuMTc1NiAyMy44NCAxMy4wNjU2IDI3LjgzQzEwLjk1NTYgMzEuODQgOS45MTU1NiAzNi4yMiA5LjkxNTU2IDQwLjk5QzkuOTE1NTYgNDUuNzYgMTAuNjE1NSA0OS45OCAxMi4wMjU1IDUzLjdDMTMuNDM1NSA1Ny40MyAxNS42NDU2IDYwLjc5IDE4LjY2NTYgNjMuNzZDMjEuNjg1NiA2Ni43MyAyNS40MTU2IDY5LjIzIDI5Ljg0NTYgNzEuMjFDMzIuMTY1NiA3Mi4yNSAzNC42NjU2IDczLjE5IDM3LjQwNTYgNzQuMDJDMzkuOTA1NiA3NC43OCA0Mi41ODU1IDc1LjQzIDQ1LjQyNTUgNzZDNDguNTU1NSA3Ni42NSA1MS40MTU1IDc3LjM1IDU0LjAyNTUgNzguMTFDNTYuNjA1NSA3OC44NyA1OC45MjU1IDc5Ljc4IDYwLjk4NTUgODAuODdDNjMuMDQ1NSA4MS45NCA2NC43ODU2IDgzLjExIDY2LjE5NTYgODQuMzZDNjcuNTc1NiA4NS41OCA2OC42NDU2IDg2Ljk5IDY5LjM0NTYgODguNTVDNzAuMDQ1NiA5MC4xNCA3MC4zODU2IDkxLjgzIDcwLjM4NTYgOTMuNjhDNzAuMzg1NiA5Ni4yNiA2OS41MjU1IDk4LjU1IDY3LjgwNTUgMTAwLjU2QzY2LjA1NTUgMTAyLjU3IDYzLjY4NTYgMTA0LjEzIDYwLjY2NTYgMTA1LjI4QzU3LjY0NTYgMTA2LjQgNTQuMjg1NiAxMDYuOTcgNTAuNjA1NiAxMDYuOTdDNDQuMjI1NiAxMDYuOTcgMzguNDg1NiAxMDUuNTYgMzMuNDA1NiAxMDIuNzVDMjkuMzk1NiAxMDAuNTIgMjUuMjk1NiA5Ni44OCAyMS4xMzU2IDkxLjgxQzIwLjE5NTYgOTAuNjYgMTguNTA1NiA5MC40OCAxNy4zODU2IDkxLjQ2TDUuOTA1NTUgMTAxLjQ2QzQuODc1NTUgMTAyLjM2IDQuNjg1NTYgMTAzLjkzIDUuNTM1NTYgMTA1LjAxQzguNjE1NTYgMTA4Ljk1IDEyLjA4NTUgMTEyLjM2IDE1Ljg5NTUgMTE1LjIzQzIwLjMyNTUgMTE4LjU5IDI1LjMwNTUgMTIxLjEyIDMwLjgyNTUgMTIyLjc5QzM2LjMyNTUgMTI0LjQ2IDQyLjM5NTUgMTI1LjI5IDQ4Ljk4NTUgMTI1LjI5QzU3LjUwNTUgMTI1LjI5IDY0Ljk4NTUgMTIzLjg2IDcxLjM2NTUgMTIwLjk5Qzc3LjcyNTUgMTE4LjEyIDgyLjY3NTYgMTE0LjAzIDg2LjE4NTYgMTA4LjY3Qzg5LjcwNTYgMTAzLjMzIDkxLjQ0NTYgOTYuOTIgOTEuNDQ1NiA4OS40N0M5MS40NDU2IDg1LjE1IDkwLjU4NTUgODEuMjEgODguODY1NSA3Ny42OUw4OC44ODU2IDc3LjcyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTEwMC44NDYgNy42MVYxMjUuMDFIMTIwLjk1NlY3LjYxQzEyMC45NTYgNi4xNyAxMTkuNzg2IDUgMTE4LjM0NiA1SDEwMy40NDZDMTAyLjAwNiA1IDEwMC44MzYgNi4xNyAxMDAuODM2IDcuNjFIMTAwLjg0NloiIGZpbGw9ImJsYWNrIi8%2BCjxwYXRoIGQ9Ik0xMzMuODk2IDQ3LjQ2VjEyNS4wMUgxNTMuODU2VjQ0LjY5QzE1My44NTYgNDMuMDYgMTUyLjM3NiA0MS44MyAxNTAuNzY2IDQyLjEzTDEzNi4wMTYgNDQuOUMxMzQuNzg2IDQ1LjEzIDEzMy44OTYgNDYuMjEgMTMzLjg5NiA0Ny40NloiIGZpbGw9ImJsYWNrIi8%2BCjxwYXRoIGQ9Ik0yMzAuMDU2IDcuNjA5OThWNDkuMzVDMjI4LjY3NiA0Ny43OSAyMjcuMDM2IDQ2LjMzIDIyNS4xODYgNDQuOTdDMjIyLjE2NiA0Mi43NiAyMTguNzI2IDQxLjAxIDIxNC44OTYgMzkuNzFDMjExLjAzNiAzOC40MSAyMDcuMDc2IDM3Ljc2IDIwMi45NjYgMzcuNzZDMTk1LjQwNiAzNy43NiAxODguNjA2IDM5LjY5IDE4Mi42MTYgNDMuNTJDMTc2LjYyNiA0Ny4zOCAxNzEuODg2IDUyLjY0IDE2OC40MTYgNTkuMzNDMTY0Ljk0NiA2Ni4wNSAxNjMuMjM2IDczLjY2IDE2My4yMzYgODIuMjFDMTYzLjIzNiA5MC43NiAxNjUuMDA2IDk4LjQ5IDE2OC40OTYgMTA1LjE2QzE3Mi4wMTYgMTExLjggMTc2Ljc4NiAxMTcuMDQgMTgyLjc3NiAxMjAuODdDMTg4Ljc5NiAxMjQuNzMgMTk1LjU2NiAxMjYuNjMgMjAzLjEyNiAxMjYuNjNDMjA3LjAzNiAxMjYuNjMgMjEwLjgzNiAxMjYgMjE0LjU2NiAxMjQuNzhDMjE4LjI5NiAxMjMuNTMgMjIxLjU3NiAxMjEuODkgMjI0LjM4NiAxMTkuODNDMjI2LjgwNiAxMTguMDYgMjI4Ljg0NiAxMTYuMTMgMjMwLjQyNiAxMTQuMDVMMjMwLjY4NiAxMjUuMDJIMjQ5Ljk5NlY3LjYxOTk4QzI0OS45OTYgNi4xNzk5OCAyNDguODI2IDUuMDA5OTggMjQ3LjM4NiA1LjAwOTk4SDIzMi42NjZDMjMxLjIyNiA1LjAwOTk4IDIzMC4wNTYgNi4xNzk5OCAyMzAuMDU2IDcuNjE5OThWNy42MDk5OFpNMjI3LjY4NiA5Ni40OEMyMjUuNjc2IDEwMC41NyAyMjIuOTE2IDEwMy44MyAyMTkuMzQ2IDEwNi4yQzIxNS43NzYgMTA4LjU3IDIxMS42NTYgMTA5Ljc3IDIwNy4wMjYgMTA5Ljc3QzIwMi4zOTYgMTA5Ljc3IDE5OC4yNzYgMTA4LjU3IDE5NC43MDYgMTA2LjJDMTkxLjEzNiAxMDMuODMgMTg4LjM0NiAxMDAuNTcgMTg2LjM0NiA5Ni40OEMxODQuMzM2IDkyLjM2IDE4My4zNDYgODcuNiAxODMuMzQ2IDgyLjJDMTgzLjM0NiA3Ni44IDE4NC4zMzYgNzIuMTcgMTg2LjM0NiA2OEMxODguMzU2IDYzLjg2IDE5MS4xMzYgNjAuNiAxOTQuNzA2IDU4LjI4QzE5OC4yNzYgNTUuOTYgMjAyLjM2NiA1NC43OSAyMDcuMDI2IDU0Ljc5QzIxMS42ODYgNTQuNzkgMjE1Ljc3NiA1NS45NiAyMTkuMzQ2IDU4LjI4QzIyMi45MTYgNjAuNiAyMjUuNjc2IDYzLjg2IDIyNy42ODYgNjhDMjI5LjY5NiA3Mi4xNyAyMzAuNjg2IDc2Ljg4IDIzMC42ODYgODIuMkMyMzAuNjg2IDg3LjUyIDIyOS42OTYgOTIuMzYgMjI3LjY4NiA5Ni40OFoiIGZpbGw9ImJsYWNrIi8%2BCjxwYXRoIGQ9Ik0zNDIuMjE2IDc5Ljc2QzM0Mi4zMTYgNzMuNzIgMzQxLjQzNiA2OC4xMSAzMzkuNTU2IDYyLjk4QzMzNy42NTYgNTcuODUgMzM0LjkxNiA1My40MiAzMzEuMzQ2IDQ5LjY5QzMyNy43NzYgNDUuOTYgMzIzLjU4NiA0My4wMiAzMTguNzA2IDQwLjg2QzMxMy44MzYgMzguNyAzMDguNTk2IDM3LjYgMzAyLjk2NiAzNy42QzI5Ni41ODYgMzcuNiAyOTAuNzE2IDM4LjcyIDI4NS4zNzYgNDAuOTNDMjgwLjAwNiA0My4xNCAyNzUuNDI2IDQ2LjI3IDI3MS41OTYgNTAuMzRDMjY3LjczNiA1NC4zOCAyNjQuNzQ2IDU5LjE3IDI2Mi41NzYgNjQuN0MyNjAuNDE2IDcwLjIgMjU5LjM0NiA3Ni4zMiAyNTkuMzQ2IDgzLjAyQzI1OS4zNDYgOTEuNDYgMjYxLjI0NiA5OC45NCAyNjUuMTA2IDEwNS40OEMyNjguOTM2IDExMi4wMiAyNzQuMjc2IDExNy4xOCAyODEuMTU2IDEyMC45NkMyODguMDA2IDEyNC43NiAyOTUuOTI2IDEyNi42NCAzMDQuOTE2IDEyNi42NEMzMDguOTA2IDEyNi42NCAzMTIuOTY2IDEyNi4wOSAzMTcuMDg2IDEyNS4wMkMzMjEuMTc2IDEyMy45NSAzMjUuMTA2IDEyMi40NyAzMjguODM2IDEyMC41NkMzMzEuODI2IDExOS4wMyAzMzQuNTY2IDExNy4yNiAzMzcuMDM2IDExNS4yMUMzMzguMDY2IDExNC4zNiAzMzguMjE2IDExMi44MiAzMzcuNDM2IDExMS43M0wzMzAuNTM2IDEwMi4xM0MzMjkuNjg2IDEwMC45NCAzMjcuOTk2IDEwMC42NyAzMjYuODQ2IDEwMS41OEMzMjMuNzM2IDEwNC4wMyAzMjAuODA2IDEwNS43OCAzMTguMDQ2IDEwNi44NUMzMTQuNjg2IDEwOC4xNSAzMTEuMDE2IDEwOC44IDMwNy4wMjYgMTA4LjhDMzAxLjI5NiAxMDguOCAyOTYuMjk2IDEwNy42OCAyOTIuMDE2IDEwNS40NkMyODcuNzQ2IDEwMy4yNSAyODQuNDM2IDEwMC4wOSAyODIuMTE2IDk1Ljk4QzI4MC41NTYgOTMuMjIgMjc5LjUwNiA5MC4xNCAyNzkuMDE2IDg2LjczSDMzOS40OTZDMzQwLjkxNiA4Ni43MyAzNDIuMDY2IDg1LjYgMzQyLjA5NiA4NC4xOEwzNDIuMTk2IDc5Ljc0TDM0Mi4yMTYgNzkuNzZaTTMyMi43NTYgNzMuMTFIMjc5LjQ3NkMyNzkuOTE2IDcwLjkyIDI4MC41NjYgNjguOTcgMjgxLjQwNiA2Ny4yQzI4My4yNTYgNjMuMzcgMjg1Ljk2NiA2MC40MyAyODkuNjE2IDU4LjM3QzI5My4yMzYgNTYuMzEgMjk3LjY5NiA1NS4zIDMwMi45ODYgNTUuM0MzMDYuNDU2IDU1LjMgMzA5LjYwNiA1Ni4wMyAzMTIuNDY2IDU3LjQ5QzMxNS4zMzYgNTguOTUgMzE3LjY3NiA2MC45MyAzMTkuNTI2IDYzLjQ4QzMyMS4zNDYgNjYuMDEgMzIyLjQ0NiA2OC45OCAzMjIuNzU2IDcyLjMxVjczLjEyVjczLjExWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQxMi43OTYgOTEuNjFDNDExLjkwNiA4OSA0MTAuNDU2IDg2Ljc0IDQwOC4zOTYgODQuNzhDNDA2LjM2NiA4Mi41MSA0MDMuNTQ2IDgwLjUxIDM5OS45NzYgNzguNzlDMzk2LjY5NiA3Ny4yIDM5Mi42NTYgNzUuNzQgMzg3Ljg4NiA3NC40NEMzODcuNDk2IDc0LjMxIDM4Ny4wNzYgNzQuMjEgMzg2LjY1NiA3NC4xQzM4Mi44NzYgNzMuMjEgMzc5LjgwNSA3Mi4zIDM3Ny40MzUgNzEuMzRDMzc1LjAzNSA3MC4zNSAzNzMuMjY2IDY5LjQ5IDM3Mi4wNjYgNjguNzNDMzcwLjk5NiA2Ny45NyAzNzAuMTY2IDY3LjA0IDM2OS41NjYgNjUuODlDMzY4Ljk2NiA2NC43NyAzNjguNjA2IDYzLjU1IDM2OC40OTYgNjIuMjRDMzY4LjQ5NiA2MC43MyAzNjguODA2IDU5LjQgMzY5LjQwNiA1OC4yOEMzNjkuOTc2IDU3LjEzIDM3MC44MTYgNTYuMiAzNzEuOTA2IDU1LjQ0QzM3Mi45NzYgNTQuNjggMzc0LjMyNiA1NC4xMSAzNzUuOTY2IDUzLjcyQzM3Ny41ODYgNTMuMzYgMzc5LjQwNiA1My4xNyAzODEuNDY2IDUzLjE3QzM4My42MjYgNTMuMTcgMzg1Ljk0NiA1My42MSAzODguNDQ2IDU0LjU1QzM5MC45MjYgNTUuNDYgMzkzLjM5NiA1Ni42OSAzOTUuODE2IDU4LjJDMzk3LjEyNiA1OS4wMiAzOTguMzk2IDU5LjkgMzk5LjYwNiA2MC44NUM0MDAuNjI2IDYxLjY1IDQwMi4wNTYgNjEuNjUgNDAzLjAxNiA2MC43OEw0MTEuNTc2IDUzLjA0QzQxMi43MTYgNTIuMDEgNDEyLjcxNiA1MC4yMyA0MTEuNTk2IDQ5LjE4QzQwOS41MzYgNDcuMjMgNDA3LjE5NiA0NS41MSA0MDQuNTY2IDQ0LjAxQzQwMS4wNDYgNDIgMzk3LjI3NiA0MC40NyAzOTMuMjM2IDM5LjRDMzg5LjE3NiAzOC4zMSAzODQuOTc2IDM3Ljc2IDM4MC42NTYgMzcuNzZDMzc2LjMzNiAzNy43NiAzNzIuMzk2IDM4LjM2IDM2OC40ODYgMzkuNTZDMzY0LjYwNiA0MC43MyAzNjEuMTk2IDQyLjQ4IDM1OC4yNzYgNDQuNzRDMzU1LjM1NiA0Ny4wMSAzNTMuMDY2IDQ5LjY5IDM1MS4zOTYgNTIuNzZDMzQ5LjcwNiA1NS44MyAzNDguODY2IDU5LjI3IDM0OC44NjYgNjMuMDVDMzQ4Ljg2NiA2Ni4xIDM0OS4zMzYgNjguODkgMzUwLjI0NiA3MS40OUMzNTEuMTU2IDc0LjEgMzUyLjUzNiA3Ni40MSAzNTQuMzg2IDc4LjQ3QzM1Ni41NDYgODAuOTUgMzU5LjU2NiA4My4xOSAzNjMuNDU2IDg1LjE5QzM2NS45MzYgODYuNDcgMzY4LjgyNiA4Ny42NCAzNzIuMDc2IDg4LjcxQzM3My45NTYgODkuMzQgMzc1LjkzNiA4OS45MSAzNzguMDY2IDkwLjQ2QzM4MS43MzYgOTEuMzUgMzg0LjczNiA5Mi4yMSAzODcuMDU2IDkzLjA3QzM4OS4zNzYgOTMuOTMgMzkxLjA5NiA5NC43NCAzOTIuMTY2IDk1LjQ5QzM5NC4xMTYgOTcgMzk1LjA4NiA5OS4wNiAzOTUuMDg2IDEwMS42NkMzOTUuMDg2IDEwMy4wNyAzOTQuNzk2IDEwNC4zMiAzOTQuMTk2IDEwNS40NkMzOTMuNTk2IDEwNi42MSAzOTIuNzY2IDEwNy42IDM5MS42NjYgMTA4LjQ2QzM5MC41OTYgMTA5LjMyIDM4OS4zMTYgMTA5Ljk3IDM4Ny44NjYgMTEwLjQxQzM4Ni40MDYgMTEwLjgzIDM4NC43NjYgMTExLjA2IDM4Mi45MTYgMTExLjA2QzM3OC40ODYgMTExLjA2IDM3NC4yNjYgMTEwLjI1IDM3MC4yNzYgMTA4LjYxQzM2Ni45MzYgMTA3LjI2IDM2My43MTYgMTA0Ljk2IDM2MC44NjYgMTAyLjFDMzU5Ljg5NiAxMDEuMTMgMzU4LjMyNiAxMDEuMTIgMzU3LjMxNiAxMDIuMDNMMzQ4LjMyNiAxMTAuMTZDMzQ3LjI3NiAxMTEuMTEgMzQ3LjEzNiAxMTIuNzUgMzQ4LjA5NiAxMTMuNzlDMzUxLjYxNiAxMTcuNjEgMzU1Ljk1NiAxMjAuNjMgMzYxLjExNiAxMjIuOEMzNjcuMTA2IDEyNS4zMyAzNzMuOTA2IDEyNi42IDM4MS40NjYgMTI2LjZDMzg3LjYzNiAxMjYuNiAzOTMuMTY2IDEyNS40OCAzOTguMDg2IDEyMy4xOUM0MDMuMDA2IDEyMC45MiA0MDYuODk2IDExNy44IDQwOS43NTYgMTEzLjgxQzQxMi42MjYgMTA5LjggNDE0LjA1NiAxMDUuMjYgNDE0LjA1NiAxMDAuMThDNDE0LjA1NiA5Ny4wMyA0MTMuNjM2IDk0LjE2IDQxMi43NzYgOTEuNThMNDEyLjc5NiA5MS42MVoiIGZpbGw9ImJsYWNrIi8%2BCjxwYXRoIGQ9Ik00NzIuMzA2IDExNC4zQzQ3MS4xMDYgMTE1LjE2IDQ2OS44NTYgMTE1Ljg0IDQ2OC41MjYgMTE2LjI4QzQ2Ny4xOTYgMTE2Ljc1IDQ2NS44NDYgMTE2Ljk4IDQ2NC40MzYgMTE2Ljk4QzQ2Mi4xMTYgMTE2Ljk4IDQ2MC4wMDYgMTE2LjM4IDQ1OC4xMDYgMTE1LjE4QzQ1Ni4yMjYgMTE0LjAxIDQ1NC43MTYgMTEyLjQyIDQ1My41OTYgMTEwLjQxQzQ1Mi41MDYgMTA4LjQgNDUxLjk1NiAxMDYuMTQgNDUxLjk1NiAxMDMuNThDNDUxLjk1NiAxMDEuMDIgNDUyLjQ3NiA5OC43NiA0NTMuNTc2IDk2LjczQzQ1NC42NDYgOTQuNzIgNDU2LjEyNiA5My4xMSA0NTguMDA2IDkxLjk2QzQ1OS44NTYgOTAuNzkgNDYxLjk2NiA5MC4yMSA0NjQuMzY2IDkwLjIxQzQ2NS43NzYgOTAuMjEgNDY3LjE3NiA5MC40NyA0NjguNTg2IDkxLjAyQzQ2OS45OTYgOTEuNTcgNDcxLjI5NiA5Mi4zIDQ3Mi41NDYgOTMuMjFDNDcyLjk2NiA5My41MSA0NzMuMzU2IDkzLjgzIDQ3My43MTYgOTQuMTZDNDc0Ljg0NiA5NS4xOCA0NzYuNTU2IDk1LjE2IDQ3Ny41MjYgOTMuOTlMNDc5LjgxNiA5MS4yNEM0ODAuNjM2IDkwLjI2IDQ4MC42MTYgODguODEgNDc5Ljc2NiA4Ny44NkM0NzguMTk2IDg2LjExIDQ3Ni4yMTYgODQuNjggNDczLjg1NiA4My41N0M0NzAuNzA2IDgyLjExIDQ2Ny4yMzYgODEuMzggNDYzLjM4NiA4MS4zOEM0NTkuNTM2IDgxLjM4IDQ1NS44MDYgODIuMzQgNDUyLjYyNiA4NC4zQzQ0OS40MjYgODYuMjMgNDQ2LjkxNiA4OC44OSA0NDUuMDY2IDkyLjI1QzQ0My4yNDYgOTUuNTkgNDQyLjMwNiA5OS4zOSA0NDIuMzA2IDEwMy41OEM0NDIuMzA2IDEwNy43NyA0NDMuMjQ2IDExMS41OCA0NDUuMDY2IDExNC45NEM0NDYuOTE2IDExOC4zIDQ0OS40MTYgMTIwLjkzIDQ1Mi42MjYgMTIyLjg5QzQ1NS44MDYgMTI0Ljg0IDQ1OS4zOTYgMTI1LjgxIDQ2My4zODYgMTI1LjgxQzQ2Ni45NTYgMTI1LjgxIDQ3MC4zNjYgMTI1LjA4IDQ3My41NzYgMTIzLjU3QzQ3NS45MjYgMTIyLjQ4IDQ3Ny45MDYgMTIxLjE2IDQ3OS41MjYgMTE5LjU5QzQ4MC41MDYgMTE4LjY1IDQ4MC42MDYgMTE3LjExIDQ3OS43MzYgMTE2LjA2TDQ3Ny40OTYgMTEzLjM0QzQ3Ni41MzYgMTEyLjE4IDQ3NC44MjYgMTEyLjEyIDQ3My43MTYgMTEzLjE0QzQ3My4yNTYgMTEzLjU2IDQ3Mi43OTYgMTEzLjk0IDQ3Mi4zMTYgMTE0LjI5TDQ3Mi4zMDYgMTE0LjNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNTI1LjkwNiA5Mi4xOEM1MjMuOTc2IDg4LjgyIDUyMS4zNDYgODYuMTkgNTE3Ljk4NiA4NC4yNkM1MTQuNjI2IDgyLjMzIDUxMC44NDYgODEuMzkgNTA2LjYyNiA4MS4zOUM1MDIuNDA2IDgxLjM5IDQ5OC41NDYgODIuMzMgNDk1LjIxNiA4NC4yNkM0OTEuODU2IDg2LjE5IDQ4OS4xOTYgODguODIgNDg3LjI2NiA5Mi4xOEM0ODUuMzE2IDk1LjUxIDQ4NC4zNDYgOTkuMzIgNDg0LjM0NiAxMDMuNTlDNDg0LjM0NiAxMDcuODYgNDg1LjMwNiAxMTEuNjkgNDg3LjI2NiAxMTUuMDNDNDg5LjE5NiAxMTguMzkgNDkxLjg1NiAxMjEuMDIgNDk1LjIxNiAxMjIuOTVDNDk4LjU1NiAxMjQuODUgNTAyLjM1NiAxMjUuODIgNTA2LjYyNiAxMjUuODJDNTEwLjg5NiAxMjUuODIgNTE0LjYyNiAxMjQuODYgNTE3Ljk4NiAxMjIuOTVDNTIxLjM0NiAxMjEuMDIgNTIzLjk3NiAxMTguMzkgNTI1LjkwNiAxMTUuMDNDNTI3LjgwNiAxMTEuNyA1MjguNzc2IDEwNy44NyA1MjguNzc2IDEwMy41OUM1MjguNzc2IDk5LjMxIDUyNy44MTYgOTUuNTEgNTI1LjkwNiA5Mi4xOFpNNTE3LjEyNiAxMTAuNDJDNTE2LjA4NiAxMTIuNDMgNTE0LjY0NiAxMTQuMDIgNTEyLjgyNiAxMTUuMTlDNTExLjAyNiAxMTYuMzkgNTA4Ljk2NiAxMTYuOTkgNTA2LjYyNiAxMTYuOTlDNTA0LjI4NiAxMTYuOTkgNTAyLjIyNiAxMTYuMzkgNTAwLjM0NiAxMTUuMTlDNDk4LjQ5NiAxMTQuMDIgNDk3LjAzNiAxMTIuNDMgNDk2LjAyNiAxMTAuNDJDNDk0Ljk4NiAxMDguNDEgNDk0LjQ4NiAxMDYuMTUgNDk0LjQ4NiAxMDMuNTlDNDk0LjQ4NiAxMDEuMDMgNDk0Ljk3NiA5OC43NyA0OTYuMDI2IDk2Ljc0QzQ5Ny4wNDYgOTQuNzMgNDk4LjUwNiA5My4xMiA1MDAuMzQ2IDkxLjk3QzUwMi4yMjYgOTAuOCA1MDQuMzA2IDkwLjIyIDUwNi42MjYgOTAuMjJDNTA4Ljk0NiA5MC4yMiA1MTEuMDI2IDkwLjc5IDUxMi44MjYgOTEuOTdDNTE0LjY0NiA5My4xMiA1MTYuMDg2IDk0LjcxIDUxNy4xMjYgOTYuNzFDNTE4LjE5NiA5OC43MiA1MTguNjg2IDEwMS4wMSA1MTguNjM2IDEwMy41OUM1MTguNjg2IDEwNi4xNCA1MTguMTk2IDEwOC40MSA1MTcuMTI2IDExMC40MloiIGZpbGw9ImJsYWNrIi8%2BCjxwYXRoIGQ9Ik01OTcuNTU2IDg5LjQyQzU5Ni40NjYgODYuNzYgNTk0Ljg0NiA4NC43OCA1OTIuNjg2IDgzLjUxQzU5MC41MjYgODIuMjEgNTg3LjgxNiA4MS41NiA1ODQuNTg2IDgxLjU2QzU4My4xMjYgODEuNTYgNTgxLjY0NiA4MS43NyA1ODAuMTU2IDgyLjIxQzU3OC42NjYgODIuNjMgNTc3LjI2NiA4My4yOCA1NzUuOTA2IDg0LjExQzU3NC41NTYgODQuOTQgNTczLjMyNiA4NS44OCA1NzIuMjU2IDg2Ljk1QzU3MS4yOTYgODcuODYgNTcwLjUzNiA4OC44OCA1NjkuOTg2IDg5Ljk3QzU2OS40MzYgODguNDYgNTY4Ljc2NiA4Ny4xOCA1NjcuOTA2IDg2LjA5QzU2Ni43MDYgODQuNTMgNTY1LjE2NiA4My4zOCA1NjMuMzc2IDgyLjY1QzU2MS41NTYgODEuOTIgNTU5LjQ5NiA4MS41NiA1NTcuMTc2IDgxLjU2QzU1NS42MTYgODEuNTYgNTU0LjA0NiA4MS44MiA1NTIuNTM2IDgyLjMyQzU1MS4wMjYgODIuODQgNTQ5LjU5NiA4My41NCA1NDguMjY2IDg0LjQzQzU0Ni45MTYgODUuMzQgNTQ1LjczNiA4Ni4zOCA1NDQuNzc2IDg3LjYxQzU0NC41NjYgODcuODcgNTQ0LjM1NiA4OC4xNiA1NDQuMTQ2IDg4LjQyTDU0NC4wODYgODQuODNDNTQ0LjA2NiA4My40MyA1NDIuOTE2IDgyLjMgNTQxLjUxNiA4Mi4zSDUzNi43OTZDNTM1LjM3NiA4Mi4zIDUzNC4yMjYgODMuNDUgNTM0LjIyNiA4NC44N1YxMjUuMDJINTQ0LjI4NlY5OS40MUM1NDQuMjg2IDk4LjExIDU0NC41MTYgOTYuOTEgNTQ1LjAxNiA5NS44NEM1NDUuNTA2IDk0Ljc1IDU0Ni4xODYgOTMuODEgNTQ3LjA0NiA5M0M1NDcuOTA2IDkyLjE5IDU0OC45MjYgOTEuNTQgNTUwLjExNiA5MS4xQzU1MS4zMTYgOTAuNjMgNTUyLjU2NiA5MC40IDU1My45MTYgOTAuNEM1NTUuNTU2IDkwLjQgNTU2LjkzNiA5MC43NiA1NTguMDU2IDkxLjQ5QzU1OS4yMDYgOTIuMjIgNTYwLjA2NiA5My4yOSA1NjAuNjY2IDk0LjY0QzU2MS4yMzYgOTYuMDIgNTYxLjU1NiA5Ny43NCA1NjEuNTU2IDk5LjhWMTI1LjAySDU3MS42MTZWOTkuNDlDNTcxLjYxNiA5OC4xOSA1NzEuODQ2IDk2Ljk5IDU3Mi4zNDYgOTUuOTJDNTcyLjgxNiA5NC44MyA1NzMuNDk2IDkzLjg2IDU3NC4zNzYgOTMuMDNDNTc1LjIzNiA5Mi4yIDU3Ni4yNzYgOTEuNTQgNTc3LjQ3NiA5MS4xQzU3OC42OTYgOTAuNjMgNTc5Ljk3NiA5MC40IDU4MS4zMzYgOTAuNEM1ODMuMDg2IDkwLjQgNTg0LjUxNiA5MC43NCA1ODUuNjg2IDkxLjQyQzU4Ni44MzYgOTIuMSA1ODcuNzE2IDkzLjE0IDU4OC4yNjYgOTQuNTVDNTg4LjgzNiA5NS45NiA1ODkuMTI2IDk3LjczIDU4OS4xMjYgOTkuODlWMTI1LjAzSDU5OS4xODZWOTkuMjRDNTk5LjE4NiA5NS4zNiA1OTguNjM2IDkyLjA4IDU5Ny41NjYgODkuNDRMNTk3LjU1NiA4OS40MloiIGZpbGw9ImJsYWNrIi8%2BCjxwYXRoIGQ9Ik0xNTIuMDY2IDI4LjY4TDEzNS43MjYgMzEuNzVDMTM0LjI4NiAzMi4wMiAxMzIuOTY2IDMwLjkyIDEzMi45NjYgMjkuNDZWNy4zNEMxMzIuOTY2IDUuODggMTM0LjI5NiA0Ljc4IDEzNS43MjYgNS4wNUwxNTIuMDY2IDguMTJDMTUzLjQ0NiA4LjM4IDE1NC40NDYgOS41OCAxNTQuNDQ2IDEwLjk4VjI1LjgxQzE1NC40NDYgMjcuMjEgMTUzLjQ0NiAyOC40MiAxNTIuMDY2IDI4LjY3VjI4LjY4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQzMi4zNDYgMTE0LjU5QzQzMS4zMDYgMTEzLjUgNDI5Ljc5NiAxMTIuOTIgNDI3Ljg2NiAxMTIuOTJDNDI1LjkzNiAxMTIuOTIgNDI0LjU1NiAxMTMuNTUgNDIzLjQzNiAxMTQuNzRDNDIyLjM0NiAxMTUuOTYgNDIxLjc2NiAxMTcuNTMgNDIxLjc2NiAxMTkuNEM0MjEuNzY2IDEyMS40NiA0MjIuMzE2IDEyMy4wNSA0MjMuMzU2IDEyNC4xOUM0MjQuMzk2IDEyNS4zMSA0MjUuOTA2IDEyNS44OCA0MjcuODY2IDEyNS44OEM0MjkuNjg2IDEyNS44OCA0MzEuMTc2IDEyNS4yOCA0MzIuMjY2IDEyNC4wNkM0MzMuMzg2IDEyMi44NiA0MzMuOTM2IDEyMS4zIDQzMy45MzYgMTE5LjRDNDMzLjkzNiAxMTcuMjkgNDMzLjQxNiAxMTUuNyA0MzIuMzQ2IDExNC41OFYxMTQuNTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); }
/**
 * Menu component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-menu {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: var(--space-2);
  background: var(--surface-overlay);
  -webkit-box-shadow: 0 0 0 1px var(--border-overlay) inset;
          box-shadow: 0 0 0 1px var(--border-overlay) inset;
  color: var(--color-overlay);
  text-align: left;
  border-radius: var(--popover-radius);
  -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(--border-overlay-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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--space-1);
    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: var(--button-size-6);
    width: 100%;
    color: var(--color-overlay);
    cursor: pointer;
    border-radius: calc(var(--popover-radius) - var(--radius-1));
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-menu .sl-menu-item:hover,
  .sl-menu .sl-menu-item.popover-anchor {
    background-color: var(--surface-hover); }
  .sl-menu .sl-menu-item.active {
    background-color: var(--surface-hover-strong); }
  .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(--color-accent);
    color: var(--color-text-inverse);
    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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: var(--border-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: var(--surface-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: var(--border-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: var(--surface-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-right-width: 0;
    border-left-color: var(--border-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-right-width: 0;
    border-left-color: var(--surface-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-left-width: 0;
    border-right-color: var(--border-overlay); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-left-width: 0;
    border-right-color: var(--surface-overlay); }
/**
 * Notifications popup.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-notifications {
  --border-color: var(--border-subtle);
  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: var(--color-text);
  background-color: var(--surface-overlay);
  border: 1px solid var(--border-color);
  text-align: left;
  border-radius: var(--popover-radius);
  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;
    color: var(--color-danger-fg);
    background-color: var(--color-danger); }

.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; }

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

.sl-notification .buttons[data-layout="block"] {
  display: block;
  margin-top: 15px;
  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: 5px;
  margin: -4px 0 -4px 15px; }

.sl-notification .retry-options {
  margin-top: 15px;
  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: currentColor;
  border-bottom-color: currentColor; }

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

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

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

.page-loader.frozen .page-loader-spinner {
  -webkit-animation: none;
          animation: none; }
@charset "UTF-8";
/**
 * Styles for the popup component.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-popup.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(--surface-panel-alt);
          box-shadow: 0 0 0 1px var(--surface-panel-alt); }
.sl-popup.dark-theme .sl-popup-header {
  border-bottom: 1px solid var(--surface-panel-alt); }

.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(--color-text-strong);
    text-align: left;
    border-radius: var(--popup-radius);
    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: var(--popup-radius);
    border-top-right-radius: var(--popup-radius);
    background: var(--surface-glass);
    backdrop-filter: var(--surface-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(--surface-glass);
    backdrop-filter: var(--surface-glass-filter);
    outline: none;
    border-bottom-left-radius: var(--popup-radius);
    border-bottom-right-radius: var(--popup-radius);
    -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;
    border-top-left-radius: var(--popup-inner-radius); }

.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;
  padding: 0 var(--space-4);
  gap: var(--space-1);
  overflow: auto; }

.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 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: var(--button-size-7);
  gap: var(--space-3);
  background: var(--surface-nav-link);
  color: var(--color-nav-link);
  border-radius: var(--nav-link-radius);
  font-weight: 500;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: transparent; }
  .sl-popup-sidebar-button:hover {
    color: var(--color-nav-link-hover);
    background: var(--surface-nav-link-hover); }
  .sl-popup-sidebar-button:active:not(.selected) {
    color: var(--color-nav-link-hover);
    background: var(--surface-nav-link-hover); }
  .sl-popup-sidebar-button.selected {
    color: var(--color-text);
    background: var(--surface-nav-link-selected);
    cursor: default; }
  .sl-popup-sidebar-button.disabled {
    pointer-events: none;
    opacity: 0.45;
    background-color: transparent; }
  .sl-popup-sidebar-button:focus {
    outline: none; }
  .sl-popup-sidebar-button:focus-visible {
    outline: 1px solid var(--color-accent);
    outline-offset: 2px; }
  .sl-popup-sidebar-button .icon {
    margin-left: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.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 .sl-popup-sidebar-button.button {
      padding: var(--space-5) 20px; }
    .sl-popup-body.has-sidebar .sl-popup-sidebar .sl-popup-sidebar-button.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;
  padding-top: 0; }
.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;
  border-radius: var(--popup-inner-radius);
  overflow: hidden; }
  .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: var(--popup-inner-radius); }

.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: var(--popup-inner-radius);
  padding-top: 0; }
  .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-radius: var(--popup-inner-radius); }
  .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: var(--popup-inner-radius);
    border-bottom-right-radius: var(--popup-inner-radius); }
  .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-thumb {
  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(--surface-canvas);
  color: var(--color-text-strong); }
.sl-popup[data-id="markdown-importer"] .markdown-editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border-right: 1px solid var(--surface-panel-alt); }
.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(--surface-panel); }
  .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(--color-accent); }
  .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(--border-subtle); }
  .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 .translation-column-label {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    line-height: 1.3; }
  .sl-popup[data-id="translator"] .sl-table .translation-column-header-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .sl-popup[data-id="translator"] .sl-table .translation-column-progress,
  .sl-popup[data-id="translator"] .sl-table .translation-column-checkmark {
    display: none; }
  .sl-popup[data-id="translator"] .sl-table .translation-column-progress {
    font-size: 12px;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    white-space: nowrap; }
  .sl-popup[data-id="translator"] .sl-table .translation-column-checkmark {
    color: var(--color-success);
    font-size: 14px;
    line-height: 1; }
  .sl-popup[data-id="translator"] .sl-table .retry-language-button {
    display: none;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.in-progress,
  .sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.finished,
  .sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.failed {
    opacity: 1; }
  .sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.in-progress .translation-column-progress {
    display: inline-block; }
  .sl-popup[data-id="translator"] .sl-table thead th.translation-column-header.finished .translation-column-checkmark {
    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 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(--surface-canvas);
    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 tbody * {
    font-size: 13px !important;
    line-height: 1.4;
    margin: 0;
    text-align: left !important; }
  .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(--popup-inner-radius); }

.ua-ie .sl-popup .sl-popup-inner {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
/**
 * Prompt module.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-prompt.light-theme {
  --prompt-text-color: var(--color-text-strong);
  --prompt-surface: #fff; }

.sl-prompt.dark-theme {
  --prompt-text-color: var(--color-text-strong);
  --prompt-surface: var(--surface-canvas); }
  .sl-prompt.dark-theme .sl-prompt-background {
    background: rgba(30, 30, 30, var(--overlay-opacity)); }
  .sl-prompt.dark-theme .sl-prompt-inner {
    color: var(--color-text-strong);
    -webkit-box-shadow: 0 0 0 1px var(--surface-panel-alt);
            box-shadow: 0 0 0 1px var(--surface-panel-alt); }
    .sl-prompt.dark-theme .sl-prompt-inner .title {
      color: var(--color-text-strong); }

.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: var(--popup-radius); }
  .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(--prompt-surface);
    padding: 15px;
    color: var(--prompt-text-color);
    text-align: left;
    border-radius: var(--popover-radius);
    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(--color-text-secondary);
      word-break: break-word; }
      .sl-prompt .sl-prompt-inner > .subtitle a {
        color: var(--color-text-secondary);
        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(--color-text-muted);
        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(--prompt-surface);
      bottom: -15px;
      padding: 15px 0;
      margin-bottom: -15px;
      margin-top: 5px;
      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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: var(--prompt-surface); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: var(--prompt-surface); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-right-width: 0;
    border-left-color: var(--prompt-surface); }
  .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: 8px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -8px;
    border-left-width: 0;
    border-right-color: var(--prompt-surface); }

.sl-prompt-close-x {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 16px;
  top: 8px;
  right: 8px;
  z-index: 1;
  color: var(--color-text-muted);
  background: transparent; }
  .sl-prompt-close-x:hover {
    color: var(--color-text-inverse);
    background: var(--surface-inverse); }

.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"] .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"] .items:not(:first-child) {
  margin-top: var(--space-6); }
.sl-prompt[data-type="select"] .item {
  position: relative;
  border-radius: var(--button-radius);
  border: 2px solid transparent;
  cursor: pointer;
  max-width: 240px; }
  .sl-prompt[data-type="select"] .item .icon {
    margin: 0.2em 0;
    font-size: 2em; }
  .sl-prompt[data-type="select"] .item h3 {
    font-size: 1.14em;
    font-weight: 500; }
  .sl-prompt[data-type="select"] .item h3:last-child {
    font-weight: normal; }
  .sl-prompt[data-type="select"] .item p {
    margin: 5px 0;
    font-size: 1em; }
  .sl-prompt[data-type="select"] .item.outline {
    color: #3c3c3c;
    border-color: #6f6f6f; }
  .sl-prompt[data-type="select"] .item.outline:hover, .sl-prompt[data-type="select"] .item.outline.selected {
    color: #222;
    border-color: #222; }
  .sl-prompt[data-type="select"] .item.negative {
    color: #fff;
    background: #d04232;
    border-color: #d04232; }
    .sl-prompt[data-type="select"] .item.negative:hover {
      background: #da685b;
      border-color: #da685b; }
  .sl-prompt[data-type="select"] .item.focus {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px; }
  .sl-prompt[data-type="select"] .item.divider {
    margin-right: 1.42em; }
    .sl-prompt[data-type="select"] .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;
  color: #666;
  cursor: pointer;
  max-width: 300px;
  min-width: 200px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sl-prompt[data-type="list"] .list-item .checkmark {
    position: absolute;
    right: 5px;
    opacity: 0; }
  .sl-prompt[data-type="list"] .list-item:hover:before, .sl-prompt[data-type="list"] .list-item.focus:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: var(--minus-space-4);
    bottom: 0;
    left: var(--minus-space-4);
    border-radius: var(--nav-link-radius); }
  .sl-prompt[data-type="list"] .list-item:hover:before {
    background: var(--surface-hover); }
  .sl-prompt[data-type="list"] .list-item:hover, .sl-prompt[data-type="list"] .list-item.selected {
    color: var(--color-text-strong); }
  .sl-prompt[data-type="list"] .list-item.selected .checkmark {
    opacity: 1; }
  .sl-prompt[data-type="list"] .list-item.focus:before {
    outline: 1px solid var(--color-accent); }
  .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;
  border-radius: var(--radius-3); }
.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: 1px solid var(--border-default);
  font-weight: 500; }
.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 var(--border-default); }

.sl-prompt[data-type="accordion"] .sl-prompt-inner {
  padding: 0; }
.sl-prompt[data-type="accordion"] .accordion-item {
  display: block;
  position: relative;
  color: #555;
  max-width: 400px;
  min-width: 200px;
  background-color: #fff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .sl-prompt[data-type="accordion"] .accordion-item .item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 1em 15px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header > .icon:first-child {
      margin-right: 14px;
      vertical-align: middle; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .title {
      font-weight: 500;
      font-size: 14px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .expand-button,
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .collapse-button {
      font-size: 14px;
      position: relative;
      float: right;
      color: transparent; }
    .sl-prompt[data-type="accordion"] .accordion-item .item-header .checkmark-square {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #ddd;
      border-radius: var(--checkbox-radius); }
    .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(--color-accent);
    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: var(--popover-radius);
  border-top-right-radius: var(--popover-radius); }
.sl-prompt[data-type="accordion"] .accordion-item:last-child {
  border-bottom-left-radius: var(--popover-radius);
  border-bottom-right-radius: var(--popover-radius); }

.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: var(--form-field-radius);
  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;
    border-radius: var(--form-field-radius);
    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 .items,
.sl-speaker-layout-prompt .items {
  gap: var(--space-2) !important; }

.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: var(--color-text) !important; }

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

.sl-visibility-prompt .item.selected,
.sl-speaker-layout-prompt .item.selected {
  color: var(--color-accent-fg) !important;
  background-color: var(--color-accent) !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 .item.selected .speaker-layout-icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="default"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-default-abe7d0a081f3dc23f45e089aa83d705f924d22b2c6ca24bd220d149eec771403.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="wide"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-wide-66189311138483710e8a9b86ce834c059d2eaa6e7646301053e161247f22cc59.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="tall"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-tall-932ab8737f8f64c332c5df05f25235c26e4973e8bf1773af0db1e966a8ea18d6.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="notes-only"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-notes-only-8c4bb4b5b1a13edb52fab8538f666cf66c852286a2dd9879fc7e2f6978bb6e79.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="current-only"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-current-only-c56150d785b069a05941ccc07263e609215721f8b04f74aff92a3bb224c0d9c5.svg); }
.sl-speaker-layout-prompt .speaker-layout-icon[data-speaker-layout="upcoming-only"] {
  background-image: url(//staging.slides.com/assets/icons/speaker-view/speaker-view-layout-upcoming-only-0f799a32cb6babe98050cdc69111a724ae6edad9c12fa9e4675212b0678324c0.svg); }

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

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

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

.sl-slide-background-prompt .sl-prompt-inner .accordion-item {
  width: 270px; }
.sl-slide-background-prompt .sl-prompt-inner .item-header .external-url {
  display: none;
  margin-right: 10px; }
.sl-slide-background-prompt .sl-prompt-inner .accordion-item:not(.selected) .item-header:hover .external-url {
  display: inline-block;
  opacity: 0.6; }
.sl-slide-background-prompt .sl-prompt-inner .accordion-item:not(.selected) .item-header:hover .external-url:hover {
  display: inline-block;
  opacity: 1; }
.sl-slide-background-prompt .sl-prompt-inner .sl-select {
  display: block;
  width: 100%; }
.sl-slide-background-prompt .sl-prompt-inner .media-opacity-wrapper,
.sl-slide-background-prompt .sl-prompt-inner .sl-select + .sl-select {
  margin-top: 10px; }
.sl-slide-background-prompt .sl-prompt-inner .sl-checkbox {
  font-size: inherit; }
.sl-slide-background-prompt .sl-prompt-inner .unit-description {
  line-height: 1.4;
  font-size: inherit; }
.sl-slide-background-prompt .sl-prompt-inner input {
  width: 100%; }
.sl-slide-background-prompt .sl-prompt-inner .media-thumbnail {
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 15px;
  border-radius: var(--form-field-radius); }
.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;
  border-radius: var(--form-field-radius);
  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: var(--popover-radius); }
  .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 {
  visibility: hidden;
  margin-left: auto; }
.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: var(--popover-radius); }
.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: calc(var(--popover-radius) / 2);
  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 {
  --inner-border-radius: calc(var(--popover-radius) - var(--radius-1)); }

.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(--prompt-surface);
  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: var(--inner-border-radius);
  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: var(--inner-border-radius);
  border-top-right-radius: var(--inner-border-radius); }

.sl-copywriter-prompt-option:last-child {
  border-bottom-left-radius: var(--inner-border-radius);
  border-bottom-right-radius: var(--inner-border-radius); }

.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; }
/**
 * Templates component.
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-templates {
  --templates-padding: var(--space-4);
  --templates-button-size: var(--button-size-7);
  --templates-thumb-radius: var(--radius-3);
  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(--surface-glass);
    backdrop-filter: var(--surface-glass-filter);
    color: #222;
    text-align: left;
    border-radius: var(--popup-radius);
    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: var(--popup-radius);
    border-top-left-radius: var(--popup-radius);
    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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: auto;
    padding: var(--space-4);
    gap: var(--space-1); }
  .sl-templates .sl-templates-sidebar-header {
    color: var(--color-text-muted);
    padding: 20px 20px 10px var(--templates-padding);
    font-weight: 500;
    font-size: 0.9em;
    border-top: 1px solid var(--border-strong); }
  .sl-templates .sl-templates-sidebar-button {
    --button-size: var(--templates-button-size);
    --button-color: var(--color-text-secondary);
    --button-color-hover: var(--color-text-secondary);
    --button-color-active: var(--color-text-secondary);
    --button-background: transparent;
    --button-background-hover: var(--surface-hover);
    --button-background-active: var(--surface-hover-stronger);
    width: 100%;
    font-weight: 500; }
    .sl-templates .sl-templates-sidebar-button.selected {
      color: var(--color-text);
      background-color: var(--surface-hover-strongest);
      cursor: default; }
  .sl-templates .sl-templates-add-new {
    --button-size: var(--templates-button-size);
    margin: auto var(--templates-padding) var(--templates-padding) var(--templates-padding);
    -webkit-transition: none !important;
    transition: none !important;
    font-weight: 500; }
    .sl-templates .sl-templates-add-new .ladda-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -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-add-new[disabled] {
      --button-color: var(--color-text-muted);
      --button-background: var(--surface-hover-strongest); }
  .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: var(--popup-radius);
    border-bottom-right-radius: var(--popup-radius); }
    .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: var(--templates-padding);
      -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 var(--border-subtle);
      margin-bottom: var(--templates-padding);
      padding-bottom: var(--templates-padding); }

.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: var(--templates-button-size);
  line-height: var(--templates-button-size);
  border-top-left-radius: var(--popup-radius);
  border-top-right-radius: var(--popup-radius); }

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

.sl-templates-inner.has-header {
  padding-top: var(--templates-button-size); }

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

.sl-templates .template-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .sl-templates .template-item.hidden {
    display: none; }
  .sl-templates .template-item.intro-animation {
    -webkit-animation: scale-in 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
            animation: scale-in 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
  .sl-templates .template-item.semi-hidden .template-item-thumb {
    opacity: 0.6; }
  .sl-templates .template-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .sl-templates .template-item .template-item-thumb {
    width: 100%;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: var(--templates-thumb-radius) var(--templates-thumb-radius) 0 0; }
  .sl-templates .template-item .template-item-thumb:last-child {
    border-radius: var(--templates-thumb-radius); }
  .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(--templates-thumb-radius) var(--templates-thumb-radius); }
  .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: var(--templates-button-size);
  line-height: var(--templates-button-size);
  font-size: 12px;
  padding: 0 var(--templates-padding); }
  .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 var(--templates-padding);
  height: var(--templates-button-size);
  line-height: var(--templates-button-size);
  z-index: 10;
  font-size: 12px;
  background: #fff;
  border-top-right-radius: var(--popup-radius);
  -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: var(--templates-padding) 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;
  border-radius: var(--radius-3);
  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;
  border-radius: var(--radius-3); }
.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;
    border-radius: var(--radius-3); }
.sl-templates .decks-page .deck-preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  opacity: 0;
  z-index: 1;
  -webkit-animation: fade-in 0.2s;
          animation: fade-in 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

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

.touch-editor .sl-templates .template-item-options {
  visibility: visible !important;
  opacity: 1 !important; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.sl-tooltip {
  --tooltip-border: var(--border-subtle);
  position: fixed;
  display: block;
  z-index: 2000;
  background: #111;
  border: 1px solid #252525;
  border-radius: 4px;
  pointer-events: none; }
  .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;
    overflow: hidden; }
    .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: #252525; }
  .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: #252525; }
  .sl-tooltip[data-alignment=b] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #111; }
  .sl-tooltip[data-alignment=l] .sl-tooltip-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: 1px;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-right-width: 0;
    border-left-color: #252525; }
  .sl-tooltip[data-alignment=l] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-right-width: 0;
    border-left-color: #111; }
  .sl-tooltip[data-alignment=r] .sl-tooltip-arrow:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: -1px;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-left-width: 0;
    border-right-color: #252525; }
  .sl-tooltip[data-alignment=r] .sl-tooltip-arrow .sl-tooltip-arrow-fill:before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    -webkit-transform: rotate(360deg);
    margin-top: -6px;
    border-left-width: 0;
    border-right-color: #111; }
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.user-info {
  --user-info-link-gap: var(--space-4);
  --user-info-link-item-gap: var(--space-3);
  --user-info-section-gap: var(--space-3);
  position: relative;
  font-size: 13px;
  color: var(--color-text); }
  .user-info .title {
    margin-bottom: var(--user-info-section-gap);
    font-size: 1.4em; }
    .user-info .title .username {
      color: var(--color-text-strong);
      margin-right: var(--space-2); }
    .user-info .title .pro-badge {
      top: -2px; }
  .user-info .picture {
    width: 8.75em;
    height: 8.75em;
    float: left;
    margin: 0 var(--space-6) var(--space-3) 0;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-4);
    background-color: var(--surface-panel);
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat; }
  .user-info .links {
    list-style: none;
    margin: var(--user-info-link-gap) 0; }
    .user-info .links li {
      display: inline-block;
      margin-right: var(--user-info-link-gap);
      margin-bottom: var(--space-2);
      color: var(--color-text-secondary); }
      .user-info .links li .icon {
        position: relative;
        margin-right: var(--user-info-link-item-gap);
        top: 1px; }
    .user-info .links a {
      color: inherit; }
      .user-info .links a:hover {
        color: var(--color-text-strong); }
  .user-info .description {
    max-width: 650px;
    margin: 0;
    color: var(--color-text-muted); }
  .user-info .edit {
    position: absolute;
    right: calc( var(--space-3) * -1 );
    top: calc( var(--space-3) * -1 ); }
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
.reveal-viewport .sl-orientation-prompt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  z-index: 1000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

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

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

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

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

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

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

  .reveal-viewport .sl-orientation-prompt-text {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    margin: 0 auto; } }
.orientation-prompt-visible .reveal .controls button {
  -webkit-animation: none !important;
          animation: none !important; }
/*!
 * Main styles for Slides
 *
 * @author Hakim El Hattab
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Mode-agnostic design tokens.
 */
:root {
  --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;
  --space-9: 40px;
  --minus-space-1: -2px;
  --minus-space-2: -4px;
  --minus-space-3: -6px;
  --minus-space-4: -8px;
  --minus-space-5: -12px;
  --minus-space-6: -16px;
  --minus-space-7: -24px;
  --minus-space-8: -32px;
  --minus-space-9: -40px;
  --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;
  --button-radius: var(--radius-4);
  --nav-link-radius: var(--radius-4);
  --section-padding: var(--space-9);
  --section-margin: var(--space-9);
  --section-radius: var(--radius-4);
  --popover-radius: var(--radius-4);
  --popup-radius: var(--radius-5);
  --popup-inner-radius: var(--radius-4);
  --drawer-item-size: 46px;
  --drawer-menu-width: var( --drawer-item-size );
  --drawer-tool-width: 300px;
  --page-inset-right: var( --drawer-menu-width );
  --page-padding: var(--space-6);
  --site-max-width: 1440px;
  --app-max-width: 1920px;
  --page-max-width: var(--site-max-width);
  --header-height: 70px;
  --header-padding: var(--space-4);
  --tray-height: 49px;
  --tray-padding: 10px;
  --app-nav-width: 340px;
  --app-nav-padding: var(--page-padding);
  --app-nav-item-padding: var(--space-5);
  --app-nav-radius: var(--button-radius);
  --form-field-padding: var(--space-5);
  --form-field-radius: var(--radius-4);
  --form-field-height: var(--button-size-6);
  --checkbox-radius: var(--radius-2);
  --card-radius: var(--radius-4); }

/**
 * Theme entry point.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Primitive color scales.
 *
 * Gray and accent ramps are the shared foundation for both
 * light and dark mode. Semantic tokens should map to these
 * values instead of introducing new neutral or accent colors.
 */
/**
 * Documentation page tokens.
 */
:root {
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html {
  color-scheme: light; }

html.dark-theme {
  color-scheme: dark;
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html.light-theme {
  color-scheme: light;
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.dark-theme:not(html) {
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.light-theme:not(html) {
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.inverse-theme:not(html) {
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html.dark-theme .inverse-theme,
.dark-theme:not(html) .inverse-theme {
  --accent-1: #fcfdff;
  --accent-2: #f5f9ff;
  --accent-3: #eaf3ff;
  --accent-4: #dcebff;
  --accent-5: #cbe1ff;
  --accent-6: #b7d4ff;
  --accent-7: #9ec2f9;
  --accent-8: #7baaf3;
  --accent-9: #226ede;
  --accent-10: #0f60ce;
  --accent-11: #1d69d9;
  --accent-12: #113162;
  --accent-a1: #0055ff03;
  --accent-a2: #0066ff0a;
  --accent-a3: #006eff15;
  --accent-a4: #006eff23;
  --accent-a5: #006cff34;
  --accent-a6: #0067ff48;
  --accent-a7: #005ff061;
  --accent-a8: #005be884;
  --accent-a9: #0058d9dd;
  --accent-a10: #0056cbf0;
  --accent-a11: #0056d4e2;
  --accent-a12: #002257ee;
  --accent-contrast: #fff;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #a7a8b2;
  --gray-9: #7d7f89;
  --gray-10: #73757f;
  --gray-11: #585961;
  --gray-12: #1b1c20;
  --gray-13: #000000;
  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;
  --gray-a13: #0000000a;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 252, 252, 253;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 249, 249, 251;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 239, 240, 243;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a2);
  --surface-tint-1: var(--gray-a3);
  --surface-tint-2: var(--gray-a4);
  --surface-tint-3: var(--gray-a5);
  --surface-tint-4: var(--gray-a6);
  --surface-tint-5: var(--gray-a7);
  --surface-inset-1: rgba(0, 0, 3, 0.03);
  --surface-inset-2: rgba(0, 0, 3, 0.06);
  --surface-inset-3: rgba(0, 0, 3, 0.09);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 30, 31, 36;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 252, 252, 253;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a4);
  --state-selection-fg: var(--text-1);
  --code-surface: var(--gray-12);
  --code-border: var(--gray-11);
  --code-text: #dde7fb;
  --code-text-muted: rgba(255, 255, 255, 0.7);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-10);
  --color-link-hover: var(--accent-11);
  --color-success: #40cb90;
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --button-neutral-surface: #293235;
  --button-neutral-surface-hover: #364144;
  --button-neutral-surface-active: #253033;
  --button-neutral-text: #fff;
  --button-neutral-soft-surface: var(--surface-tint-1);
  --button-neutral-soft-surface-hover: var(--surface-tint-3);
  --button-neutral-soft-surface-active: var(--surface-tint-1);
  --button-neutral-soft-text: var(--color-text);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: var(--gray-11);
  --button-strong-surface-active: var(--gray-10);
  --button-strong-text: #fff;
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: #0c56b9;
  --button-primary-text: var(--accent-contrast);
  --button-disabled-surface: var(--surface-tint-1);
  --button-disabled-text: var(--color-text-muted);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: #e8f7ef;
  --status-success-text: #156b49;
  --status-info-surface: #ecf3ff;
  --status-info-text: #2f57b8;
  --status-warning-surface: #fff4e8;
  --status-warning-text: #945319;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-checked: var(--color-accent);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: var(--surface-tint-0);
  --form-field-surface-focus: transparent;
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #efefef, transparent 280px);
  --surface-section: var(--surface-canvas);
  --border-section: var(--border-subtle);
  --border-section-width: 1px;
  --shadow-section: 0 14px 30px rgba(0, 0, 0, 0.06);
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-strong);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

.light-theme:not(html) .inverse-theme {
  --accent-1: #0b111c;
  --accent-2: #0f1825;
  --accent-3: #112647;
  --accent-4: #123160;
  --accent-5: #193c72;
  --accent-6: #224883;
  --accent-7: #2b5597;
  --accent-8: #3264b2;
  --accent-9: #226ede;
  --accent-10: #317df0;
  --accent-11: #86b7ff;
  --accent-12: #d1e3fe;
  --accent-a1: #0012fb0c;
  --accent-a2: #0062f916;
  --accent-a3: #116eff3a;
  --accent-a4: #1471ff55;
  --accent-a5: #257bff68;
  --accent-a6: #3483fd7b;
  --accent-a7: #408aff90;
  --accent-a8: #428cffad;
  --accent-a9: #257dffdc;
  --accent-a10: #448dffad;
  --accent-a11: #86b7ff;
  --accent-a12: #d2e4fffe;
  --accent-contrast: #fff;
  --gray-1: #111113;
  --gray-2: #19191a;
  --gray-3: #222224;
  --gray-4: #29292d;
  --gray-5: #313134;
  --gray-6: #3a3a3d;
  --gray-7: #48484c;
  --gray-8: #6f6f73;
  --gray-9: #7c7d80;
  --gray-10: #88888c;
  --gray-11: #bcbcbf;
  --gray-12: #efeff3;
  --gray-13: #f5f5f5;
  --gray-a1: #1111bb03;
  --gray-a2: #dedef70a;
  --gray-a3: #e0e0f815;
  --gray-a4: #ddddff1e;
  --gray-a5: #e8e8fc26;
  --gray-a6: #ebebfb30;
  --gray-a7: #ededfd40;
  --gray-a8: #f4f4ff58;
  --gray-a9: #f3f6ff68;
  --gray-a10: #f7f7ff76;
  --gray-a11: #fafaffb3;
  --gray-a12: #f9f9fef2;
  --gray-a13: #f9f9fef2;
  --text-1: var(--gray-13);
  --text-2: var(--gray-12);
  --text-3: var(--gray-11);
  --text-4: var(--gray-10);
  --text-5: var(--gray-9);
  --text-6: var(--gray-8);
  --surface-1: var(--gray-1);
  --surface-1-rgb: 17, 17, 17;
  --surface-2: var(--gray-2);
  --surface-2-rgb: 25, 25, 25;
  --surface-3: var(--gray-3);
  --surface-3-rgb: 34, 34, 34;
  --surface-4: var(--gray-4);
  --surface-5: var(--gray-5);
  --surface-6: var(--gray-6);
  --border-1: var(--gray-a3);
  --border-2: var(--gray-a4);
  --border-3: var(--gray-a5);
  --border-4: var(--gray-a6);
  --border-5: var(--gray-a7);
  --border-6: var(--gray-a8);
  --border-7: var(--gray-a9);
  --surface-tint-0: var(--gray-a3);
  --surface-tint-1: var(--gray-a4);
  --surface-tint-2: var(--gray-a5);
  --surface-tint-3: var(--gray-a6);
  --surface-tint-4: var(--gray-a7);
  --surface-tint-5: var(--gray-a8);
  --surface-inset-1: rgba(0, 0, 0, 0.12);
  --surface-inset-2: rgba(0, 0, 0, 0.2);
  --surface-inset-3: rgba(0, 0, 0, 0.28);
  --glass-bg: rgba(var(--surface-1-rgb), 0.86);
  --glass-bg-hover: rgba(var(--surface-2-rgb), 0.86);
  --glass-filter: blur(8px);
  --inverse-surface: var(--gray-12);
  --inverse-surface-rgb: 238, 238, 238;
  --inverse-text: var(--gray-1);
  --inverse-text-rgb: 17, 17, 17;
  --tone-positive-1: #2f8f4f;
  --tone-negative-1: #b34336;
  --tone-negative-2: #d34b3c;
  --tone-negative-3: #b34336;
  --state-selection-bg: var(--accent-a5);
  --state-selection-fg: var(--text-1);
  --code-surface: #0d1117;
  --code-border: var(--gray-4);
  --code-text: var(--gray-12);
  --code-text-muted: var(--gray-11);
  --font-sans: 'Inter', Helvetica, sans-serif;
  --color-accent: var(--accent-9);
  --color-accent-fg: #fff;
  --color-spot-1: #FFBD3E;
  --color-spot-1-fg: #000;
  --color-spot-2: #25BA81;
  --color-spot-2-fg: #000;
  --color-spot-3: #B2A5FF;
  --color-spot-3-fg: #000;
  --color-text-faint: var(--text-6);
  --color-text-subtle: var(--text-5);
  --color-text-muted: var(--text-4);
  --color-text-secondary: var(--text-3);
  --color-text: var(--text-2);
  --color-text-strong: var(--text-1);
  --surface-canvas: var(--surface-1);
  --surface-canvas-rgb: var(--surface-1-rgb);
  --surface-panel: var(--surface-2);
  --surface-panel-rgb: var(--surface-2-rgb);
  --surface-panel-alt: var(--surface-3);
  --surface-raised: var(--surface-4);
  --surface-raised-strong: var(--surface-5);
  --surface-raised-stronger: var(--surface-6);
  --border-subtle: var(--border-1);
  --border-default: var(--border-2);
  --border-strong: var(--border-3);
  --border-stronger: var(--border-5);
  --border-strongest: var(--border-6);
  --surface-hover-subtle: var(--surface-tint-0);
  --surface-hover: var(--surface-tint-1);
  --surface-hover-strong: var(--surface-tint-2);
  --surface-hover-stronger: var(--surface-tint-3);
  --surface-hover-strongest: var(--surface-tint-4);
  --surface-inset: var(--surface-inset-1);
  --surface-inset-strong: var(--surface-inset-2);
  --surface-inset-stronger: var(--surface-inset-3);
  --surface-glass: var(--glass-bg);
  --surface-glass-hover: var(--glass-bg-hover);
  --surface-glass-filter: var(--glass-filter);
  --surface-inverse: var(--inverse-surface);
  --surface-inverse-rgb: var(--inverse-surface-rgb);
  --color-text-inverse: var(--inverse-text);
  --surface-overlay: var(--surface-canvas);
  --border-overlay: var(--surface-inset-strong);
  --border-overlay-divider: var(--border-subtle);
  --color-overlay: var(--color-text-strong);
  --surface-code: var(--code-surface);
  --border-code: var(--code-border);
  --color-text-code: var(--code-text);
  --color-text-code-muted: var(--code-text-muted);
  --color-success: var(--tone-positive-1);
  --color-danger: var(--tone-negative-1);
  --color-danger-hover: var(--tone-negative-2);
  --color-danger-active: var(--tone-negative-3);
  --color-danger-fg: #fff;
  --button-overlay-subtle-text: var(--color-text);
  --button-overlay-strong-text: #fff;
  --button-overlay-neutral-5: rgba(0, 0, 0, 0.05);
  --button-overlay-neutral-10: rgba(0, 0, 0, 0.1);
  --button-overlay-neutral-10-hover: rgba(0, 0, 0, 0.2);
  --button-overlay-neutral-30: rgba(0, 0, 0, 0.3);
  --button-overlay-neutral-30-hover: rgba(0, 0, 0, 0.7);
  --button-overlay-neutral-60: rgba(0, 0, 0, 0.6);
  --button-overlay-neutral-60-hover: rgba(0, 0, 0, 0.9);
  --button-weight: 500;
  --editor-panel-1-bg: var(--surface-canvas);
  --editor-panel-1-bg-rgb: var(--surface-canvas-rgb);
  --editor-panel-2-bg: var(--surface-panel);
  --editor-panel-2-bg-rgb: var(--surface-panel-rgb);
  --panel-divider-color: var(--border-default);
  --color-link: var(--accent-11);
  --color-link-hover: var(--accent-12);
  --color-success: #48c88c;
  --button-neutral-surface: var(--gray-4);
  --button-neutral-surface-hover: var(--gray-5);
  --button-neutral-surface-active: var(--gray-4);
  --button-neutral-text: var(--color-text-strong);
  --button-neutral-soft-surface: var(--surface-tint-0);
  --button-neutral-soft-surface-hover: var(--surface-tint-2);
  --button-neutral-soft-surface-active: var(--surface-tint-0);
  --button-neutral-soft-text: var(--color-text-strong);
  --button-strong-surface: var(--gray-12);
  --button-strong-surface-hover: #fff;
  --button-strong-surface-active: var(--gray-11);
  --button-strong-text: var(--gray-1);
  --button-primary-surface: var(--accent-9);
  --button-primary-surface-hover: var(--accent-10);
  --button-primary-surface-active: var(--accent-9);
  --button-primary-text: var(--accent-contrast);
  --button-outline-border: var(--border-strong);
  --button-outline-border-hover: var(--border-strongest);
  --button-outline-border-disabled: var(--border-default);
  --button-ghost-surface-hover: var(--surface-hover);
  --button-ghost-surface-active: var(--surface-hover-strong);
  --status-success-surface: rgba(48, 155, 106, 0.2);
  --status-success-text: #7ee0b5;
  --status-info-surface: rgba(74, 125, 255, 0.2);
  --status-info-text: #a6c0ff;
  --status-warning-surface: rgba(228, 200, 77, 0.415);
  --status-warning-text: #ffd39d;
  --form-field-border: var(--border-strong);
  --form-field-border-hover: var(--border-strongest);
  --form-field-border-active: var(--color-accent);
  --form-field-surface: transparent;
  --form-field-surface-focus: var(--surface-inset);
  --form-field-surface-muted: var(--surface-tint-1);
  --form-field-text: var(--color-text);
  --form-field-text-muted: var(--color-text-muted);
  --surface-page: var(--surface-canvas);
  --color-page: var(--color-text);
  --gradient-page: linear-gradient(165deg, #181819, transparent 280px);
  --surface-section: var(--surface-panel);
  --border-section: var(--border-default);
  --border-section-width: 1px;
  --shadow-section: none;
  --color-section-description: var(--color-text-muted);
  --color-nav-heading: var(--color-text-subtle);
  --color-nav-scroll: var(--color-text-muted);
  --color-nav-scroll-active: var(--color-text-secondary);
  --surface-nav-link: transparent;
  --surface-nav-link-hover: var(--surface-hover);
  --surface-nav-link-selected: var(--surface-hover-strong);
  --color-nav-link: var(--color-text-secondary);
  --color-nav-link-hover: var(--color-text-secondary);
  --color-nav-link-selected: var(--color-text-strong); }

html.docs {
  --docs-gap: var(--space-6);
  --docs-gap-lg: var(--space-8);
  --docs-padding: var(--space-6);
  --docs-outdent: calc(var(--docs-padding) * -1);
  --docs-radius: calc(var(--radius-6) + var(--radius-2));
  --docs-radius-lg: calc(var(--radius-6) + var(--space-5));
  --docs-radius-inner: calc(var(--docs-radius-lg) - 6px);
  --docs-radius-inner-2: calc(var(--docs-radius-lg) - 12px);
  --docs-radius-card-inner: calc(var(--docs-radius) - 6px);
  --docs-text: var(--color-text);
  --docs-text-muted: var(--color-text-muted);
  --docs-text-subtle: var(--color-text-subtle);
  --docs-heading-muted: var(--color-text-subtle);
  --docs-border: var(--border-strong);
  --docs-border-soft: var(--border-default);
  --docs-border-strong: var(--border-stronger);
  --docs-inline-bg: var(--surface-hover);
  --docs-table-header-bg: var(--surface-panel);
  --docs-code-bg: var(--surface-code);
  --docs-code-border: var(--border-code);
  --docs-code-text: var(--color-text-code);
  --docs-code-label: var(--color-text-code-muted);
  --docs-surface: var(--surface-panel);
  --docs-surface-subtle: var(--surface-canvas);
  --docs-tag-bg: var(--surface-panel-alt);
  --docs-tag-fg: var(--color-text-secondary);
  --docs-method-get-bg: var(--status-success-surface);
  --docs-method-get-fg: var(--status-success-text);
  --docs-method-post-bg: var(--status-info-surface);
  --docs-method-post-fg: var(--status-info-text);
  --docs-method-mcp-bg: var(--status-warning-surface);
  --docs-method-mcp-fg: var(--status-warning-text); }

[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%; }

::-moz-selection {
  background: var(--surface-inverse);
  color: var(--color-text-inverse); }

::selection {
  background: var(--surface-inverse);
  color: var(--color-text-inverse); }

html,
body {
  padding: 0;
  margin: 0;
  color: var(--color-page);
  font-family: var(--font-sans);
  font-size: 14px;
  font-optical-sizing: auto;
  font-weight: 400;
  font-variation-settings: "opsz" auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  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: var(--font-sans); }

html,
#container {
  background-color: var(--surface-page); }

html.spa,
html.deck-dashboard {
  --page-max-width: var(--app-max-width);
  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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100svh; }

.main {
  line-height: 1.5;
  color: var(--color-page); }

.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 {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 6px;
  border-radius: var(--radius-6);
  max-width: calc(var(--page-max-width) - 12px);
  padding: 10px;
  font-size: 13px;
  background: var(--surface-glass) !important;
  backdrop-filter: var(--surface-glass-filter);
  border: 1px solid var(--border-subtle);
  -webkit-transition: none;
  transition: none; }

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

/****************************************************
 * SHARED STYLES
 ****************************************************/
button,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans);
  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: var(--color-link);
  text-decoration: none;
  outline: 0; }
  a:hover {
    color: var(--color-link-hover); }
  a:focus {
    outline: 1px solid #226ede; }

p a,
table a {
  border-bottom: 1px solid var(--color-link); }

p a:hover,
table a:hover {
  border-bottom: 1px solid var(--color-link-hover); }

b {
  font-weight: 600; }

small {
  font-size: 0.8em; }

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

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

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

/****************************************************
 * STANDARD LAYOUT
 ****************************************************/
.container .column {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 0 var(--page-padding); }
  @media screen and (max-width: 440px) {
    .container .column {
      padding: 0 10px; } }
  .container .column > section, .container .column > div > section {
    position: relative;
    width: 100%;
    margin: var(--section-margin) auto;
    border-radius: var(--section-radius);
    padding: var(--section-padding);
    border: var(--border-section-width) solid var(--border-section);
    background: var(--surface-section);
    -webkit-box-shadow: var(--shadow-section);
            box-shadow: var(--shadow-section); }
    .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: var(--color-section-description);
      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: calc(var(--section-padding) * 0.5);
        -webkit-box-shadow: none;
                box-shadow: none; }
        .container .column > section:first-child, .container .column > div > section:first-child {
          margin-top: 10px; } }

.container .has-page-nav .column > section,
.container .column > section.transparent,
.container .column > div > section.transparent {
  background: transparent;
  border-radius: 0;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: var(--page-padding); }

.container .has-page-nav .column > section {
  margin-left: 0; }

.container .has-page-nav .column > section + section {
  border-width: 0;
  border-top: 1px solid var(--border-section);
  padding-top: var(--section-padding); }

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

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

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

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

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

/****************************************************
 * PRO-BADGE
 ****************************************************/
.pro-badge {
  display: inline-block;
  position: relative;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  letter-spacing: 1px;
  border-radius: 4px;
  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-SPECIFIC
 ****************************************************/
.touch .user-view li .controls {
  opacity: 1 !important; }
.touch .deck-view .options {
  opacity: 1; }

/****************************************************
 * HELP TOOLTIP
 ****************************************************/
.sl-info {
  --size: 1.3em;
  display: inline-block;
  font-size: calc(var(--size) * 0.45);
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  border-radius: var(--size);
  color: #fff;
  background-color: var(--surface-raised-strong);
  text-align: center;
  vertical-align: middle;
  -ms-flex-item-align: center;
      align-self: center; }

.sl-info:hover {
  background-color: var(--surface-hover-strongest); }

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

.sl-info:after {
  font-family: 'slides';
  content: '\e070'; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/****************************************************
 * COUPON CODES
 ****************************************************/
.sl-coupon {
  position: relative;
  margin: 4em auto 0 auto;
  text-align: center;
  pointer-events: none; }
  .sl-coupon .sl-coupon-inner {
    display: inline-block;
    padding: 12px 20px;
    margin: 0;
    border-radius: 4px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1); }
  .sl-coupon .sl-coupon-redeem-by {
    color: #888;
    margin-top: 4px; }
  .sl-coupon p {
    margin: 0;
    text-align: center; }

/****************************************************
 * Info icons
 ****************************************************/
.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(--color-text-strong);
  background-color: var(--surface-hover);
  border-radius: 50%; }

.sl-info-icon:hover {
  background-color: var(--surface-hover-strong); }
/**
 * Deck embed page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
html.decks.embed {
  height: 100%; }
  html.decks.embed .reveal .controls,
  html.decks.embed .reveal .progress,
  html.decks.embed .reveal .playback,
  html.decks.embed .reveal .slide-number {
    position: absolute; }
  html.decks.embed .embed-footer {
    position: fixed;
    width: 100%;
    height: 34px;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  html.decks.embed.loaded .embed-footer {
    opacity: 1; }
  html.decks.embed .embed-footer-promotion,
  html.decks.embed .embed-footer-button {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 16px;
    vertical-align: top;
    color: #fff; }
    html.decks.embed .embed-footer-promotion:hover,
    html.decks.embed .embed-footer-button:hover {
      opacity: 1;
      background: #000; }
    html.decks.embed .embed-footer-promotion:focus,
    html.decks.embed .embed-footer-button:focus {
      outline: 0; }
  html.decks.embed .embed-footer-promotion {
    font-size: 14px; }
  html.decks.embed .embed-footer-promotion .label {
    vertical-align: 0px; }
  html.decks.embed .embed-footer-promotion .logo {
    margin-right: 6px;
    vertical-align: -7px; }
  html.decks.embed .embed-footer-buttons {
    position: absolute;
    right: 0;
    top: 0; }
  html.decks.embed[data-embed-style="light"] .embed-footer {
    background: #f5f5f5; }
    html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-promotion,
    html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-button {
      color: #222; }
      html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-promotion:hover,
      html.decks.embed[data-embed-style="light"] .embed-footer .embed-footer-button:hover {
        opacity: 1;
        color: #000;
        background: #fff; }
  html.decks.embed[data-embed-style="hidden"] .embed-footer {
    display: none; }
  html.decks.embed[data-embed-byline="hidden"] .embed-footer-promotion {
    display: none; }
  html.decks.embed[data-embed-share="hidden"] .embed-footer-share {
    display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Disabled to improve FCP time
// Don't show reveal.js content until fonts have loaded
html.decks.fullscreen .reveal {
	transition: opacity 0.3s ease;
	opacity: 0;
}
html.decks.fullscreen.fonts-are-ready .reveal {
	opacity: 1;
}
*/
/**
 * Deck embed page styles.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/****************************************************
 * DECK VIEW
 ****************************************************/
html.decks.show {
  --deck-show-divider: var(--border-section);
  --deck-show-card-surface: var(--surface-section);
  --deck-show-card-muted-surface: var(--surface-panel);
  --deck-show-card-padding-y: calc( var(--space-4) + var(--space-1) );
  --deck-show-card-padding-x: calc( var(--space-6) - var(--space-1) );
  --deck-show-pill-size: calc( var(--button-size-7) + var(--space-1) );
  --deck-show-pill-padding: var(--space-2);
  --deck-show-option-size: calc( var(--button-size-6) - var(--space-2) );
  --deck-show-option-horizontal-padding: calc( var(--space-4) + var(--space-1) );
  --deck-show-social-button-size: var(--button-size-4);
  overflow: auto !important;
  height: auto !important; }

html.decks.show .reveal {
  line-height: 1; }
html.decks.show .marquee {
  position: relative;
  z-index: 1;
  background: var(--surface-page);
  border-bottom: 1px solid var(--deck-show-divider); }
  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: calc( var(--space-6) + var(--space-2) );
    bottom: calc( var(--space-7) + var(--space-1) );
    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: calc( var(--deck-show-pill-size) + ( var(--deck-show-pill-padding) * 2 ) );
    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: var(--deck-show-pill-padding);
    z-index: 2;
    background: var(--deck-show-card-surface);
    border: 1px solid var(--deck-show-divider);
    -webkit-box-shadow: var(--shadow-section);
            box-shadow: var(--shadow-section);
    border-radius: var(--radius-full);
    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(calc( var(--deck-show-pill-size) / -2 ));
              transform: translateY(calc( var(--deck-show-pill-size) / -2 ));
      pointer-events: auto; }
    html.decks.show .marquee .pill .pill-picture {
      width: var(--deck-show-pill-size);
      height: var(--deck-show-pill-size);
      border-radius: var(--radius-full);
      background-size: cover;
      background-color: var(--deck-show-card-muted-surface);
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    html.decks.show .marquee .pill .pill-content {
      display: inline-block;
      position: relative;
      padding-right: calc( var(--space-7) - var(--space-2) );
      max-width: 100%;
      text-indent: calc( var(--space-4) + var(--space-1) );
      font-size: 15px;
      overflow: hidden;
      color: var(--color-text); }
    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: 600;
      color: var(--color-text-strong); }
  html.decks.show .marquee .instructions-pill .pill-picture {
    background-image: url(//staging.slides.com/assets/deck-navigation-help-icon-8a32d332fcd4c7f65faf1076212c7cb97bbc739b6fa4bf33565039b170d07a74.png); }
  html.decks.show .marquee .instructions-pill[data-icon="down-arrow"] .pill-picture {
    background-image: url(//staging.slides.com/assets/deck-navigation-down-icon-b7c00be8792b4f787164342047e9dbeeabe463829d5aa19de3eae83f7c34bfbb.png); }
html.decks.show .column h2, html.decks.show .column h3 {
  font-weight: normal; }
html.decks.show .column section h2 {
  font-size: 22px;
  margin-bottom: calc( var(--space-8) - var(--space-1) ); }
@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;
  margin-top: -1px;
  padding-top: 0;
  padding-bottom: var(--space-5);
  border-radius: 0 0 var(--section-radius) var(--section-radius);
  font-size: 14px;
  -webkit-box-shadow: var(--shadow-section);
          box-shadow: var(--shadow-section); }
html.decks.show .deck-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: var(--deck-show-option-size);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: var(--space-5) 0; }
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: var(--deck-show-social-button-size);
  height: var(--deck-show-social-button-size);
  line-height: var(--deck-show-social-button-size);
  border-radius: var(--button-radius);
  margin: 0 var(--space-3) 0 0;
  vertical-align: top;
  text-align: center;
  color: #fff;
  cursor: pointer;
  opacity: 0.75;
  background-color: var(--button-neutral-soft-surface); }
html.decks.show .deck-social-button:hover {
  opacity: 1; }
html.decks.show .facebook-share-button {
  background-image: url(//staging.slides.com/assets/icons/facebook-icon-58-mono-d1a72abbe2db1c8c1673901d91ff96d516ad31142a4d86c657dbace6df5d5c1a.svg);
  background-size: 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  html.decks.show .facebook-share-button:hover {
    background-color: #1877F2; }
  html.decks.show .facebook-share-button:focus {
    outline: 0; }
html.decks.show .twitter-share-button .icon {
  position: relative;
  top: 1px; }
html.decks.show .twitter-share-button:hover {
  background-color: #000; }
html.decks.show .twitter-share-button:focus {
  outline: 0; }
html.decks.show .deck-card .divider {
  width: 1px;
  height: calc( var(--deck-show-option-size) * 0.6 );
  margin: 0 var(--space-5);
  background-color: var(--deck-show-divider); }
html.decks.show .deck-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 var(--deck-show-option-horizontal-padding);
  height: var(--deck-show-option-size);
  line-height: var(--deck-show-option-size);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-2);
  background: var(--deck-show-card-muted-surface);
  color: var(--color-text-muted);
  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: var(--deck-show-option-size);
    height: var(--deck-show-option-size);
    line-height: var(--deck-show-option-size);
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  html.decks.show .deck-options .button + .button {
    margin-left: var(--space-3); }
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: var(--deck-show-social-button-size);
  z-index: 1; }
  html.decks.show .deck-promotion .button {
    height: var(--deck-show-social-button-size);
    line-height: var(--deck-show-social-button-size);
    font-size: 1em;
    color: var(--color-text);
    padding: 0 var(--deck-show-option-horizontal-padding);
    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: calc( var(--deck-show-social-button-size) + var(--deck-show-option-horizontal-padding) );
    background-color: var(--deck-show-card-muted-surface); }
    html.decks.show .deck-promotion .fork-template-button:hover {
      background-color: var(--surface-hover); }
    html.decks.show .deck-promotion .fork-template-button .icon {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: var(--deck-show-social-button-size);
      background: var(--color-accent);
      display: grid;
      place-items: center;
      color: var(--color-text-inverse); }
  html.decks.show .deck-promotion .made-with-slides {
    padding-left: calc( var(--deck-show-social-button-size) + var(--deck-show-option-horizontal-padding) );
    background-image: url(//staging.slides.com/assets/logo/slides-symbol-4b4ebdd85815c1b9b3009029dd351b36d0c32dbe694c1fa039998ce8eead6369.svg);
    background-size: var(--deck-show-social-button-size);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: var(--deck-show-card-muted-surface); }
    html.decks.show .deck-promotion .made-with-slides:hover {
      background-color: var(--surface-hover); }
html.decks.show .deck-promotion:not(:last-child) {
  margin-right: var(--space-5); }
html.decks.show .deck-card-body {
  padding: var(--space-8) 0 var(--space-4) 0;
  margin-top: var(--space-2);
  border-top: 1px solid var(--deck-show-divider);
  font-size: 13px; }
  html.decks.show .deck-card-body .description {
    line-height: 1.4em;
    margin: var(--space-5) 0;
    word-wrap: break-word; }
  html.decks.show .deck-card-body .deck-meta {
    display: block;
    position: relative;
    padding: var(--space-3) 0;
    margin: var(--space-5) 0;
    z-index: 10;
    background: var(--deck-show-card-surface); }
    html.decks.show .deck-card-body .deck-meta .icon {
      vertical-align: middle;
      margin-right: var(--space-3); }
    html.decks.show .deck-card-body .deck-meta .value {
      vertical-align: middle;
      color: var(--color-text); }
    html.decks.show .deck-card-body .deck-meta li {
      cursor: default;
      color: var(--color-text-muted);
      display: inline-block;
      vertical-align: top; }
    html.decks.show .deck-card-body .deck-meta li + li {
      margin-left: calc( var(--space-6) - var(--space-1) ); }
  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;
      color: var(--color-text-strong); }
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: calc( var(--space-8) - var(--space-1) ); }
  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: calc( var(--space-6) + var(--space-2) ) 0 var(--space-5) 0; }
  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: var(--color-text-subtle);
    margin-right: var(--space-2); }
  html.decks.show .user-info .picture {
    float: right;
    width: 2em;
    height: 2em;
    margin: 0 0 var(--space-5) var(--space-5); } }

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

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

html.decks.show #carbonads {
  display: none !important; }
/**
 * Block animation effects.
 */
/**
 * Styles for slide blocks.
 */
/**
 * Utility methods.
 *
 * @author Hakim El Hattab
 */
/**
 * Enumeration of global style config values.
 *
 * @author Hakim El Hattab
 */
/**
 * Block animation effects.
 */
.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: rgba(0, 0, 0, 0); }

.sl-editor.is-editing .reveal section:not(.stack).present .sl-block > * {
  pointer-events: auto; }
.sl-editor.is-editing .reveal .sl-block {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none; }
  .sl-editor.is-editing .reveal .sl-block .sl-block-content {
    cursor: pointer; }
  .sl-editor.is-editing .reveal .sl-block .sl-block-content:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    border-radius: inherit; }
  .sl-editor.is-editing .reveal .sl-block.is-editing, .sl-editor.is-editing .reveal .sl-block.is-editing .sl-block-content {
    cursor: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto; }
  .sl-editor.is-editing .reveal .sl-block.is-editing .sl-block-content {
    -webkit-box-shadow: 0 0 0 calc( var(--scaled-border-2) ) rgba(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: var(--font-sans);
  text-align: center;
  background-color: #222;
  color: #fff;
  opacity: 0.9;
  overflow: hidden; }
  .sl-editor.is-editing .reveal .sl-block-overlay-message .overlay-content,
  .sl-editor.is-editing .reveal .sl-block-overlay-warning .overlay-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-message .overlay-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning .overlay-content {
    margin: auto; }
  .sl-editor.is-editing .reveal .sl-block-overlay-message.below-content,
  .sl-editor.is-editing .reveal .sl-block-overlay-warning.below-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-message.below-content,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning.below-content {
    z-index: 0 !important; }
.sl-editor.is-editing .reveal .sl-block-overlay-warning,
.sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning {
  color: #ffa660; }
  .sl-editor.is-editing .reveal .sl-block-overlay-warning .icon,
  .sl-editor[data-mode="arrange"] .reveal .sl-block-overlay-warning .icon {
    display: block;
    margin: 0 auto 10px auto;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 1em;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #e06200; }
.sl-editor.is-editing .reveal .sl-block-placeholder,
.sl-editor[data-mode="arrange"] .reveal .sl-block-placeholder {
  background-image: url(//staging.slides.com/assets/editor/block-placeholder-white-transparent-500x500-11af6287685db6a3135e7eb5ee430edef4e63c3204536743ab55fb2b8401d1aa.png);
  background-size: contain;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.9; }

.reveal .sl-block[data-block-type="text"][data-flip-x] .sl-block-content > *,
.reveal .sl-block[data-block-type="image"][data-flip-x] img,
.reveal .sl-block[data-block-type="image"][data-flip-x] svg,
.reveal .sl-block[data-block-type="shape"][data-flip-x] svg,
.reveal .sl-block[data-block-type="drawing"][data-flip-x] svg,
.reveal .sl-block[data-block-type="iframe"][data-flip-x] iframe,
.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: var(--font-sans);
    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: var(--font-sans);
    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(//staging.slides.com/assets/icons/block-rotate-icon-16-4904601fe2df102be6fcad9f81a4601c5be45673cf3c8a80d572d968c18b39c5.cur), pointer;
    cursor: url(//staging.slides.com/assets/icons/block-rotate-icon-16-5dd6c9d1791c78d970282552bd1cd905091397479c1cb18435499daba4255a6b.svg) 8 8, pointer;
    cursor: -webkit-image-set(url(//staging.slides.com/assets/icons/block-rotate-icon-16-5dd6c9d1791c78d970282552bd1cd905091397479c1cb18435499daba4255a6b.svg) 1x, url(//staging.slides.com/assets/icons/block-rotate-icon-32-809cb464a725c861f51c732bc9f19362af8678a97ab465a8d7b7f1f4f09a70d2.svg) 2x) 8 8, pointer; }
  .sl-editor.is-editing .sl-block-transform[data-state="hover"] .anchor-wrapper {
    -webkit-box-shadow: 0 0 0 var(--scaled-border-1) #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 {
  -webkit-transition: none !important;
  transition: none !important;
  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(//staging.slides.com/assets/editor/image-placeholder-white-transparent-500x500-1f08475c78a4a4600fa27f16bd179efdb19d3813ac0b41d3dd118b1c8d243c40.svg) !important; }
.reveal .sl-block[data-block-type="image"] .sl-block-content {
  overflow: hidden; }
.reveal .sl-block[data-block-type="image"] .sl-block-content img {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top; }
.reveal .sl-block[data-block-type="image"] .sl-block-content svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
.reveal .sl-block[data-block-type="image"] [data-inline-svg="true"] img {
  display: none; }
.reveal .sl-block[data-block-type="image"] img.loading {
  visibility: hidden; }
.reveal .sl-block[data-block-type="image"] a.sl-block-content {
  color: inherit; }
.reveal .sl-block[data-block-type="image"].is-cropping {
  visibility: hidden; }
.reveal .sl-block[data-block-type="image"].is-panning .sl-block-transform {
  -webkit-box-shadow: 0px 0px 0 2200px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 0 2200px rgba(255, 255, 255, 0.5); }
.reveal .sl-block[data-block-type="image"].is-panning .sl-block-image-controls {
  display: none; }
.reveal .sl-block[data-block-type="image"].is-panning .sl-block-style, .reveal .sl-block[data-block-type="image"].is-panning .sl-block-content {
  overflow: visible;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 255 !important; }

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

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

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

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

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

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

.reveal .sl-block[data-block-type="code"] .sl-block-placeholder {
  background-image: url(//staging.slides.com/assets/editor/code-placeholder-white-transparent-500x500-3bc858fea8664ac244e3a4d646d15023f8601f46f0a01b1f4df36f25d0a196c5.png) !important; }
.reveal .sl-block[data-block-type="code"] .sl-block-content {
  overflow: hidden; }
.reveal .sl-block[data-block-type="code"] .sl-block-content pre,
.reveal .sl-block[data-block-type="code"] .sl-block-content code {
  width: 100%;
  height: 100%;
  margin: 0; }
.reveal .sl-block[data-block-type="code"] .sl-block-content pre {
  font-size: 0.55em;
  padding: 0; }
.reveal .sl-block[data-block-type="code"] .sl-block-content code {
  white-space: pre;
  word-wrap: normal; }
.reveal .sl-block[data-block-type="code"] .sl-block-content .hljs-ln-numbers {
  white-space: nowrap; }
.reveal .sl-block[data-block-type="code"] .sl-block-content[data-code-wrap="true"] code {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word; }
.reveal .sl-block[data-block-type="code"] .copy-code-to-clipboard {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  background: #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 rgba(0, 0, 0, 0);
  background-clip: padding-box; }
.has-visible-scrollbars .sl-block[data-block-type="code"] ::-webkit-scrollbar-corner {
  background: transparent; }

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

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

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

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

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

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

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

.reveal .sl-block[data-block-type="table"] .sl-block-content {
  text-align: left; }
.reveal .sl-block[data-block-type="table"] .sl-table-column-resizer {
  display: block;
  position: absolute;
  height: 100%;
  width: 9px;
  top: 0;
  margin-left: -4px;
  z-index: 256;
  cursor: col-resize;
  opacity: 0;
  background-color: rgba(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; }
/*
 * A slim bundle for the deck views that are most commonly
 * consumed by viewers (i.e. affect our core web vitals).
 *




























*/