html{height:100%;width:100%;font-size:16px;font-family:Helvetica,Arial,sans-serif;font-weight:normal;min-width:319px}body{display:flex;flex-direction:column;margin:0;padding:0;min-height:100%;width:100%;background:#edeef0;color:#555}h1,h2,h3{font-family:Helvetica,Arial,sans-serif;font-weight:bold;color:#555}h1{font-size:1.5rem;line-height:29px}h2{font-size:1.1875rem;line-height:23px}h3{font-size:0.75rem;line-height:15px;text-transform:uppercase}img{height:auto}ul{list-style:none;padding:0;margin:0}a{text-decoration:none}h1,h2,h3,p{margin:0}.js-focus-visible :focus:not(.focus-visible){outline:none}::-webkit-scrollbar-button{background-repeat:no-repeat;width:5px;height:0}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{border-radius:0;background-color:#a6a8b6}::-webkit-scrollbar-thumb:hover{background-color:rgba(166,168,182,.26)}::-webkit-resizer{background-repeat:no-repeat;width:4px;height:0}::-webkit-scrollbar{width:8px}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

.code{border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px 0px 10px 0px;align-content:flex-start;height:100%}.code__config{margin-left:10px;padding-top:10px;padding-bottom:10px}.code__item{color:#646568;font-size:14px;margin-left:20px}.code__lang-js{color:#61819d;font-size:14px}.code__copy{display:flex;margin:0 auto;border:0px;border-radius:4px;padding:5px 10px 5px 10px;background-color:#4d5567;color:#fff;cursor:pointer}.code__copy:active{box-shadow:inset -1px 4px 4px 0px rgba(0,0,0,.129);color:#868686}.code__copy:focus{outline:2px solid #1f2041;outline-offset:4px}
.footer{width:100%;background-color:#191919;background-image:linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(90deg, #222222, #383838, #222222);background-size:8px 8px,100%;min-height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center}
.grid{border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px;display:grid;align-content:flex-start;height:100%}.grid__grid-wrapper{grid-row-start:1;grid-column-start:1}.grid__snap-wrapper{grid-row-start:1;grid-column-start:2}.grid__interval-wrapper{margin-top:10px;grid-row-start:2;grid-column-start:1;grid-column-end:3;margin-bottom:10px}.grid__step-wrapper{grid-row-start:3;grid-column-start:1;grid-column-end:3;margin-bottom:10px}.grid__round-wrapper{grid-row-start:4;grid-column-start:1;grid-column-end:3}
.header{width:100%;background-color:#191919;padding-left:20px;padding-right:20px;box-sizing:border-box;background-image:linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(90deg, #222222, #383838, #222222);background-size:8px 8px,100%}.header__wrapper{min-height:70px;max-width:1160px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__download{color:#555;font-size:24px}.header__download:hover,.header__download:focus{color:#6b6b6b}.header__download:focus{outline:2px solid #a7a7a7;outline-offset:4px}.octicon{fill:#bb5525}.octicon:hover{transition:.1s ease-in-out;filter:drop-shadow(0 0 2px #bb5525)}
.hints{border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px;display:grid;align-content:flex-start;height:100%}.hints__minmax-wrapper{grid-row-start:1;grid-column-start:1}.hints__fromto-wrapper{grid-row-start:1;grid-column-start:2}.hints__prefix-wrapper{grid-row-start:2;grid-column-start:1;grid-column-end:3;margin-top:10px}.hints__postfix-wrapper{grid-row-start:3;grid-column-start:1;grid-column-end:3;margin-top:10px}
.input-data{border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px;align-content:flex-start;height:100%}.input-data__value-wrapper{margin-bottom:10px}
.keyboard-control{border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px;align-content:flex-start;height:100%}.keyboard-control__one-wrapper{margin-bottom:10px}.keyboard-control__hold-wrapper{margin-bottom:10px}
.miscellaneous{border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px;display:grid;align-content:flex-start;height:100%}.miscellaneous__double-wrapper{grid-row-start:1;grid-column-start:1}.miscellaneous__disabled-wrapper{grid-row-start:1;grid-column-start:2}.miscellaneous__vertical-wrapper{grid-row-start:1;grid-column-start:3}.miscellaneous__bar-wrapper{margin-top:10px;grid-row-start:2;grid-column-start:1}.miscellaneous__unsubscribtion-wrapper{margin-top:10px;grid-row-start:2;grid-column-start:2}.miscellaneous__select-wrapper{margin-top:10px;grid-row-start:3;grid-column-start:1;grid-column-end:4}.miscellaneous__reset-wrapper{grid-row-start:4;grid-column-start:1;margin-top:20px}.miscellaneous__apply-wrapper{grid-row-start:4;grid-column-start:2;margin-top:20px;margin-left:20px}.miscellaneous__reset,.miscellaneous__apply{display:flex;border:0px;border-radius:4px;padding:5px 10px 5px 10px;background-color:#4d5567;color:#fff;cursor:pointer}.miscellaneous__reset:active,.miscellaneous__apply:active{box-shadow:inset -1px 4px 4px 0px rgba(0,0,0,.129);color:#868686}
.panel{display:grid;grid-gap:15px}.panel__slider-wrapper{width:100%;min-width:80px;grid-row-start:1;grid-column-start:1;grid-column-end:4;margin-bottom:20px}@media(max-width: 991px){.panel__slider-wrapper{grid-column-start:1;grid-column-end:3}}@media(max-width: 575px){.panel__slider-wrapper{grid-column-start:1;grid-column-end:2}}.panel__values-wrapper{width:100%;max-width:400px;grid-row-start:2;grid-column-start:1;margin:0 auto}.panel__input-data-wrapper{width:100%;max-width:400px;grid-row-start:3;grid-column-start:1;margin:0 auto}.panel__keyboard-control-wrapper{width:100%;max-width:400px;grid-row-start:4;grid-row-end:5;grid-column-start:1;grid-column-end:2;margin:0 auto}@media(max-width: 991px){.panel__keyboard-control-wrapper{grid-row-start:5}}@media(max-width: 575px){.panel__keyboard-control-wrapper{grid-row-start:6;grid-row-end:7}}.panel__hints-wrapper{width:100%;max-width:400px;grid-row-start:2;grid-column-start:3;margin:0 auto}@media(max-width: 991px){.panel__hints-wrapper{grid-row-start:4;grid-column-start:1}}.panel__grid-wrapper{width:100%;max-width:400px;grid-row-start:2;grid-column-start:2;margin:0 auto}@media(max-width: 575px){.panel__grid-wrapper{grid-row-start:5;grid-column-start:1}}.panel__different-wrapper{width:100%;max-width:400px;grid-row-start:3;grid-row-end:5;grid-column-start:2;margin:0 auto}@media(max-width: 575px){.panel__different-wrapper{grid-row-start:7;grid-row-end:8;grid-column-start:1}}.panel__code-wrapper{width:100%;max-width:400px;grid-row-start:3;grid-row-end:5;grid-column-start:3;margin:0 auto}@media(max-width: 991px){.panel__code-wrapper{grid-row-start:5;grid-column-start:2}}@media(max-width: 575px){.panel__code-wrapper{grid-row-start:8;grid-row-end:9;grid-column-start:1}}.panel_vertical{grid-gap:10px}.panel_vertical .panel__slider-wrapper{grid-row-start:1;grid-row-end:3;grid-column-start:1;grid-column-end:2;margin-bottom:20px}@media(max-width: 767px){.panel_vertical .panel__slider-wrapper{min-height:518px;grid-row-end:2;grid-column-end:3}}@media(max-width: 575px){.panel_vertical .panel__slider-wrapper{grid-column-end:2}}.panel_vertical .panel__values-wrapper{grid-row-start:1;grid-row-end:2;grid-column-start:2;grid-column-end:3}@media(max-width: 767px){.panel_vertical .panel__values-wrapper{grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:2}}.panel_vertical .panel__grid-wrapper{grid-row-start:1;grid-row-end:2;grid-column-start:3;grid-column-end:4}@media(max-width: 767px){.panel_vertical .panel__grid-wrapper{grid-row-start:2;grid-row-end:3;grid-column-start:2;grid-column-end:3}}@media(max-width: 575px){.panel_vertical .panel__grid-wrapper{grid-row-start:3;grid-row-end:4;grid-column-start:1;grid-column-end:2}}.panel_vertical .panel__different-wrapper{grid-row-start:2;grid-row-end:3;grid-column-start:2;grid-column-end:3}@media(max-width: 767px){.panel_vertical .panel__different-wrapper{grid-row-start:3;grid-row-end:4;grid-column-start:1;grid-column-end:2}}@media(max-width: 575px){.panel_vertical .panel__different-wrapper{grid-row-start:4;grid-row-end:5}}.panel_vertical .panel__hints-wrapper{grid-row-start:2;grid-row-end:3;grid-column-start:3;grid-column-end:4}@media(max-width: 767px){.panel_vertical .panel__hints-wrapper{grid-row-start:3;grid-row-end:4;grid-column-start:2;grid-column-end:3}}@media(max-width: 575px){.panel_vertical .panel__hints-wrapper{grid-row-start:5;grid-row-end:6;grid-column-start:1;grid-column-end:2}}.panel_vertical .panel__keyboard-control-wrapper{grid-row-start:3;grid-row-end:4;grid-column-start:1;grid-column-end:2}@media(max-width: 767px){.panel_vertical .panel__keyboard-control-wrapper{grid-row-start:4;grid-row-end:5;grid-column-start:1;grid-column-end:2}}@media(max-width: 575px){.panel_vertical .panel__keyboard-control-wrapper{grid-row-start:6;grid-row-end:7}}.panel_vertical .panel__input-data-wrapper{grid-row-start:3;grid-row-end:4;grid-column-start:2;grid-column-end:3}@media(max-width: 767px){.panel_vertical .panel__input-data-wrapper{grid-row-start:4;grid-row-end:5}}@media(max-width: 575px){.panel_vertical .panel__input-data-wrapper{grid-row-start:7;grid-row-end:8;grid-column-start:1;grid-column-end:2}}.panel_vertical .panel__code-wrapper{grid-row-start:3;grid-row-end:4;grid-column-start:3;grid-column-end:4}@media(max-width: 767px){.panel_vertical .panel__code-wrapper{grid-row-start:5;grid-row-end:6;grid-column-start:1;grid-column-end:3}}@media(max-width: 575px){.panel_vertical .panel__code-wrapper{grid-row-start:8;grid-row-end:9;grid-column-end:2}}.visually-hidden:not(:focus):not(:active),input[type=checkbox].visually-hidden,input[type=radio].visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}
.select{width:100%;position:relative}.select__label-text{font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:12px;line-height:15px;text-transform:uppercase;color:#1f2041;margin-bottom:4px}.select__displayed{width:100%;height:25px;padding:0px 22px 0px 15px;outline:0;background-color:#fff;border:1px solid rgba(31,32,65,.5);border-radius:4px;color:rgba(31,32,65,.75);font-family:Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;line-height:24px;box-sizing:border-box;cursor:pointer;text-align:start}.select__displayed:hover,.select__displayed:focus{border:1px solid rgba(31,32,65,.5)}.select__displayed:focus{outline:2px solid #1f2041;outline-offset:4px}.select_visible .select__displayed{border-color:rgba(31,32,65,.5);border-bottom-left-radius:0px;border-bottom-right-radius:0px}.select__tip{position:absolute;top:27px;right:10px;cursor:pointer;transform:rotate(0deg);transition:transform .5s}.select_visible .select__tip{transform:rotate(180deg)}.select__options{width:calc(100% - 2px);background:#fff;display:none;border:1px solid rgba(31,32,65,.5);border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:5;position:absolute;top:43px}.select_visible .select__options{display:block}.select__item{padding:5px 15px 5px 15px;cursor:pointer;font-size:14px}.select__item:hover{background-color:#f4f9ff}.select__item:focus{outline:2px solid #1f2041;outline-offset:4px}.select__input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}
.text-field{display:flex;flex-direction:column}.text-field__label{font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:12px;line-height:15px;text-transform:uppercase;color:#1f2041}.text-field__input{margin-top:5px;width:100%;height:25px;padding-left:15px;padding-right:15px;outline:0;border:1px solid rgba(31,32,65,.25);border-radius:4px;color:rgba(31,32,65,.75);font-family:Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;line-height:24px;box-sizing:border-box}.text-field__input::-moz-placeholder{color:rgba(31,32,65,.25)}.text-field__input:-ms-input-placeholder{color:rgba(31,32,65,.25)}.text-field__input::placeholder{color:rgba(31,32,65,.25)}.text-field__input:hover,.text-field__input:focus{border:1px solid rgba(31,32,65,.5)}
.toggle__header{font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:12px;line-height:15px;text-transform:uppercase;color:#1f2041;margin-bottom:4px}.toggle__label{font-family:Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;line-height:24px;color:rgba(31,32,65,.75)}.toggle__input{position:absolute;top:10px;left:8px;height:1px;width:24px;z-index:0;border:0;padding:0}.toggle__input:focus{outline:2px solid #1f2041;outline-offset:12px}.toggle__input:checked+.toggle__before{background-color:#b5cf9a}.toggle__input:checked+.toggle__before:after{left:22px}.toggle__wrapper{position:relative}.toggle__label{padding:0 0 0 50px;cursor:pointer}.toggle__before{position:absolute;top:1px;left:0;width:40px;height:20px;background:#cdd1da;box-shadow:inset 0 2px 3px rgba(0,0,0,.129);border-radius:10px;transition:.2s;box-sizing:border-box}.toggle__before:after{content:"";position:absolute;top:4px;left:4px;width:12px;height:12px;border-radius:10px;background:#fff;cursor:pointer;transition:.2s}
.values{position:relative;border:1px solid rgba(31,32,65,.25);border-radius:4px;box-sizing:border-box;padding:10px;align-content:flex-start;height:100%}.values__info{position:absolute;top:1px;right:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:10px;height:10px;padding:5px;border:1px solid #222;border-radius:50%;cursor:pointer}.values__min-wrapper{margin:5px}.values__max-wrapper{margin:5px}.values__from-wrapper{margin:5px}.values__to-wrapper{margin:5px}.values__step-wrapper{margin:5px}
.demo-slider{width:100%}.demo-slider__header{text-align:center;margin-top:20px;margin-bottom:20px}.slider{width:100%;max-width:1160px;padding:40px 20px 40px 20px;box-sizing:border-box;margin:40px auto 40px auto;box-shadow:0px 10px 20px rgba(31,32,65,.5);min-height:300px;background-color:#fcfcfc}.slider__header{margin-bottom:40px;text-align:center}.slider__wrap{margin-top:60px;margin-bottom:60px}.initialization-plugin{display:flex;flex-direction:column;justify-content:space-around;min-height:400px}.initialization-plugin__header{margin-bottom:40px;text-align:center}.initialization-plugin__dataAttributes{border:1px solid rgba(31,32,65,.25);border-radius:4px;padding:10px;width:100%;max-width:250px}
.page__wrapper{display:flex;flex-direction:column;width:100%;flex:1 0 auto}