@charset "UTF-8";
/*! normalize.css v8.0.0 | 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; }

/** 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 */ 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; }

@font-face { font-family: "Lederman"; src: url("../fonts/Lederman/Lederman-Regular.woff2") format("woff2"), url("../fonts/Lederman/Lederman-Regular.woff") format("woff"), url("../fonts/Lederman/Lederman-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Lederman"; src: url("../fonts/Lederman/Lederman-Medium.woff2") format("woff2"), url("../fonts/Lederman/Lederman-Medium.woff") format("woff"), url("../fonts/Lederman/Lederman-Medium.ttf") format("truetype"); font-weight: medium; font-style: normal; }
@font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
src: local("Material Icons"), url(../fonts/MaterialIcons/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons/MaterialIcons-Regular.ttf) format("truetype"); }
i.icon { height: auto; width: auto; font-family: "Material Icons"; margin-right: .5rem; vertical-align: middle; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: inherit; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

i.icon.i12:before { font-size: 12px !important; }
i.icon.i14:before { font-size: 14px !important; }
i.icon.i18:before { font-size: 18px !important; }
i.icon.i24:before { font-size: 24px !important; }
i.icon.i36:before { font-size: 36px !important; }
i.icon.i48:before { font-size: 48px !important; }

i.icon:before { content: attr(data-icon); }

i.icon.red { color: orangered; }
i.icon.blue { color: dodgerblue; }
i.icon.green { color: #00a99d; }
i.icon.amber { color: orange; }
i.icon.grey { color: lightgrey; }

.icon, .sg_sidebar a:not(.logo):before { font-family: "Material Icons"; text-transform: none; }

ul, ol, dd, p, figure, table, fieldset, hr { margin: 0; margin-bottom: 1rem; }

.header, h1, h2, h3, h4, h5 { line-height: 1.25; margin-bottom: 1rem; font-weight: 400; margin-top: 1rem; }

h1 { color: #33058d; font-size: 2rem; }

h2, h3, h5 { font-size: 1.4rem; }

h2 { color: #425966; }

h3 { font-size: 1.25rem; }

h5 { font-size: 14px; font-weight: 300; text-align: end; }

@media only screen and (max-width: 1200px) { .typo_ostrich { font-size: 2rem; }
  .typo_albatros { font-size: 1.8rem; }
  .typo_eagle { font-size: 1.4rem; }
  .typo_hawk { font-size: 1.25rem; }
  h1 { font-size: 2rem; }
  h2, h3, h5 { font-size: 1.4rem; } }
hr { border-top: 0; border-bottom: 1px solid whitesmoke; margin: 2.5rem 0; }
@media only screen and (max-width: 1200px) { hr { margin: 2rem 0; } }

div.highlight button { color: #adb5bd; box-sizing: border-box; transition: 0.2s ease-out; cursor: pointer; user-select: none; background: rgba(253, 243, 243, 0.15); border: 1px solid rgba(0, 0, 0, 0); padding: 5px 10px; font-size: 0.8em; position: absolute; top: 0; right: 0; border-radius: 0 0.15rem; }

.centered { display: flex; justify-content: center; }

/*  these styles below can be ignored, just used to make it look slightly prettier */
body { background: #222; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

div.highlight { width: 100%; position: relative; border-radius: 0.2rem; padding: 20px; margin: 1.5rem 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.25); box-sizing: border-box; }

.highlight pre { background: #091f3e; overflow-x: auto; }

pre.highlight { margin: 0; }

.highlight, pre.highlight { background: #091f3e; color: #0865C8; word-wrap: break-word; }

/* atom one dark css for code blocks */
.highlight, pre.highlight { background: #091f3e; color: #0865C8; word-wrap: break-word; }

.highlight pre { background: #091f3e; }

.highlight .hll { background: #282c34; }

.highlight .c { color: #5c6370; font-style: italic; }

.highlight .err { color: #960050; background-color: #1e0010; }

.highlight .k { color: #c678dd; }

.highlight .l { color: #98c379; }

.highlight .n { color: #abb2bf; }

.highlight .o { color: #abb2bf; }

.highlight .p { color: #abb2bf; }

.highlight .cm { color: #5c6370; font-style: italic; }

.highlight .cp { color: #5c6370; font-style: italic; }

.highlight .c1 { color: #5c6370; font-style: italic; }

.highlight .cs { color: #5c6370; font-style: italic; }

.highlight .ge { font-style: italic; }

.highlight .gs { font-weight: 700; }

.highlight .kc { color: #c678dd; }

.highlight .kd { color: #c678dd; }

.highlight .kn { color: #c678dd; }

.highlight .kp { color: #c678dd; }

.highlight .kr { color: #c678dd; }

.highlight .kt { color: #c678dd; }

.highlight .ld { color: #98c379; }

.highlight .m { color: #d19a66; }

.highlight .s { color: #98c379; }

.highlight .na { color: #d19a66; }

.highlight .nb { color: #e5c07b; }

.highlight .nc { color: #e5c07b; }

.highlight .no { color: #e5c07b; }

.highlight .nd { color: #e5c07b; }

.highlight .ni { color: #e5c07b; }

.highlight .ne { color: #e5c07b; }

.highlight .nf { color: #abb2bf; }

.highlight .nl { color: #e5c07b; }

.highlight .nn { color: #abb2bf; }

.highlight .nx { color: #abb2bf; }

.highlight .py { color: #e5c07b; }

.highlight .nt { color: #e06c75; }

.highlight .nv { color: #e5c07b; }

.highlight .ow { font-weight: 700; }

.highlight .w { color: #f8f8f2; }

.highlight .mf { color: #d19a66; }

.highlight .mh { color: #d19a66; }

.highlight .mi { color: #d19a66; }

.highlight .mo { color: #d19a66; }

.highlight .sb { color: #98c379; }

.highlight .sc { color: #98c379; }

.highlight .sd { color: #98c379; }

.highlight .s2 { color: #98c379; }

.highlight .se { color: #98c379; }

.highlight .sh { color: #98c379; }

.highlight .si { color: #98c379; }

.highlight .sx { color: #98c379; }

.highlight .sr { color: #56b6c2; }

.highlight .s1 { color: #98c379; }

.highlight .ss { color: #56b6c2; }

.highlight .bp { color: #e5c07b; }

.highlight .vc { color: #e5c07b; }

.highlight .vg { color: #e5c07b; }

.highlight .vi { color: #e06c75; }

.highlight .il { color: #d19a66; }

.highlight .gu { color: #75715e; }

.highlight .gd { color: #f92672; }

.highlight .gi { color: #a6e22e; }

.sg_label { display: inline; font-size: 0.875rem; margin: 0; font-weight: bold; border-radius: 1rem; padding: .2rem .6rem; line-height: 1.25; color: lightgrey; text-transform: uppercase; background: whitesmoke; }
.sg_label.planned { background: orangered; color: #fff; }
.sg_label.draft { background: orange; color: #fff; }
.sg_label.ready { background: #00a99d; color: #fff; }
.sg_label.retired { background: lightgrey; color: #fff; }

a { color: #727E89; }
a:hover, a:focus { color: #565f68; }

a#back { border-bottom: 1px solid; border-color: #33058d; background-color: white !important; font-size: 1rem; color: #33058d; height: 40px; cursor: pointer; border-radius: 10; border-radius: 5px; text-decoration: none; padding: 7px 7px; font-weight: 100; }

a#multi-language { background-color: #f3f3f5; box-sizing: border-box; height: 40px; cursor: pointer; border-radius: 10; border-radius: 5px; text-decoration: none; padding: 7px 18px; font-weight: 100; float: right; }

a#next { background-color: white !important; font-size: 1rem; color: #33058d; height: 40px; cursor: pointer; border-radius: 10; border-radius: 5px; text-decoration: none; padding: 7px 7px; font-weight: 100; }

img { max-width: 100%; }

input { padding: 0.5rem; font-size: 16px; outline: 0; border: 1px solid whitesmoke; border-color: lightgrey; }

input.fluid { width: calc(100% - 1rem); }

th { color: #33058d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #e9edef; background: #f8f8fa; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; white-space: pre-line; text-align: left; padding-right: 12px; font-size: 15px; }

td { overflow: hidden; text-overflow: ellipsis; border: 0px solid #ffffff; background: #dcdfe36b; color: #535659; font-size: 0.9rem; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 30px; }

blockquote { border-left: 4px solid; border-left-color: #e9e9eb; background-color: #f9f9fb; font-weight: normal; cursor: pointer; font-size: 15px; line-height: 1.428571429; padding: 19px 0px 1px 12px; margin-left: 1px; position: relative; margin-right: 1px; }

blockquote#alert { border-left: 4px solid; border-left-color: #EA0443; color: #EA0443; background-color: #FFDBE5; font-weight: normal; }

blockquote#important { border-left: 4px solid; border-left-color: #33058d; color: #33058d; background-color: #656ac13b; font-weight: normal; }

blockquote#related { border-left: 4px solid; border-left-color: #1e90ff; color: #091f3e; background-color: #1e90ff0a; font-size: 15px; font-weight: normal; }

details#product { display: block; overflow: hidden; color: #33058d; background-color: #f9f9fb; cursor: pointer; font-size: 16px; padding: 16px; border-radius: 3px; }

details:focus#product { border-bottom: 1px solid; background-color: #656ac13b; }

details:hover#product { border-bottom: 1px solid; background-color: #656ac13b; }

details#product summary::marker { font-size: 1em; content: '💡'; }

details { display: block; overflow: hidden; color: #727e89; background-color: #ffffff; cursor: pointer; font-size: 16px; border-radius: 3px; }

details:hover { border-bottom: none; background-color: #ffffff; }

details:focus { border-bottom: none; background-color: #ffffff; }

details summary::marker { font-size: 1em; content: ' ⇩ '; }

details[open] summary::marker { content: " ⇧ "; }

summary { font-weight: 600; }

.row { display: flex; flex-wrap: wrap; align-content: space-between; }

.no-gutters { margin-right: 0; margin-left: 0; }

.col { position: relative; width: 450px; min-height: 1px; padding-right: 15px; padding-left: 0px; /*--Extra --*/ -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 451px; margin-right: 2%; }

.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.btn-outline-primary { color: #FFF; background-color: #391C9B; background-image: none; border-color: #FFF; }

.btn:hover { cursor: pointer; background-color: #999999; }

.sg_masthead { padding: 2.5rem 0; border-bottom: 1px solid whitesmoke; color: #33058d; }
@media only screen and (max-width: 480px) { .sg_masthead { margin-bottom: 1.5rem; padding-bottom: 1rem; } }
@media only screen and (min-width: 480px) { .sg_masthead { margin-bottom: 2.5rem; } }
@media only screen and (min-width: 1200px) and (max-width: 1440px) { .sg_masthead { padding: 2rem 0; margin-bottom: 2rem; } }
.sg_masthead .sg_contain { display: flex; flex-direction: row; }
@media only screen and (max-width: 1440px) { .sg_masthead .sg_contain { flex-direction: column; } }
.sg_masthead .head { display: flex; flex: 0 0 100%; flex-direction: column; }
.sg_masthead .title { display: flex; align-items: center; margin-bottom: 1rem; font-weight: 500; font-size: 2rem; text-transform: none; }
.sg_masthead .title .count { display: flex; flex: 0 0 auto; font-size: 0.875rem; margin-left: 1rem; height: 1.25rem; width: 6rem; border-radius: 1rem; overflow: hidden; background: whitesmoke; }
.sg_masthead .title .count span { height: 1.25rem; }
.sg_masthead .title .count .planned { background: orangered; }
.sg_masthead .title .count .draft { background: orange; }
.sg_masthead .title .count .ready { background: #00a99d; }
.sg_masthead .title .count .retired { background: lightgrey; }
.sg_masthead .sub_title { margin-bottom: 1rem; font-size: 1.25rem; }
.sg_masthead #nav { flex: 1 0 auto; width: calc(300px - 2rem); padding-left: 2rem; }
.sg_masthead #nav ul { padding: 0; margin: 0; list-style: none; }
.sg_masthead #nav li a { padding: calc($margin-small / 2) 0; }
.sg_masthead #nav li a:before { content: 'remove'; font-family: "Material Icons"; display: inline-block; line-height: 1; vertical-align: text-top; margin-right: 0.5rem; }
@media only screen and (max-width: 1440px) { .sg_masthead #nav { width: auto; padding-left: 0; } }

.buscador-container { margin-bottom: 0px !important; height: 50px; }

#result-box { position: absolute; width: 450px; max-width: 451px; max-height: 100px; overflow-y: scroll; z-index: 1; background-color: #fff; /* Box shadow */ box-shadow: -3px 10px 15px -8px rgba(0, 0, 0, 0.75); -webkit-box-shadow: -3px 10px 15px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: -3px 10px 15px -8px rgba(0, 0, 0, 0.75); }

#result-box::-webkit-scrollbar { background-color: #fff; width: 16px; }

#result-box::-webkit-scrollbar-track { background-color: #f4f4f4; }

#result-box::-webkit-scrollbar-track:hover { background-color: #f4f4f4; }

#result-box::-webkit-scrollbar-thumb { background-color: #babac0; border-radius: 16px; border: 5px solid #fff; }

#result-box::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border: 4px solid #f4f4f4; }

#result-box::-webkit-scrollbar-button { display: none; }

#convertPDF { position: relative; width: 40px; height: 40px; background-color: #FFF; }

#convertPDF > img { position: relative; width: 28px; }

#expand-results:hover { cursor: pointer; }

.demo-item { position: relative; background: #Fff; color: #000; width: 100%; height: 100px; font-size: 10px; font-weight: normal; font-size: 12px; opacity: 1; font-family: 'Lederman', sans-serif; }

.item-manual { font-size: medium; color: #5a595f; }

.item-title { font-size: small; color: #918f99; }

.demo-abstract { position: relative; font-weight: normal; color: #918f99; font-size: 12pt !important; font-family: 'Lederman', sans-serif; }

.item-url { font-size: small; color: #391c9b; }

.tooltip { position: absolute; width: auto; padding-left: 10px; padding-right: 10px; text-align: center; color: #515151; height: 20px; z-index: 1; top: 5px; border-radius: 3px; background-color: rgba(230, 230, 230, 0.75); }

.show_tooltip { visibility: visible; opacity: 1; transition: all 0.5s ease-in; }

.hide_tooltip { visibility: hidden; opacity: 0; transition: all 0.5s ease-out; }

.pdf { border: 2px solid #FF6D6D; border-radius: 4px; display: none; }

.pdf h1 { font-size: 17px; color: #db4655; margin-left: 55px; margin-right: 10px; text-decoration: none; margin-top: 9px; margin-bottom: 9px; }

#convertPDF { background-color: transparent; text-decoration: none; }

#convertPDF > img { width: 37px; padding-top: 8px; position: absolute; padding-left: 10px; }

.col-auto { padding-bottom: 16px; }

@media only screen and (max-width: 700px) { .col-auto { padding-top: 16px; } }
@media only screen and (max-width: 480px) { .col-auto { display: none; } }
.sg_sidebar { color: #fff; background: #33058d; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.sg_sidebar::-webkit-scrollbar { background-color: #fff; width: 10px; }
.sg_sidebar::-webkit-scrollbar-track { background-color: #f4f4f4; }
.sg_sidebar::-webkit-scrollbar-track:hover { background-color: #f4f4f4; }
.sg_sidebar::-webkit-scrollbar-thumb { background-color: #babac0; border-radius: 16px; border: 3px solid #fff; }
.sg_sidebar::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border: 3px solid #f4f4f4; }
.sg_sidebar::-webkit-scrollbar-button { display: none; }
.sg_sidebar ul, .sg_sidebar ol { margin: 0; padding: 0; list-style: none; }
.sg_sidebar li { border-top: 1px solid rgba(255, 255, 255, 0.2); line-height: 1.25; }
.sg_sidebar .fa { margin-left: 10px; position: absolute; left: 86%; }
.sg_sidebar a:not(.logo) { display: block; color: rgba(255, 255, 255, 0.5); font-weight: 400; text-decoration: none; padding: 0.5rem; padding: 1rem; transition: all ease 0.2s; margin-left: 1rem; }
.sg_sidebar a:not(.logo):before { content: "remove"; display: inline-block; line-height: 1; vertical-align: text-top; margin-right: 0.5rem; margin-left: -1rem; }
.sg_sidebar a:not(.logo).active:before { content: "arrow_forward"; }
.sg_sidebar a:not(.logo):hover, .sg_sidebar a:not(.logo).active { color: #fff; background-color: rgba(255, 255, 255, 0.5); margin-left: 1rem; }
.sg_sidebar .logo { display: flex; align-items: center; padding: 1rem 1rem; color: #fff; font-size: 0.8rem; font-weight: 400; text-decoration: none; }
.sg_sidebar .logo .icon, .sg_sidebar .logo a:not(.logo):before { height: 2rem; width: 2rem; flex: 0 0 auto; margin-right: 1rem; overflow: hidden; }
.sg_sidebar .logo .icon img, .sg_sidebar .logo a:not(.logo):before img { width: 3rem; height: 3rem; }
.sg_sidebar .logo .title { font-size: 1.25rem; margin-bottom: 0; line-height: 2; }
.sg_sidebar .group { font-size: 0.875rem; }
.sg_sidebar .group .group_title { font-weight: 400; padding: 1rem; }
.sg_sidebar .group .group_title p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; }
.sg_sidebar .group li { border-top: none; }
.sg_sidebar .group li a { font-weight: 400; display: flex; }

.sg_pattern_control { display: flex; justify-content: flex-end; margin-bottom: 2rem; transition: all 0.2s ease; }
@media only screen and (max-width: 1200px) { .sg_pattern_control { margin-bottom: 1.5rem; } }
.sg_pattern_control:before { content: attr(data-styles); font-size: 0.875rem; font-weight: 700; margin: 0 0.5rem 0 0; align-self: center; margin-right: auto; color: whitesmoke; transition: all 0.2s ease; }
.sg_pattern_control .button { padding: 0 0.5rem; color: whitesmoke; transition: all 0.2s ease; }
.sg_pattern_control .button:hover { color: dodgerblue !important; }
.sg_pattern_control .button .icon, .sg_pattern_control .button .sg_sidebar a:not(.logo):before, .sg_sidebar .sg_pattern_control .button a:not(.logo):before { margin-right: 0; }

.sg_pattern { position: relative; margin-bottom: 2rem; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid whitesmoke; }
@media only screen and (max-width: 1200px) { .sg_pattern { margin-bottom: 1.5rem; margin-top: 3rem; padding-top: 3rem; } }
.sg_pattern .title { display: flex; align-items: center; }
.sg_pattern .title a.permalink { margin-left: -2rem; opacity: 0; color: lightgrey; transition: all 0.2s ease; }
@media only screen and (max-width: 1200px) { .sg_pattern .title a.permalink { display: none; } }
.sg_pattern .title a.permalink:hover { color: dodgerblue; }
.sg_pattern .title .header { margin-bottom: 0; margin-top: 0; }
.sg_pattern .title .sg_label { margin-left: 1rem; }
.sg_pattern:hover a.permalink, .sg_pattern.active a.permalink { opacity: 1; }
.sg_pattern:hover .sg_pattern_control:before, .sg_pattern:hover .sg_pattern_control .button, .sg_pattern.active .sg_pattern_control:before, .sg_pattern.active .sg_pattern_control .button { color: lightgrey; }
.sg_pattern:first-child { padding-top: 0; border-top: 0; }

.sg_code { display: none; height: auto; }

.sg_viewport { position: relative; display: block; width: 100%; background-image: url(../images/loader.svg); background-position: center center; background-size: 40px; background-repeat: no-repeat; margin-top: 2rem; }
@media only screen and (max-width: 1200px) { .sg_viewport { margin-top: 1.5rem; } }
.sg_viewport iframe { width: 1px; min-width: 100%; min-height: 100px; opacity: 0; }

iframe.content-fit { width: 100%; }

.sg_doc { position: relative; }
.sg_doc .sg_contain h1 { display: flex; align-items: flex-start; cursor: pointer; margin-bottom: 2.5rem; transition: margin-bottom ease 0.2s; }
.sg_doc .sg_contain h1:after { content: 'arrow_back'; font-family: "Material Icons"; margin-left: auto; transform: rotate(-90deg); transition: all 0.2s ease; transform-origin: center center; line-height: 1; font-size: inherit; }
.sg_doc .sg_contain h1.collapsed:after { transform: rotate(0deg); }
.sg_doc .sg_contain h1 + .sg_pattern { margin-top: 0; padding-top: 0; border-top: 0; }
.sg_doc .sg_contain h1:not(:first-child) { margin-top: 2.5rem; border-top: 1px solid whitesmoke; padding-top: 2.5rem; }
.sg_doc .sg_contain > *:last-child { margin-bottom: 2.5rem; }
@media only screen and (max-width: 1200px) { .sg_doc .sg_contain h1 { margin-bottom: 2rem; }
  .sg_doc .sg_contain h1:not(:first-child) { margin-top: 2rem; padding-top: 2rem; }
  .sg_doc .sg_contain > *:last-child { margin-bottom: 2.5rem; } }

html#sg, body#sg { margin: 0; height: 100%; width: 100%; min-height: 100%; font-size: 16px; font-family: "Lederman", sans-serif; line-height: 1.6; background: #fff; }

body#sg { position: relative; color: #727E89; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-feature-settings: normal; -moz-font-feature-settings: normal; -ms-font-feature-settings: normal; font-feature-settings: normal; -webkit-font-smoothing: antialiased; }

#iaMessage { z-index: 1; display: none; border-radius: 6px; width: 100%; height: 40px; flex-direction: row; align-items: center; background-color: #FBFBFB; justify-content: flex-start; align-items: center; gap: 15px; padding-right: 10px; }
#iaMessage .alertText { color: #8395A7; font-size: 15px; }

#languageSelector { z-index: 1; display: flex; flex-direction: column; align-items: flex-end; }
#languageSelector .selector { display: flex; flex-direction: row; gap: 6px; align-items: center; cursor: pointer; top: 12px; right: 15px; width: max-content; z-index: 2; }

#language { display: none; padding: 3px 0; margin-top: 10px; background-color: #f2f2f4; border-radius: 5px; cursor: pointer; position: absolute; right: 70px; top: 54px; width: 118px; height: 125px; }
#language .languageOptionItem { height: 40px; display: flex; align-items: center; justify-content: flex-end; color: #0865d0; font-size: 16px; padding-right: 16px; cursor: pointer; }
#language .languageOptionItem:hover { background-color: #ededf6; }
#language .languageOptionItem.selected { background-color: #e5e8ee; color: #1a73e8; }

@media only screen and (min-width: 1200px) and (max-width: 2560px) { #language { top: 68px; right: 28px; } }
@media only screen and (min-width: 800px) and (max-width: 1200px) { #language { top: 68px; right: 22px; } }
@media only screen and (max-width: 800px) { #language { top: 68px; right: 20px; } }
@media only screen and (max-width: 768px) { #language { top: 68px; right: 29px; } }
@media only screen and (max-width: 480px) { #language { top: 68px; right: 15px; } }
@media only screen and (max-width: 429px) and (min-width: 360px) { #language { top: 71px; left: 188px; }
  #iaMessage .alertText { font-size: 14px; } }
/* iPhone 14 Pro */
@media only screen and (max-width: 430px) and (min-width: 430px) { #language { top: 75px; right: 18px; }
  #iaMessage .alertText { font-size: 14px; } }
@media only screen and (max-width: 359px) { #language { top: 70px; right: 0; }
  #iaMessage .alertText { font-size: 13px; } }
#arrowIcon { transition: transform 0.3s; height: 13px; width: 13px; }

.sg-pusher { position: relative; min-height: 100%; }
@media only screen and (max-width: 480px) { .sg-pusher { padding: 1.5rem; } }
@media only screen and (min-width: 480px) { .sg-pusher { padding: 2rem; } }

.sg_sidebar_button { display: none; }
@media only screen and (max-width: 1200px) { .sg_sidebar_button { font-size: 2rem; height: 2rem; width: 2rem; line-height: 1; margin: 1rem 0; left: 0; display: block; z-index: 1; color: #33058d; }
  .sg_sidebar_button .icon, .sg_sidebar_button .sg_sidebar a:not(.logo):before, .sg_sidebar .sg_sidebar_button a:not(.logo):before { font-size: inherit; margin-right: 0; } }

.sg_sidebar_close_button { position: absolute; top: 0; right: 15px; display: none; }
@media only screen and (max-width: 1200px) { .sg_sidebar_close_button { display: block; } }

.sg_sidebar_close_button:after { display: inline-block; font-size: 30px; content: "\00d7"; }

@media only screen and (max-width: 1200px) { .sg-pusher.show_sidebar { width: 100%; overflow: hidden; margin: 0; }
  .sg-pusher.show_sidebar .sg_sidebar_button { left: 320px; color: dodgerblue; }
  .sg-pusher.show_sidebar .sg_sidebar { width: 300px; left: 0; }
  .sg-pusher.show_sidebar .sg-main { left: 320px; opacity: 0.2; } }
@media only screen and (max-width: 800px) { .sg-pusher.show_sidebar { width: 60%; overflow: hidden; margin: 0; }
  .sg-pusher.show_sidebar .sg_sidebar_button { left: 320px; color: dodgerblue; }
  .sg-pusher.show_sidebar .sg_sidebar { width: 60%; left: 0; }
  .sg-pusher.show_sidebar .sg-main { left: 320px; opacity: 0.2; } }
@media only screen and (max-width: 480px) { .sg-pusher.show_sidebar { width: 90%; overflow: hidden; margin: 0; }
  .sg-pusher.show_sidebar .sg_sidebar_button { left: 270px; }
  .sg-pusher.show_sidebar .sg_sidebar { width: 100%; left: 0; }
  .sg-pusher.show_sidebar .sg-main { position: absolute; left: 270px; opacity: 0.2; }
  .sg-pusher.show_sidebar .sg_post { position: absolute; left: 270px; opacity: 0.2; }
  .sg-pusher.show_sidebar .sg_apis { position: absolute; left: 270px; opacity: 0.2; } }
.sg_sidebar { position: fixed; top: 0; left: 0; z-index: 1; width: 300px; height: 100%; min-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
@media only screen and (max-width: 1200px) { .sg_sidebar { left: -300px; } }

.post { align-items: baseline; color: #576574; border-left: 4px solid #ff6d6d; font-weight: 500; padding: 10px 16px; background-color: #fcfcfc; }

.ts { font-weight: 300; border-radius: 2px; color: currentColor; }

.post ul { padding-bottom: 96px; }

.post h2 { color: #576574; font-weight: 500; padding: 10px 16px; background-color: #fcfcfc; }

.apis { align-items: baseline; color: #576574; padding: 10px 16px; }

.apis h2 { color: #576574; font-weight: 500; border-left: 4px solid #6dcdff; padding: 4px 16px; background-color: #fcfcfc; margin-bottom: 36px; }

.apis th { color: #576574; }

.apis td { color: #576574; }

.content-instal { position: absolute; padding-left: 315px; max-width: 68%; }

.instal p { color: #999999; font-size: 14px; }

.instal h1 { color: #727e89; font-weight: 500; border-left: 4px solid #1aa99d; padding: 4px 16px; margin-bottom: 36px; font-size: 22px; margin-top: 46px; }

.instal h2 { color: #727e89; font-weight: 500; border-left: 4px solid #ff6d6d; padding: 4px 16px; margin-bottom: 36px; font-size: 22px; margin-top: 46px; }

.instal h3 { color: #727e89; font-weight: 500; border-left: 4px solid #f8d40e; padding: 4px 16px; margin-bottom: 36px; font-size: 22px; margin-top: 46px; }

.instal h4 { color: #727e89; font-weight: 500; margin-bottom: 36px; font-size: 22px; margin-top: 31px; }

.title_alert { color: #f57171; font-size: 14px; margin-left: 24px; margin-top: 8px; }

.content_alert { border-bottom: 1px solid #feeded; }

.alert { padding-top: 35px; padding-left: 28px; display: -webkit-box; }

.notes { display: inline-block; }

.notes h1 { font-size: 13px; color: #f57171; margin-left: 31px; margin-right: 22px; margin-bottom: 14px; }

.notes li { font-size: 13px; color: #f57171; margin-left: 31px; margin-right: 22px; margin-bottom: 14px; display: block; margin-top: 17px; }

.note-icon { padding-left: 1rem; padding-right: 1rem; padding-top: 13px; display: flex; background: #091f3e08; border-radius: 4px; padding-bottom: 13px; }

.note-icon h2 { margin-left: 14px; font-size: 1rem; }

#contenido .body { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 1px solid #eef1f2; box-sizing: border-box; display: block; padding: 15px 15px 0; width: 100%; }

#contenido .body code { border: 1px solid #e2e7ea; background: #eef1f2; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #546974; padding: 0 1px; }

#contenido .body p > code { display: block; padding: 15px; white-space: pre; }

.sg-main { padding: 0; width: 100%; height: auto; min-height: calc(100vh - 30px); }

.sg_contain { max-width: 70rem; margin: 0 auto; }
@media only screen and (min-width: 1200px) { .sg_contain { padding: 0 300px 0 312px; } }

.sg-message-selector { display: flex; flex-direction: column; justify-content: space-between; /* Surface Duo */ }
@media only screen and (min-width: 540px) and (max-width: 720px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 35px 0 27%; } }
@media only screen and (min-width: 1200px) and (max-width: 2560px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 40px 0 70%; } }
@media only screen and (min-width: 800px) and (max-width: 1200px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 35px 0 52%; } }
@media only screen and (min-width: 720px) and (max-width: 800px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 40px 0 46%; } }
@media only screen and (min-width: 480px) and (max-width: 499px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 27px 0 20%; } }
@media only screen and (min-width: 500px) and (max-width: 539px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 27px 0 22%; } }
@media only screen and (min-width: 425px) and (max-width: 480px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 30px 0 13%; } }
@media only screen and (min-width: 360px) and (max-width: 425px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 4px 0 6%; } }
@media only screen and (max-width: 350px) { .sg-message-selector { position: absolute; gap: 10px; padding: 0 4px 0 1%; } }

.sg_post { max-width: 70rem; margin: 0 auto; padding: 0 300px 0 312px; }
@media only screen and (max-width: 1440px) { .sg_post { max-width: 52rem; } }
@media only screen and (max-width: 1200px) { .sg_post { padding: 0; } }

#sg_roadmap input { margin-bottom: 1rem; }
#sg_roadmap .table { display: table; width: 100%; text-align: left; table-layout: auto; }
#sg_roadmap .list { display: table-row-group; }
#sg_roadmap .tableRow { display: table-row; }
#sg_roadmap .tableCell { display: table-cell; vertical-align: middle; box-shadow: 0 1px 0 0 whitesmoke; }
#sg_roadmap .sg_roadmap_header { display: table-row-group; }
#sg_roadmap .sg_roadmap_header .tableCell:nth-child(1) { width: 100px; }
#sg_roadmap .sg_roadmap_header .tableCell:nth-child(5) { width: 50px; }
#sg_roadmap .sg_roadmap_header a.sort { font-weight: 600; text-decoration: none; display: block; margin: 0 0.5rem 0.5rem 0; color: lightgrey; font-size: 0.875rem; transition: all 0.2s ease; }
#sg_roadmap .sg_roadmap_header a.sort:after { font-family: "Material Icons"; content: 'arrow_drop_up'; margin-left: 0.5rem; line-height: 1; vertical-align: middle; opacity: 0; }
#sg_roadmap .sg_roadmap_header a.sort:hover, #sg_roadmap .sg_roadmap_header a.sort.asc, #sg_roadmap .sg_roadmap_header a.sort.desc { color: dodgerblue; }
#sg_roadmap .sg_roadmap_header a.sort.asc:after { content: 'arrow_drop_up'; opacity: 1; }
#sg_roadmap .sg_roadmap_header a.sort.desc:after { content: 'arrow_drop_down'; opacity: 1; }
#sg_roadmap a.sg_roadmap_pattern { text-decoration: none; transition: all 0.2s ease; }
#sg_roadmap a.sg_roadmap_pattern .tableCell { padding: 1rem 0; }
#sg_roadmap a.sg_roadmap_pattern .tableCell > * { margin: 0 0.5rem 0 0; }
#sg_roadmap a.sg_roadmap_pattern:hover { background: rgba(245, 245, 245, 0.2); }
#sg_roadmap a.sg_roadmap_pattern:hover .header, #sg_roadmap a.sg_roadmap_pattern:hover .icon, #sg_roadmap a.sg_roadmap_pattern:hover .sg_sidebar a:not(.logo):before, .sg_sidebar #sg_roadmap a.sg_roadmap_pattern:hover a:not(.logo):before { color: dodgerblue; }
#sg_roadmap a.sg_roadmap_pattern .header { text-transform: none; transition: all 0.2s ease; }
#sg_roadmap a.sg_roadmap_pattern .styles, #sg_roadmap a.sg_roadmap_pattern .group { color: lightgrey; }
#sg_roadmap a.sg_roadmap_pattern .sg_label { display: block; height: 0.5rem; width: 1rem; padding: 0; }
#sg_roadmap a.sg_roadmap_pattern .arrow { text-align: right; }
#sg_roadmap a.sg_roadmap_pattern .icon, #sg_roadmap a.sg_roadmap_pattern .sg_sidebar a:not(.logo):before, .sg_sidebar #sg_roadmap a.sg_roadmap_pattern a:not(.logo):before { color: lightgrey; transition: all 0.2s ease; }

@media only screen and (max-width: 800px) { #sg_roadmap .table { table-layout: auto; }
  #sg_roadmap .sg_roadmap_header .tableCell:nth-child(4), #sg_roadmap .sg_roadmap_header .tableCell:nth-child(5) { display: none; }
  #sg_roadmap .sg_roadmap_pattern .tableCell:nth-child(4), #sg_roadmap .sg_roadmap_pattern .tableCell:nth-child(5) { display: none; } }