4 */article
,aside
,details
,figcaption
,figure
,footer
,header
,hgroup
,main
,nav
,section
,summary
{display:block
}audio
,canvas
,video
{display:inline-block
;*display:inline
;*zoom:1}audio:not
([controls
]){display:none
;height:0}[hidden
],template
{display:none
}html
{font-family:sans-serif
;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button
,input
,select
,textarea
{font-family:sans-serif
}body
{margin:0}a
{background:transparent
}a:focus
{outline:thin dotted
}a:active
,a:hover
{outline:0}p
,pre
{margin:1.5em 0}blockquote
{margin:1.5em 40px}h1
{font-size:2em;line-height:1.5em;margin-top:0.75em;margin-bottom:0.75em}h2
{font-size:1.5em;line-height:2em;margin-top:1em;margin-bottom:1em}h3
{font-size:1.17em;line-height:1.28205em;margin-top:1.28205em;margin-bottom:1.28205em}h4
{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em}h5
{font-size:0.83em;line-height:1.80723em;margin-top:1.80723em;margin-bottom:1.80723em}h6
{font-size:0.67em;line-height:2.23881em;margin-top:2.23881em;margin-bottom:2.23881em}abbr
[title
]{border-bottom:1px dotted
}b
,strong
{font-weight:bold
}dfn
{font-style:italic
}hr
{-moz-box-sizing:content-box
;-webkit-box-sizing:content-box
;box-sizing:content-box
;height:0}mark
{background:#ff0;color:#000}code
,kbd
,pre
,samp
{font-family:monospace
, serif
;_font-family:'courier new', monospace
;font-size:1em}pre
{white-space:pre
;white-space:pre-wrap
;word-wrap:break-word
}q
{quotes:"\201C" "\201D" "\2018" "\2019"}small
{font-size:80%}sub
,sup
{font-size:75%;line-height:0;position:relative
;vertical-align:baseline
}sup
{top:-0.5em}sub
{bottom:-0.25em}dl
,menu
,ol
,ul
{margin:1.5em 0}dd
{margin:0 0 0 40px}menu
,ol
,ul
{padding:0 0 0 40px}nav ul
,nav ol
{list-style:none
;list-style-image:none
}img
{border:0;-ms-interpolation-mode:bicubic
}svg:not
(:root
){overflow:hidden
}figure
{margin:0}form
{margin:0}fieldset
{margin:0 2px;border-color:#c0c0c0;border-top-width:0.0625em;border-top-style:solid
;padding-top:0.4625em;border-bottom-width:0.0625em;border-bottom-style:solid
;padding-bottom:0.9125em;border-left-width:0.0625em;border-left-style:solid
;padding-left:0.875em;border-right-width:0.0625em;border-right-style:solid
;padding-right:0.875em}legend
{border:0;padding:0;*margin-left:-7px}button
,input
,select
,textarea
{font-family:inherit
;font-size:100%;margin:0;vertical-align:baseline
;*vertical-align:middle
}button
,input
{line-height:normal
}button
,select
{text-transform:none
}button
,html input
[type
="button"],input
[type
="reset"],input
[type
="submit"]{-webkit-appearance:button
;cursor:pointer
;*overflow:visible
}button
[disabled
],html input
[disabled
]{cursor:default
}input
[type
="checkbox"],input
[type
="radio"]{-moz-box-sizing:border-box
;-webkit-box-sizing:border-box
;box-sizing:border-box
;padding:0;*height:13px;*width:13px}input
[type
="search"]{-webkit-appearance:textfield
;-moz-box-sizing:content-box
;-webkit-box-sizing:content-box
;box-sizing:content-box
}input
[type
="search"]::-webkit-search-cancel-button
,input
[type
="search"]::-webkit-search-decoration
{-webkit-appearance:none
}button::-moz-focus-inner
,input::-moz-focus-inner
{border:0;padding:0}textarea
{overflow:auto
;vertical-align:top
}table
{border-collapse:collapse
;border-spacing:0}html
{font-size:100%;line-height:1.5em}html
{font-size:100%;line-height:1.5em}.g-section:after
{content:".";display:block
;height:0;clear:both
;visibility:hidden
}.g-unit
.g-section:after
{clear:none
}.g-unit
.g-section
{width:100%;overflow:hidden
}.g-section
,.g-unit
{zoom:1}.g-split
>.g-unit
{float:right
;text-align:right
}.g-split
>.g-first
{float:left
;text-align:left
}.g-tpl-160
.g-unit
,.g-unit
.g-tpl-160
.g-unit
,.g-unit
.g-unit
.g-tpl-160
.g-unit
,.g-unit
.g-unit
.g-unit
.g-tpl-160
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-160
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-160
.g-unit
{display:block
;margin:0 0 0 160px;width:auto
;float:none
}.g-tpl-160
.g-first
,.g-unit
.g-tpl-160
.g-first
,.g-unit
.g-unit
.g-tpl-160
.g-first
,.g-unit
.g-unit
.g-unit
.g-tpl-160
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-160
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-160
.g-first
{display:block
;margin:0;width:160px;float:left
}.g-tpl-25-75
.g-unit
,.g-unit
.g-tpl-25-75
.g-unit
,.g-unit
.g-unit
.g-tpl-25-75
.g-unit
,.g-unit
.g-unit
.g-unit
.g-tpl-25-75
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-25-75
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-25-75
.g-unit
{width:74.999%;float:right
;display:inline
;margin:0}.g-tpl-25-75
.g-first
,.g-unit
.g-tpl-25-75
.g-first
,.g-unit
.g-unit
.g-tpl-25-75
.g-first
,.g-unit
.g-unit
.g-unit
.g-tpl-25-75
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-25-75
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-25-75
.g-first
{width:24.999%;float:left
;display:inline
;margin:0}.g-tpl-75-25
.g-unit
,.g-unit
.g-tpl-75-25
.g-unit
,.g-unit
.g-unit
.g-tpl-75-25
.g-unit
,.g-unit
.g-unit
.g-unit
.g-tpl-75-25
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-75-25
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-75-25
.g-unit
{width:24.999%;float:right
;display:inline
;margin:0}.g-tpl-75-25
.g-first
,.g-unit
.g-tpl-75-25
.g-first
,.g-unit
.g-unit
.g-tpl-75-25
.g-first
,.g-unit
.g-unit
.g-unit
.g-tpl-75-25
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-75-25
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-75-25
.g-first
{width:74.999%;float:left
;display:inline
;margin:0}.g-tpl-33-67
.g-unit
,.g-unit
.g-tpl-33-67
.g-unit
,.g-unit
.g-unit
.g-tpl-33-67
.g-unit
,.g-unit
.g-unit
.g-unit
.g-tpl-33-67
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-33-67
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-33-67
.g-unit
{width:66.999%;float:right
;display:inline
;margin:0}.g-tpl-33-67
.g-first
,.g-unit
.g-tpl-33-67
.g-first
,.g-unit
.g-unit
.g-tpl-33-67
.g-first
,.g-unit
.g-unit
.g-unit
.g-tpl-33-67
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-33-67
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-33-67
.g-first
{width:32.999%;float:left
;display:inline
;margin:0}.g-tpl-67-33
.g-unit
,.g-unit
.g-tpl-67-33
.g-unit
,.g-unit
.g-unit
.g-tpl-67-33
.g-unit
,.g-unit
.g-unit
.g-unit
.g-tpl-67-33
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-67-33
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-67-33
.g-unit
{width:32.999%;float:right
;display:inline
;margin:0}.g-tpl-67-33
.g-first
,.g-unit
.g-tpl-67-33
.g-first
,.g-unit
.g-unit
.g-tpl-67-33
.g-first
,.g-unit
.g-unit
.g-unit
.g-tpl-67-33
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-67-33
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-67-33
.g-first
{width:66.999%;float:left
;display:inline
;margin:0}.g-tpl-50-50
.g-unit
,.g-unit
.g-tpl-50-50
.g-unit
,.g-unit
.g-unit
.g-tpl-50-50
.g-unit
,.g-unit
.g-unit
.g-unit
.g-tpl-50-50
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-50-50
.g-unit
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-50-50
.g-unit
{width:49.999%;float:right
;display:inline
;margin:0}.g-tpl-50-50
.g-first
,.g-unit
.g-tpl-50-50
.g-first
,.g-unit
.g-unit
.g-tpl-50-50
.g-first
,.g-unit
.g-unit
.g-unit
.g-tpl-50-50
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-50-50
.g-first
,.g-unit
.g-unit
.g-unit
.g-unit
.g-unit
.g-tpl-50-50
.g-first
{width:49.999%;float:left
;display:inline
;margin:0}.g-tpl-nest
.g-unit
{float:left
;width:auto
;display:inline
;margin:0}.g-tpl-nest-alt
.g-unit
{float:right
;width:auto
;display:inline
;margin:0}.g-content
{margin-right:30px}.g-last
.g-content
{margin-right:0}@media only screen and
(max-width: 580px){.g-unit
.g-unit
{float:none
!important
}.g-content
{margin-right:0}}*{padding:0;margin:0;-moz-box-sizing:border-box
;-webkit-box-sizing:border-box
;box-sizing:border-box
}body
{overflow:auto
}img
{max-width:100%}.gc-container
{max-width:870px;margin:auto
;width:90%}#gc-pagecontent
>.g-section
{margin:40px 0}main
{margin-bottom:50px;position:relative
}footer
[role
="contentinfo"]{padding:40px 0 50px}@media only screen and
(max-width: 580px){.gc-container
{width:auto
}#gc-pagecontent
{margin:auto
;width:90%}#gc-pagecontent
>.g-section
{margin:20px 0}footer
[role
="contentinfo"]{padding:20px 30px}}@media only screen and
(min-width: 581px) and
(max-width: 990px){.gc-container
{width:95%}}figure
{margin:20px 0}figure img
{border:1px solid
#dbdbdb}table
{width:100%;border-collapse:collapse
;margin:2em 0;line-height:1.5em}table caption
{margin-bottom:1em;text-align:left
;font-weight:bold
}th
{border:1px solid
#dbdbdb;font-weight:bold
;background:#e8e8e8}tr
{border-bottom:1px solid
#dbdbdb}table
+tr
{border-top:1px solid
#dbdbdb}td
,th
{padding:1em 1.5em;text-align:left
;border:1px solid
#dbdbdb}pre
{background-color:#f7f7f7;box-shadow:0 2px 4px rgba
(0,0,0,0.15),0 0 3px rgba
(0,0,0,0.15);margin:1em 0 0 0;padding:.99em;position:relative
;overflow-x:auto
;word-wrap:normal
;white-space:pre
;font-size:0.95em;line-height:1.8em}pre a
{text-decoration:underline
!important
}pre b
{background:yellow
;font-weight:normal
}pre strike
{text-decoration:none
;background-image:linear-gradient
(rgba
(0,0,0,0) 7px,#cc1f1f 7px,#cc1f1f 9px,rgba
(0,0,0,0) 9px)}pre
[data-filename
]::after
{visibility:hidden
}pre
[data-filename
]:hover::after
{visibility:visible
}.element-invisible
{position:absolute
!important
;height:1px;width:1px;overflow:hidden
;clip:rect
(1px 1px 1px 1px);clip:rect
(1px, 1px, 1px, 1px)}.hidden
{display:none
}.label
{color:inherit
;text-transform:uppercase
;margin-bottom:5px;font-size:11.2px;font-weight:bold
}.published
{font-size:11.2px;font-style:italic
;color:#bebebe;line-height:16.8px}.description
{margin:20px 0}.description:last-child
{margin-bottom:0}#gc-footer
{background:#f5f5f5}.button
{background:#0370ea;background-image:linear-gradient
(to bottom
, #008dfd 0%,#0370ea 100%);border:1px solid
#076bd2;border-radius:3px;color:#fff !important
;display:inline-block
;font-size:13px;font-weight:700;line-height:1.3;padding:5px 20px;text-align:center
;text-decoration:none
!important
;text-shadow:1px 1px 1px #076bd2}.button:hover
{background-image:linear-gradient
(to bottom
, #008dfd 30%,#0370ea 100%);cursor:pointer
}.button a
{color:inherit
!important
}.button-alt
{background:#eee;background-image:linear-gradient
(to top
, #dcdcdc 46%,#fafafa 87%);border:1px solid
#d6d6d6;border-radius:3px;color:#333 !important
;display:inline-block
;font-size:12px;font-weight:700;line-height:24px;padding:0 15px;text-align:center
;text-decoration:none
!important
;text-shadow:none
}.button-alt:hover
{background-image:linear-gradient
(to top
, #dcdcdc 20%,#fafafa 87%);cursor:pointer
}.google-button
{background-color:#f5f5f5;border-radius:2px 0 0 0;border:1px solid rgba
(0,0,0,0.1);padding:5px 12px;text-align:center
;white-space:nowrap
}.google-button:hover
{border-color:#c6c6c6;box-shadow:0 -1px 1px rgba
(0,0,0,0.1)}.google-button:active
{background-color:#f1f1f1;box-shadow:inset
0 0px 2px rgba
(0,0,0,0.2)}.screenshot
,.screenshot img
{margin:1em 0}.video-container
{position:relative
;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden
;margin:0 0 20px 0}.video-container iframe
,.video-container object
,.video-container embed
{position:absolute
;top:0;left:0;width:100%;height:100%}p
.note
,p
.caution
,p
.warning
,div
.note
,div
.caution
,div
.warning
,aside
.note
,aside
.caution
,aside
.warning
{background-color:#f5f5f5;border-bottom:1px solid
;border-top:1px solid
;overflow:hidden
;max-width:85%;padding:1em}p
.note
,div
.note
,aside
.note
{border-color:#36C}p
.caution
,div
.caution
,aside
.caution
{border-color:#FC3}p
.warning
,div
.warning
,aside
.warning
{border-color:#A03}p
.warning em
,p
.warning strong
,div
.warning em
,div
.warning strong
,aside
.warning em
,aside
.warning strong
{color:#A03}.permalink
{display:none
;margin-left:5px}.has-permalink:hover
.permalink
{display:initial
}.no-permalink
.permalink
{display:none
!important
}#gc-footer
.links a
{margin-right:20px}#gc-footer #cc-info
{font-size:11.2px}#social-buttons
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-pack:1;-webkit-justify-content:flex-end
;-moz-justify-content:flex-end
;-ms-justify-content:flex-end
;-o-justify-content:flex-end
;justify-content:flex-end
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
}#social-buttons
>*{margin-left:10px}#social-buttons img
{margin:-4px 0 0 1px}@media only screen and
(max-width: 580px){.more-section
.g-last
.g-content
{padding-bottom:0;border:none
}.more-section
.g-content
{border:1px solid
#dbdbdb;border-width:0 0 1px 0;padding-bottom:20px;margin-bottom:20px}#gc-footer
.links a
{display:inline-block
}}#scroll-to-top
,#send-feedback
{border-bottom:none
;bottom:0;position:fixed
;z-index:5}#scroll-to-top
{border-left:0;left:0}#send-feedback
{border-right:0;right:0}html
{font-family:"Open Sans",Arial
,"Lucida Grande",sans-serif
;color:#777}body
{font-size:13px;color:#777}h1
,h2
,h3
,h4
,h5
,h6
{font-family:"Open Sans",Arial
,"Lucida Grande",sans-serif
;font-weight:600;color:#000}h1
,h2
{font-weight:300}h1
{font-size:2.625em;line-height:1.14286em}h1
+h1
{margin-top:0em}h2
{font-size:1.875em;line-height:1.6em;margin-top:1.6em;margin-bottom:0em;line-height:1.12em}h3
{font-size:1.125em;line-height:1.33333em;margin-top:1.33333em;margin-bottom:0.53333em;line-height:1.12em}h4
{font-size:1.1em;line-height:1.36364em;margin-top:0em;margin-bottom:0em}h5
{font-size:1em;line-height:1.5em;margin-top:0em;margin-bottom:0em}h6
{font-size:1em;line-height:1.5em;margin-top:0em;margin-bottom:0em}p
{margin:1.5em 0}p
.noindent
,p
.caption p
{text-indent:0}p
.caption
{text-align:left
;margin-top:9px;font-weight:bold
}.lightbox p
.caption
{color:#fff}a
,a:link
,a:visited
{color:#39c;font-weight:bold
;text-decoration:none
;word-wrap:break-word
;transition:opacity
0.3s ease
0s}a:hover
,a:focus
,a:link:hover
,a:link:focus
,a:visited:hover
,a:visited:focus
{color:#39f}a
.section-anchor
{display:block
;padding-top:3.33em}footer
[role
="contentinfo"]{font-size:0.84615385em}footer
[role
="contentinfo"] a
,footer
[role
="contentinfo"] a:link
,footer
[role
="contentinfo"] a:visited
{color:#999;font-weight:normal
;font-weight:600;text-decoration:none
;word-wrap:break-word
}footer
[role
="contentinfo"] a:hover
,footer
[role
="contentinfo"] a:focus
,footer
[role
="contentinfo"] a:link:hover
,footer
[role
="contentinfo"] a:link:focus
,footer
[role
="contentinfo"] a:visited:hover
,footer
[role
="contentinfo"] a:visited:focus
{color:#39f}table
{font-size:13px}td dl
{margin:0.4em 0}td dt
{margin:0 0 0.4em 0}em
{padding-right:2px}img
{vertical-align:middle
}figcaption
{font-family:"Open Sans",Arial
,"Lucida Grande",sans-serif
;color:#aaa}blockquote
{margin:0.75em 0.8em}cite
{margin:0.75em 0.8em;color:#c3c3c3;font-style:normal
}canvas
{background:#fff;margin:1.5em 0}.code
,code
,pre
{color:#080;font-family:"Source Code Pro",sans-serif
}a
>code
{color:#39c}pre
{margin:2em 0;word-wrap:break-word
;position:relative
}pre
[data-filename
]::after
{content:attr
(data-filename
);background-color:#aaa;color:#fff;padding:2px 12px;position:absolute
;right:0;top:0}pre a
{text-decoration:underline
}.static-code-container
{line-height:1em;clear:both
}code
,kbd
,samp
{margin:1.5em 0;line-height:1em}dl
,menu
,ol
,ul
,.item-list ul
{margin:0.8em 0}ul
{padding-left:1.28em}ol
{padding-left:1.52em}hr
{height:1px;border:0;border-bottom:1px solid
#dbdbdb;padding-bottom:-1px;margin:1.5em 0}[data-list-item
]{display:list-item
}.kbd
{background-color:#f7f7f7;border:1px solid
#ccc;color:#333;font-size:11px;line-height:1.4;text-shadow:0 1px 0 #fff;font-family:Arial
,Helvetica
,sans-serif
;display:inline-block
;padding:0.1em 0.6em;margin:0 0.1em;white-space:nowrap
;box-shadow:0 1px 0px rgba
(0,0,0,0.2),0 0 0 2px #fff inset
;border-radius:3px}#topnav
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;height:64px;position:relative
}#logo
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;-webkit-user-select:none
;-moz-user-select:none
;-o-user-select:none
;-ms-user-select:none
;user-select:none
}#logo a
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;color:#828282;font-size:2em;font-weight:400;letter-spacing:-1px}#logo a img
{margin-bottom:-4px;height:40px;width:123px}#logo
.collase-icon
{display:none
;background:url
("../../images/burger-icon.png") 50% 100% no-repeat
;background-size:cover
;width:20px;height:20px}#logo
.collase-icon
.active
{background-position:50% 0}#fatnav
{height:100%;display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-pack:1;-webkit-justify-content:flex-end
;-moz-justify-content:flex-end
;-ms-justify-content:flex-end
;-o-justify-content:flex-end
;justify-content:flex-end
;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;white-space:nowrap
}#fatnav li
{list-style:none
}#fatnav
>ul
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;padding:0;margin:0}#fatnav
.toplevel
{color:#aaa;font-weight:600;text-transform:uppercase
;-webkit-user-select:none
;-moz-user-select:none
;-o-user-select:none
;-ms-user-select:none
;user-select:none
}#fatnav
.toplevel::after
{content:'';background:url
(data:image
/png
;base64
,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNpiyc
/Pn8XAwDATiM8yEAaMQBwBxHxMQMIdiE8D8Vog1sGjyQGqbhkQK4A0PoKaFATEF4F4MRCrImnQBuJtQLwfiI2hYk9AGl2AuB2I
/wAxiB8DxNeAeA4QzwXiS0DsCdXwHIj9gHgqSOFPIK4CYksgvgJVwALEyUCcBDWMAeoSkO2bGZAEQeAM1CmtUNth4BkQ
+wJxHBC
/hwkyoQXALyCuAWILIL4MxIugAbYFI3iNZ54BR4fNtcXo0QEy9B
+ywBGtWMzoAAquBWLk6EDXhBIdLNDokINGRwBQAUiiCYhvI0VHN1LIjpjoAAgwAMoSTlKlzAY4AAAAAElFTkSuQmCC
) no-repeat
;background-size:9px;display:inline-block
;height:5px;width:14px;margin-left:10px;margin-bottom:2px}#fatnav
.pillar
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;padding:0 20px;cursor:pointer
;z-index:1002}#fatnav
.expandee
{display:none
;position:absolute
;z-index:1001;left:0;width:100%;-moz-box-sizing:border-box
;-webkit-box-sizing:border-box
;box-sizing:border-box
;background-color:#f5f5f5;padding:20px 0;cursor:initial
;margin:0}#fatnav
.expandee a
{font-weight:600;padding:0.5em 0;display:block
;color:#828282}#fatnav
.expandee
a:hover
{background-image:linear-gradient
(205deg, rgba
(229,229,229,0.7) 0%,rgba
(233,233,233,0.7) 20%,rgba
(244,244,244,0.7) 100%)}#fatnav
.expandee a
.highlight
{color:#000;background-image:linear-gradient
(205deg, rgba
(229,229,229,0.7) 0%,rgba
(233,233,233,0.7) 20%,rgba
(244,244,244,0.7) 100%)}#fatnav
.expandee li
{white-space:nowrap
}#fatnav
.expandee li
.submenu
{color:#333;font-size:1.1em;font-weight:bold
;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}#fatnav
.expandee li
.submenu
.active
{background-image:linear-gradient
(205deg, rgba
(229,229,229,0.7) 0%,rgba
(233,233,233,0.7) 20%,rgba
(244,244,244,0.7) 100%)}#fatnav
.expandee li
.submenu
>ul
{font-size:0.8em;padding:15px 0 0 0;margin:0}#fatnav
.expandee li
.submenu
.category
{border-bottom:1px solid
#e8e8e8}#fatnav
.expandee li
.submenu
.category:last-child
{border:none
}#fatnav
.expandee li
.submenu
.category a
{overflow:hidden
;text-overflow:ellipsis
}#fatnav
.expandee li
.submenu
.category
>ul
{display:none
}#fatnav
.expandee li
.submenu
.category ul
{padding:0}#search
{display:-webkit-inline-flex
;display:-moz-inline-flex
;display:-ms-inline-flex
;display:-o-inline-flex
;display:inline-flex
;-webkit-align-self:stretch
;-moz-align-self:stretch
;-ms-align-self:stretch
;-o-align-self:stretch
;align-self:stretch
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;width:auto
;padding:0 20px;cursor:pointer
}#search img
{height:16px;width:16px;-webkit-user-select:none
;-moz-user-select:none
;-o-user-select:none
;-ms-user-select:none
;user-select:none
}#search
.expandee
{padding:20px}#search
.expandee input
[type
="search"]{width:100%;-moz-box-sizing:border-box
;-webkit-box-sizing:border-box
;box-sizing:border-box
;background:url
("../../images/search.png") no-repeat
15px 55%;background-size:20px;background-color:white
;border:1px solid
#dbdbdb;padding:10px 10px 10px 40px;font-size:1.4em;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;font-family:inherit
;font-weight:300}@media only screen and
(min-width: 580px){#topnav
{padding:15px 0 0}#fatnav
.pillar
.highlight
.toplevel
{color:#000}#fatnav
.pillar
.active
{background:#f5f5f5 url
(data:image
/png
;base64
,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAyCAMAAABI
+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF
/////f39
/v7
+/Pz8
+/v7
+fn56
+vr
+vr69PT09vb28
/Pz9fX1xcXF9
/f3
+Pj45
+fn8PDwycnJ7
+/v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39
/fxsbG29vb0dHR3d3d4ODg4
+Pj6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8
/PzMzM1NTU1tbWhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP
//h829NC
+rqIKNAK8hhGEQjmUyrm
+ziVTs50O6jkA6b
+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm4zAdF
/Ow5gvTEEaR
/W49Ov2eSIvjuW
+Y4tdTCXHML
+1XI/A7cwmmdM1nHLZwbl
+kPPj9lunELq5LuRWy5hUFyC
+uKI
+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAABJRU5ErkJggg
==) no-repeat right
0}#fatnav
.pillar
.active
.toplevel::after
{background-position:0% -5px}#fatnav
.pillar
.active
.expandee
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-orient:vertical
;-webkit-flex-direction:row
;-moz-flex-direction:row
;-ms-flex-direction:row
;-o-flex-direction:row
;flex-direction:row
}#fatnav
.pillar
.active
.expandee::after
{position:absolute
;background-image:linear-gradient
(to top
, rgba
(255,255,255,0) 0%,rgba
(211,211,211,0.5) 25%,#d3d3d3 50%,rgba
(211,211,211,0.5) 75%,rgba
(255,255,255,0) 100%);right:0;top:0;content:'';width:1px !important
;height:100%}#fatnav
.pillar
.expandee
{min-height:400px;font-size:0.9em;box-shadow:0 3px 4px rgba
(0,0,0,0.12);top:64px}#fatnav
.pillar
.expandee
.submenu
{padding:0 20px;border-right:1px solid
#e8e8e8}#fatnav
.pillar
.expandee
.submenu:last-child
{border:none
}#search
{margin-right:-4px}#search
.active
{background:#f5f5f5 url
(data:image
/png
;base64
,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAyCAMAAABI
+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF
/////f39
/v7
+/Pz8
+/v7
+fn56
+vr
+vr69PT09vb28
/Pz9fX1xcXF9
/f3
+Pj45
+fn8PDwycnJ7
+/v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39
/fxsbG29vb0dHR3d3d4ODg4
+Pj6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8
/PzMzM1NTU1tbWhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP
//h829NC
+rqIKNAK8hhGEQjmUyrm
+ziVTs50O6jkA6b
+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm4zAdF
/Ow5gvTEEaR
/W49Ov2eSIvjuW
+Y4tdTCXHML
+1XI/A7cwmmdM1nHLZwbl
+kPPj9lunELq5LuRWy5hUFyC
+uKI
+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAABJRU5ErkJggg
==) no-repeat right
0}#search
.active
.expandee
{display:block
;top:64px}}@media only screen and
(max-width: 580px){#topnav
{-webkit-box-orient:vertical
;-webkit-flex-direction:column
;-moz-flex-direction:column
;-ms-flex-direction:column
;-o-flex-direction:column
;flex-direction:column
;height:auto
}#fatnav
{width:100%;max-height:0;overflow:hidden
;background:#f5f5f5}#fatnav
.active
{max-height:5000px}#fatnav
>ul
{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;-webkit-box-orient:vertical
;-webkit-flex-direction:column
;-moz-flex-direction:column
;-ms-flex-direction:column
;-o-flex-direction:column
;flex-direction:column
}#fatnav
.toplevel
{width:100%;height:50px;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;-webkit-box-pack:1;-webkit-justify-content:center
;-moz-justify-content:center
;-ms-justify-content:center
;-o-justify-content:center
;justify-content:center
;display:-webkit-inline-flex
;display:-moz-inline-flex
;display:-ms-inline-flex
;display:-o-inline-flex
;display:inline-flex
}#fatnav
.pillar
{-webkit-box-orient:vertical
;-webkit-flex-direction:column
;-moz-flex-direction:column
;-ms-flex-direction:column
;-o-flex-direction:column
;flex-direction:column
;padding:0;border-bottom:1px solid
#dbdbdb}#fatnav
.pillar
.active
.expandee
{display:initial
}#fatnav
.expandee
{position:relative
;padding:0;background-color:rgba
(229,229,229,0.7)}#fatnav
.expandee li
.submenu
{padding:10px 15px}#fatnav
.expandee li
.submenu:not
(:last-child
){border-color:#ccc}#fatnav
.expandee li
.submenu
>ul
{background-color:inherit
}#logo
{height:50px;width:90%}#logo a
{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}#logo
.collase-icon
{display:initial
}#search
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-box-align:center
;-webkit-align-items:center
;-moz-align-items:center
;-ms-align-items:center
;-o-align-items:center
;align-items:center
;-webkit-box-ordinal-group:-1;-webkit-order:-1;-moz-order:-1;-ms-order:-1;-o-order:-1;order:-1;padding:15px 15px 0 15px}#search img
{display:none
}#search
.expandee
{display:block
}}#gc-pagecontent
.g-section h1
,#gc-pagecontent
.g-section h2
,#gc-pagecontent
.g-section h3
{margin:0}#upcoming-events
.screenshot
,#featured
.screenshot
{margin-top:0}#upcoming-events article
{border:1px solid
#dbdbdb;border-width:0 0 1px 0;padding:20px 0}#upcoming-events
article:first-child
{padding-top:0}#upcoming-events
article:last-child
{padding-bottom:0;border:none
}#site-sections
{background-color:#f5f5f5;padding:20px;text-align:center
}#site-sections h2
{padding-top:20px}#site-sections
h2::before
{display:block
;content:'';background:url
("../../images/bucket-icons.png") 12px 50% no-repeat
;width:100px;height:65px;background-size:cover
;margin:auto
;margin-bottom:20px}#site-sections h2
.multidevice::before
{background-position:-91px 50%}#site-sections h2
.platform::before
{background-position:-194px 50%}#developer-news
{margin-top:4em}#developer-news
.g-content
{margin-right:20px}#developer-news h1
{margin-bottom:40px !important
}@media only screen and
(min-width: 580px){#featured
{padding-right:30px;padding-bottom:10px;border:1px solid
#dbdbdb;border-width:0 1px 0 0}#featured img
{margin-bottom:20px}}.pillar-content h1
{font-size:42px}.pillar-content
>.g-section
{padding:3em 0}.pillar-content
>.g-section:not
(:last-of-type
){border-bottom:1px solid
#dbdbdb}.pillar-content
>.g-section
>h2
{font-size:30px;margin-bottom:1.5em !important
}.pillar-content
.article-list article
{position:relative
;overflow:hidden
;width:100%;padding:1.9em;background-color:#f5f5f5;box-shadow:0 2px 4px rgba
(0,0,0,0.15),0 0 3px rgba
(0,0,0,0.15);line-height:1.5em;margin-bottom:1.5em}.pillar-content
.article-list article
.new::after
{content:'new';background:#2e82c9;position:absolute
;-moz-transform:rotate
(45deg);-ms-transform:rotate
(45deg);-webkit-transform:rotate
(45deg);transform:rotate
(45deg);top:-4px;right:-20px;color:white
;font-size:0.9em;width:60px;text-align:center
;padding-top:8px}.pillar-content
.article-list article p
{font-weight:300}.pillar-content #further-resources
.g-content
h2::before
{display:inline-block
;content:'';background:url
("../../images/further-resources-icons.svg") 0 50% no-repeat
;width:50px;height:43px;background-size:cover
;margin:auto
;margin-bottom:5px;vertical-align:middle
}.pillar-content #further-resources
.g-content h2
.school::before
{background-position:0 50%}.pillar-content #further-resources
.g-content h2
.chat::before
{background-position:-54px 50%}.pillar-content #further-resources
.g-content h2
.puzzle::before
{background-position:-108px 50%}@media only screen and
(max-width: 580px){.pillar-content
>.g-section
{padding:2em 0}}@media only screen and
(min-width: 580px){.pillar-content
.article-list
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;-webkit-flex-wrap:wrap
;-moz-flex-wrap:wrap
;-ms-flex-wrap:wrap
;-o-flex-wrap:wrap
;flex-wrap:wrap
;-webkit-box-pack:1;-webkit-justify-content:space-between
;-moz-justify-content:space-between
;-ms-justify-content:space-between
;-o-justify-content:space-between
;justify-content:space-between
;-webkit-box-align:stretch
;-webkit-align-items:stretch
;-moz-align-items:stretch
;-ms-align-items:stretch
;-o-align-items:stretch
;align-items:stretch
}.pillar-content
.article-list article
{-webkit-box-flex:auto
;-webkit-flex:auto
;-moz-flex:auto
;-ms-flex:auto
;-o-flex:auto
;flex:auto
;margin-right:1.5em;width:45%}.pillar-content
.article-list
article:nth-child
(2n),.pillar-content
.article-list
article:last-of-type
{margin-right:0}}@media only screen and
(min-width: 990px){.pillar-content
.article-list article
{width:30%}.pillar-content
.article-list
article:nth-child
(2n){margin-right:1.5em}.pillar-content
.article-list
article:nth-child
(3n),.pillar-content
.article-list
article:last-of-type
{margin-right:0}}@supports not
(flex-wrap: wrap
){.pillar-content
.article-list
{display:block
}@media only screen and
(min-width: 580px){.pillar-content
.article-list article
{flex:none
;float:left
;width:48%}}@media only screen and
(min-width: 990px){.pillar-content
.article-list article
{width:31.8058%}}}.load-more-articles
{overflow:hidden
;*zoom:1;margin:2em auto
0.3em;text-align:center
;width:100%}.load-more-articles a
,.load-more-articles
a:hover
{color:#000;transition:opacity
0.3s ease
0s}.nav-arrow
{background-size:48px 48px;background:top center no-repeat
;display:inline-block
;opacity:0.5;transition:opacity
0.3s ease
0s;padding-top:50px}.nav-arrow:hover
{opacity:1}.down-arrow
{background-image:url
("../../images/down-arrow.png")}.inline-site-toc
{line-height:1.3em}.inline-site-toc a
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;padding:0.5em 0}.inline-site-toc a
,.inline-site-toc
a:link
,.inline-site-toc
a:visited
{color:#aaa;font-weight:normal
}.inline-site-toc
a:hover
,.inline-site-toc
a:focus
,.inline-site-toc
a:link:hover
,.inline-site-toc
a:link:focus
,.inline-site-toc
a:visited:hover
,.inline-site-toc
a:visited:focus
{color:#000}.inline-site-toc span
.show
{display:block
;content:"+ or -"}.inline-site-toc li
{display:none
}.inline-site-toc li
.show
{display:block
;content:"+ or -"}.inline-site-toc li
.show
,.inline-site-toc li
.show
>ol
>li
{display:block
}.inline-site-toc li
.toplevel span
{display:none
}.inline-site-toc li
.toplevel li
{padding-left:1em}.inline-site-toc li
.toplevel
>ol
.toc
>li
{font-size:15px;margin:0 0;padding:15px 1em;border-bottom:1px solid
#dbdbdb}.inline-site-toc li
.toplevel
>ol
>li
{cursor:default
}.inline-site-toc li
.toplevel
>ol
>li
.show
{background-color:#f0f0f0}.inline-site-toc li
.toplevel
>ol
>li
>ol
>li:first-child
{padding-top:10px}.inline-site-toc li li a
,.inline-site-toc li li
a:link
,.inline-site-toc li li
a:visited
{color:#aaa}.inline-site-toc li li
a:hover
,.inline-site-toc li li
a:focus
,.inline-site-toc li li
a:link:hover
,.inline-site-toc li li
a:link:focus
,.inline-site-toc li li
a:visited:hover
,.inline-site-toc li li
a:visited:focus
{color:#000}.inline-site-toc li li
.selected li
{display:block
}.inline-site-toc li li
.selected
>a
{font-weight:bold
;color:#000}.inline-site-toc
.site-related
{display:block
;background-color:#f5f5f5;padding:0;width:inherit
}.inline-site-toc
.site-related h3
{margin-top:0}.inline-site-toc
.site-related li a
.active
{color:#000}.inline-site-toc #toc
{display:block
}.inline-site-toc #toc
.toplevel
>a
{font-weight:bold
;color:#000}.inline-site-toc #toc
.toplevel
>a
.hastoc::after
{content:'+';-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;text-align:right
}.inline-site-toc #toc
.toplevel
.active
.toc
{display:block
}.inline-site-toc #toc
.toplevel
.active
>a
.hastoc::after
{content:""}.inline-site-toc
.toc
{margin:0;padding:0}.inline-site-toc
.toc
.toc li
{font-size:13px}.inline-site-toc ol
.toc ol
.toc ol
.toc li
{margin:0}.inline-toc
{line-height:1.3em}.inline-toc a
,.inline-toc
a:link
,.inline-toc
a:visited
{color:#aaa;font-weight:normal
}.inline-toc
a:hover
,.inline-toc
a:focus
,.inline-toc
a:link:hover
,.inline-toc
a:link:focus
,.inline-toc
a:visited:hover
,.inline-toc
a:visited:focus
{color:#000}.inline-toc li li a
,.inline-toc li li
a:link
,.inline-toc li li
a:visited
{color:#aaa}.inline-toc li li
a:hover
,.inline-toc li li
a:focus
,.inline-toc li li
a:link:hover
,.inline-toc li li
a:link:focus
,.inline-toc li li
a:visited:hover
,.inline-toc li li
a:visited:focus
{color:#000}.inline-toc a
{display:-webkit-box
;display:-webkit-flex
;display:-moz-flex
;display:-ms-flex
;display:-o-flex
;display:flex
;padding:0.5em 0}.inline-toc
.related
{display:block
;background-color:#f5f5f5;box-shadow:0 3px 4px rgba
(0,0,0,0.12);padding:1em 1em 0.5em 1em;margin-bottom:1em}.inline-toc
.related h3
{margin-top:0}.inline-toc
.related li a
.active
{color:#000}.inline-toc
.related li
a:hover
{background-image:linear-gradient
(205deg, rgba
(229,229,229,0.7) 0%,rgba
(233,233,233,0.7) 20%,rgba
(244,244,244,0.7) 100%)}.inline-toc #toc
{display:none
}.inline-toc #toc
.toplevel
>a
{font-weight:bold
;color:#000}.inline-toc #toc
.toplevel
>a
.hastoc::after
{content:'+';-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;text-align:right
}.inline-toc #toc
.toplevel
.active
.toc
{display:block
}.inline-toc #toc
.toplevel
.active
>a
.hastoc
{content:"-"}.inline-toc
.toc
{margin:0;paddiing:0;border-top:1px solid
#dbdbdb}.inline-toc
.toc
.toc
{display:none
}.inline-toc
.toc
.toc li
{padding-left:1em;border-bottom:1px solid
#dbdbdb}#cc-info
{font-style:italic
;font-size:0.8em;color:#848484}#cc-info
.cc-logo img
{width:90px;height:32px}.h1-step
{display:block
;font-size:0.5em;line-height:150%}.anchor-link-icon
{padding-left:1px}@media only screen and
(min-width: 580px){.inline-site-toc
{float:left
;width:175px;overflow-x:hidden
}.inline-toc
{width:20%;float:right
;margin:0 4% 20px 4%;overflow:auto
;overflow-x:hidden
}.inline-toc #toc
{display:block
}.article-content
{border-right:1px solid
#f5f5f5;min-height:750px}.article-content
[itemprop
="articleBody"]{margin-left:195px}.cc-logo
{margin:0 0 0 auto
}}@media only screen and
(min-width: 581px) and
(max-width: 990px){.inline-toc
{width:-20%}.inline-site-toc
{float:left
;width:175px;overflow-x:hidden
}}@media only screen and
(max-width: 580px){.article-content
[itemprop
="articleBody"]>.collapsible
{height:58px;overflow:hidden
}.article-content
[itemprop
="articleBody"]>.collapsible
.active
{height:auto
}.article-content
[itemprop
="articleBody"]>.collapsible
.active
h2::before
{content:'-'}.article-content
[itemprop
="articleBody"]>.collapsible h2
{position:relative
;margin:0;padding:15px 15px 15px 0;border-top:1px solid
#dbdbdb;white-space:nowrap
;overflow:hidden
;text-overflow:ellipsis
}.article-content
[itemprop
="articleBody"]>.collapsible
h2::before
{position:absolute
;right:0;content:'+'}.article-content
[itemprop
="articleBody"] .related
{margin:20px 0}.hidden
{display:none
}}dl
.nice:before
,dl
.nice:after
{display:table
;content:" "}dl
.nice:after
{clear:both
}dl
.nice dt
{font-weight:bold
;float:left
;width:160px;clear:left
}dl
.nice dt
.full-width
{width:100%}dl
.nice dd
{margin:0 0 15px 180px}@media
(max-width: 580px){dl
.nice dt
{width:100%}dl
.nice dd
{width:100%;margin-left:0}}.api
{color:#333;font-size:14px}.api
.api-summary td
,.api
.api-summary th
{padding:5px 10px}.api
.api-reference
.description
{margin-left:20px}.api
.api-reference table
.innerTable
{margin:10px 0}.api
.api-reference table
.innerTable td
,.api
.api-reference table
.innerTable th
{padding:5px 10px;border:1px solid
#eee}.api
.api-reference table
.innerTable th
{background:none
}.api
.api-reference table p
{margin-top:0.75em;margin-bottom:0.75em}.api
.api-reference table
p:first-child
{margin-top:0}.api
.api-reference td
,.api
.api-reference th
{vertical-align:top
;border:1px solid
#eee}.api
.api-reference th
{background:#fafafa}.api
.api-reference h2
{background-color:#e8e8e8;padding:20px;margin-left:-20px;margin-right:-20px}.api
.api-reference h3
{margin-top:3em}.api
.availability
{color:#A03}.api table#intro
.title
{white-space:nowrap
}.demo
*{box-sizing:border-box
;webkit-box-sizing:border-box
}.demo div
{flex:1 1 auto
}.demo div
.panel-info
{border-top:1px solid
#cccccc;margin-top:20px;padding-top:20px}.demo div
.Demo-body
{border:1px solid
#dfdfdf;display:flex
;flex-direction:column
;padding:10px;position:relative
}.demo div
.Demo-body embed
{display:block
;flex:1 1 auto
}.demo div
.Demo-content
{display:flex
;flex-direction:column
}.demo div
.intro
{display:flex
;flex-direction:column
}.demo header
{padding:0}.demo
.intro
{max-width:360px;padding-right:40px}.demo p
{margin:0 0 1em 0}.demo p
.note
{background:transparent
;border:none
;padding:0;width:100%}.demo section
{display:flex
;flex:1 1 auto
;flex-direction:row
;padding:0 25px 25px 0}.demo td
,.demo th
{border:none
}.demo td
.name
,.demo th
.name
{font-weight:bold
}.demo tr
{border:none
}