diff --git a/.gitignore b/.gitignore
index d48c759d6..0d3909490 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,7 @@
.idea
-.vscode
\ No newline at end of file
+.vscode
+
+# Jekyll
+docs/default.profraw
+docs/_site
+docs/.jekyll-metadata
diff --git a/docs/.dockerignore b/docs/.dockerignore
new file mode 100644
index 000000000..69af5597b
--- /dev/null
+++ b/docs/.dockerignore
@@ -0,0 +1,35 @@
+# Version control scaffolding
+.git
+.gitignore
+
+# Docker scaffolding
+Dockerfile
+.dockerignore
+
+# Ruby & Jekyll scaffolding
+_site
+
+# Translations
+*.mo
+
+# Mac
+.DS_Store
+
+# Mr Developer
+.mr.developer.cfg
+.project
+.pydevproject
+
+# JetBrains
+.idea
+
+# Built documentation
+docs/_build
+docs/_build_doc2dash
+
+# Virtual environment
+env/
+coverage.xml
+
+# Jekyll metadata
+.jekyll-metadata
diff --git a/docs/.gitignore b/docs/.gitignore
new file mode 100644
index 000000000..33763af62
--- /dev/null
+++ b/docs/.gitignore
@@ -0,0 +1,4 @@
+# Jekyll
+default.profraw
+_site
+.jekyll-metadata
diff --git a/docs/.prettierignore b/docs/.prettierignore
new file mode 100644
index 000000000..186ae1563
--- /dev/null
+++ b/docs/.prettierignore
@@ -0,0 +1,3 @@
+_includes/aip-nav.html
+_includes/svgs.html
+_sass/colors.scss
diff --git a/docs/.prettierrc.yaml b/docs/.prettierrc.yaml
new file mode 100644
index 000000000..fdb892b05
--- /dev/null
+++ b/docs/.prettierrc.yaml
@@ -0,0 +1,5 @@
+---
+printWidth: 79
+proseWrap: always
+singleQuote: true
+trailingComma: es5
diff --git a/docs/Dockerfile b/docs/Dockerfile
new file mode 100644
index 000000000..fbe275c00
--- /dev/null
+++ b/docs/Dockerfile
@@ -0,0 +1,34 @@
+FROM ruby:2.6-alpine
+
+# Copy the existing code into the Docker image.
+#
+# This will copy everything *at build time* (not at runtime), so it is
+# still important to use `--mount` to get a reasonable development loop.
+# This makes the image work for both purposes, though.
+COPY . /code/
+WORKDIR /code/
+
+# Install bundler and gems for this project.
+RUN echo "gem: --no-ri --no-rdoc" > ~/.gemrc && \
+ apk add --no-cache alpine-sdk && \
+ gem update --system && \
+ gem install bundler && \
+ bundle install && \
+ apk del --no-cache alpine-sdk && \
+ rm ~/.gemrc
+
+# Install git. (Jekyll expects it.)
+RUN apk add --no-cache git
+
+# Set environment variables that GitHub Pages expects.
+ENV PAGES_REPO_NWO googleapis/googleapis.github.io
+
+# Expose appropriate ports.
+EXPOSE 4000
+EXPOSE 35729
+
+# Run Jekyll's dev server.
+# Reminder: Use -p with `docker run` to publish ports.
+ENTRYPOINT ["bundle", "exec", "jekyll", "serve", \
+ "--destination", "/site", \
+ "--host", "0.0.0.0"]
diff --git a/docs/Gemfile b/docs/Gemfile
new file mode 100644
index 000000000..c1f03eebf
--- /dev/null
+++ b/docs/Gemfile
@@ -0,0 +1,4 @@
+source "https://rubygems.org" do
+ gem "jekyll"
+ gem "github-pages", group: :jekyll_plugins
+end
diff --git a/docs/Gemfile.lock b/docs/Gemfile.lock
new file mode 100644
index 000000000..bd6476972
--- /dev/null
+++ b/docs/Gemfile.lock
@@ -0,0 +1,249 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ activesupport (4.2.10)
+ i18n (~> 0.7)
+ minitest (~> 5.1)
+ thread_safe (~> 0.3, >= 0.3.4)
+ tzinfo (~> 1.1)
+ addressable (2.5.2)
+ public_suffix (>= 2.0.2, < 4.0)
+ coffee-script (2.4.1)
+ coffee-script-source
+ execjs
+ coffee-script-source (1.11.1)
+ colorator (1.1.0)
+ commonmarker (0.17.13)
+ ruby-enum (~> 0.5)
+ concurrent-ruby (1.1.5)
+ dnsruby (1.61.2)
+ addressable (~> 2.5)
+ em-websocket (0.5.1)
+ eventmachine (>= 0.12.9)
+ http_parser.rb (~> 0.6.0)
+ ethon (0.12.0)
+ ffi (>= 1.3.0)
+ eventmachine (1.2.7)
+ execjs (2.7.0)
+ faraday (0.15.4)
+ multipart-post (>= 1.2, < 3)
+ ffi (1.10.0)
+ forwardable-extended (2.6.0)
+ gemoji (3.0.0)
+ github-pages (197)
+ activesupport (= 4.2.10)
+ github-pages-health-check (= 1.16.1)
+ jekyll (= 3.7.4)
+ jekyll-avatar (= 0.6.0)
+ jekyll-coffeescript (= 1.1.1)
+ jekyll-commonmark-ghpages (= 0.1.5)
+ jekyll-default-layout (= 0.1.4)
+ jekyll-feed (= 0.11.0)
+ jekyll-gist (= 1.5.0)
+ jekyll-github-metadata (= 2.12.1)
+ jekyll-mentions (= 1.4.1)
+ jekyll-optional-front-matter (= 0.3.0)
+ jekyll-paginate (= 1.1.0)
+ jekyll-readme-index (= 0.2.0)
+ jekyll-redirect-from (= 0.14.0)
+ jekyll-relative-links (= 0.6.0)
+ jekyll-remote-theme (= 0.3.1)
+ jekyll-sass-converter (= 1.5.2)
+ jekyll-seo-tag (= 2.5.0)
+ jekyll-sitemap (= 1.2.0)
+ jekyll-swiss (= 0.4.0)
+ jekyll-theme-architect (= 0.1.1)
+ jekyll-theme-cayman (= 0.1.1)
+ jekyll-theme-dinky (= 0.1.1)
+ jekyll-theme-hacker (= 0.1.1)
+ jekyll-theme-leap-day (= 0.1.1)
+ jekyll-theme-merlot (= 0.1.1)
+ jekyll-theme-midnight (= 0.1.1)
+ jekyll-theme-minimal (= 0.1.1)
+ jekyll-theme-modernist (= 0.1.1)
+ jekyll-theme-primer (= 0.5.3)
+ jekyll-theme-slate (= 0.1.1)
+ jekyll-theme-tactile (= 0.1.1)
+ jekyll-theme-time-machine (= 0.1.1)
+ jekyll-titles-from-headings (= 0.5.1)
+ jemoji (= 0.10.2)
+ kramdown (= 1.17.0)
+ liquid (= 4.0.0)
+ listen (= 3.1.5)
+ mercenary (~> 0.3)
+ minima (= 2.5.0)
+ nokogiri (>= 1.8.5, < 2.0)
+ rouge (= 2.2.1)
+ terminal-table (~> 1.4)
+ github-pages-health-check (1.16.1)
+ addressable (~> 2.3)
+ dnsruby (~> 1.60)
+ octokit (~> 4.0)
+ public_suffix (~> 3.0)
+ typhoeus (~> 1.3)
+ html-pipeline (2.10.0)
+ activesupport (>= 2)
+ nokogiri (>= 1.4)
+ http_parser.rb (0.6.0)
+ i18n (0.9.5)
+ concurrent-ruby (~> 1.0)
+ jekyll (3.7.4)
+ addressable (~> 2.4)
+ colorator (~> 1.0)
+ em-websocket (~> 0.5)
+ i18n (~> 0.7)
+ jekyll-sass-converter (~> 1.0)
+ jekyll-watch (~> 2.0)
+ kramdown (~> 1.14)
+ liquid (~> 4.0)
+ mercenary (~> 0.3.3)
+ pathutil (~> 0.9)
+ rouge (>= 1.7, < 4)
+ safe_yaml (~> 1.0)
+ jekyll-avatar (0.6.0)
+ jekyll (~> 3.0)
+ jekyll-coffeescript (1.1.1)
+ coffee-script (~> 2.2)
+ coffee-script-source (~> 1.11.1)
+ jekyll-commonmark (1.2.0)
+ commonmarker (~> 0.14)
+ jekyll (>= 3.0, < 4.0)
+ jekyll-commonmark-ghpages (0.1.5)
+ commonmarker (~> 0.17.6)
+ jekyll-commonmark (~> 1)
+ rouge (~> 2)
+ jekyll-default-layout (0.1.4)
+ jekyll (~> 3.0)
+ jekyll-feed (0.11.0)
+ jekyll (~> 3.3)
+ jekyll-gist (1.5.0)
+ octokit (~> 4.2)
+ jekyll-github-metadata (2.12.1)
+ jekyll (~> 3.4)
+ octokit (~> 4.0, != 4.4.0)
+ jekyll-mentions (1.4.1)
+ html-pipeline (~> 2.3)
+ jekyll (~> 3.0)
+ jekyll-optional-front-matter (0.3.0)
+ jekyll (~> 3.0)
+ jekyll-paginate (1.1.0)
+ jekyll-readme-index (0.2.0)
+ jekyll (~> 3.0)
+ jekyll-redirect-from (0.14.0)
+ jekyll (~> 3.3)
+ jekyll-relative-links (0.6.0)
+ jekyll (~> 3.3)
+ jekyll-remote-theme (0.3.1)
+ jekyll (~> 3.5)
+ rubyzip (>= 1.2.1, < 3.0)
+ jekyll-sass-converter (1.5.2)
+ sass (~> 3.4)
+ jekyll-seo-tag (2.5.0)
+ jekyll (~> 3.3)
+ jekyll-sitemap (1.2.0)
+ jekyll (~> 3.3)
+ jekyll-swiss (0.4.0)
+ jekyll-theme-architect (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-cayman (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-dinky (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-hacker (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-leap-day (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-merlot (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-midnight (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-minimal (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-modernist (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-primer (0.5.3)
+ jekyll (~> 3.5)
+ jekyll-github-metadata (~> 2.9)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-slate (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-tactile (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-time-machine (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-titles-from-headings (0.5.1)
+ jekyll (~> 3.3)
+ jekyll-watch (2.1.2)
+ listen (~> 3.0)
+ jemoji (0.10.2)
+ gemoji (~> 3.0)
+ html-pipeline (~> 2.2)
+ jekyll (~> 3.0)
+ kramdown (1.17.0)
+ liquid (4.0.0)
+ listen (3.1.5)
+ rb-fsevent (~> 0.9, >= 0.9.4)
+ rb-inotify (~> 0.9, >= 0.9.7)
+ ruby_dep (~> 1.2)
+ mercenary (0.3.6)
+ mini_portile2 (2.4.0)
+ minima (2.5.0)
+ jekyll (~> 3.5)
+ jekyll-feed (~> 0.9)
+ jekyll-seo-tag (~> 2.1)
+ minitest (5.11.3)
+ multipart-post (2.0.0)
+ nokogiri (1.10.4)
+ mini_portile2 (~> 2.4.0)
+ octokit (4.13.0)
+ sawyer (~> 0.8.0, >= 0.5.3)
+ pathutil (0.16.2)
+ forwardable-extended (~> 2.6)
+ public_suffix (3.0.3)
+ rb-fsevent (0.10.3)
+ rb-inotify (0.10.0)
+ ffi (~> 1.0)
+ rouge (2.2.1)
+ ruby-enum (0.7.2)
+ i18n
+ ruby_dep (1.5.0)
+ rubyzip (1.2.2)
+ safe_yaml (1.0.5)
+ sass (3.7.3)
+ sass-listen (~> 4.0.0)
+ sass-listen (4.0.0)
+ rb-fsevent (~> 0.9, >= 0.9.4)
+ rb-inotify (~> 0.9, >= 0.9.7)
+ sawyer (0.8.1)
+ addressable (>= 2.3.5, < 2.6)
+ faraday (~> 0.8, < 1.0)
+ terminal-table (1.8.0)
+ unicode-display_width (~> 1.1, >= 1.1.1)
+ thread_safe (0.3.6)
+ typhoeus (1.3.1)
+ ethon (>= 0.9.0)
+ tzinfo (1.2.5)
+ thread_safe (~> 0.1)
+ unicode-display_width (1.5.0)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ github-pages!
+ jekyll!
+
+BUNDLED WITH
+ 2.0.1
diff --git a/docs/README.md b/docs/README.md
new file mode 100644
index 000000000..dc6f16abf
--- /dev/null
+++ b/docs/README.md
@@ -0,0 +1,57 @@
+# API Improvement Proposals
+
+**TL;DR:** AIPs are lots of documents on how Google does APIs.
+
+## Overview
+
+AIP stands for **API Improvement Proposal**, which is a design document
+providing high-level, concise documentation for API development. The goal is
+for these documents to serve as the source of truth for API-related
+documentation at Google and the way API teams discuss and come to consensus on
+API guidance. The program is named and styled after Python's enhancement
+proposals (PEPs) which have seemed to work pretty well over the years.
+
+### Specific areas inside Google
+
+While much of the API-related guidance is general and spans across all the
+different products at Google, we've found that some teams working in different
+areas may have different customs, styles, or guidance. To accommodate these
+historical differences, we've provided separate blocks of numbers for those
+areas where they might override or extend the more general guidance.
+
+## Getting started
+
+### New to AIPs?
+
+If you're **new to AIPs**, check out the [Frequently Asked Questions][] which
+answer some common questions about how AIPs work and what you need to know.
+
+### Want to use this in your company?
+
+If you like what you see and **want to adopt the general AIPs for your
+organization**, check out our guide on [Adopting AIPs in your company][]. This
+guide walks you through how to start using AIPs and write your own guidance
+specific to your organization.
+
+### Have an idea for an AIP?
+
+If you **have an idea for an AIP that isn't written yet** (yes, there are
+plenty!) check out [Contributing to the project][] to see how you can write
+AIPs for others to follow.
+
+[frequently asked questions]: ./aip/faq.md
+[adopting aips in your company]: ./aip/adopting.md
+[contributing to the project]: ./CONTRIBUTING.md
+
+## License
+
+Except as otherwise noted, the content of this repository is licensed under the
+[Creative Commons Attribution 4.0 License][1], and code samples are licensed
+under the [Apache 2.0 License][2].
+
+For the full text of each license, see [`LICENSE.md`](./LICENSE.md). For
+additional details, see the developer.google.com [Site Policies][3].
+
+[1]: https://creativecommons.org/licenses/by/4.0/
+[2]: https://www.apache.org/licenses/LICENSE-2.0
+[3]: https://developers.google.com/terms/site-policies
diff --git a/docs/_config.yml b/docs/_config.yml
new file mode 100644
index 000000000..de27da076
--- /dev/null
+++ b/docs/_config.yml
@@ -0,0 +1,11 @@
+---
+markdown: kramdown
+plugins:
+ - jekyll-redirect-from
+url: https://googleapis.github.io/api-linter
+defaults:
+ - scope:
+ path: ''
+ values:
+ js:
+ - /assets/js/proto-syntax.js
diff --git a/docs/_includes/linter-breadcrumb.html b/docs/_includes/linter-breadcrumb.html
new file mode 100644
index 000000000..018fd7300
--- /dev/null
+++ b/docs/_includes/linter-breadcrumb.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ API Linter
+
+
+ {%- if (page.url | slice: 0, 7) == '/rules/' %}
+ {%- assign url_segments = page.url | split: '/' %}
+ {%- assign url_limit = url_segments | size | minus: 2 %}
+ {%- assign cursor = '/' %}
+ {%- for segment in url_segments offset: 1 limit: url_limit %}
+ {%- assign cursor = cursor | append: segment | append: '/' %}
+
+
+ {%- unless segment contains "e" %}
+ AIP-{{ segment }}
+ {%- elsif segment == "rules" %}
+ Rule Documentation
+ {%- elsif segment == "core" %}
+ Core rules
+ {%- else %}
+ {{ segment | replace: ('-', ' ') | capitalize }}
+ {% endunless %}
+
+
+ {%- endfor %}
+ {%- endif %}
+
+ {{ page.title }}
+
+
+
diff --git a/docs/_includes/linter-nav-mobile.html b/docs/_includes/linter-nav-mobile.html
new file mode 100644
index 000000000..a659794ee
--- /dev/null
+++ b/docs/_includes/linter-nav-mobile.html
@@ -0,0 +1,35 @@
+
diff --git a/docs/_includes/linter-rule-listing.html b/docs/_includes/linter-rule-listing.html
new file mode 100644
index 000000000..207e7c1da
--- /dev/null
+++ b/docs/_includes/linter-rule-listing.html
@@ -0,0 +1,57 @@
+{% comment %} When this file is included, it *must* be sent a `start` and `end`
+value. This determines which rules are rendered. Both the `start` and `end`
+values are inclusive. {% endcomment -%}
+
+
+
+
+
+
+
+ Expand all
+
+
+ Collapse all
+
+
+
+
+
+
+ {% assign rule_pages = site.pages | where_exp: "p", "p.rule != nil" | group_by: "rule.aip" -%}
+ {% for pbr in rule_pages -%}
+
+ {% endfor -%}
+
+
+
diff --git a/docs/_includes/linter-rule-summary.html b/docs/_includes/linter-rule-summary.html
new file mode 100644
index 000000000..7b2ddb8f9
--- /dev/null
+++ b/docs/_includes/linter-rule-summary.html
@@ -0,0 +1,22 @@
+
+
+ {{ page.rule.name | last }}
+
+ {% if page.rule -%}
+
+ Rule Group
+ {{ page.rule.name | first }}
+
+
+ AIP
+
+ {{ page.rule.aip }}
+
+
+ {% if page.rule.updated -%}
+
+ Updated
+ {{ page.rule.updated }}
+
+ {% endif -%} {% endif -%}
+
diff --git a/docs/_includes/svgs.html b/docs/_includes/svgs.html
new file mode 100644
index 000000000..233daf0d0
--- /dev/null
+++ b/docs/_includes/svgs.html
@@ -0,0 +1,228 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/_includes/toc.html b/docs/_includes/toc.html
new file mode 100644
index 000000000..aa0686e41
--- /dev/null
+++ b/docs/_includes/toc.html
@@ -0,0 +1,79 @@
+{% comment %}
+Taken from https://github.com/allejo/jekyll-toc
+Original file is Copyright © 2017, Vladimir Jimenez
+(Dual-licensed BSD / MIT)
+{% endcomment %}
+{% capture tocWorkspace %}
+ {% comment %}
+ Version 1.0.6
+ https://github.com/allejo/jekyll-toc
+
+ "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+ Usage:
+ {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+ Parameters:
+ * html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+ Optional Parameters:
+ * sanitize (bool) : false - when set to true, the headers will be stripped of any HTML in the TOC
+ * class (string) : '' - a CSS class assigned to the TOC
+ * id (string) : '' - an ID to assigned to the TOC
+ * h_min (int) : 1 - the minimum TOC header level to use; any header lower than this value will be ignored
+ * h_max (int) : 6 - the maximum TOC header level to use; any header greater than this value will be ignored
+ * ordered (bool) : false - when set to true, an ordered list will be outputted instead of an unordered list
+ * item_class (string) : '' - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+ * baseurl (string) : '' - add a base url to the TOC links for when your TOC is on another page than the actual content
+ * anchor_class (string) : '' - add custom class(es) for each anchor element
+
+ Output:
+ An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+ generate the table of contents and will NOT output the markdown given to it
+ {% endcomment %}
+
+ {% capture my_toc %}- {:.toc-header} Contents{% endcapture %}
+ {% assign orderedList = include.ordered | default: false %}
+ {% assign minHeader = include.h_min | default: 1 %}
+ {% assign maxHeader = include.h_max | default: 6 %}
+ {% assign nodes = include.html | split: ' maxHeader %}
+ {% continue %}
+ {% endif %}
+ {% if firstHeader %}
+ {% assign firstHeader = false %}
+ {% assign minHeader = headerLevel %}
+ {% endif %}
+ {% assign indentAmount = headerLevel | minus: minHeader | add: 1 %}
+ {% assign _workspace = node | split: ' ' | first }}>{% endcapture %}
+ {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+ {% assign space = '' %}
+ {% for i in (1..indentAmount) %}
+ {% assign space = space | prepend: ' ' %}
+ {% endfor %}
+ {% unless include.item_class == blank %}
+ {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+ {% endunless %}
+ {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} [{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+ {% endfor %}
+ {% if include.class %}
+ {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+ {% endif %}
+ {% if include.id %}
+ {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+ {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
new file mode 100644
index 000000000..e18499c62
--- /dev/null
+++ b/docs/_layouts/default.html
@@ -0,0 +1,240 @@
+
+
+
+ {% if page.aip %}AIP-{{ page.aip.id }}: {% endif %}{{ page.title }}
+
+
+
+
+
+
+ {% for stylesheet in page.css -%}
+
+ {% endfor -%}
+
+
+
+
+
+ {% for js_script in page.js -%}
+
+ {% endfor -%}
+ {% seo %}
+
+
+ {% include svgs.html %}
+
+
+
+
+
+
+
+ {% include linter-breadcrumb.html %}
+ {{ content }}
+
+ {% if page.footer %}
+ {{ page.footer }}
+ {% else %}
+ The Google API linter, including its documentation, is licensed under the
+ Apache 2.0 License .
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/_sass/api-linter/correct.scss b/docs/_sass/api-linter/correct.scss
new file mode 100644
index 000000000..fb7af816f
--- /dev/null
+++ b/docs/_sass/api-linter/correct.scss
@@ -0,0 +1,15 @@
+@import 'colors';
+
+.api-linter-incorrect pre.highlight {
+ border-left: 4px solid $h-google-red-700;
+}
+
+.api-linter-correct pre.highlight {
+ border-left: 4px solid $h-google-green-700;
+}
+
+@media screen {
+ .c1.hide-screen {
+ display: none;
+ }
+}
diff --git a/docs/_sass/api-linter/summary.scss b/docs/_sass/api-linter/summary.scss
new file mode 100644
index 000000000..9d0c912d3
--- /dev/null
+++ b/docs/_sass/api-linter/summary.scss
@@ -0,0 +1,40 @@
+@import 'colors';
+
+table#linter-rule-summary {
+ background-color: $h-gm-grey-50;
+ border: 1px solid $h-gm-grey-200;
+ float: right;
+ margin-top: 2px;
+ margin-left: 10px;
+ margin-bottom: 20px;
+ width: 220px;
+
+ @media (max-width: 800px) {
+ display: none;
+ }
+
+ th {
+ color: $h-gm-grey-800;
+ font-size: 14px;
+ padding: 8px 0px;
+ text-align: center;
+ }
+
+ tr {
+ td {
+ font-size: 12px;
+ padding: 2px 5px;
+
+ &:first-child {
+ @extend .glue-mod-font-weight-bold;
+ color: $h-gm-grey-700;
+ width: 60px;
+ padding-left: 12px;
+ }
+ }
+
+ &:last-child td {
+ padding-bottom: 8px;
+ }
+ }
+}
diff --git a/docs/_sass/api-linter/tables.scss b/docs/_sass/api-linter/tables.scss
new file mode 100644
index 000000000..8b5da56d5
--- /dev/null
+++ b/docs/_sass/api-linter/tables.scss
@@ -0,0 +1,25 @@
+.api-linter-rule-listing {
+ width: 100%;
+
+ @media (max-width: 1024px) {
+ &.glue-table--datatable.glue-table--stacked {
+ border-top: 0px;
+ }
+ }
+
+ &.glue-table--stacked {
+ @media (min-width: 1024px) {
+ td {
+ width: 50%;
+ }
+ }
+
+ td:before {
+ display: none;
+ }
+ }
+}
+
+.glue-expansion-panels .glue-expansion-panel-content > div.has-rule-listing {
+ padding: 0px;
+}
diff --git a/docs/_sass/breadcrumbs.scss b/docs/_sass/breadcrumbs.scss
new file mode 100644
index 000000000..199f64b31
--- /dev/null
+++ b/docs/_sass/breadcrumbs.scss
@@ -0,0 +1,3 @@
+ol.api-linter-breadcrumbs {
+ margin-bottom: 0;
+}
diff --git a/docs/_sass/callouts.scss b/docs/_sass/callouts.scss
new file mode 100644
index 000000000..9603bf2ed
--- /dev/null
+++ b/docs/_sass/callouts.scss
@@ -0,0 +1,63 @@
+@import 'colors.scss';
+
+.callout {
+ margin-top: 5px;
+ margin-left: 20px;
+ margin-right: 20px;
+ padding: 10px 20px;
+ color: $h-gm-grey-800;
+}
+
+.important {
+ @extend .callout;
+ background-color: $h-google-yellow-50;
+ border: 1px solid $h-google-yellow-200;
+}
+
+.note {
+ @extend .callout;
+ background-color: $h-google-blue-50;
+ border: 1px solid $h-google-blue-200;
+}
+
+.tldr {
+ @extend .callout;
+ background-color: $h-google-green-50;
+ border: 1px solid $h-google-green-200;
+}
+
+.warning {
+ @extend .callout;
+ background-color: $h-google-red-50;
+ border: 1px solid $h-google-red-200;
+}
+
+code {
+ font-size: 90% !important;
+}
+
+.docs-component-main {
+ blockquote {
+ border-left: 4px solid $h-google-grey-500;
+ margin: 20px;
+ padding-left: 20px;
+ }
+
+ code {
+ font-size: 0.9em;
+ }
+
+ pre {
+ font-size: 14px;
+ margin: 20px;
+ padding: 9px 14px;
+
+ code {
+ color: $h-google-grey-900;
+ }
+ }
+}
+
+.digraph {
+ text-align: center;
+}
diff --git a/docs/_sass/colors.scss b/docs/_sass/colors.scss
new file mode 100644
index 000000000..099085330
--- /dev/null
+++ b/docs/_sass/colors.scss
@@ -0,0 +1,649 @@
+// Forked. Do not edit.
+$h-default-color-weight: 500 !default;
+
+// Palettes
+$h-google-reds: (
+ 50: #fbe9e7,
+ 100: #f4c7c3,
+ 200: #eda29b,
+ 300: #e67c73,
+ 400: #e06055,
+ 500: #db4437,
+ 600: #d23f31,
+ 700: #c53929,
+ 800: #b93221,
+ 900: #a52714
+);
+
+$h-pinks: (
+ 50: #fce4ec,
+ 100: #f8bbd0,
+ 200: #f48fb1,
+ 300: #f06292,
+ 400: #ec407a,
+ 500: #e91e63,
+ 600: #d81b60,
+ 700: #c2185b,
+ 800: #ad1457,
+ 900: #880e4f
+);
+
+$h-purples: (
+ 50: #f3e5f5,
+ 100: #e1bee7,
+ 200: #ce93d8,
+ 300: #ba68c8,
+ 400: #ab47bc,
+ 500: #9c27b0,
+ 600: #8e24aa,
+ 700: #7b1fa2,
+ 800: #6a1b9a,
+ 900: #4a148c
+);
+
+$h-deep-purples: (
+ 50: #ede7f6,
+ 100: #d1c4e9,
+ 200: #b39ddb,
+ 300: #9575cd,
+ 400: #7e57c2,
+ 500: #673ab7,
+ 600: #5e35b1,
+ 700: #512da8,
+ 800: #4527a0,
+ 900: #311b92
+);
+
+$h-indigos: (
+ 50: #e8eaf6,
+ 100: #c5cae9,
+ 200: #9fa8da,
+ 300: #7986cb,
+ 400: #5c6bc0,
+ 500: #3f51b5,
+ 600: #3949ab,
+ 700: #303f9f,
+ 800: #283593,
+ 900: #1a237e
+);
+
+$h-google-blues: (
+ 50: #e8f0fe,
+ 100: #c6dafc,
+ 200: #a1c2fa,
+ 300: #7baaf7,
+ 400: #5e97f6,
+ 500: #4285f4,
+ 600: #3b78e7,
+ 700: #3367d6,
+ 800: #2a56c6,
+ 900: #1c3aa9
+);
+
+$h-light-blues: (
+ 50: #e1f5fe,
+ 100: #b3e5fc,
+ 200: #81d4fa,
+ 300: #4fc3f7,
+ 400: #29b6f6,
+ 500: #03a9f4,
+ 600: #039be5,
+ 700: #0288d1,
+ 800: #0277bd,
+ 900: #01579b
+);
+
+$h-cyans: (
+ 50: #e0f7fa,
+ 100: #b2ebf2,
+ 200: #80deea,
+ 300: #4dd0e1,
+ 400: #26c6da,
+ 500: #00bcd4,
+ 600: #00acc1,
+ 700: #0097a7,
+ 800: #00838f,
+ 900: #006064
+);
+
+$h-teals: (
+ 50: #e0f2f1,
+ 100: #b2dfdb,
+ 200: #80cbc4,
+ 300: #4db6ac,
+ 400: #26a69a,
+ 500: #009688,
+ 600: #00897b,
+ 700: #00796b,
+ 800: #00695c,
+ 900: #004d40
+);
+
+$h-google-greens: (
+ 50: #e2f3eb,
+ 100: #b7e1cd,
+ 200: #87ceac,
+ 300: #57bb8a,
+ 400: #33ac71,
+ 500: #0f9d58,
+ 600: #0d904f,
+ 700: #0b8043,
+ 800: #097138,
+ 900: #055524
+);
+
+$h-light-greens: (
+ 50: #f1f8e9,
+ 100: #dcedc8,
+ 200: #c5e1a5,
+ 300: #aed581,
+ 400: #9ccc65,
+ 500: #8bc34a,
+ 600: #7cb342,
+ 700: #689f38,
+ 800: #558b2f,
+ 900: #33691e
+);
+
+$h-limes: (
+ 50: #f9fbe7,
+ 100: #f0f4c3,
+ 200: #e6ee9c,
+ 300: #dce775,
+ 400: #d4e157,
+ 500: #cddc39,
+ 600: #c0ca33,
+ 700: #afb42b,
+ 800: #9e9d24,
+ 900: #827717
+);
+
+$h-yellows: (
+ 50: #fffde7,
+ 100: #fff9c4,
+ 200: #fff59d,
+ 300: #fff176,
+ 400: #ffee58,
+ 500: #ffeb3b,
+ 600: #fdd835,
+ 700: #fbc02d,
+ 800: #f9a825,
+ 900: #f57f17
+);
+
+$h-google-yellows: (
+ 50: #fef6e0,
+ 100: #fce8b2,
+ 200: #fada80,
+ 300: #f7cb4d,
+ 400: #f6bf26,
+ 500: #f4b400,
+ 600: #f2a600,
+ 700: #f09300,
+ 800: #ee8100,
+ 900: #ea6100
+);
+
+$h-oranges: (
+ 50: #fff3e0,
+ 100: #ffe0b2,
+ 200: #ffcc80,
+ 300: #ffb74d,
+ 400: #ffa726,
+ 500: #ff9800,
+ 600: #fb8c00,
+ 700: #f57c00,
+ 800: #ef6c00,
+ 900: #e65100
+);
+
+$h-deep-oranges: (
+ 50: #fbe9e7,
+ 100: #ffccbc,
+ 200: #ffab91,
+ 300: #ff8a65,
+ 400: #ff7043,
+ 500: #ff5722,
+ 600: #f4511e,
+ 700: #e64a19,
+ 800: #d84315,
+ 900: #bf360c
+);
+
+$h-browns: (
+ 50: #efebe9,
+ 100: #d7ccc8,
+ 200: #bcaaa4,
+ 300: #a1887f,
+ 400: #8d6e63,
+ 500: #795548,
+ 600: #6d4c41,
+ 700: #5d4037,
+ 800: #4e342e,
+ 900: #3e2723
+);
+
+$h-google-greys: (
+ 50: #fafafa,
+ 100: #f5f5f5,
+ 200: #eee,
+ 300: #e0e0e0,
+ 400: #bdbdbd,
+ 500: #9e9e9e,
+ 600: #757575,
+ 700: #616161,
+ 800: #424242,
+ 900: #212121
+);
+
+$h-blue-greys: (
+ 50: #eceff1,
+ 100: #cfd8dc,
+ 200: #b0bec5,
+ 300: #90a4ae,
+ 400: #78909c,
+ 500: #607d8b,
+ 600: #546e7a,
+ 700: #455a64,
+ 800: #37474f,
+ 900: #263238
+);
+
+$h-gm-greys: (
+ 50: #f8f9fa,
+ 100: #f1f3f4,
+ 200: #e8eaed,
+ 300: #dadce0,
+ 400: #bdc1c6,
+ 500: #9aa0a6,
+ 600: #80868b,
+ 700: #5f6368,
+ 800: #3c4043,
+ 900: #202124
+);
+
+$h-gm-greys-rgba: (
+ 50: rgba(#202124, .03),
+ 100: rgba(#202124, .06),
+ 200: rgba(#202124, .10),
+ 300: rgba(#202124, .16),
+ 400: rgba(#202124, .28),
+ 500: rgba(#202124, .43),
+ 600: rgba(#202124, .55),
+ 700: rgba(#202124, .71),
+ 800: rgba(#202124, .86),
+ 900: rgba(#202124, 1)
+);
+
+$h-gm-blues: (
+ 50: #e8f0fe,
+ 100: #d2e3fc,
+ 500: #4285f4,
+ 600: #1a73e8,
+ 700: #1967d2,
+ 800: #185abc,
+ 900: #174ea6
+);
+
+$h-gm-reds: (
+ 50: #fce8e6,
+ 100: #fad2cf,
+ 500: #ea4335,
+ 600: #d93025,
+ 700: #c5221f,
+ 800: #b31412,
+ 900: #a50e0e
+);
+
+$h-gm-yellows: (
+ 50: #fef7e0,
+ 100: #feefc3,
+ 500: #fbbc04,
+ 600: #f9ab00,
+ 700: #f29900,
+ 800: #ea8600,
+ 900: #e37400
+);
+
+$h-gm-greens: (
+ 50: #e6f4ea,
+ 100: #ceead6,
+ 500: #34a853,
+ 600: #1e8e3e,
+ 700: #188038,
+ 800: #137333,
+ 900: #0d652d
+);
+$h-google-red-50: map-get($h-google-reds, 50);
+$h-google-red-100: map-get($h-google-reds, 100);
+$h-google-red-200: map-get($h-google-reds, 200);
+$h-google-red-300: map-get($h-google-reds, 300);
+$h-google-red-400: map-get($h-google-reds, 400);
+$h-google-red-500: map-get($h-google-reds, 500);
+$h-google-red-600: map-get($h-google-reds, 600);
+$h-google-red-700: map-get($h-google-reds, 700);
+$h-google-red-800: map-get($h-google-reds, 800);
+$h-google-red-900: map-get($h-google-reds, 900);
+
+$h-pink-50: map-get($h-pinks, 50);
+$h-pink-100: map-get($h-pinks, 100);
+$h-pink-200: map-get($h-pinks, 200);
+$h-pink-300: map-get($h-pinks, 300);
+$h-pink-400: map-get($h-pinks, 400);
+$h-pink-500: map-get($h-pinks, 500);
+$h-pink-600: map-get($h-pinks, 600);
+$h-pink-700: map-get($h-pinks, 700);
+$h-pink-800: map-get($h-pinks, 800);
+$h-pink-900: map-get($h-pinks, 900);
+
+$h-purple-50: map-get($h-purples, 50);
+$h-purple-100: map-get($h-purples, 100);
+$h-purple-200: map-get($h-purples, 200);
+$h-purple-300: map-get($h-purples, 300);
+$h-purple-400: map-get($h-purples, 400);
+$h-purple-500: map-get($h-purples, 500);
+$h-purple-600: map-get($h-purples, 600);
+$h-purple-700: map-get($h-purples, 700);
+$h-purple-800: map-get($h-purples, 800);
+$h-purple-900: map-get($h-purples, 900);
+
+$h-deep-purple-50: map-get($h-deep-purples, 50);
+$h-deep-purple-100: map-get($h-deep-purples, 100);
+$h-deep-purple-200: map-get($h-deep-purples, 200);
+$h-deep-purple-300: map-get($h-deep-purples, 300);
+$h-deep-purple-400: map-get($h-deep-purples, 400);
+$h-deep-purple-500: map-get($h-deep-purples, 500);
+$h-deep-purple-600: map-get($h-deep-purples, 600);
+$h-deep-purple-700: map-get($h-deep-purples, 700);
+$h-deep-purple-800: map-get($h-deep-purples, 800);
+$h-deep-purple-900: map-get($h-deep-purples, 900);
+
+$h-indigo-50: map-get($h-indigos, 50);
+$h-indigo-100: map-get($h-indigos, 100);
+$h-indigo-200: map-get($h-indigos, 200);
+$h-indigo-300: map-get($h-indigos, 300);
+$h-indigo-400: map-get($h-indigos, 400);
+$h-indigo-500: map-get($h-indigos, 500);
+$h-indigo-600: map-get($h-indigos, 600);
+$h-indigo-700: map-get($h-indigos, 700);
+$h-indigo-800: map-get($h-indigos, 800);
+$h-indigo-900: map-get($h-indigos, 900);
+
+$h-google-blue-50: map-get($h-google-blues, 50);
+$h-google-blue-100: map-get($h-google-blues, 100);
+$h-google-blue-200: map-get($h-google-blues, 200);
+$h-google-blue-300: map-get($h-google-blues, 300);
+$h-google-blue-400: map-get($h-google-blues, 400);
+$h-google-blue-500: map-get($h-google-blues, 500);
+$h-google-blue-600: map-get($h-google-blues, 600);
+$h-google-blue-700: map-get($h-google-blues, 700);
+$h-google-blue-800: map-get($h-google-blues, 800);
+$h-google-blue-900: map-get($h-google-blues, 900);
+
+$h-light-blue-50: map-get($h-light-blues, 50);
+$h-light-blue-100: map-get($h-light-blues, 100);
+$h-light-blue-200: map-get($h-light-blues, 200);
+$h-light-blue-300: map-get($h-light-blues, 300);
+$h-light-blue-400: map-get($h-light-blues, 400);
+$h-light-blue-500: map-get($h-light-blues, 500);
+$h-light-blue-600: map-get($h-light-blues, 600);
+$h-light-blue-700: map-get($h-light-blues, 700);
+$h-light-blue-800: map-get($h-light-blues, 800);
+$h-light-blue-900: map-get($h-light-blues, 900);
+
+$h-cyan-50: map-get($h-cyans, 50);
+$h-cyan-100: map-get($h-cyans, 100);
+$h-cyan-200: map-get($h-cyans, 200);
+$h-cyan-300: map-get($h-cyans, 300);
+$h-cyan-400: map-get($h-cyans, 400);
+$h-cyan-500: map-get($h-cyans, 500);
+$h-cyan-600: map-get($h-cyans, 600);
+$h-cyan-700: map-get($h-cyans, 700);
+$h-cyan-800: map-get($h-cyans, 800);
+$h-cyan-900: map-get($h-cyans, 900);
+
+$h-teal-50: map-get($h-teals, 50);
+$h-teal-100: map-get($h-teals, 100);
+$h-teal-200: map-get($h-teals, 200);
+$h-teal-300: map-get($h-teals, 300);
+$h-teal-400: map-get($h-teals, 400);
+$h-teal-500: map-get($h-teals, 500);
+$h-teal-600: map-get($h-teals, 600);
+$h-teal-700: map-get($h-teals, 700);
+$h-teal-800: map-get($h-teals, 800);
+$h-teal-900: map-get($h-teals, 900);
+
+$h-google-green-50: map-get($h-google-greens, 50);
+$h-google-green-100: map-get($h-google-greens, 100);
+$h-google-green-200: map-get($h-google-greens, 200);
+$h-google-green-300: map-get($h-google-greens, 300);
+$h-google-green-400: map-get($h-google-greens, 400);
+$h-google-green-500: map-get($h-google-greens, 500);
+$h-google-green-600: map-get($h-google-greens, 600);
+$h-google-green-700: map-get($h-google-greens, 700);
+$h-google-green-800: map-get($h-google-greens, 800);
+$h-google-green-900: map-get($h-google-greens, 900);
+
+$h-light-green-50: map-get($h-light-greens, 50);
+$h-light-green-100: map-get($h-light-greens, 100);
+$h-light-green-200: map-get($h-light-greens, 200);
+$h-light-green-300: map-get($h-light-greens, 300);
+$h-light-green-400: map-get($h-light-greens, 400);
+$h-light-green-500: map-get($h-light-greens, 500);
+$h-light-green-600: map-get($h-light-greens, 600);
+$h-light-green-700: map-get($h-light-greens, 700);
+$h-light-green-800: map-get($h-light-greens, 800);
+$h-light-green-900: map-get($h-light-greens, 900);
+
+$h-lime-50: map-get($h-limes, 50);
+$h-lime-100: map-get($h-limes, 100);
+$h-lime-200: map-get($h-limes, 200);
+$h-lime-300: map-get($h-limes, 300);
+$h-lime-400: map-get($h-limes, 400);
+$h-lime-500: map-get($h-limes, 500);
+$h-lime-600: map-get($h-limes, 600);
+$h-lime-700: map-get($h-limes, 700);
+$h-lime-800: map-get($h-limes, 800);
+$h-lime-900: map-get($h-limes, 900);
+
+$h-yellow-50: map-get($h-yellows, 50);
+$h-yellow-100: map-get($h-yellows, 100);
+$h-yellow-200: map-get($h-yellows, 200);
+$h-yellow-300: map-get($h-yellows, 300);
+$h-yellow-400: map-get($h-yellows, 400);
+$h-yellow-500: map-get($h-yellows, 500);
+$h-yellow-600: map-get($h-yellows, 600);
+$h-yellow-700: map-get($h-yellows, 700);
+$h-yellow-800: map-get($h-yellows, 800);
+$h-yellow-900: map-get($h-yellows, 900);
+
+$h-google-yellow-50: map-get($h-google-yellows, 50);
+$h-google-yellow-100: map-get($h-google-yellows, 100);
+$h-google-yellow-200: map-get($h-google-yellows, 200);
+$h-google-yellow-300: map-get($h-google-yellows, 300);
+$h-google-yellow-400: map-get($h-google-yellows, 400);
+$h-google-yellow-500: map-get($h-google-yellows, 500);
+$h-google-yellow-600: map-get($h-google-yellows, 600);
+$h-google-yellow-700: map-get($h-google-yellows, 700);
+$h-google-yellow-800: map-get($h-google-yellows, 800);
+$h-google-yellow-900: map-get($h-google-yellows, 900);
+
+$h-orange-50: map-get($h-oranges, 50);
+$h-orange-100: map-get($h-oranges, 100);
+$h-orange-200: map-get($h-oranges, 200);
+$h-orange-300: map-get($h-oranges, 300);
+$h-orange-400: map-get($h-oranges, 400);
+$h-orange-500: map-get($h-oranges, 500);
+$h-orange-600: map-get($h-oranges, 600);
+$h-orange-700: map-get($h-oranges, 700);
+$h-orange-800: map-get($h-oranges, 800);
+$h-orange-900: map-get($h-oranges, 900);
+
+$h-deep-orange-50: map-get($h-deep-oranges, 50);
+$h-deep-orange-100: map-get($h-deep-oranges, 100);
+$h-deep-orange-200: map-get($h-deep-oranges, 200);
+$h-deep-orange-300: map-get($h-deep-oranges, 300);
+$h-deep-orange-400: map-get($h-deep-oranges, 400);
+$h-deep-orange-500: map-get($h-deep-oranges, 500);
+$h-deep-orange-600: map-get($h-deep-oranges, 600);
+$h-deep-orange-700: map-get($h-deep-oranges, 700);
+$h-deep-orange-800: map-get($h-deep-oranges, 800);
+$h-deep-orange-900: map-get($h-deep-oranges, 900);
+
+$h-brown-50: map-get($h-browns, 50);
+$h-brown-100: map-get($h-browns, 100);
+$h-brown-200: map-get($h-browns, 200);
+$h-brown-300: map-get($h-browns, 300);
+$h-brown-400: map-get($h-browns, 400);
+$h-brown-500: map-get($h-browns, 500);
+$h-brown-600: map-get($h-browns, 600);
+$h-brown-700: map-get($h-browns, 700);
+$h-brown-800: map-get($h-browns, 800);
+$h-brown-900: map-get($h-browns, 900);
+
+$h-google-grey-50: map-get($h-google-greys, 50);
+$h-google-grey-100: map-get($h-google-greys, 100);
+$h-google-grey-200: map-get($h-google-greys, 200);
+$h-google-grey-300: map-get($h-google-greys, 300);
+$h-google-grey-400: map-get($h-google-greys, 400);
+$h-google-grey-500: map-get($h-google-greys, 500);
+$h-google-grey-600: map-get($h-google-greys, 600);
+$h-google-grey-700: map-get($h-google-greys, 700);
+$h-google-grey-800: map-get($h-google-greys, 800);
+$h-google-grey-900: map-get($h-google-greys, 900);
+
+$h-blue-grey-50: map-get($h-blue-greys, 50);
+$h-blue-grey-100: map-get($h-blue-greys, 100);
+$h-blue-grey-200: map-get($h-blue-greys, 200);
+$h-blue-grey-300: map-get($h-blue-greys, 300);
+$h-blue-grey-400: map-get($h-blue-greys, 400);
+$h-blue-grey-500: map-get($h-blue-greys, 500);
+$h-blue-grey-600: map-get($h-blue-greys, 600);
+$h-blue-grey-700: map-get($h-blue-greys, 700);
+$h-blue-grey-800: map-get($h-blue-greys, 800);
+$h-blue-grey-900: map-get($h-blue-greys, 900);
+
+$h-gm-grey-50: map-get($h-gm-greys, 50);
+$h-gm-grey-100: map-get($h-gm-greys, 100);
+$h-gm-grey-200: map-get($h-gm-greys, 200);
+$h-gm-grey-300: map-get($h-gm-greys, 300);
+$h-gm-grey-400: map-get($h-gm-greys, 400);
+$h-gm-grey-500: map-get($h-gm-greys, 500);
+$h-gm-grey-600: map-get($h-gm-greys, 600);
+$h-gm-grey-700: map-get($h-gm-greys, 700);
+$h-gm-grey-800: map-get($h-gm-greys, 800);
+$h-gm-grey-900: map-get($h-gm-greys, 900);
+
+$h-gm-grey-rgba-50: map-get($h-gm-greys-rgba, 50);
+$h-gm-grey-rgba-100: map-get($h-gm-greys-rgba, 100);
+$h-gm-grey-rgba-200: map-get($h-gm-greys-rgba, 200);
+$h-gm-grey-rgba-300: map-get($h-gm-greys-rgba, 300);
+$h-gm-grey-rgba-400: map-get($h-gm-greys-rgba, 400);
+$h-gm-grey-rgba-500: map-get($h-gm-greys-rgba, 500);
+$h-gm-grey-rgba-600: map-get($h-gm-greys-rgba, 600);
+$h-gm-grey-rgba-700: map-get($h-gm-greys-rgba, 700);
+$h-gm-grey-rgba-800: map-get($h-gm-greys-rgba, 800);
+$h-gm-grey-rgba-900: map-get($h-gm-greys-rgba, 900);
+
+$h-gm-blue-50: map-get($h-gm-blues, 50);
+$h-gm-blue-100: map-get($h-gm-blues, 100);
+$h-gm-blue-500: map-get($h-gm-blues, 500);
+$h-gm-blue-600: map-get($h-gm-blues, 600);
+$h-gm-blue-700: map-get($h-gm-blues, 700);
+$h-gm-blue-800: map-get($h-gm-blues, 800);
+$h-gm-blue-900: map-get($h-gm-blues, 900);
+
+$h-gm-red-50: map-get($h-gm-reds, 50);
+$h-gm-red-100: map-get($h-gm-reds, 100);
+$h-gm-red-500: map-get($h-gm-reds, 500);
+$h-gm-red-600: map-get($h-gm-reds, 600);
+$h-gm-red-700: map-get($h-gm-reds, 700);
+$h-gm-red-800: map-get($h-gm-reds, 800);
+$h-gm-red-900: map-get($h-gm-reds, 900);
+
+$h-gm-yellow-50: map-get($h-gm-yellows, 50);
+$h-gm-yellow-100: map-get($h-gm-yellows, 100);
+$h-gm-yellow-500: map-get($h-gm-yellows, 500);
+$h-gm-yellow-600: map-get($h-gm-yellows, 600);
+$h-gm-yellow-700: map-get($h-gm-yellows, 700);
+$h-gm-yellow-800: map-get($h-gm-yellows, 800);
+$h-gm-yellow-900: map-get($h-gm-yellows, 900);
+
+$h-gm-green-50: map-get($h-gm-greens, 50);
+$h-gm-green-100: map-get($h-gm-greens, 100);
+$h-gm-green-500: map-get($h-gm-greens, 500);
+$h-gm-green-600: map-get($h-gm-greens, 600);
+$h-gm-green-700: map-get($h-gm-greens, 700);
+$h-gm-green-800: map-get($h-gm-greens, 800);
+$h-gm-green-900: map-get($h-gm-greens, 900);
+
+$color-name-to-palette: (
+ 'google-red': $h-google-reds,
+ 'pink': $h-pinks,
+ 'purple': $h-purples,
+ 'deep-purple': $h-deep-purples,
+ 'indigo': $h-indigos,
+ 'google-blue': $h-google-blues,
+ 'light-blue': $h-light-blues,
+ 'cyan': $h-cyans,
+ 'teal': $h-teals,
+ 'google-green': $h-google-greens,
+ 'light-green': $h-light-greens,
+ 'lime': $h-limes,
+ 'yellow': $h-yellows,
+ 'google-yellow': $h-google-yellows,
+ 'orange': $h-oranges,
+ 'deep-orange': $h-deep-oranges,
+ 'brown': $h-browns,
+ 'google-grey': $h-google-greys,
+ 'blue-grey': $h-blue-greys,
+ 'gm-grey': $h-gm-greys,
+ 'gm-grey-rgba': $h-gm-greys-rgba
+);
+
+$color-name-to-palette-short: (
+ 'gm-blue': $h-gm-blues,
+ 'gm-red': $h-gm-reds,
+ 'gm-yellow': $h-gm-yellows,
+ 'gm-green': $h-gm-greens
+);
+
+// Default colors throughout
+$h-primary-color: $h-google-grey-300 !default;
+$h-secondary-color: $h-google-grey-500 !default;
+$h-tertiary-color: $h-google-grey-100 !default;
+$h-success-color: #33ac71 !default;
+$h-warning-color: #ff5252 !default;
+$h-info-color: #448aff !default;
+$h-primary-grey: #414141 !default;
+$h-secondary-grey: #d7d7d7 !default;
+$h-tertiary-grey: #545454 !default;
+
+// Default layout colors
+$h-color-primary-black: $h-gm-grey-900 !default;
+$h-color-border: $h-gm-grey-300 !default;
+$h-color-focus-background: $h-gm-grey-100 !default;
+$h-color-focus-background-rgba: $h-gm-grey-rgba-100 !default;
+$h-color-link-resting: $h-gm-blue-600 !default;
+$h-color-link-active: $h-gm-blue-900 !default;
+
+// Common CSS colors by name
+$h-white: #fff !default;
+$h-ghost: #fafafa !default;
+$h-snow: #f9f9f9 !default;
+$h-vapor: #f6f6f6 !default;
+$h-white-smoke: #f5f5f5 !default;
+$h-silver: #efefef !default;
+$h-smoke: #eee !default;
+$h-gainsboro: #ddd !default;
+$h-iron: #ccc !default;
+$h-base: #aaa !default;
+$h-aluminum: #999 !default;
+$h-jumbo: #888 !default;
+$h-monsoon: #777 !default;
+$h-steel: #666 !default;
+$h-charcoal: #555 !default;
+$h-tuatara: #444 !default;
+$h-oil: #333 !default;
+$h-jet: #222 !default;
+$h-black: #000 !default;
diff --git a/docs/_sass/content.scss b/docs/_sass/content.scss
new file mode 100644
index 000000000..f0fcf6c6a
--- /dev/null
+++ b/docs/_sass/content.scss
@@ -0,0 +1,58 @@
+@import 'colors';
+
+nav li.drawer-heading {
+ padding-left: 16px;
+ padding-right: 16px;
+
+ &:not(:first-child) {
+ margin-top: 32px;
+ }
+
+ .drawer-heading-text {
+ color: $h-google-grey-600;
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 700;
+ height: 48px;
+ letter-spacing: 0.25px;
+ vertical-align: middle;
+ }
+}
+
+// This is a hack.
+// For some reason, the entire element is positioned incorrectly
+// (underneath the top bar) if the breadcrumb is not present.
+// We have breadcrumbs on everything except the front page, and so the left
+// nav was tucking under the header bar on the front page.
+//
+// I can not figure out what makes the inclusion of the breadcrumb the
+// silver bullet here (in fact, there has to be a list element inside the
+// breadcrumb, also), so instead I am giving up and hiding it.
+nav.no-breadcrumb {
+ height: 0px;
+ visibility: hidden;
+
+ & + h1 {
+ margin-top: -88px; // Normally -80.
+ }
+}
+
+body.glue-page
+ .glue-header--product-marketing-one-tier.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: none !important;
+}
+
+@media (max-width: 1200px) {
+ .glue-header .h-c-header__bar .h-c-header__hamburger:first-child {
+ display: table !important;
+ }
+}
+
+.github-logo {
+ width: 1em;
+ height: 1em;
+ margin-right: 6px;
+ margin-top: -2px;
+}
diff --git a/docs/_sass/footer.scss b/docs/_sass/footer.scss
new file mode 100644
index 000000000..454b25103
--- /dev/null
+++ b/docs/_sass/footer.scss
@@ -0,0 +1,11 @@
+@import 'colors';
+
+footer {
+ border-top: 1px solid $h-gm-grey-300;
+ color: $h-gm-grey-700;
+ font-size: 13px;
+ font-style: italic;
+ margin-bottom: 10px;
+ margin-top: 25px;
+ padding-top: 10px;
+}
diff --git a/docs/_sass/glue.scss b/docs/_sass/glue.scss
new file mode 100644
index 000000000..a025190a1
--- /dev/null
+++ b/docs/_sass/glue.scss
@@ -0,0 +1,10707 @@
+// ----------------------------------------------------------------------------
+// The following is a flat-out fork of the hercules CSS.
+// We are stuck forking this because otherwise using @extend is not possible.
+//
+// Original source:
+// https://www.gstatic.com/glue/v21_0/glue.min.css
+// ----------------------------------------------------------------------------
+.glue-google-red-50 {
+ color: #fbe9e7;
+}
+.glue-bg-google-red-50 {
+ background-color: #fbe9e7;
+}
+.glue-google-red-100 {
+ color: #f4c7c3;
+}
+.glue-bg-google-red-100 {
+ background-color: #f4c7c3;
+}
+.glue-google-red-200 {
+ color: #eda29b;
+}
+.glue-bg-google-red-200 {
+ background-color: #eda29b;
+}
+.glue-google-red-300 {
+ color: #e67c73;
+}
+.glue-bg-google-red-300 {
+ background-color: #e67c73;
+}
+.glue-google-red-400 {
+ color: #e06055;
+}
+.glue-bg-google-red-400 {
+ background-color: #e06055;
+}
+.glue-google-red-500 {
+ color: #db4437;
+}
+.glue-bg-google-red-500 {
+ background-color: #db4437;
+}
+.glue-google-red-600 {
+ color: #d23f31;
+}
+.glue-bg-google-red-600 {
+ background-color: #d23f31;
+}
+.glue-google-red-700 {
+ color: #c53929;
+}
+.glue-bg-google-red-700 {
+ background-color: #c53929;
+}
+.glue-google-red-800 {
+ color: #b93221;
+}
+.glue-bg-google-red-800 {
+ background-color: #b93221;
+}
+.glue-google-red-900 {
+ color: #a52714;
+}
+.glue-bg-google-red-900 {
+ background-color: #a52714;
+}
+.glue-pink-50 {
+ color: #fce4ec;
+}
+.glue-bg-pink-50 {
+ background-color: #fce4ec;
+}
+.glue-pink-100 {
+ color: #f8bbd0;
+}
+.glue-bg-pink-100 {
+ background-color: #f8bbd0;
+}
+.glue-pink-200 {
+ color: #f48fb1;
+}
+.glue-bg-pink-200 {
+ background-color: #f48fb1;
+}
+.glue-pink-300 {
+ color: #f06292;
+}
+.glue-bg-pink-300 {
+ background-color: #f06292;
+}
+.glue-pink-400 {
+ color: #ec407a;
+}
+.glue-bg-pink-400 {
+ background-color: #ec407a;
+}
+.glue-pink-500 {
+ color: #e91e63;
+}
+.glue-bg-pink-500 {
+ background-color: #e91e63;
+}
+.glue-pink-600 {
+ color: #d81b60;
+}
+.glue-bg-pink-600 {
+ background-color: #d81b60;
+}
+.glue-pink-700 {
+ color: #c2185b;
+}
+.glue-bg-pink-700 {
+ background-color: #c2185b;
+}
+.glue-pink-800 {
+ color: #ad1457;
+}
+.glue-bg-pink-800 {
+ background-color: #ad1457;
+}
+.glue-pink-900 {
+ color: #880e4f;
+}
+.glue-bg-pink-900 {
+ background-color: #880e4f;
+}
+.glue-purple-50 {
+ color: #f3e5f5;
+}
+.glue-bg-purple-50 {
+ background-color: #f3e5f5;
+}
+.glue-purple-100 {
+ color: #e1bee7;
+}
+.glue-bg-purple-100 {
+ background-color: #e1bee7;
+}
+.glue-purple-200 {
+ color: #ce93d8;
+}
+.glue-bg-purple-200 {
+ background-color: #ce93d8;
+}
+.glue-purple-300 {
+ color: #ba68c8;
+}
+.glue-bg-purple-300 {
+ background-color: #ba68c8;
+}
+.glue-purple-400 {
+ color: #ab47bc;
+}
+.glue-bg-purple-400 {
+ background-color: #ab47bc;
+}
+.glue-purple-500 {
+ color: #9c27b0;
+}
+.glue-bg-purple-500 {
+ background-color: #9c27b0;
+}
+.glue-purple-600 {
+ color: #8e24aa;
+}
+.glue-bg-purple-600 {
+ background-color: #8e24aa;
+}
+.glue-purple-700 {
+ color: #7b1fa2;
+}
+.glue-bg-purple-700 {
+ background-color: #7b1fa2;
+}
+.glue-purple-800 {
+ color: #6a1b9a;
+}
+.glue-bg-purple-800 {
+ background-color: #6a1b9a;
+}
+.glue-purple-900 {
+ color: #4a148c;
+}
+.glue-bg-purple-900 {
+ background-color: #4a148c;
+}
+.glue-deep-purple-50 {
+ color: #ede7f6;
+}
+.glue-bg-deep-purple-50 {
+ background-color: #ede7f6;
+}
+.glue-deep-purple-100 {
+ color: #d1c4e9;
+}
+.glue-bg-deep-purple-100 {
+ background-color: #d1c4e9;
+}
+.glue-deep-purple-200 {
+ color: #b39ddb;
+}
+.glue-bg-deep-purple-200 {
+ background-color: #b39ddb;
+}
+.glue-deep-purple-300 {
+ color: #9575cd;
+}
+.glue-bg-deep-purple-300 {
+ background-color: #9575cd;
+}
+.glue-deep-purple-400 {
+ color: #7e57c2;
+}
+.glue-bg-deep-purple-400 {
+ background-color: #7e57c2;
+}
+.glue-deep-purple-500 {
+ color: #673ab7;
+}
+.glue-bg-deep-purple-500 {
+ background-color: #673ab7;
+}
+.glue-deep-purple-600 {
+ color: #5e35b1;
+}
+.glue-bg-deep-purple-600 {
+ background-color: #5e35b1;
+}
+.glue-deep-purple-700 {
+ color: #512da8;
+}
+.glue-bg-deep-purple-700 {
+ background-color: #512da8;
+}
+.glue-deep-purple-800 {
+ color: #4527a0;
+}
+.glue-bg-deep-purple-800 {
+ background-color: #4527a0;
+}
+.glue-deep-purple-900 {
+ color: #311b92;
+}
+.glue-bg-deep-purple-900 {
+ background-color: #311b92;
+}
+.glue-indigo-50 {
+ color: #e8eaf6;
+}
+.glue-bg-indigo-50 {
+ background-color: #e8eaf6;
+}
+.glue-indigo-100 {
+ color: #c5cae9;
+}
+.glue-bg-indigo-100 {
+ background-color: #c5cae9;
+}
+.glue-indigo-200 {
+ color: #9fa8da;
+}
+.glue-bg-indigo-200 {
+ background-color: #9fa8da;
+}
+.glue-indigo-300 {
+ color: #7986cb;
+}
+.glue-bg-indigo-300 {
+ background-color: #7986cb;
+}
+.glue-indigo-400 {
+ color: #5c6bc0;
+}
+.glue-bg-indigo-400 {
+ background-color: #5c6bc0;
+}
+.glue-indigo-500 {
+ color: #3f51b5;
+}
+.glue-bg-indigo-500 {
+ background-color: #3f51b5;
+}
+.glue-indigo-600 {
+ color: #3949ab;
+}
+.glue-bg-indigo-600 {
+ background-color: #3949ab;
+}
+.glue-indigo-700 {
+ color: #303f9f;
+}
+.glue-bg-indigo-700 {
+ background-color: #303f9f;
+}
+.glue-indigo-800 {
+ color: #283593;
+}
+.glue-bg-indigo-800 {
+ background-color: #283593;
+}
+.glue-indigo-900 {
+ color: #1a237e;
+}
+.glue-bg-indigo-900 {
+ background-color: #1a237e;
+}
+.glue-google-blue-50 {
+ color: #e8f0fe;
+}
+.glue-bg-google-blue-50 {
+ background-color: #e8f0fe;
+}
+.glue-google-blue-100 {
+ color: #c6dafc;
+}
+.glue-bg-google-blue-100 {
+ background-color: #c6dafc;
+}
+.glue-google-blue-200 {
+ color: #a1c2fa;
+}
+.glue-bg-google-blue-200 {
+ background-color: #a1c2fa;
+}
+.glue-google-blue-300 {
+ color: #7baaf7;
+}
+.glue-bg-google-blue-300 {
+ background-color: #7baaf7;
+}
+.glue-google-blue-400 {
+ color: #5e97f6;
+}
+.glue-bg-google-blue-400 {
+ background-color: #5e97f6;
+}
+.glue-google-blue-500 {
+ color: #4285f4;
+}
+.glue-bg-google-blue-500 {
+ background-color: #4285f4;
+}
+.glue-google-blue-600 {
+ color: #3b78e7;
+}
+.glue-bg-google-blue-600 {
+ background-color: #3b78e7;
+}
+.glue-google-blue-700 {
+ color: #3367d6;
+}
+.glue-bg-google-blue-700 {
+ background-color: #3367d6;
+}
+.glue-google-blue-800 {
+ color: #2a56c6;
+}
+.glue-bg-google-blue-800 {
+ background-color: #2a56c6;
+}
+.glue-google-blue-900 {
+ color: #1c3aa9;
+}
+.glue-bg-google-blue-900 {
+ background-color: #1c3aa9;
+}
+.glue-light-blue-50 {
+ color: #e1f5fe;
+}
+.glue-bg-light-blue-50 {
+ background-color: #e1f5fe;
+}
+.glue-light-blue-100 {
+ color: #b3e5fc;
+}
+.glue-bg-light-blue-100 {
+ background-color: #b3e5fc;
+}
+.glue-light-blue-200 {
+ color: #81d4fa;
+}
+.glue-bg-light-blue-200 {
+ background-color: #81d4fa;
+}
+.glue-light-blue-300 {
+ color: #4fc3f7;
+}
+.glue-bg-light-blue-300 {
+ background-color: #4fc3f7;
+}
+.glue-light-blue-400 {
+ color: #29b6f6;
+}
+.glue-bg-light-blue-400 {
+ background-color: #29b6f6;
+}
+.glue-light-blue-500 {
+ color: #03a9f4;
+}
+.glue-bg-light-blue-500 {
+ background-color: #03a9f4;
+}
+.glue-light-blue-600 {
+ color: #039be5;
+}
+.glue-bg-light-blue-600 {
+ background-color: #039be5;
+}
+.glue-light-blue-700 {
+ color: #0288d1;
+}
+.glue-bg-light-blue-700 {
+ background-color: #0288d1;
+}
+.glue-light-blue-800 {
+ color: #0277bd;
+}
+.glue-bg-light-blue-800 {
+ background-color: #0277bd;
+}
+.glue-light-blue-900 {
+ color: #01579b;
+}
+.glue-bg-light-blue-900 {
+ background-color: #01579b;
+}
+.glue-cyan-50 {
+ color: #e0f7fa;
+}
+.glue-bg-cyan-50 {
+ background-color: #e0f7fa;
+}
+.glue-cyan-100 {
+ color: #b2ebf2;
+}
+.glue-bg-cyan-100 {
+ background-color: #b2ebf2;
+}
+.glue-cyan-200 {
+ color: #80deea;
+}
+.glue-bg-cyan-200 {
+ background-color: #80deea;
+}
+.glue-cyan-300 {
+ color: #4dd0e1;
+}
+.glue-bg-cyan-300 {
+ background-color: #4dd0e1;
+}
+.glue-cyan-400 {
+ color: #26c6da;
+}
+.glue-bg-cyan-400 {
+ background-color: #26c6da;
+}
+.glue-cyan-500 {
+ color: #00bcd4;
+}
+.glue-bg-cyan-500 {
+ background-color: #00bcd4;
+}
+.glue-cyan-600 {
+ color: #00acc1;
+}
+.glue-bg-cyan-600 {
+ background-color: #00acc1;
+}
+.glue-cyan-700 {
+ color: #0097a7;
+}
+.glue-bg-cyan-700 {
+ background-color: #0097a7;
+}
+.glue-cyan-800 {
+ color: #00838f;
+}
+.glue-bg-cyan-800 {
+ background-color: #00838f;
+}
+.glue-cyan-900 {
+ color: #006064;
+}
+.glue-bg-cyan-900 {
+ background-color: #006064;
+}
+.glue-teal-50 {
+ color: #e0f2f1;
+}
+.glue-bg-teal-50 {
+ background-color: #e0f2f1;
+}
+.glue-teal-100 {
+ color: #b2dfdb;
+}
+.glue-bg-teal-100 {
+ background-color: #b2dfdb;
+}
+.glue-teal-200 {
+ color: #80cbc4;
+}
+.glue-bg-teal-200 {
+ background-color: #80cbc4;
+}
+.glue-teal-300 {
+ color: #4db6ac;
+}
+.glue-bg-teal-300 {
+ background-color: #4db6ac;
+}
+.glue-teal-400 {
+ color: #26a69a;
+}
+.glue-bg-teal-400 {
+ background-color: #26a69a;
+}
+.glue-teal-500 {
+ color: #009688;
+}
+.glue-bg-teal-500 {
+ background-color: #009688;
+}
+.glue-teal-600 {
+ color: #00897b;
+}
+.glue-bg-teal-600 {
+ background-color: #00897b;
+}
+.glue-teal-700 {
+ color: #00796b;
+}
+.glue-bg-teal-700 {
+ background-color: #00796b;
+}
+.glue-teal-800 {
+ color: #00695c;
+}
+.glue-bg-teal-800 {
+ background-color: #00695c;
+}
+.glue-teal-900 {
+ color: #004d40;
+}
+.glue-bg-teal-900 {
+ background-color: #004d40;
+}
+.glue-google-green-50 {
+ color: #e2f3eb;
+}
+.glue-bg-google-green-50 {
+ background-color: #e2f3eb;
+}
+.glue-google-green-100 {
+ color: #b7e1cd;
+}
+.glue-bg-google-green-100 {
+ background-color: #b7e1cd;
+}
+.glue-google-green-200 {
+ color: #87ceac;
+}
+.glue-bg-google-green-200 {
+ background-color: #87ceac;
+}
+.glue-google-green-300 {
+ color: #57bb8a;
+}
+.glue-bg-google-green-300 {
+ background-color: #57bb8a;
+}
+.glue-google-green-400 {
+ color: #33ac71;
+}
+.glue-bg-google-green-400 {
+ background-color: #33ac71;
+}
+.glue-google-green-500 {
+ color: #0f9d58;
+}
+.glue-bg-google-green-500 {
+ background-color: #0f9d58;
+}
+.glue-google-green-600 {
+ color: #0d904f;
+}
+.glue-bg-google-green-600 {
+ background-color: #0d904f;
+}
+.glue-google-green-700 {
+ color: #0b8043;
+}
+.glue-bg-google-green-700 {
+ background-color: #0b8043;
+}
+.glue-google-green-800 {
+ color: #097138;
+}
+.glue-bg-google-green-800 {
+ background-color: #097138;
+}
+.glue-google-green-900 {
+ color: #055524;
+}
+.glue-bg-google-green-900 {
+ background-color: #055524;
+}
+.glue-light-green-50 {
+ color: #f1f8e9;
+}
+.glue-bg-light-green-50 {
+ background-color: #f1f8e9;
+}
+.glue-light-green-100 {
+ color: #dcedc8;
+}
+.glue-bg-light-green-100 {
+ background-color: #dcedc8;
+}
+.glue-light-green-200 {
+ color: #c5e1a5;
+}
+.glue-bg-light-green-200 {
+ background-color: #c5e1a5;
+}
+.glue-light-green-300 {
+ color: #aed581;
+}
+.glue-bg-light-green-300 {
+ background-color: #aed581;
+}
+.glue-light-green-400 {
+ color: #9ccc65;
+}
+.glue-bg-light-green-400 {
+ background-color: #9ccc65;
+}
+.glue-light-green-500 {
+ color: #8bc34a;
+}
+.glue-bg-light-green-500 {
+ background-color: #8bc34a;
+}
+.glue-light-green-600 {
+ color: #7cb342;
+}
+.glue-bg-light-green-600 {
+ background-color: #7cb342;
+}
+.glue-light-green-700 {
+ color: #689f38;
+}
+.glue-bg-light-green-700 {
+ background-color: #689f38;
+}
+.glue-light-green-800 {
+ color: #558b2f;
+}
+.glue-bg-light-green-800 {
+ background-color: #558b2f;
+}
+.glue-light-green-900 {
+ color: #33691e;
+}
+.glue-bg-light-green-900 {
+ background-color: #33691e;
+}
+.glue-lime-50 {
+ color: #f9fbe7;
+}
+.glue-bg-lime-50 {
+ background-color: #f9fbe7;
+}
+.glue-lime-100 {
+ color: #f0f4c3;
+}
+.glue-bg-lime-100 {
+ background-color: #f0f4c3;
+}
+.glue-lime-200 {
+ color: #e6ee9c;
+}
+.glue-bg-lime-200 {
+ background-color: #e6ee9c;
+}
+.glue-lime-300 {
+ color: #dce775;
+}
+.glue-bg-lime-300 {
+ background-color: #dce775;
+}
+.glue-lime-400 {
+ color: #d4e157;
+}
+.glue-bg-lime-400 {
+ background-color: #d4e157;
+}
+.glue-lime-500 {
+ color: #cddc39;
+}
+.glue-bg-lime-500 {
+ background-color: #cddc39;
+}
+.glue-lime-600 {
+ color: #c0ca33;
+}
+.glue-bg-lime-600 {
+ background-color: #c0ca33;
+}
+.glue-lime-700 {
+ color: #afb42b;
+}
+.glue-bg-lime-700 {
+ background-color: #afb42b;
+}
+.glue-lime-800 {
+ color: #9e9d24;
+}
+.glue-bg-lime-800 {
+ background-color: #9e9d24;
+}
+.glue-lime-900 {
+ color: #827717;
+}
+.glue-bg-lime-900 {
+ background-color: #827717;
+}
+.glue-yellow-50 {
+ color: #fffde7;
+}
+.glue-bg-yellow-50 {
+ background-color: #fffde7;
+}
+.glue-yellow-100 {
+ color: #fff9c4;
+}
+.glue-bg-yellow-100 {
+ background-color: #fff9c4;
+}
+.glue-yellow-200 {
+ color: #fff59d;
+}
+.glue-bg-yellow-200 {
+ background-color: #fff59d;
+}
+.glue-yellow-300 {
+ color: #fff176;
+}
+.glue-bg-yellow-300 {
+ background-color: #fff176;
+}
+.glue-yellow-400 {
+ color: #ffee58;
+}
+.glue-bg-yellow-400 {
+ background-color: #ffee58;
+}
+.glue-yellow-500 {
+ color: #ffeb3b;
+}
+.glue-bg-yellow-500 {
+ background-color: #ffeb3b;
+}
+.glue-yellow-600 {
+ color: #fdd835;
+}
+.glue-bg-yellow-600 {
+ background-color: #fdd835;
+}
+.glue-yellow-700 {
+ color: #fbc02d;
+}
+.glue-bg-yellow-700 {
+ background-color: #fbc02d;
+}
+.glue-yellow-800 {
+ color: #f9a825;
+}
+.glue-bg-yellow-800 {
+ background-color: #f9a825;
+}
+.glue-yellow-900 {
+ color: #f57f17;
+}
+.glue-bg-yellow-900 {
+ background-color: #f57f17;
+}
+.glue-google-yellow-50 {
+ color: #fef6e0;
+}
+.glue-bg-google-yellow-50 {
+ background-color: #fef6e0;
+}
+.glue-google-yellow-100 {
+ color: #fce8b2;
+}
+.glue-bg-google-yellow-100 {
+ background-color: #fce8b2;
+}
+.glue-google-yellow-200 {
+ color: #fada80;
+}
+.glue-bg-google-yellow-200 {
+ background-color: #fada80;
+}
+.glue-google-yellow-300 {
+ color: #f7cb4d;
+}
+.glue-bg-google-yellow-300 {
+ background-color: #f7cb4d;
+}
+.glue-google-yellow-400 {
+ color: #f6bf26;
+}
+.glue-bg-google-yellow-400 {
+ background-color: #f6bf26;
+}
+.glue-google-yellow-500 {
+ color: #f4b400;
+}
+.glue-bg-google-yellow-500 {
+ background-color: #f4b400;
+}
+.glue-google-yellow-600 {
+ color: #f2a600;
+}
+.glue-bg-google-yellow-600 {
+ background-color: #f2a600;
+}
+.glue-google-yellow-700 {
+ color: #f09300;
+}
+.glue-bg-google-yellow-700 {
+ background-color: #f09300;
+}
+.glue-google-yellow-800 {
+ color: #ee8100;
+}
+.glue-bg-google-yellow-800 {
+ background-color: #ee8100;
+}
+.glue-google-yellow-900 {
+ color: #ea6100;
+}
+.glue-bg-google-yellow-900 {
+ background-color: #ea6100;
+}
+.glue-orange-50 {
+ color: #fff3e0;
+}
+.glue-bg-orange-50 {
+ background-color: #fff3e0;
+}
+.glue-orange-100 {
+ color: #ffe0b2;
+}
+.glue-bg-orange-100 {
+ background-color: #ffe0b2;
+}
+.glue-orange-200 {
+ color: #ffcc80;
+}
+.glue-bg-orange-200 {
+ background-color: #ffcc80;
+}
+.glue-orange-300 {
+ color: #ffb74d;
+}
+.glue-bg-orange-300 {
+ background-color: #ffb74d;
+}
+.glue-orange-400 {
+ color: #ffa726;
+}
+.glue-bg-orange-400 {
+ background-color: #ffa726;
+}
+.glue-orange-500 {
+ color: #ff9800;
+}
+.glue-bg-orange-500 {
+ background-color: #ff9800;
+}
+.glue-orange-600 {
+ color: #fb8c00;
+}
+.glue-bg-orange-600 {
+ background-color: #fb8c00;
+}
+.glue-orange-700 {
+ color: #f57c00;
+}
+.glue-bg-orange-700 {
+ background-color: #f57c00;
+}
+.glue-orange-800 {
+ color: #ef6c00;
+}
+.glue-bg-orange-800 {
+ background-color: #ef6c00;
+}
+.glue-orange-900 {
+ color: #e65100;
+}
+.glue-bg-orange-900 {
+ background-color: #e65100;
+}
+.glue-deep-orange-50 {
+ color: #fbe9e7;
+}
+.glue-bg-deep-orange-50 {
+ background-color: #fbe9e7;
+}
+.glue-deep-orange-100 {
+ color: #ffccbc;
+}
+.glue-bg-deep-orange-100 {
+ background-color: #ffccbc;
+}
+.glue-deep-orange-200 {
+ color: #ffab91;
+}
+.glue-bg-deep-orange-200 {
+ background-color: #ffab91;
+}
+.glue-deep-orange-300 {
+ color: #ff8a65;
+}
+.glue-bg-deep-orange-300 {
+ background-color: #ff8a65;
+}
+.glue-deep-orange-400 {
+ color: #ff7043;
+}
+.glue-bg-deep-orange-400 {
+ background-color: #ff7043;
+}
+.glue-deep-orange-500 {
+ color: #ff5722;
+}
+.glue-bg-deep-orange-500 {
+ background-color: #ff5722;
+}
+.glue-deep-orange-600 {
+ color: #f4511e;
+}
+.glue-bg-deep-orange-600 {
+ background-color: #f4511e;
+}
+.glue-deep-orange-700 {
+ color: #e64a19;
+}
+.glue-bg-deep-orange-700 {
+ background-color: #e64a19;
+}
+.glue-deep-orange-800 {
+ color: #d84315;
+}
+.glue-bg-deep-orange-800 {
+ background-color: #d84315;
+}
+.glue-deep-orange-900 {
+ color: #bf360c;
+}
+.glue-bg-deep-orange-900 {
+ background-color: #bf360c;
+}
+.glue-brown-50 {
+ color: #efebe9;
+}
+.glue-bg-brown-50 {
+ background-color: #efebe9;
+}
+.glue-brown-100 {
+ color: #d7ccc8;
+}
+.glue-bg-brown-100 {
+ background-color: #d7ccc8;
+}
+.glue-brown-200 {
+ color: #bcaaa4;
+}
+.glue-bg-brown-200 {
+ background-color: #bcaaa4;
+}
+.glue-brown-300 {
+ color: #a1887f;
+}
+.glue-bg-brown-300 {
+ background-color: #a1887f;
+}
+.glue-brown-400 {
+ color: #8d6e63;
+}
+.glue-bg-brown-400 {
+ background-color: #8d6e63;
+}
+.glue-brown-500 {
+ color: #795548;
+}
+.glue-bg-brown-500 {
+ background-color: #795548;
+}
+.glue-brown-600 {
+ color: #6d4c41;
+}
+.glue-bg-brown-600 {
+ background-color: #6d4c41;
+}
+.glue-brown-700 {
+ color: #5d4037;
+}
+.glue-bg-brown-700 {
+ background-color: #5d4037;
+}
+.glue-brown-800 {
+ color: #4e342e;
+}
+.glue-bg-brown-800 {
+ background-color: #4e342e;
+}
+.glue-brown-900 {
+ color: #3e2723;
+}
+.glue-bg-brown-900 {
+ background-color: #3e2723;
+}
+.glue-google-grey-50 {
+ color: #fafafa;
+}
+.glue-bg-google-grey-50 {
+ background-color: #fafafa;
+}
+.glue-google-grey-100 {
+ color: #f5f5f5;
+}
+.glue-bg-google-grey-100 {
+ background-color: #f5f5f5;
+}
+.glue-google-grey-200 {
+ color: #eee;
+}
+.glue-bg-google-grey-200 {
+ background-color: #eee;
+}
+.glue-google-grey-300 {
+ color: #e0e0e0;
+}
+.glue-bg-google-grey-300 {
+ background-color: #e0e0e0;
+}
+.glue-google-grey-400 {
+ color: #bdbdbd;
+}
+.glue-bg-google-grey-400 {
+ background-color: #bdbdbd;
+}
+.glue-google-grey-500 {
+ color: #9e9e9e;
+}
+.glue-bg-google-grey-500 {
+ background-color: #9e9e9e;
+}
+.glue-google-grey-600 {
+ color: #757575;
+}
+.glue-bg-google-grey-600 {
+ background-color: #757575;
+}
+.glue-google-grey-700 {
+ color: #616161;
+}
+.glue-bg-google-grey-700 {
+ background-color: #616161;
+}
+.glue-google-grey-800 {
+ color: #424242;
+}
+.glue-bg-google-grey-800 {
+ background-color: #424242;
+}
+.glue-google-grey-900 {
+ color: #212121;
+}
+.glue-bg-google-grey-900 {
+ background-color: #212121;
+}
+.glue-blue-grey-50 {
+ color: #eceff1;
+}
+.glue-bg-blue-grey-50 {
+ background-color: #eceff1;
+}
+.glue-blue-grey-100 {
+ color: #cfd8dc;
+}
+.glue-bg-blue-grey-100 {
+ background-color: #cfd8dc;
+}
+.glue-blue-grey-200 {
+ color: #b0bec5;
+}
+.glue-bg-blue-grey-200 {
+ background-color: #b0bec5;
+}
+.glue-blue-grey-300 {
+ color: #90a4ae;
+}
+.glue-bg-blue-grey-300 {
+ background-color: #90a4ae;
+}
+.glue-blue-grey-400 {
+ color: #78909c;
+}
+.glue-bg-blue-grey-400 {
+ background-color: #78909c;
+}
+.glue-blue-grey-500 {
+ color: #607d8b;
+}
+.glue-bg-blue-grey-500 {
+ background-color: #607d8b;
+}
+.glue-blue-grey-600 {
+ color: #546e7a;
+}
+.glue-bg-blue-grey-600 {
+ background-color: #546e7a;
+}
+.glue-blue-grey-700 {
+ color: #455a64;
+}
+.glue-bg-blue-grey-700 {
+ background-color: #455a64;
+}
+.glue-blue-grey-800 {
+ color: #37474f;
+}
+.glue-bg-blue-grey-800 {
+ background-color: #37474f;
+}
+.glue-blue-grey-900 {
+ color: #263238;
+}
+.glue-bg-blue-grey-900 {
+ background-color: #263238;
+}
+.glue-gm-grey-50 {
+ color: #f8f9fa;
+}
+.glue-bg-gm-grey-50 {
+ background-color: #f8f9fa;
+}
+.glue-gm-grey-100 {
+ color: #f1f3f4;
+}
+.glue-bg-gm-grey-100 {
+ background-color: #f1f3f4;
+}
+.glue-gm-grey-200 {
+ color: #e8eaed;
+}
+.glue-bg-gm-grey-200 {
+ background-color: #e8eaed;
+}
+.glue-gm-grey-300 {
+ color: #dadce0;
+}
+.glue-bg-gm-grey-300 {
+ background-color: #dadce0;
+}
+.glue-gm-grey-400 {
+ color: #bdc1c6;
+}
+.glue-bg-gm-grey-400 {
+ background-color: #bdc1c6;
+}
+.glue-gm-grey-500 {
+ color: #9aa0a6;
+}
+.glue-bg-gm-grey-500 {
+ background-color: #9aa0a6;
+}
+.glue-gm-grey-600 {
+ color: #80868b;
+}
+.glue-bg-gm-grey-600 {
+ background-color: #80868b;
+}
+.glue-gm-grey-700 {
+ color: #5f6368;
+}
+.glue-bg-gm-grey-700 {
+ background-color: #5f6368;
+}
+.glue-gm-grey-800 {
+ color: #3c4043;
+}
+.glue-bg-gm-grey-800 {
+ background-color: #3c4043;
+}
+.glue-gm-grey-900 {
+ color: #202124;
+}
+.glue-bg-gm-grey-900 {
+ background-color: #202124;
+}
+.glue-gm-grey-rgba-50 {
+ color: rgba(32, 33, 36, 0.03);
+}
+.glue-bg-gm-grey-rgba-50 {
+ background-color: rgba(32, 33, 36, 0.03);
+}
+.glue-gm-grey-rgba-100 {
+ color: rgba(32, 33, 36, 0.06);
+}
+.glue-bg-gm-grey-rgba-100 {
+ background-color: rgba(32, 33, 36, 0.06);
+}
+.glue-gm-grey-rgba-200 {
+ color: rgba(32, 33, 36, 0.1);
+}
+.glue-bg-gm-grey-rgba-200 {
+ background-color: rgba(32, 33, 36, 0.1);
+}
+.glue-gm-grey-rgba-300 {
+ color: rgba(32, 33, 36, 0.16);
+}
+.glue-bg-gm-grey-rgba-300 {
+ background-color: rgba(32, 33, 36, 0.16);
+}
+.glue-gm-grey-rgba-400 {
+ color: rgba(32, 33, 36, 0.28);
+}
+.glue-bg-gm-grey-rgba-400 {
+ background-color: rgba(32, 33, 36, 0.28);
+}
+.glue-gm-grey-rgba-500 {
+ color: rgba(32, 33, 36, 0.43);
+}
+.glue-bg-gm-grey-rgba-500 {
+ background-color: rgba(32, 33, 36, 0.43);
+}
+.glue-gm-grey-rgba-600 {
+ color: rgba(32, 33, 36, 0.55);
+}
+.glue-bg-gm-grey-rgba-600 {
+ background-color: rgba(32, 33, 36, 0.55);
+}
+.glue-gm-grey-rgba-700 {
+ color: rgba(32, 33, 36, 0.71);
+}
+.glue-bg-gm-grey-rgba-700 {
+ background-color: rgba(32, 33, 36, 0.71);
+}
+.glue-gm-grey-rgba-800 {
+ color: rgba(32, 33, 36, 0.86);
+}
+.glue-bg-gm-grey-rgba-800 {
+ background-color: rgba(32, 33, 36, 0.86);
+}
+.glue-gm-grey-rgba-900 {
+ color: #202124;
+}
+.glue-bg-gm-grey-rgba-900 {
+ background-color: #202124;
+}
+.glue-gm-blue-50 {
+ color: #e8f0fe;
+}
+.glue-bg-gm-blue-50 {
+ background-color: #e8f0fe;
+}
+.glue-gm-blue-100 {
+ color: #d2e3fc;
+}
+.glue-bg-gm-blue-100 {
+ background-color: #d2e3fc;
+}
+.glue-gm-blue-500 {
+ color: #4285f4;
+}
+.glue-bg-gm-blue-500 {
+ background-color: #4285f4;
+}
+.glue-gm-blue-600 {
+ color: #1a73e8;
+}
+.glue-bg-gm-blue-600 {
+ background-color: #1a73e8;
+}
+.glue-gm-blue-700 {
+ color: #1967d2;
+}
+.glue-bg-gm-blue-700 {
+ background-color: #1967d2;
+}
+.glue-gm-blue-800 {
+ color: #185abc;
+}
+.glue-bg-gm-blue-800 {
+ background-color: #185abc;
+}
+.glue-gm-blue-900 {
+ color: #174ea6;
+}
+.glue-bg-gm-blue-900 {
+ background-color: #174ea6;
+}
+.glue-gm-red-50 {
+ color: #fce8e6;
+}
+.glue-bg-gm-red-50 {
+ background-color: #fce8e6;
+}
+.glue-gm-red-100 {
+ color: #fad2cf;
+}
+.glue-bg-gm-red-100 {
+ background-color: #fad2cf;
+}
+.glue-gm-red-500 {
+ color: #ea4335;
+}
+.glue-bg-gm-red-500 {
+ background-color: #ea4335;
+}
+.glue-gm-red-600 {
+ color: #d93025;
+}
+.glue-bg-gm-red-600 {
+ background-color: #d93025;
+}
+.glue-gm-red-700 {
+ color: #c5221f;
+}
+.glue-bg-gm-red-700 {
+ background-color: #c5221f;
+}
+.glue-gm-red-800 {
+ color: #b31412;
+}
+.glue-bg-gm-red-800 {
+ background-color: #b31412;
+}
+.glue-gm-red-900 {
+ color: #a50e0e;
+}
+.glue-bg-gm-red-900 {
+ background-color: #a50e0e;
+}
+.glue-gm-yellow-50 {
+ color: #fef7e0;
+}
+.glue-bg-gm-yellow-50 {
+ background-color: #fef7e0;
+}
+.glue-gm-yellow-100 {
+ color: #feefc3;
+}
+.glue-bg-gm-yellow-100 {
+ background-color: #feefc3;
+}
+.glue-gm-yellow-500 {
+ color: #fbbc04;
+}
+.glue-bg-gm-yellow-500 {
+ background-color: #fbbc04;
+}
+.glue-gm-yellow-600 {
+ color: #f9ab00;
+}
+.glue-bg-gm-yellow-600 {
+ background-color: #f9ab00;
+}
+.glue-gm-yellow-700 {
+ color: #f29900;
+}
+.glue-bg-gm-yellow-700 {
+ background-color: #f29900;
+}
+.glue-gm-yellow-800 {
+ color: #ea8600;
+}
+.glue-bg-gm-yellow-800 {
+ background-color: #ea8600;
+}
+.glue-gm-yellow-900 {
+ color: #e37400;
+}
+.glue-bg-gm-yellow-900 {
+ background-color: #e37400;
+}
+.glue-gm-green-50 {
+ color: #e6f4ea;
+}
+.glue-bg-gm-green-50 {
+ background-color: #e6f4ea;
+}
+.glue-gm-green-100 {
+ color: #ceead6;
+}
+.glue-bg-gm-green-100 {
+ background-color: #ceead6;
+}
+.glue-gm-green-500 {
+ color: #34a853;
+}
+.glue-bg-gm-green-500 {
+ background-color: #34a853;
+}
+.glue-gm-green-600 {
+ color: #1e8e3e;
+}
+.glue-bg-gm-green-600 {
+ background-color: #1e8e3e;
+}
+.glue-gm-green-700 {
+ color: #188038;
+}
+.glue-bg-gm-green-700 {
+ background-color: #188038;
+}
+.glue-gm-green-800 {
+ color: #137333;
+}
+.glue-bg-gm-green-800 {
+ background-color: #137333;
+}
+.glue-gm-green-900 {
+ color: #0d652d;
+}
+.glue-bg-gm-green-900 {
+ background-color: #0d652d;
+} /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+html {
+ font-family: sans-serif;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
+}
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+[hidden],
+template {
+ display: none;
+}
+a {
+ background: transparent;
+}
+a:active,
+a:hover {
+ outline: 0;
+}
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+b,
+strong {
+ font-weight: bold;
+}
+dfn {
+ font-style: italic;
+}
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+mark {
+ background: #ff0;
+ color: #000;
+}
+small {
+ font-size: 80%;
+}
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+img {
+ border: 0;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+figure {
+ margin: 1em 40px;
+}
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+pre {
+ overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
+}
+button {
+ overflow: visible;
+}
+button,
+select {
+ text-transform: none;
+}
+button,
+html input[type='button'],
+input[type='reset'],
+input[type='submit'] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+input {
+ line-height: normal;
+}
+input[type='checkbox'],
+input[type='radio'] {
+ box-sizing: border-box;
+ padding: 0;
+}
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+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;
+}
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+legend {
+ border: 0;
+ padding: 0;
+}
+textarea {
+ overflow: auto;
+}
+optgroup {
+ font-weight: bold;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+td,
+th {
+ padding: 0;
+}
+address,
+address:before,
+address:after,
+article,
+article:before,
+article:after,
+aside,
+aside:before,
+aside:after,
+blockquote,
+blockquote:before,
+blockquote:after,
+canvas,
+canvas:before,
+canvas:after,
+dd,
+dd:before,
+dd:after,
+div,
+div:before,
+div:after,
+dl,
+dl:before,
+dl:after,
+dt,
+dt:before,
+dt:after,
+fieldset,
+fieldset:before,
+fieldset:after,
+figcaption,
+figcaption:before,
+figcaption:after,
+figure,
+figure:before,
+figure:after,
+footer,
+footer:before,
+footer:after,
+form,
+form:before,
+form:after,
+h1,
+h1:before,
+h1:after,
+h2,
+h2:before,
+h2:after,
+h3,
+h3:before,
+h3:after,
+h4,
+h4:before,
+h4:after,
+h5,
+h5:before,
+h5:after,
+h6,
+h6:before,
+h6:after,
+header,
+header:before,
+header:after,
+hr,
+hr:before,
+hr:after,
+li,
+li:before,
+li:after,
+main,
+main:before,
+main:after,
+nav,
+nav:before,
+nav:after,
+noscript,
+noscript:before,
+noscript:after,
+ol,
+ol:before,
+ol:after,
+p,
+p:before,
+p:after,
+pre,
+pre:before,
+pre:after,
+section,
+section:before,
+section:after,
+table,
+table:before,
+table:after,
+tfoot,
+tfoot:before,
+tfoot:after,
+ul,
+ul:before,
+ul:after,
+video,
+video:before,
+video:after,
+a,
+a:before,
+a:after,
+abbr,
+abbr:before,
+abbr:after,
+acronym,
+acronym:before,
+acronym:after,
+b,
+b:before,
+b:after,
+bdo,
+bdo:before,
+bdo:after,
+big,
+big:before,
+big:after,
+br,
+br:before,
+br:after,
+button,
+button:before,
+button:after,
+cite,
+cite:before,
+cite:after,
+code,
+code:before,
+code:after,
+dfn,
+dfn:before,
+dfn:after,
+em,
+em:before,
+em:after,
+i,
+i:before,
+i:after,
+img,
+img:before,
+img:after,
+input,
+input:before,
+input:after,
+kbd,
+kbd:before,
+kbd:after,
+label,
+label:before,
+label:after,
+map,
+map:before,
+map:after,
+object,
+object:before,
+object:after,
+output,
+output:before,
+output:after,
+q,
+q:before,
+q:after,
+samp,
+samp:before,
+samp:after,
+script,
+script:before,
+script:after,
+select,
+select:before,
+select:after,
+small,
+small:before,
+small:after,
+span,
+span:before,
+span:after,
+strong,
+strong:before,
+strong:after,
+sub,
+sub:before,
+sub:after,
+sup,
+sup:before,
+sup:after,
+textarea,
+textarea:before,
+textarea:after,
+time,
+time:before,
+time:after,
+tt,
+tt:before,
+tt:after,
+var,
+var:before,
+var:after,
+svg,
+svg:before,
+svg:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+ margin: 0;
+ padding: 0;
+}
+input,
+abbr,
+acronym,
+blockquote,
+code,
+kbd,
+q,
+samp,
+var {
+ -moz-hyphens: none;
+ -webkit-hyphens: none;
+ hyphens: none;
+}
+html {
+ font-size: 18px;
+}
+body {
+ background: #fff;
+ color: #202124;
+ cursor: auto;
+ font-family: 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ font-style: normal;
+ font-weight: 300;
+ line-height: 1.444;
+ margin: 0;
+ overflow-wrap: break-word;
+ padding: 0;
+ word-wrap: break-word;
+}
+body::after {
+ content: 'x-small';
+ display: none;
+}
+@media (min-width: 600px) {
+ body::after {
+ content: 'small';
+ }
+}
+@media (min-width: 1024px) {
+ body::after {
+ content: 'medium';
+ }
+}
+@media (min-width: 1440px) {
+ body::after {
+ content: 'large';
+ }
+}
+[lang='ja'] body {
+ font-family: 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP', Arial, Helvetica,
+ sans-serif;
+}
+[lang='ko'] body {
+ font-family: 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR', Arial, Helvetica,
+ sans-serif;
+}
+[lang='zh-CN'] body {
+ font-family: 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC', Arial, Helvetica,
+ sans-serif;
+}
+[lang='zh-TW'] body {
+ font-family: 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC', Arial, Helvetica,
+ sans-serif;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: 18px;
+ font-weight: 300;
+}
+h1.glue-has-top-margin,
+h2.glue-has-top-margin,
+h3.glue-has-top-margin,
+h4.glue-has-top-margin,
+h5.glue-has-top-margin,
+h6.glue-has-top-margin {
+ margin-top: 16px;
+}
+h1.glue-has-bottom-margin,
+h2.glue-has-bottom-margin,
+h3.glue-has-bottom-margin,
+h4.glue-has-bottom-margin,
+h5.glue-has-bottom-margin,
+h6.glue-has-bottom-margin {
+ margin-bottom: 16px;
+}
+h1.glue-has-top-bottom-margin,
+h2.glue-has-top-bottom-margin,
+h3.glue-has-top-bottom-margin,
+h4.glue-has-top-bottom-margin,
+h5.glue-has-top-bottom-margin,
+h6.glue-has-top-bottom-margin {
+ margin-bottom: 16px;
+ margin-top: 16px;
+}
+p {
+ line-height: 1.71429;
+ font-size: 14px;
+ letter-spacing: 0.25px;
+}
+p.glue-copy--lead {
+ font-size: 18px;
+ line-height: 1.44444;
+}
+p.glue-has-top-margin {
+ margin-top: 12px;
+}
+p.glue-has-bottom-margin {
+ margin-bottom: 12px;
+}
+p.glue-has-top-bottom-margin {
+ margin-bottom: 12px;
+ margin-top: 12px;
+}
+p.glue-copy--print {
+ text-indent: 24px;
+}
+p.glue-copy--print + p.glue-copy--print {
+ margin-top: 0;
+}
+p + p {
+ margin-top: 12px;
+}
+@media (min-width: 600px) {
+ p {
+ line-height: 1.71429;
+ font-size: 14px;
+ letter-spacing: 0.25px;
+ }
+}
+@media (min-width: 1024px) {
+ p {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+ p.glue-has-top-margin {
+ margin-top: 16px;
+ }
+ p.glue-has-bottom-margin {
+ margin-bottom: 16px;
+ }
+ p.glue-has-top-bottom-margin {
+ margin-bottom: 16px;
+ margin-top: 16px;
+ }
+ p + p {
+ margin-top: 16px;
+ }
+}
+hr {
+ border: solid #dadce0;
+ border-width: 1px 0 0;
+ clear: both;
+ height: 0;
+ margin-bottom: 19px;
+ margin-top: 20px;
+}
+em,
+i {
+ font-style: italic;
+}
+b,
+strong {
+ font-weight: 700;
+}
+pre {
+ background: #f5f5f5;
+ border-color: #e0e0e0;
+ border-style: solid;
+ border-width: 1px;
+ margin-bottom: 20px;
+ padding: 6px;
+ white-space: pre;
+}
+pre code {
+ background: transparent;
+ padding: 0;
+}
+code {
+ background: #f5f5f5;
+ color: #9e9e9e;
+ font-family: 'Consolas', 'Monaco', 'Bitstream Vera Sans Mono', 'Courier New',
+ Courier, monospace;
+ font-weight: 300;
+ overflow-x: auto;
+ padding: 6px;
+ white-space: pre;
+ word-wrap: normal;
+}
+abbr,
+acronym {
+ color: #202124;
+ cursor: help;
+ font-size: 90%;
+ text-transform: uppercase;
+}
+abbr {
+ text-transform: none;
+}
+a {
+ color: #1a73e8;
+ text-decoration: none;
+}
+a:visited {
+ color: #7b1fa2;
+}
+a:hover {
+ cursor: pointer;
+}
+a:hover,
+a:focus {
+ color: #174ea6;
+ text-decoration: none;
+}
+a:focus {
+ background: #f1f3f4;
+ outline: 4px solid rgba(32, 33, 36, 0.06);
+}
+a:active {
+ outline: auto 2px Highlight;
+ outline: auto 5px -webkit-focus-ring-color;
+}
+a img {
+ border: 0;
+}
+.glue-mod-font-reversed a {
+ color: #fff;
+}
+.glue-mod-font-reversed a:visited {
+ color: #cfa6ff;
+}
+.glue-mod-font-reversed a:hover,
+.glue-mod-font-reversed a:focus {
+ background: #f1f3f4;
+ color: #202124;
+ outline: 4px solid #f1f3f4;
+}
+ul,
+ol,
+dl {
+ list-style-position: outside;
+ margin-bottom: 20px;
+}
+ul.glue-no-bullet,
+ol.glue-no-bullet,
+dl.glue-no-bullet,
+li.glue-no-bullet {
+ list-style: none;
+}
+ul,
+ol {
+ margin-left: 20px;
+}
+ul.glue-no-bullet,
+ol.glue-no-bullet {
+ margin-left: 0;
+}
+html[dir='rtl'] ul.glue-no-bullet,
+html[dir='rtl'] ol.glue-no-bullet {
+ margin-right: 0;
+}
+html[dir='rtl'] ul,
+html[dir='rtl'] ol {
+ margin-left: 0;
+ margin-right: 20px;
+}
+ul.glue-inline li,
+ol.glue-inline li {
+ display: inline-block;
+}
+ul li ul,
+ul li ol,
+ol li ul,
+ol li ol {
+ margin-bottom: 0;
+ margin-left: 20px;
+}
+ul li ul html[dir='rtl'] ul li ul html,
+ul li ol html[dir='rtl'] ul li ul html,
+ol li ul html[dir='rtl'] ul li ul html,
+ol li ol html[dir='rtl'] ul li ul html,
+ul li ul html[dir='rtl'] ul li ol html,
+ul li ol html[dir='rtl'] ul li ol html,
+ol li ul html[dir='rtl'] ul li ol html,
+ol li ol html[dir='rtl'] ul li ol html,
+ul li ul html[dir='rtl'] ol li ul html,
+ul li ol html[dir='rtl'] ol li ul html,
+ol li ul html[dir='rtl'] ol li ul html,
+ol li ol html[dir='rtl'] ol li ul html,
+ul li ul html[dir='rtl'] ol li ol html,
+ul li ol html[dir='rtl'] ol li ol html,
+ol li ul html[dir='rtl'] ol li ol html,
+ol li ol html[dir='rtl'] ol li ol html {
+ margin-left: 0;
+ margin-right: 20px;
+}
+ul.glue-square li ul,
+ul.glue-circle li ul,
+ul.glue-disc li ul {
+ list-style: inherit;
+}
+ul.glue-square {
+ list-style-type: square;
+}
+ul.glue-circle {
+ list-style-type: circle;
+}
+ul.glue-disc {
+ list-style-type: disc;
+}
+dl dt {
+ font-weight: 700;
+}
+dl dd {
+ margin-bottom: 12px;
+}
+li,
+dt,
+dd {
+ line-height: 1.71429;
+ font-size: 14px;
+ letter-spacing: 0.25px;
+}
+@media (min-width: 600px) {
+ li,
+ dt,
+ dd {
+ line-height: 1.71429;
+ font-size: 14px;
+ letter-spacing: 0.25px;
+ }
+}
+@media (min-width: 1024px) {
+ li,
+ dt,
+ dd {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+}
+img {
+ -ms-interpolation-mode: bicubic;
+ display: inline-block;
+ height: auto;
+ max-width: 100%;
+ vertical-align: middle;
+}
+blockquote {
+ line-height: 1.33333;
+ color: #202124;
+ font-size: 24px;
+}
+@media (min-width: 1024px) {
+ blockquote {
+ line-height: 1.20833;
+ font-size: 48px;
+ }
+}
+cite {
+ display: block;
+}
+cite:before {
+ content: '\2014 ';
+ white-space: pre;
+}
+textarea {
+ height: auto;
+ min-height: 50px;
+}
+select {
+ width: 100%;
+}
+.glue-breadcrumbs {
+ color: #5f6368;
+ line-height: 1;
+}
+.glue-breadcrumbs__list {
+ margin-left: 0;
+}
+.glue-breadcrumbs__item {
+ display: inline-block;
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 0.35px;
+ list-style: none;
+}
+.glue-breadcrumbs__item::after {
+ color: #5f6368;
+ content: '>';
+ margin-left: 3px;
+ margin-right: 1px;
+}
+.glue-breadcrumbs__item--active::after {
+ content: '';
+ margin: 0;
+}
+.glue-breadcrumbs__link {
+ color: #1a73e8;
+}
+.glue-breadcrumbs__link:visited {
+ color: #7b1fa2;
+}
+.glue-breadcrumbs__link:hover,
+.glue-breadcrumbs__link:focus {
+ color: #174ea6;
+}
+.glue-breadcrumbs__link:focus {
+ background: #f1f3f4;
+ outline: 4px solid #f1f3f4;
+}
+.glue-button {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ border: none;
+ border-radius: 2px;
+ display: inline-block;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ height: 46px;
+ letter-spacing: 0.75px;
+ line-height: 1;
+ margin: 8px 0;
+ padding: 15px 24px;
+ transition: color 0.15s linear, background-color 0.15s linear;
+ vertical-align: middle;
+}
+[lang='ja'] .glue-button {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-button {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-button {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-button {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-button {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ line-height: 0.9;
+ padding: 17px 24px;
+ }
+}
+.glue-button:focus {
+ outline: none;
+ transition: none;
+}
+.glue-button.glue-button--primary {
+ background-color: #1a73e8;
+ color: #fff;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-button.glue-button--primary {
+ background: ButtonFace;
+ border: 1px solid ButtonHighlight;
+ }
+}
+.glue-button.glue-button--primary:visited {
+ background-color: #1a73e8;
+ color: #fff;
+}
+.glue-button.glue-button--primary[disabled],
+.glue-button.glue-button--primary[disabled]:hover {
+ background-color: #dadce0;
+}
+.glue-button.glue-button--primary:hover,
+.glue-button.glue-button--primary:focus {
+ background-color: #174ea6;
+ color: #fff;
+}
+.glue-button.glue-button--primary.glue-button--green {
+ background-color: #188038;
+}
+.glue-button.glue-button--primary.glue-button--green:visited {
+ background-color: #188038;
+}
+.glue-button.glue-button--primary.glue-button--green[disabled],
+.glue-button.glue-button--primary.glue-button--green[disabled]:hover {
+ background-color: #dadce0;
+}
+.glue-button.glue-button--primary.glue-button--green:hover,
+.glue-button.glue-button--primary.glue-button--green:focus {
+ background-color: #0d652d;
+}
+.glue-button.glue-button--primary.glue-button--reversed {
+ background-color: transparent;
+ border: solid 2px #fff;
+ color: #fff;
+ padding: 13px 23px;
+}
+.glue-button.glue-button--primary.glue-button--reversed:visited {
+ background-color: transparent;
+}
+.glue-button.glue-button--primary.glue-button--reversed[disabled],
+.glue-button.glue-button--primary.glue-button--reversed[disabled]:hover {
+ background-color: #dadce0;
+ border-color: #dadce0;
+ color: #fff;
+}
+.glue-button.glue-button--primary.glue-button--reversed:hover,
+.glue-button.glue-button--primary.glue-button--reversed:focus {
+ background-color: #fff;
+ color: #202124;
+}
+@media (min-width: 1024px) {
+ .glue-button.glue-button--primary.glue-button--reversed {
+ padding: 15px 23px;
+ }
+}
+.glue-button.glue-button--secondary {
+ background-color: #f1f3f4;
+ color: #202124;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-button.glue-button--secondary {
+ background: ButtonFace;
+ border: 1px solid ButtonHighlight;
+ }
+}
+.glue-button.glue-button--secondary:visited {
+ background-color: #f1f3f4;
+ color: #202124;
+}
+.glue-button.glue-button--secondary[disabled],
+.glue-button.glue-button--secondary[disabled]:hover {
+ background-color: #dadce0;
+ color: #fff;
+}
+.glue-button.glue-button--secondary:hover,
+.glue-button.glue-button--secondary:focus {
+ background-color: #e8eaed;
+ color: #174ea6;
+}
+.glue-button.glue-button--flat {
+ line-height: 1.42857;
+ background-color: transparent;
+ border-radius: 0;
+ color: #1a73e8;
+ height: auto;
+ margin: 0;
+ padding: 0;
+}
+.glue-button.glue-button--flat:visited {
+ background-color: transparent;
+ color: #7b1fa2;
+}
+.glue-button.glue-button--flat[disabled],
+.glue-button.glue-button--flat[disabled]:hover {
+ color: #9aa0a6;
+}
+.glue-button.glue-button--flat:hover {
+ background-color: transparent;
+ color: #174ea6;
+}
+.glue-button.glue-button--flat:focus {
+ background: #f1f3f4;
+ color: #174ea6;
+ outline: 10px solid #f1f3f4;
+}
+@media (min-width: 1024px) {
+ .glue-button.glue-button--flat {
+ line-height: 1.375;
+ }
+}
+.glue-button.glue-button--full-bleed {
+ border-radius: 0;
+ height: 56px;
+ padding: 20px 23px;
+}
+@media (min-width: 1024px) {
+ .glue-button.glue-button--full-bleed {
+ height: 64px;
+ padding: 22px 23px;
+ }
+}
+.glue-button.glue-button[glue-ripple],
+.glue-button.glue-button[data-glue-ripple] {
+ position: relative;
+}
+.glue-carousel {
+ margin: 0 auto;
+ position: relative;
+}
+.glue-carousel .glue-tile.glue-tile--small-height {
+ height: 100%;
+}
+.glue-carousel .glue-carousel__list {
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ width: auto;
+}
+.glue-carousel .glue-carousel__list:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+.glue-is-swiping .glue-carousel .glue-carousel__list {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing;
+}
+.glue-carousel .glue-pagination__button {
+ -webkit-appearance: none;
+ background: none;
+ border: 0;
+ cursor: pointer;
+ display: block;
+ font: inherit;
+ outline: none;
+ padding: 0;
+}
+.glue-carousel .glue-pagination__button:active > div,
+.glue-carousel .glue-pagination__button:focus > div {
+ left: 0;
+ position: relative;
+ top: 0;
+}
+.glue-carousel__wrap {
+ overflow: hidden;
+ position: relative;
+}
+.glue-carousel__item {
+ float: left;
+ width: 100%;
+}
+[dir='rtl'] .glue-carousel__item {
+ float: right;
+}
+.glue-carousel__item img {
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -webkit-user-drag: none;
+ -webkit-user-select: none;
+ user-drag: none;
+ user-select: none;
+}
+.glue-is-measuring .glue-carousel__list {
+ position: relative;
+}
+.glue-is-measuring .glue-carousel__list .glue-carousel__item:nth-child(n + 2) {
+ position: absolute;
+ top: 0;
+ z-index: -1;
+}
+.glue-touch .glue-carousel__paginate {
+ display: none !important;
+}
+.glue-carousel__paginate {
+ display: block;
+ margin: -33px 0 0;
+ position: absolute;
+ top: 50%;
+}
+.glue-carousel__paginate.glue-pagination-previous,
+[dir='rtl'] .glue-carousel__paginate.glue-pagination-next {
+ left: 30px;
+ right: auto;
+}
+.glue-carousel__paginate.glue-pagination-previous
+ .glue-carousel__paginate-wrap,
+[dir='rtl']
+ .glue-carousel__paginate.glue-pagination-next
+ .glue-carousel__paginate-wrap {
+ padding: 0 4px 0 0;
+}
+.glue-carousel__paginate.glue-pagination-next,
+[dir='rtl'] .glue-carousel__paginate.glue-pagination-previous {
+ left: auto;
+ right: 30px;
+}
+.glue-carousel__paginate.glue-pagination-next .glue-carousel__paginate-wrap,
+[dir='rtl']
+ .glue-carousel__paginate.glue-pagination-previous
+ .glue-carousel__paginate-wrap {
+ padding: 0 0 0 4px;
+}
+.glue-carousel__paginate-wrap {
+ align-items: center;
+ display: flex;
+ height: 65px;
+ width: 65px;
+}
+.glue-carousel__paginate-wrap svg {
+ height: 36px;
+ margin: 0 auto;
+ position: relative;
+ stroke: #414141;
+ stroke-width: 1px;
+ width: 36px;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel__paginate-wrap svg {
+ stroke: buttonText;
+ }
+}
+.glue-carousel__paginate-wrap:before {
+ background: #fff;
+ border-radius: 50%;
+ content: '';
+ display: block;
+ height: 65px;
+ left: 0;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ width: 65px;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel__paginate-wrap:before {
+ border: solid 1px buttonText;
+ }
+}
+.glue-pagination__button:hover .glue-carousel__paginate-wrap:before {
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
+ opacity: 1;
+}
+.glue-pagination__button:focus .glue-carousel__paginate-wrap:before {
+ border: 2px solid #174ea6;
+ opacity: 1;
+}
+.glue-pagination__button:disabled {
+ visibility: hidden;
+}
+.glue-carousel--simple .glue-carousel__wrap {
+ margin: 0 -16px;
+}
+.glue-carousel--simple .glue-carousel__item {
+ float: left;
+ margin: 0 auto;
+ padding: 0 4px;
+ width: calc(100% - 40px);
+}
+[dir='rtl'] .glue-carousel--simple .glue-carousel__item {
+ float: right;
+}
+@media (min-width: 600px) {
+ .glue-carousel--simple {
+ margin: 0 -1.03799%;
+ }
+ .glue-carousel--simple .glue-carousel__wrap {
+ -ms-flex-preferred-size: 81.25734%;
+ -webkit-flex-basis: 81.25734%;
+ flex-basis: 81.25734%;
+ width: 81.25734%;
+ margin-left: 9.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'] .glue-carousel--simple .glue-carousel__wrap {
+ margin-left: 1.03799%;
+ margin-right: 9.37133%;
+ }
+ .glue-carousel--simple .glue-carousel__item {
+ padding: 0;
+ width: 100%;
+ }
+}
+.glue-carousel--simple-full-bleed .glue-carousel__wrap {
+ width: auto;
+}
+.glue-carousel--simple-full-bleed .glue-carousel__wrap,
+[dir='rtl'] .glue-carousel--simple-full-bleed .glue-carousel__wrap {
+ margin-left: 0;
+ margin-right: 0;
+}
+.glue-carousel--simple-full-bleed .glue-carousel__item {
+ padding: 0;
+ width: 100%;
+}
+.glue-carousel--detailed,
+.glue-carousel--thumbnail {
+ overflow: hidden;
+}
+.glue-carousel--simple-full-bleed,
+.glue-carousel--detailed,
+.glue-carousel--thumbnail {
+ margin: 0 -16px;
+}
+@media (min-width: 600px) {
+ .glue-carousel--simple-full-bleed,
+ .glue-carousel--detailed,
+ .glue-carousel--thumbnail {
+ margin: 0 -32px;
+ }
+}
+.glue-carousel__navigation {
+ align-items: center;
+ bottom: -30px;
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ width: 100%;
+}
+.glue-carousel--simple-full-bleed .glue-carousel__navigation {
+ bottom: 30px;
+}
+.glue-carousel--thumbnail .glue-carousel__navigation {
+ bottom: 30px;
+}
+@media (min-width: 600px) {
+ .glue-carousel--simple-full-bleed .glue-carousel__navigation,
+ .glue-carousel--thumbnail .glue-carousel__navigation {
+ bottom: 50px;
+ }
+}
+.glue-carousel--detailed .glue-carousel__navigation {
+ bottom: 0;
+ height: 70px;
+}
+@media (min-width: 600px) {
+ .glue-carousel--detailed .glue-carousel__navigation {
+ height: 110px;
+ }
+}
+.glue-carousel__navigation .glue-pagination-page-list {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+}
+.glue-carousel__navigation
+ .glue-pagination-page-list
+ .glue-pagination__button-container,
+.glue-carousel__navigation
+ .glue-pagination-page-list
+ .glue-pagination__button {
+ height: 18px;
+}
+.glue-carousel__navigation
+ .glue-pagination-page-list
+ .glue-pagination__button {
+ -webkit-appearance: none;
+ background: none;
+ border-radius: 0;
+ cursor: pointer;
+ height: 18px;
+ padding: 0;
+ position: relative;
+ text-indent: -9999px;
+ width: 18px;
+}
+.glue-carousel__navigation
+ .glue-pagination-page-list
+ .glue-pagination__button:before {
+ border: 1px solid #202124;
+ border-radius: 50%;
+ content: '';
+ display: block;
+ height: 10px;
+ left: 4px;
+ position: absolute;
+ top: 4px;
+ width: 10px;
+}
+.glue-carousel__navigation
+ .glue-pagination-page-list
+ .glue-pagination__button:focus {
+ background: #f1f3f4;
+}
+.glue-carousel__navigation
+ .glue-pagination-page-list
+ .active
+ .glue-pagination__button:before {
+ background: #202124;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel__navigation
+ .glue-pagination-page-list
+ .active
+ .glue-pagination__button:before {
+ background: buttonText;
+ }
+}
+.glue-carousel--detailed .glue-carousel__navigation {
+ display: flex;
+ font-size: 14px;
+ letter-spacing: 0.25px;
+ padding: 0 16px;
+}
+.glue-carousel--detailed .glue-carousel__paginate-labelled {
+ display: none;
+ flex: 1 1 0;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-weight: 500;
+ letter-spacing: 0.75px;
+}
+[lang='ja'] .glue-carousel--detailed .glue-carousel__paginate-labelled {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-carousel--detailed .glue-carousel__paginate-labelled {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-carousel--detailed .glue-carousel__paginate-labelled {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-carousel--detailed .glue-carousel__paginate-labelled {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-carousel--detailed .glue-carousel__paginate-labelled {
+ letter-spacing: 0.5px;
+ }
+}
+.glue-carousel--detailed .glue-carousel__paginate-labelled svg {
+ flex-shrink: 0;
+ stroke: #414141;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel--detailed .glue-carousel__paginate-labelled svg {
+ stroke: buttonText;
+ }
+}
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button {
+ align-items: center;
+ border-radius: 0;
+ color: #202124;
+ display: flex;
+ letter-spacing: inherit;
+ padding: 10px;
+}
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:hover,
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:focus {
+ color: #174ea6;
+}
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:hover
+ svg,
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:focus
+ svg {
+ stroke: #174ea6;
+}
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:focus {
+ background: #f1f3f4;
+}
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-previous
+ .glue-pagination__button {
+ float: left;
+ padding-right: 16px;
+ text-align: left;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-previous
+ .glue-pagination__button {
+ background-color: Window;
+ }
+}
+[dir='rtl']
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-previous
+ .glue-pagination__button {
+ float: right;
+ padding-left: 16px;
+ padding-right: 0;
+ text-align: right;
+}
+.glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-next
+ .glue-pagination__button {
+ float: right;
+ padding-left: 16px;
+ text-align: right;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-next
+ .glue-pagination__button {
+ background-color: Window;
+ }
+}
+[dir='rtl']
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-next
+ .glue-pagination__button {
+ float: left;
+ padding-left: 0;
+ padding-right: 16px;
+ text-align: left;
+}
+@media (min-width: 600px) {
+ .glue-carousel--detailed .glue-carousel__navigation {
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+ .glue-carousel--detailed .glue-pagination-page-list {
+ margin: 0 26px;
+ }
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-previous
+ .glue-pagination__button {
+ float: right;
+ padding-right: 24px;
+ text-align: right;
+ }
+ [dir='rtl']
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-previous
+ .glue-pagination__button {
+ float: left;
+ padding-left: 24px;
+ padding-right: 0;
+ text-align: left;
+ }
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-next
+ .glue-pagination__button {
+ float: left;
+ padding-left: 24px;
+ text-align: left;
+ }
+ [dir='rtl']
+ .glue-carousel--detailed
+ .glue-carousel__paginate-labelled.glue-pagination-next
+ .glue-pagination__button {
+ float: right;
+ padding-left: 0;
+ padding-right: 24px;
+ text-align: right;
+ }
+}
+.glue-carousel--detailed:not(.glue-carousel--navigation-no-label-xs).glue-carousel--navigation-background.glue-carousel--dark
+ .glue-carousel__navigation {
+ background: linear-gradient(0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
+}
+.glue-carousel--detailed:not(.glue-carousel--navigation-no-label-xs)
+ .glue-carousel__paginate-labelled {
+ display: block;
+}
+@media (min-width: 600px) {
+ .glue-carousel--detailed.glue-carousel--navigation-background.glue-carousel--dark
+ .glue-carousel__navigation {
+ background: linear-gradient(0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
+ }
+ .glue-carousel--detailed .glue-carousel__paginate-labelled {
+ display: block;
+ }
+}
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button {
+ color: #fff;
+}
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button
+ svg {
+ stroke: #fff;
+}
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:hover,
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:focus {
+ background: #f1f3f4;
+ color: #202124;
+}
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:hover
+ svg,
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-carousel__paginate-labelled
+ .glue-pagination__button:focus
+ svg {
+ stroke: #202124;
+}
+.glue-carousel--simple-full-bleed.glue-carousel--dark
+ .glue-pagination-page-list
+ .glue-pagination__button:before,
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-pagination-page-list
+ .glue-pagination__button:before {
+ border-color: #fff;
+}
+.glue-carousel--simple-full-bleed.glue-carousel--dark
+ .glue-pagination-page-list
+ .glue-pagination__button:focus:before,
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-pagination-page-list
+ .glue-pagination__button:focus:before {
+ background: #f1f3f4;
+ border-color: #202124;
+}
+.glue-carousel--simple-full-bleed.glue-carousel--dark
+ .glue-pagination-page-list
+ .active
+ .glue-pagination__button:before,
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-pagination-page-list
+ .active
+ .glue-pagination__button:before {
+ background: #fff;
+}
+.glue-carousel--simple-full-bleed.glue-carousel--dark
+ .glue-pagination-page-list
+ .active
+ .glue-pagination__button:focus:before,
+.glue-carousel--detailed.glue-carousel--dark
+ .glue-pagination-page-list
+ .active
+ .glue-pagination__button:focus:before {
+ background: #202124;
+}
+.glue-carousel__navigation-thumbnails {
+ display: none;
+ justify-content: center;
+ list-style: none;
+ margin: 0;
+ width: 100%;
+}
+.glue-carousel__navigation-thumbnail,
+.glue-carousel__navigation-thumbnail .glue-pagination__button {
+ height: 100px;
+ width: 150px;
+}
+.glue-carousel__navigation-thumbnail .glue-pagination__button {
+ position: relative;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='false'] {
+ border-top: 4px solid ButtonHighlight;
+ }
+}
+.glue-carousel__navigation-thumbnail .glue-pagination__button:hover:after,
+.glue-carousel__navigation-thumbnail .glue-pagination__button:focus:after {
+ background: rgba(232, 234, 237, 0.6);
+ bottom: 0;
+ content: '';
+ display: block;
+ left: 0;
+ mix-blend-mode: multiply;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-carousel__navigation-thumbnail .glue-pagination__button:hover:after,
+ .glue-carousel__navigation-thumbnail .glue-pagination__button:focus:after {
+ background: ButtonFace;
+ opacity: 0.1;
+ }
+}
+.glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='true'] {
+ z-index: 2;
+}
+.glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='true']:before,
+.glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='true']:after {
+ bottom: 0;
+ content: '';
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+.glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='true']:before {
+ border: 1px solid #dadce0;
+}
+.glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='true']:after {
+ border-top: 4px solid #1a73e8;
+}
+.glue-carousel__navigation-thumbnail
+ .glue-pagination__button[aria-selected='true']:focus:after {
+ border-top-color: #174ea6;
+}
+.glue-carousel__navigation-thumbnail .glue-pagination__button:focus {
+ z-index: 3;
+}
+@media (min-width: 1024px) {
+ .glue-carousel--thumbnail .glue-pagination-page-list {
+ display: none;
+ }
+ .glue-carousel__navigation-thumbnails {
+ display: flex;
+ }
+}
+.glue-carousel--tile {
+ margin: -10px -16px;
+}
+.glue-carousel--tile.glue-carousel .glue-carousel__list {
+ align-items: stretch;
+ cursor: default;
+ display: flex;
+ flex-wrap: wrap;
+}
+.glue-carousel--tile .glue-carousel__wrap {
+ padding: 10px 16px;
+}
+.glue-carousel--tile .glue-carousel__item {
+ float: left;
+ margin: 0;
+ width: 278px;
+}
+[dir='rtl'] .glue-carousel--tile .glue-carousel__item {
+ float: right;
+}
+.glue-carousel--tile .glue-carousel__navigation {
+ bottom: -20px;
+}
+@media (min-width: 600px) {
+ .glue-carousel--tile {
+ margin: -10px 0;
+ }
+ .glue-carousel--tile .glue-carousel__wrap {
+ padding: 10px 0;
+ }
+ .glue-carousel--tile .glue-carousel__item {
+ margin-bottom: 0;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-carousel--tile .glue-carousel__item {
+ margin-bottom: 0;
+ width: 330px;
+ }
+}
+.glue-carousel--tile .glue-carousel__list {
+ width: 10000px;
+}
+@media (min-width: 600px) {
+ .glue-carousel--tile-small-only {
+ margin: 0;
+ }
+ .glue-carousel--tile-small-only .glue-carousel__wrap {
+ overflow: visible;
+ padding: 0;
+ }
+ .glue-carousel--tile-small-only .glue-carousel__list {
+ width: auto;
+ }
+ .glue-carousel--tile-small-only .glue-carousel__list {
+ margin: 0 -8px -8px 0;
+ }
+ [dir='rtl'] .glue-carousel--tile-small-only .glue-carousel__list {
+ margin-left: -8px;
+ margin-right: 0;
+ }
+ .glue-carousel--tile-small-only .glue-carousel__paginate,
+ .glue-carousel--tile-small-only .glue-carousel__navigation {
+ display: none;
+ }
+ .glue-carousel--tile-small-only .glue-carousel__item {
+ padding-bottom: 8px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-carousel--tile-small-only .glue-carousel__list {
+ margin: 0 -30px -30px 0;
+ }
+ .glue-carousel--tile-small-only .glue-carousel__item {
+ padding-bottom: 30px;
+ }
+}
+.glue-carousel--tile-small-only
+ .glue-carousel__list
+ .glue-carousel__item:nth-child(4) {
+ max-width: 298px;
+}
+.glue-carousel--tile-small-only
+ .glue-carousel__list
+ .glue-carousel__item:nth-child(4)
+ .glue-tile {
+ max-width: 298px;
+}
+@media (min-width: 1024px) and (max-width: 1336px) {
+ .glue-carousel--tile-small-only
+ .glue-carousel__list
+ .glue-carousel__item:nth-child(4) {
+ max-width: none;
+ }
+ .glue-carousel--tile-small-only
+ .glue-carousel__list
+ .glue-carousel__item:nth-child(4)
+ .glue-tile {
+ max-width: none;
+ }
+}
+@media (min-width: 1024px) and (max-width: 1336px) and (orientation: portrait) {
+ .glue-carousel--tile-small-only
+ .glue-carousel__list
+ .glue-carousel__item:nth-child(4) {
+ max-width: none;
+ }
+ .glue-carousel--tile-small-only
+ .glue-carousel__list
+ .glue-carousel__item:nth-child(4)
+ .glue-tile {
+ max-width: none;
+ }
+}
+.glue-ctrx-default {
+ display: none !important;
+}
+[data-ng-cloak] {
+ display: none !important;
+}
+.glue-expansion-panels {
+ clear: both;
+ color: #414141;
+}
+.glue-expansion-panels:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+@media (min-width: 600px) {
+ .glue-expansion-panels {
+ margin-top: 20px;
+ }
+}
+.glue-expansion-panels .glue-eyebrow {
+ color: #202124;
+ display: block;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: 500;
+ letter-spacing: 1.25px;
+}
+[lang='ja'] .glue-expansion-panels .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-expansion-panels .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-expansion-panels .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-expansion-panels .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 600px) {
+ .glue-expansion-panels .glue-eyebrow {
+ float: left;
+ }
+ [dir='rtl'] .glue-expansion-panels .glue-eyebrow {
+ float: right;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-eyebrow {
+ font-size: 14px;
+ letter-spacing: 1.5px;
+ }
+}
+.glue-expansion-panels .glue-expansion-panels-toggle-all {
+ color: #1a73e8;
+ cursor: pointer;
+ float: right;
+ font-size: 0;
+ margin-bottom: 20px;
+ margin-top: 20px;
+}
+[dir='rtl'] .glue-expansion-panels .glue-expansion-panels-toggle-all {
+ float: left;
+}
+.glue-expansion-panels .glue-expansion-panels-toggle-all:hover,
+.glue-expansion-panels .glue-expansion-panels-toggle-all:focus {
+ color: #174ea6;
+}
+.glue-expansion-panels .glue-expansion-panels-toggle-all:focus {
+ background: #f1f3f4;
+ outline: 10px solid #f1f3f4;
+}
+@media (min-width: 600px) {
+ .glue-expansion-panels .glue-expansion-panels-toggle-all {
+ margin-top: 0;
+ }
+}
+.glue-expansion-panels .glue-expansion-panels__toggle-text {
+ display: inline-block;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: 0.75px;
+ margin: 0 10px 0 0;
+ text-align: right;
+ vertical-align: middle;
+}
+[lang='ja'] .glue-expansion-panels .glue-expansion-panels__toggle-text {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-expansion-panels .glue-expansion-panels__toggle-text {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-expansion-panels .glue-expansion-panels__toggle-text {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-expansion-panels .glue-expansion-panels__toggle-text {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+[dir='rtl'] .glue-expansion-panels .glue-expansion-panels__toggle-text {
+ margin: 0 0 0 10px;
+ text-align: left;
+}
+.glue-expansion-panels
+ .glue-expansion-panels__toggle-text.glue-expansion-panels__toggle-text--collapsed {
+ display: none;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panels__toggle-text {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ }
+}
+.glue-expansion-panels .glue-expansion-panels__toggle-circle {
+ cursor: pointer;
+ display: inline-block;
+ fill: currentColor;
+ height: 16px;
+ transform-origin: center;
+ transition: transform 100ms ease-out;
+ vertical-align: middle;
+ width: 16px;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panels__toggle-circle {
+ height: 18px;
+ width: 18px;
+ }
+}
+.glue-expansion-panels .glue-expansion-panel {
+ border-top: 1px solid #dadce0;
+ clear: both;
+}
+.glue-expansion-panels .glue-expansion-panel:last-child {
+ margin-bottom: 20px;
+}
+.glue-expansion-panels .glue-expansion-panel-toggle {
+ border-bottom: 1px solid transparent;
+ cursor: pointer;
+ padding: 24px 0 23px;
+}
+.glue-expansion-panels .glue-expansion-panel-toggle:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panel-toggle {
+ padding: 30px 0 29px;
+ }
+}
+.glue-expansion-panels
+ .glue-expansion-panel-toggle:hover
+ .glue-expansion-panel__button-header,
+.glue-expansion-panels
+ .glue-expansion-panel-toggle:focus
+ .glue-expansion-panel__button-header {
+ color: #174ea6;
+}
+.glue-expansion-panels
+ .glue-expansion-panel-toggle:hover
+ .glue-expansion-panel__button-arrow,
+.glue-expansion-panels
+ .glue-expansion-panel-toggle:focus
+ .glue-expansion-panel__button-arrow {
+ fill: #174ea6;
+}
+.glue-expansion-panels .glue-expansion-panel-toggle:focus {
+ border-bottom: 2px solid #174ea6;
+ outline: none;
+ padding-bottom: 22px;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panel-toggle:focus {
+ padding-bottom: 28px;
+ }
+}
+.glue-expansion-panels .glue-expansion-panel__button-header {
+ line-height: 1.625;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ color: #1a73e8;
+ float: left;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ font-weight: 500;
+ letter-spacing: 0.25px;
+ margin-right: 20px;
+}
+[lang='ja'] .glue-expansion-panels .glue-expansion-panel__button-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-expansion-panels .glue-expansion-panel__button-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-expansion-panels .glue-expansion-panel__button-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-expansion-panels .glue-expansion-panel__button-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+[dir='rtl'] .glue-expansion-panels .glue-expansion-panel__button-header {
+ float: right;
+ margin-left: 20px;
+ margin-right: 0;
+}
+.glue-expansion-panels .glue-expansion-panel__button-header:hover {
+ color: #174ea6;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panel__button-header {
+ line-height: 1.66667;
+ font-size: 18px;
+ letter-spacing: 0;
+ }
+}
+.glue-expansion-panels .glue-expansion-panel__button-arrow {
+ display: block;
+ fill: #1a73e8;
+ float: right;
+ height: 17px;
+ margin-right: 5px;
+ margin-top: 3px;
+ transition: transform 100ms ease-out;
+ width: 17px;
+}
+[dir='rtl'] .glue-expansion-panels .glue-expansion-panel__button-arrow {
+ float: left;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panel__button-arrow {
+ margin-top: 5px;
+ }
+}
+.glue-expansion-panels .glue-expansion-panel-content {
+ line-height: 1.71429;
+ color: #202124;
+ display: block;
+ font-size: 14px;
+ height: 0;
+ letter-spacing: 0.25px;
+ opacity: 1;
+ overflow: hidden;
+ transition: height 200ms ease-out;
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panel-content {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+}
+.glue-expansion-panels .glue-expansion-panel-content > div {
+ padding: 10px 0 24px;
+}
+@media (min-width: 600px) {
+ .glue-expansion-panels .glue-expansion-panel-content > div {
+ padding: 14px 44px 24px 0;
+ }
+ [dir='rtl'] .glue-expansion-panels .glue-expansion-panel-content > div {
+ padding: 14px 0 24px 44px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-expansion-panels .glue-expansion-panel-content > div {
+ padding: 18px 56px 30px 0;
+ }
+ [dir='rtl'] .glue-expansion-panels .glue-expansion-panel-content > div {
+ padding: 18px 0 30px 56px;
+ }
+}
+.glue-expansion-panels
+ .glue-expansion-panel-content[data-glue-expansion-panel-initial='expanded'] {
+ height: auto;
+}
+.glue-expansion-panels.glue-is-expanded
+ .glue-expansion-panels__toggle-text.glue-expansion-panels__toggle-text--expanded {
+ display: none;
+}
+.glue-expansion-panels.glue-is-expanded
+ .glue-expansion-panels__toggle-text.glue-expansion-panels__toggle-text--collapsed {
+ display: inline-block;
+}
+.glue-expansion-panels.glue-is-expanded .glue-expansion-panels__toggle-circle {
+ transform: rotate(180deg);
+ transition: transform 100ms ease-in;
+}
+.glue-expansion-panels .glue-is-expanded .glue-expansion-panel-toggle {
+ border-bottom: 1px solid #dadce0;
+}
+.glue-expansion-panels .glue-is-expanded .glue-expansion-panel__button-arrow {
+ transform: rotate(180deg);
+ transition: transform 100ms ease-in;
+}
+.glue-expansion-panels .glue-is-expanded .glue-expansion-panel-content {
+ height: auto;
+ transition: height 200ms ease-in;
+}
+.glue-expansion-panels .glue-is-collapsed .glue-expansion-panel-content {
+ height: auto;
+}
+.glue-filter__item {
+ display: inline-block;
+}
+.glue-filter-result {
+ list-style: none;
+}
+.glue-filter-result .glue-filter-result__item {
+ display: none;
+}
+.glue-filter-result .glue-filter-result__item.glue-filter-is-matching {
+ display: block;
+}
+.glue-filter-result.glue-is-hidden {
+ display: none;
+}
+.glue-filter-control select {
+ width: inherit;
+}
+.glue-filter-label {
+ border: 1px solid gray;
+ display: none;
+ font-family: Times;
+ font-size: 16px;
+ margin: 5px;
+ padding: 5px;
+ position: relative;
+ width: 128px;
+}
+.glue-filter-label.glue-filter-label--show {
+ display: inline-block;
+}
+.glue-filter-label:hover {
+ cursor: pointer;
+}
+.glue-filter-label:hover .glue-filter-label__close-btn {
+ opacity: 1;
+}
+.glue-filter-label__close-btn {
+ opacity: 0.5;
+ position: absolute;
+ right: 15px;
+ top: 10px;
+}
+.glue-filter-label__close-btn:before,
+.glue-filter-label__close-btn:after {
+ background-color: #333;
+ content: ' ';
+ height: 10px;
+ left: 0;
+ position: absolute;
+ width: 2px;
+}
+.glue-filter-label__close-btn:before {
+ transform: rotate(45deg);
+}
+.glue-filter-label__close-btn:after {
+ transform: rotate(-45deg);
+}
+.glue-filter .glue-filter-result[aria-hidden='true'] {
+ display: none;
+}
+.glue-footer {
+ background: #f8f9fa;
+ margin: 0;
+}
+.glue-footer.glue-footer--topmargin {
+ margin-top: 40px;
+}
+.glue-footer__link {
+ line-height: 1.57143;
+ color: #5f6368;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.25px;
+}
+.glue-footer__link:visited {
+ color: #5f6368;
+}
+.glue-footer__link:hover,
+.glue-footer__link:focus {
+ color: #202124;
+}
+.glue-footer__link:focus {
+ background: #e8eaed;
+ outline: 10px solid #e8eaed;
+}
+.glue-footer__global {
+ margin: 0 auto;
+ padding: 40px 16px 20px;
+}
+@media (min-width: 600px) {
+ .glue-footer__global {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ max-width: 1344px;
+ padding: 40px 32px 20px;
+ }
+ .glue-footer__global:after {
+ clear: both;
+ content: '';
+ display: table;
+ }
+}
+.glue-footer__logo {
+ height: 28px;
+ margin: 0 0 30px;
+ width: 86px;
+}
+@media (min-width: 600px) {
+ .glue-footer__logo {
+ -ms-flex: 0 0 90%;
+ -webkit-flex: 0 0 90%;
+ flex: 0 0 90%;
+ margin-right: 55px;
+ }
+ [dir='rtl'] .glue-footer__logo {
+ margin-left: 55px;
+ margin-right: 0;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-footer__logo {
+ -ms-flex: 0 0 86px;
+ -webkit-flex: 0 0 86px;
+ flex: 0 0 86px;
+ }
+}
+.glue-footer__logo a {
+ display: inline-block;
+ height: 28px;
+}
+.glue-footer__logo a:focus {
+ background: #e8eaed;
+ outline: 10px solid #e8eaed;
+}
+.glue-footer__logo-img {
+ fill: #5f6368;
+ height: 28px;
+ width: 86px;
+}
+.glue-footer__global-links {
+ margin: 0 0 15px;
+}
+.glue-footer__global-links:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+@media (min-width: 600px) {
+ .glue-footer__global-links {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex: 2 0 auto;
+ -webkit-flex: 2 0 auto;
+ flex: 2 0 auto;
+ max-width: 100%;
+ }
+}
+@media (min-width: 600px) {
+ .glue-footer__global-links--extra {
+ -ms-flex: 0 0 auto;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ }
+}
+.glue-footer__global-links-list-item {
+ float: left;
+ padding: 0 30px 15px 0;
+}
+[dir='rtl'] .glue-footer__global-links-list-item {
+ float: right;
+ padding-left: 30px;
+ padding-right: 0;
+}
+.glue-footer__global-links-list-item--extra:last-child {
+ padding-left: 0;
+ padding-right: 0;
+}
+.glue-footer__lang-dropdown {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ background-color: #f8f9fa;
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzU0NTQ1NCI+PHBhdGggZD0iTTcgMTBsNSA1IDUtNXoiPjwvcGF0aD48L3N2Zz4=');
+ background-position: right 50%;
+ background-repeat: no-repeat;
+ border: none;
+ border-radius: 0;
+ box-sizing: border-box;
+ color: #5f6368;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 400;
+ height: 22px;
+ margin: 0;
+ padding: 0 24px 0 2px;
+ text-overflow: ellipsis;
+ white-space: pre-wrap;
+ width: 100%;
+}
+[dir='rtl'] .glue-footer__lang-dropdown {
+ background-position: left 50%;
+ padding: 0 2px 0 24px;
+}
+.glue-footer__lang-dropdown::-ms-expand {
+ display: none;
+}
+.glue-footer__lang-dropdown:focus {
+ background-color: #e8eaed;
+ color: #202124;
+ outline: 10px solid #e8eaed;
+}
+.glue-footer__upper {
+ margin: 0 auto;
+ padding: 30px 16px 0;
+}
+@media (min-width: 600px) {
+ .glue-footer__upper {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ max-width: 1344px;
+ padding: 30px 32px 0;
+ }
+ .glue-footer__upper:after {
+ clear: both;
+ content: '';
+ display: table;
+ }
+}
+.glue-footer__site-links {
+ border-bottom: 1px solid #dadce0;
+ margin: 0 auto;
+ padding: 0 16px;
+}
+.glue-has-social .glue-footer__site-links,
+.glue-has-sitesearch .glue-footer__site-links {
+ border-top: 1px solid #dadce0;
+}
+@media (min-width: 600px) {
+ .glue-footer__site-links {
+ max-width: 1344px;
+ padding: 50px 32px;
+ width: initial;
+ }
+}
+@media (min-width: 1440px) {
+ .glue-footer__site-links {
+ max-width: 1280px;
+ padding: 50px 0;
+ }
+}
+@media (min-width: 600px) {
+ .glue-footer__site-links-grid {
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+ .glue-footer__site-links-grid:after {
+ clear: both;
+ content: '';
+ display: table;
+ }
+}
+.glue-footer__site-links-column {
+ border-bottom: 1px solid #dadce0;
+ margin: 0;
+ padding: 30px 0 20px;
+}
+.glue-footer__site-links-column:last-child {
+ border-bottom: none;
+}
+@media (min-width: 600px) {
+ .glue-footer__site-links-column {
+ -ms-flex: 0 0 20%;
+ -webkit-flex: 0 0 20%;
+ flex: 0 0 20%;
+ border-bottom: none;
+ float: left;
+ max-width: 20%;
+ padding: 0;
+ width: 20%;
+ }
+ [dir='rtl'] .glue-footer__site-links-column {
+ float: right;
+ }
+}
+.glue-footer__site-links-column.glue-c-zippy {
+ padding-bottom: 0;
+}
+.glue-footer__site-links-header {
+ line-height: 1.625;
+ color: #202124;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ margin: 0 0 10px;
+ overflow: hidden;
+}
+[lang='ja'] .glue-footer__site-links-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-footer__site-links-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-footer__site-links-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-footer__site-links-header {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-flexbox .glue-footer__site-links-header {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-pack: space-between;
+ -ms-justify-content: space-between;
+ -webkit-box-pack: space-between;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+}
+@media (min-width: 600px) {
+ .glue-footer__site-links-header {
+ margin: 0 40px 18px 0;
+ }
+ [dir='rtl'] .glue-footer__site-links-header {
+ margin-left: 40px;
+ margin-right: 0;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-footer__site-links-header {
+ line-height: 1.66667;
+ font-size: 18px;
+ }
+}
+.glue-footer__site-links-header:focus {
+ color: #202124;
+}
+.glue-c-zippy .glue-footer__site-links-header {
+ color: #5f6368;
+ margin-bottom: 0;
+ padding-bottom: 24px;
+}
+.glue-c-zippy .glue-footer__site-links-header:hover,
+.glue-c-zippy .glue-footer__site-links-header:focus {
+ color: #202124;
+}
+.glue-c-zippy .glue-footer__site-links-header:focus {
+ border-bottom: 2px solid #202124;
+ outline: none;
+ padding-bottom: 22px;
+}
+.glue-is-expanded .glue-footer__site-links-header {
+ border-bottom: 1px solid #dadce0;
+ padding-bottom: 23px;
+}
+.glue-footer__expand.glue-icon {
+ display: none;
+ fill: currentColor;
+ float: right;
+ transform: rotate(0deg);
+ transition: transform 0.333s ease-in;
+}
+[dir='rtl'] .glue-footer__expand.glue-icon {
+ float: left;
+}
+.glue-flexbox .glue-footer__expand.glue-icon {
+ -ms-flex: 0 0 32px;
+ -webkit-flex: 0 0 32px;
+ flex: 0 0 32px;
+ margin: -5px 0 0 8px;
+}
+[dir='rtl'] .glue-flexbox .glue-footer__expand.glue-icon {
+ margin: -5px 8px 0 0;
+}
+.glue-c-zippy__btn .glue-footer__expand.glue-icon {
+ display: block;
+}
+.glue-is-expanded .glue-footer__expand.glue-icon {
+ transform: rotate(-180deg);
+}
+[dir='rtl'] .glue-is-expanded .glue-footer__expand.glue-icon {
+ transform: rotate(180deg);
+}
+.glue-footer .glue-c-zippy__content-container {
+ padding: 0;
+}
+.glue-footer__site-links-list {
+ margin-bottom: 0;
+}
+.glue-footer__site-links-list-item {
+ margin: 0 40px 0 0;
+ padding-bottom: 18px;
+}
+.glue-footer__site-links-list-item:last-child {
+ padding-bottom: 0;
+}
+[dir='rtl'] .glue-footer__site-links-list-item {
+ margin: 0 0 0 40px;
+}
+@media (min-width: 600px) {
+ .glue-footer__site-links-list-item {
+ padding-bottom: 18px;
+ }
+}
+.glue-footer__site-links-list-item .glue-footer__link:focus {
+ outline-width: 6px;
+}
+.glue-c-zippy__content-container .glue-footer__site-links-list-item {
+ padding: 18px 0 0;
+}
+.glue-c-zippy__content-container
+ .glue-footer__site-links-list-item:last-child {
+ padding-bottom: 18px;
+}
+.glue-footer__signup {
+ background: #fff;
+ border-top: 1px solid #dadce0;
+ padding: 60px 0 30px;
+}
+.glue-footer__signup-intro {
+ margin-top: 40px;
+}
+@media (min-width: 600px) {
+ .glue-footer__signup-intro {
+ margin-top: 3px;
+ }
+}
+.glue-footer__signup-form {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: 30px 0 0;
+ position: relative;
+}
+@media (min-width: 600px) {
+ .glue-footer__signup-input,
+ .glue-footer__signup-button {
+ -ms-flex: 0 0 auto;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ }
+}
+.glue-footer__signup-input {
+ border: none;
+ border-bottom: 1px solid #dadce0;
+ color: #202124;
+ display: block;
+ font-size: 14px;
+ margin: 6px 0 30px;
+ padding: 8px 0;
+ width: 100%;
+}
+@media (min-width: 600px) {
+ .glue-footer__signup-input {
+ margin-left: 0;
+ margin-right: 100px;
+ width: 300px;
+ }
+ [dir='rtl'] .glue-footer__signup-input {
+ margin-left: 100px;
+ margin-right: 0;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-footer__signup-input {
+ font-size: 16px;
+ }
+}
+.glue-footer__signup-label {
+ color: #202124;
+ font-size: 12px;
+ left: 0;
+ position: absolute;
+ top: -10px;
+}
+[dir='rtl'] .glue-footer__signup-label {
+ left: auto;
+ right: 0;
+}
+.glue-footer__signup-input:focus {
+ border-bottom-width: 2px;
+ border-color: #174ea6;
+ margin-bottom: 29px;
+ outline: none;
+}
+.glue-footer__signup-input:focus + .glue-footer__signup-label {
+ color: #174ea6;
+}
+.glue-footer__signup-input:placeholder-shown + .glue-footer__signup-label {
+ display: none;
+}
+.glue-footer__signup-button {
+ margin: 0 0 30px;
+}
+.glue-flexbox .glue-grid {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: 0 -2.65152%;
+}
+@media (min-width: 600px) {
+ .glue-flexbox .glue-grid {
+ margin: 0 -1.03799%;
+ }
+}
+.glue-flexbox .glue-grid__col {
+ -ms-flex: 0 1 auto;
+ -webkit-flex: 0 1 auto;
+ flex: 0 1 auto;
+ margin: 0 2.65152%;
+ width: 100%;
+}
+@media (min-width: 600px) {
+ .glue-flexbox .glue-grid__col {
+ margin: 0 1.03799%;
+ }
+}
+.glue-flexbox .glue-grid__col-s--1 {
+ -ms-flex-preferred-size: 19.69697%;
+ -webkit-flex-basis: 19.69697%;
+ flex-basis: 19.69697%;
+ width: 19.69697%;
+ margin: 0 2.65152%;
+}
+.glue-flexbox .glue-grid__col-s--2 {
+ -ms-flex-preferred-size: 44.69697%;
+ -webkit-flex-basis: 44.69697%;
+ flex-basis: 44.69697%;
+ width: 44.69697%;
+ margin: 0 2.65152%;
+}
+.glue-flexbox .glue-grid__col-s--3 {
+ -ms-flex-preferred-size: 69.69697%;
+ -webkit-flex-basis: 69.69697%;
+ flex-basis: 69.69697%;
+ width: 69.69697%;
+ margin: 0 2.65152%;
+}
+.glue-flexbox .glue-grid__col-s--4 {
+ -ms-flex-preferred-size: 94.69697%;
+ -webkit-flex-basis: 94.69697%;
+ flex-basis: 94.69697%;
+ width: 94.69697%;
+ margin: 0 2.65152%;
+}
+@media (min-width: 600px) {
+ .glue-flexbox .glue-grid__col--1 {
+ -ms-flex-preferred-size: 6.25734%;
+ -webkit-flex-basis: 6.25734%;
+ flex-basis: 6.25734%;
+ width: 6.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--2 {
+ -ms-flex-preferred-size: 14.59068%;
+ -webkit-flex-basis: 14.59068%;
+ flex-basis: 14.59068%;
+ width: 14.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--3 {
+ -ms-flex-preferred-size: 22.92401%;
+ -webkit-flex-basis: 22.92401%;
+ flex-basis: 22.92401%;
+ width: 22.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--4 {
+ -ms-flex-preferred-size: 31.25734%;
+ -webkit-flex-basis: 31.25734%;
+ flex-basis: 31.25734%;
+ width: 31.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--5 {
+ -ms-flex-preferred-size: 39.59068%;
+ -webkit-flex-basis: 39.59068%;
+ flex-basis: 39.59068%;
+ width: 39.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--6 {
+ -ms-flex-preferred-size: 47.92401%;
+ -webkit-flex-basis: 47.92401%;
+ flex-basis: 47.92401%;
+ width: 47.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--7 {
+ -ms-flex-preferred-size: 56.25734%;
+ -webkit-flex-basis: 56.25734%;
+ flex-basis: 56.25734%;
+ width: 56.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--8 {
+ -ms-flex-preferred-size: 64.59068%;
+ -webkit-flex-basis: 64.59068%;
+ flex-basis: 64.59068%;
+ width: 64.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--9 {
+ -ms-flex-preferred-size: 72.92401%;
+ -webkit-flex-basis: 72.92401%;
+ flex-basis: 72.92401%;
+ width: 72.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--10 {
+ -ms-flex-preferred-size: 81.25734%;
+ -webkit-flex-basis: 81.25734%;
+ flex-basis: 81.25734%;
+ width: 81.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--11 {
+ -ms-flex-preferred-size: 89.59068%;
+ -webkit-flex-basis: 89.59068%;
+ flex-basis: 89.59068%;
+ width: 89.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--12 {
+ -ms-flex-preferred-size: 97.92401%;
+ -webkit-flex-basis: 97.92401%;
+ flex-basis: 97.92401%;
+ width: 97.92401%;
+ margin: 0 1.03799%;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-flexbox .glue-grid__col-l--1 {
+ -ms-flex-preferred-size: 6.25734%;
+ -webkit-flex-basis: 6.25734%;
+ flex-basis: 6.25734%;
+ width: 6.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--2 {
+ -ms-flex-preferred-size: 14.59068%;
+ -webkit-flex-basis: 14.59068%;
+ flex-basis: 14.59068%;
+ width: 14.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--3 {
+ -ms-flex-preferred-size: 22.92401%;
+ -webkit-flex-basis: 22.92401%;
+ flex-basis: 22.92401%;
+ width: 22.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--4 {
+ -ms-flex-preferred-size: 31.25734%;
+ -webkit-flex-basis: 31.25734%;
+ flex-basis: 31.25734%;
+ width: 31.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--5 {
+ -ms-flex-preferred-size: 39.59068%;
+ -webkit-flex-basis: 39.59068%;
+ flex-basis: 39.59068%;
+ width: 39.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--6 {
+ -ms-flex-preferred-size: 47.92401%;
+ -webkit-flex-basis: 47.92401%;
+ flex-basis: 47.92401%;
+ width: 47.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--7 {
+ -ms-flex-preferred-size: 56.25734%;
+ -webkit-flex-basis: 56.25734%;
+ flex-basis: 56.25734%;
+ width: 56.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--8 {
+ -ms-flex-preferred-size: 64.59068%;
+ -webkit-flex-basis: 64.59068%;
+ flex-basis: 64.59068%;
+ width: 64.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--9 {
+ -ms-flex-preferred-size: 72.92401%;
+ -webkit-flex-basis: 72.92401%;
+ flex-basis: 72.92401%;
+ width: 72.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--10 {
+ -ms-flex-preferred-size: 81.25734%;
+ -webkit-flex-basis: 81.25734%;
+ flex-basis: 81.25734%;
+ width: 81.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--11 {
+ -ms-flex-preferred-size: 89.59068%;
+ -webkit-flex-basis: 89.59068%;
+ flex-basis: 89.59068%;
+ width: 89.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--12 {
+ -ms-flex-preferred-size: 97.92401%;
+ -webkit-flex-basis: 97.92401%;
+ flex-basis: 97.92401%;
+ width: 97.92401%;
+ margin: 0 1.03799%;
+ }
+}
+@media (min-width: 1440px) {
+ .glue-flexbox .glue-grid__col-xl--1 {
+ -ms-flex-preferred-size: 6.25734%;
+ -webkit-flex-basis: 6.25734%;
+ flex-basis: 6.25734%;
+ width: 6.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--2 {
+ -ms-flex-preferred-size: 14.59068%;
+ -webkit-flex-basis: 14.59068%;
+ flex-basis: 14.59068%;
+ width: 14.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--3 {
+ -ms-flex-preferred-size: 22.92401%;
+ -webkit-flex-basis: 22.92401%;
+ flex-basis: 22.92401%;
+ width: 22.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--4 {
+ -ms-flex-preferred-size: 31.25734%;
+ -webkit-flex-basis: 31.25734%;
+ flex-basis: 31.25734%;
+ width: 31.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--5 {
+ -ms-flex-preferred-size: 39.59068%;
+ -webkit-flex-basis: 39.59068%;
+ flex-basis: 39.59068%;
+ width: 39.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--6 {
+ -ms-flex-preferred-size: 47.92401%;
+ -webkit-flex-basis: 47.92401%;
+ flex-basis: 47.92401%;
+ width: 47.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--7 {
+ -ms-flex-preferred-size: 56.25734%;
+ -webkit-flex-basis: 56.25734%;
+ flex-basis: 56.25734%;
+ width: 56.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--8 {
+ -ms-flex-preferred-size: 64.59068%;
+ -webkit-flex-basis: 64.59068%;
+ flex-basis: 64.59068%;
+ width: 64.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--9 {
+ -ms-flex-preferred-size: 72.92401%;
+ -webkit-flex-basis: 72.92401%;
+ flex-basis: 72.92401%;
+ width: 72.92401%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--10 {
+ -ms-flex-preferred-size: 81.25734%;
+ -webkit-flex-basis: 81.25734%;
+ flex-basis: 81.25734%;
+ width: 81.25734%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--11 {
+ -ms-flex-preferred-size: 89.59068%;
+ -webkit-flex-basis: 89.59068%;
+ flex-basis: 89.59068%;
+ width: 89.59068%;
+ margin: 0 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--12 {
+ -ms-flex-preferred-size: 97.92401%;
+ -webkit-flex-basis: 97.92401%;
+ flex-basis: 97.92401%;
+ width: 97.92401%;
+ margin: 0 1.03799%;
+ }
+}
+.glue-flexbox .glue-grid__col-s--offset-0 {
+ margin-left: 2.65152%;
+ margin-right: 2.65152%;
+}
+[dir='rtl'].glue-flexbox .glue-grid__col-s--offset-0 {
+ margin-left: 2.65152%;
+ margin-right: 2.65152%;
+}
+.glue-flexbox .glue-grid__col-s--offset-1 {
+ margin-left: 27.65152%;
+ margin-right: 2.65152%;
+}
+[dir='rtl'].glue-flexbox .glue-grid__col-s--offset-1 {
+ margin-left: 2.65152%;
+ margin-right: 27.65152%;
+}
+.glue-flexbox .glue-grid__col-s--offset-2 {
+ margin-left: 52.65152%;
+ margin-right: 2.65152%;
+}
+[dir='rtl'].glue-flexbox .glue-grid__col-s--offset-2 {
+ margin-left: 2.65152%;
+ margin-right: 52.65152%;
+}
+.glue-flexbox .glue-grid__col-s--offset-3 {
+ margin-left: 77.65152%;
+ margin-right: 2.65152%;
+}
+[dir='rtl'].glue-flexbox .glue-grid__col-s--offset-3 {
+ margin-left: 2.65152%;
+ margin-right: 77.65152%;
+}
+@media (min-width: 600px) {
+ .glue-flexbox .glue-grid__col--offset-0 {
+ margin-left: 1.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-0 {
+ margin-left: 1.03799%;
+ margin-right: 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col--offset-1 {
+ margin-left: 9.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-1 {
+ margin-left: 1.03799%;
+ margin-right: 9.37133%;
+ }
+ .glue-flexbox .glue-grid__col--offset-2 {
+ margin-left: 17.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-2 {
+ margin-left: 1.03799%;
+ margin-right: 17.70466%;
+ }
+ .glue-flexbox .glue-grid__col--offset-3 {
+ margin-left: 26.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-3 {
+ margin-left: 1.03799%;
+ margin-right: 26.03799%;
+ }
+ .glue-flexbox .glue-grid__col--offset-4 {
+ margin-left: 34.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-4 {
+ margin-left: 1.03799%;
+ margin-right: 34.37133%;
+ }
+ .glue-flexbox .glue-grid__col--offset-5 {
+ margin-left: 42.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-5 {
+ margin-left: 1.03799%;
+ margin-right: 42.70466%;
+ }
+ .glue-flexbox .glue-grid__col--offset-6 {
+ margin-left: 51.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-6 {
+ margin-left: 1.03799%;
+ margin-right: 51.03799%;
+ }
+ .glue-flexbox .glue-grid__col--offset-7 {
+ margin-left: 59.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-7 {
+ margin-left: 1.03799%;
+ margin-right: 59.37133%;
+ }
+ .glue-flexbox .glue-grid__col--offset-8 {
+ margin-left: 67.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-8 {
+ margin-left: 1.03799%;
+ margin-right: 67.70466%;
+ }
+ .glue-flexbox .glue-grid__col--offset-9 {
+ margin-left: 76.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-9 {
+ margin-left: 1.03799%;
+ margin-right: 76.03799%;
+ }
+ .glue-flexbox .glue-grid__col--offset-10 {
+ margin-left: 84.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-10 {
+ margin-left: 1.03799%;
+ margin-right: 84.37133%;
+ }
+ .glue-flexbox .glue-grid__col--offset-11 {
+ margin-left: 92.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col--offset-11 {
+ margin-left: 1.03799%;
+ margin-right: 92.70466%;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-flexbox .glue-grid__col-l--offset-0 {
+ margin-left: 1.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-0 {
+ margin-left: 1.03799%;
+ margin-right: 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-1 {
+ margin-left: 9.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-1 {
+ margin-left: 1.03799%;
+ margin-right: 9.37133%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-2 {
+ margin-left: 17.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-2 {
+ margin-left: 1.03799%;
+ margin-right: 17.70466%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-3 {
+ margin-left: 26.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-3 {
+ margin-left: 1.03799%;
+ margin-right: 26.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-4 {
+ margin-left: 34.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-4 {
+ margin-left: 1.03799%;
+ margin-right: 34.37133%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-5 {
+ margin-left: 42.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-5 {
+ margin-left: 1.03799%;
+ margin-right: 42.70466%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-6 {
+ margin-left: 51.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-6 {
+ margin-left: 1.03799%;
+ margin-right: 51.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-7 {
+ margin-left: 59.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-7 {
+ margin-left: 1.03799%;
+ margin-right: 59.37133%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-8 {
+ margin-left: 67.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-8 {
+ margin-left: 1.03799%;
+ margin-right: 67.70466%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-9 {
+ margin-left: 76.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-9 {
+ margin-left: 1.03799%;
+ margin-right: 76.03799%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-10 {
+ margin-left: 84.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-10 {
+ margin-left: 1.03799%;
+ margin-right: 84.37133%;
+ }
+ .glue-flexbox .glue-grid__col-l--offset-11 {
+ margin-left: 92.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-l--offset-11 {
+ margin-left: 1.03799%;
+ margin-right: 92.70466%;
+ }
+}
+@media (min-width: 1440px) {
+ .glue-flexbox .glue-grid__col-xl--offset-0 {
+ margin-left: 1.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-0 {
+ margin-left: 1.03799%;
+ margin-right: 1.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-1 {
+ margin-left: 9.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-1 {
+ margin-left: 1.03799%;
+ margin-right: 9.37133%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-2 {
+ margin-left: 17.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-2 {
+ margin-left: 1.03799%;
+ margin-right: 17.70466%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-3 {
+ margin-left: 26.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-3 {
+ margin-left: 1.03799%;
+ margin-right: 26.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-4 {
+ margin-left: 34.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-4 {
+ margin-left: 1.03799%;
+ margin-right: 34.37133%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-5 {
+ margin-left: 42.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-5 {
+ margin-left: 1.03799%;
+ margin-right: 42.70466%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-6 {
+ margin-left: 51.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-6 {
+ margin-left: 1.03799%;
+ margin-right: 51.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-7 {
+ margin-left: 59.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-7 {
+ margin-left: 1.03799%;
+ margin-right: 59.37133%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-8 {
+ margin-left: 67.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-8 {
+ margin-left: 1.03799%;
+ margin-right: 67.70466%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-9 {
+ margin-left: 76.03799%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-9 {
+ margin-left: 1.03799%;
+ margin-right: 76.03799%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-10 {
+ margin-left: 84.37133%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-10 {
+ margin-left: 1.03799%;
+ margin-right: 84.37133%;
+ }
+ .glue-flexbox .glue-grid__col-xl--offset-11 {
+ margin-left: 92.70466%;
+ margin-right: 1.03799%;
+ }
+ [dir='rtl'].glue-flexbox .glue-grid__col-xl--offset-11 {
+ margin-left: 1.03799%;
+ margin-right: 92.70466%;
+ }
+}
+.glue-grid__col--align-start {
+ -ms-align-self: flex-start;
+ -ms-flex-item-align: start;
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+}
+.glue-grid__col--align-middle {
+ -ms-align-self: center;
+ -ms-flex-item-align: center;
+ -webkit-align-self: center;
+ align-self: center;
+}
+.glue-grid__col--align-end {
+ -ms-align-self: flex-end;
+ -ms-flex-item-align: end;
+ -webkit-align-self: flex-end;
+ align-self: flex-end;
+}
+.glue-grid__col--order-1 {
+ -ms-flex-order: 1;
+ -webkit-order: 1;
+ order: 1;
+}
+.glue-grid__col--order-2 {
+ -ms-flex-order: 2;
+ -webkit-order: 2;
+ order: 2;
+}
+.glue-grid__col--order-3 {
+ -ms-flex-order: 3;
+ -webkit-order: 3;
+ order: 3;
+}
+.glue-grid__col--order-4 {
+ -ms-flex-order: 4;
+ -webkit-order: 4;
+ order: 4;
+}
+.glue-grid__col--order-5 {
+ -ms-flex-order: 5;
+ -webkit-order: 5;
+ order: 5;
+}
+.glue-grid__col--order-6 {
+ -ms-flex-order: 6;
+ -webkit-order: 6;
+ order: 6;
+}
+.glue-grid__col--order-7 {
+ -ms-flex-order: 7;
+ -webkit-order: 7;
+ order: 7;
+}
+.glue-grid__col--order-8 {
+ -ms-flex-order: 8;
+ -webkit-order: 8;
+ order: 8;
+}
+.glue-grid__col--order-9 {
+ -ms-flex-order: 9;
+ -webkit-order: 9;
+ order: 9;
+}
+.glue-grid__col--order-10 {
+ -ms-flex-order: 10;
+ -webkit-order: 10;
+ order: 10;
+}
+.glue-grid__col--order-11 {
+ -ms-flex-order: 11;
+ -webkit-order: 11;
+ order: 11;
+}
+.glue-grid__col--order-12 {
+ -ms-flex-order: 12;
+ -webkit-order: 12;
+ order: 12;
+}
+@media (min-width: 600px) {
+ .glue-grid__col-m--order-1 {
+ -ms-flex-order: 1;
+ -webkit-order: 1;
+ order: 1;
+ }
+ .glue-grid__col-m--order-2 {
+ -ms-flex-order: 2;
+ -webkit-order: 2;
+ order: 2;
+ }
+ .glue-grid__col-m--order-3 {
+ -ms-flex-order: 3;
+ -webkit-order: 3;
+ order: 3;
+ }
+ .glue-grid__col-m--order-4 {
+ -ms-flex-order: 4;
+ -webkit-order: 4;
+ order: 4;
+ }
+ .glue-grid__col-m--order-5 {
+ -ms-flex-order: 5;
+ -webkit-order: 5;
+ order: 5;
+ }
+ .glue-grid__col-m--order-6 {
+ -ms-flex-order: 6;
+ -webkit-order: 6;
+ order: 6;
+ }
+ .glue-grid__col-m--order-7 {
+ -ms-flex-order: 7;
+ -webkit-order: 7;
+ order: 7;
+ }
+ .glue-grid__col-m--order-8 {
+ -ms-flex-order: 8;
+ -webkit-order: 8;
+ order: 8;
+ }
+ .glue-grid__col-m--order-9 {
+ -ms-flex-order: 9;
+ -webkit-order: 9;
+ order: 9;
+ }
+ .glue-grid__col-m--order-10 {
+ -ms-flex-order: 10;
+ -webkit-order: 10;
+ order: 10;
+ }
+ .glue-grid__col-m--order-11 {
+ -ms-flex-order: 11;
+ -webkit-order: 11;
+ order: 11;
+ }
+ .glue-grid__col-m--order-12 {
+ -ms-flex-order: 12;
+ -webkit-order: 12;
+ order: 12;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-grid__col-l--order-1 {
+ -ms-flex-order: 1;
+ -webkit-order: 1;
+ order: 1;
+ }
+ .glue-grid__col-l--order-2 {
+ -ms-flex-order: 2;
+ -webkit-order: 2;
+ order: 2;
+ }
+ .glue-grid__col-l--order-3 {
+ -ms-flex-order: 3;
+ -webkit-order: 3;
+ order: 3;
+ }
+ .glue-grid__col-l--order-4 {
+ -ms-flex-order: 4;
+ -webkit-order: 4;
+ order: 4;
+ }
+ .glue-grid__col-l--order-5 {
+ -ms-flex-order: 5;
+ -webkit-order: 5;
+ order: 5;
+ }
+ .glue-grid__col-l--order-6 {
+ -ms-flex-order: 6;
+ -webkit-order: 6;
+ order: 6;
+ }
+ .glue-grid__col-l--order-7 {
+ -ms-flex-order: 7;
+ -webkit-order: 7;
+ order: 7;
+ }
+ .glue-grid__col-l--order-8 {
+ -ms-flex-order: 8;
+ -webkit-order: 8;
+ order: 8;
+ }
+ .glue-grid__col-l--order-9 {
+ -ms-flex-order: 9;
+ -webkit-order: 9;
+ order: 9;
+ }
+ .glue-grid__col-l--order-10 {
+ -ms-flex-order: 10;
+ -webkit-order: 10;
+ order: 10;
+ }
+ .glue-grid__col-l--order-11 {
+ -ms-flex-order: 11;
+ -webkit-order: 11;
+ order: 11;
+ }
+ .glue-grid__col-l--order-12 {
+ -ms-flex-order: 12;
+ -webkit-order: 12;
+ order: 12;
+ }
+}
+@media (min-width: 1440px) {
+ .glue-grid__col-xl--order-1 {
+ -ms-flex-order: 1;
+ -webkit-order: 1;
+ order: 1;
+ }
+ .glue-grid__col-xl--order-2 {
+ -ms-flex-order: 2;
+ -webkit-order: 2;
+ order: 2;
+ }
+ .glue-grid__col-xl--order-3 {
+ -ms-flex-order: 3;
+ -webkit-order: 3;
+ order: 3;
+ }
+ .glue-grid__col-xl--order-4 {
+ -ms-flex-order: 4;
+ -webkit-order: 4;
+ order: 4;
+ }
+ .glue-grid__col-xl--order-5 {
+ -ms-flex-order: 5;
+ -webkit-order: 5;
+ order: 5;
+ }
+ .glue-grid__col-xl--order-6 {
+ -ms-flex-order: 6;
+ -webkit-order: 6;
+ order: 6;
+ }
+ .glue-grid__col-xl--order-7 {
+ -ms-flex-order: 7;
+ -webkit-order: 7;
+ order: 7;
+ }
+ .glue-grid__col-xl--order-8 {
+ -ms-flex-order: 8;
+ -webkit-order: 8;
+ order: 8;
+ }
+ .glue-grid__col-xl--order-9 {
+ -ms-flex-order: 9;
+ -webkit-order: 9;
+ order: 9;
+ }
+ .glue-grid__col-xl--order-10 {
+ -ms-flex-order: 10;
+ -webkit-order: 10;
+ order: 10;
+ }
+ .glue-grid__col-xl--order-11 {
+ -ms-flex-order: 11;
+ -webkit-order: 11;
+ order: 11;
+ }
+ .glue-grid__col-xl--order-12 {
+ -ms-flex-order: 12;
+ -webkit-order: 12;
+ order: 12;
+ }
+}
+body.glue-is-showing-drawer {
+ overflow-y: hidden;
+}
+@media (min-width: 900px) {
+ body.glue-is-showing-drawer {
+ overflow-y: auto;
+ }
+}
+.glue-header {
+ transition: height 0.4s;
+}
+.glue-header.glue-header--product-marketing-one-tier,
+.glue-header.glue-header--product-marketing-two-tier {
+ height: 56px;
+}
+.glue-header.glue-header--product-initiative,
+.glue-header.glue-header--corporate-initiative {
+ height: 112px;
+}
+@media (min-width: 900px) {
+ .glue-header.glue-header--product-marketing-one-tier {
+ height: 64px !important;
+ }
+ .glue-header.glue-header--product-marketing-one-tier.glue-is-showing-nested-nav {
+ height: 112px !important;
+ }
+ .glue-header.glue-header--product-marketing-two-tier {
+ height: 128px !important;
+ }
+ .glue-header.glue-header--product-marketing-two-tier.glue-is-showing-nested-nav {
+ height: 176px !important;
+ }
+ .glue-header.glue-header--product-initiative,
+ .glue-header.glue-header--corporate-initiative {
+ height: 128px !important;
+ }
+ .glue-header.glue-header--product-initiative.glue-is-showing-nested-nav {
+ height: 176px !important;
+ }
+ .glue-header.glue-header--corporate-initiative.glue-is-showing-nested-nav {
+ height: 176px !important;
+ }
+}
+.glue-header__bar {
+ background: #fff;
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ transform: translate3d(0, 0, 0);
+ transition: transform 0.4s, background 0.4s;
+ z-index: 100;
+}
+.glue-header__bar:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+.glue-header--product-marketing-two-tier .glue-header__bar,
+.glue-header--product-marketing-one-tier .glue-header__bar {
+ height: 56px;
+}
+.glue-is-wholly-scrolled
+ .glue-header--product-marketing-two-tier
+ .glue-header__bar,
+.glue-is-wholly-scrolled
+ .glue-header--product-marketing-one-tier
+ .glue-header__bar {
+ transform: translate3d(0, -56px, 0);
+}
+.glue-header--product-initiative .glue-header__bar,
+.glue-header--corporate-initiative .glue-header__bar {
+ height: 112px;
+}
+.glue-is-wholly-scrolled .glue-header--product-initiative .glue-header__bar,
+.glue-is-wholly-scrolled .glue-header--corporate-initiative .glue-header__bar {
+ transform: translate3d(0, -112px, 0);
+}
+.glue-header--reversed .glue-header__bar {
+ background: transparent;
+ box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3) !important;
+}
+@media (min-width: 900px) {
+ .glue-is-showing-nested-nav .glue-header__bar {
+ box-shadow: inset 0 -1px 0 0 #dadce0;
+ }
+ .glue-header--product-marketing-one-tier .glue-header__bar {
+ height: 64px !important;
+ }
+ .glue-header--product-marketing-one-tier.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: translate3d(0, -70px, 0) !important;
+ }
+ .glue-header--product-marketing-one-tier.glue-is-showing-nested-nav.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: translate3d(0, -118px, 0) !important;
+ }
+ .glue-header--product-marketing-two-tier .glue-header__bar {
+ height: 128px !important;
+ }
+ .glue-header--product-marketing-two-tier.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: translate3d(0, -134px, 0) !important;
+ }
+ .glue-header--product-marketing-two-tier.glue-is-showing-nested-nav.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: translate3d(0, -182px, 0) !important;
+ }
+ .glue-header--product-initiative .glue-header__bar,
+ .glue-header--corporate-initiative .glue-header__bar {
+ height: 128px !important;
+ }
+ .glue-header--product-initiative.glue-is-wholly-scrolled .glue-header__bar,
+ .glue-header--corporate-initiative.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: translate3d(0, -134px, 0) !important;
+ }
+ .glue-header--product-initiative.glue-is-showing-nested-nav.glue-is-wholly-scrolled
+ .glue-header__bar,
+ .glue-header--corporate-initiative.glue-is-showing-nested-nav.glue-is-wholly-scrolled
+ .glue-header__bar {
+ transform: translate3d(0, -182px, 0) !important;
+ }
+}
+.glue-header--product-initiative .glue-header__bar:before,
+.glue-header--corporate-initiative .glue-header__bar:before {
+ background: #dadce0;
+ content: '';
+ height: 1px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 56px;
+}
+.glue-header--reversed .glue-header__bar:before {
+ background: rgba(255, 255, 255, 0.3) !important;
+}
+@media (min-width: 900px) {
+ .glue-header--product-initiative .glue-header__bar:before,
+ .glue-header--corporate-initiative .glue-header__bar:before {
+ bottom: 63px;
+ top: auto;
+ }
+ .glue-header--product-marketing-two-tier .glue-header__bar:before {
+ background: #dadce0;
+ bottom: 63px;
+ content: '';
+ height: 1px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: auto;
+ }
+}
+.glue-header__bar-underside {
+ display: none;
+}
+@media (min-width: 900px) {
+ .glue-header__bar-underside {
+ background: #fff;
+ box-shadow: inset 0 -1px 0 0 #dadce0;
+ height: 48px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 100%;
+ transition: background 0.4s;
+ }
+ .glue-is-showing-nested-nav .glue-header__bar-underside {
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0;
+ display: block;
+ }
+ .glue-header--reversed .glue-header__bar-underside {
+ background: transparent;
+ box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3);
+ }
+}
+.glue-header__hamburger {
+ display: none;
+ float: left;
+ width: 56px;
+}
+[dir='rtl'] .glue-header__hamburger {
+ float: right;
+}
+.glue-header__hamburger.glue-header__hamburger--first-tier {
+ height: 100%;
+}
+.glue-header__hamburger.glue-header__hamburger--second-tier {
+ clear: left;
+ height: 50%;
+}
+[dir='rtl'] .glue-header__hamburger.glue-header__hamburger--second-tier {
+ clear: right;
+}
+.glue-header--product-marketing-one-tier
+ .glue-header__hamburger.glue-header__hamburger--first-tier,
+.glue-header--product-marketing-two-tier
+ .glue-header__hamburger.glue-header__hamburger--first-tier {
+ display: table;
+}
+.glue-header--product-marketing-one-tier
+ .glue-header__hamburger.glue-header__hamburger--second-tier,
+.glue-header--product-marketing-two-tier
+ .glue-header__hamburger.glue-header__hamburger--second-tier {
+ display: none;
+}
+.glue-header--product-initiative
+ .glue-header__hamburger.glue-header__hamburger--first-tier,
+.glue-header--corporate-initiative
+ .glue-header__hamburger.glue-header__hamburger--first-tier {
+ display: none;
+}
+.glue-header--product-initiative
+ .glue-header__hamburger.glue-header__hamburger--second-tier,
+.glue-header--corporate-initiative
+ .glue-header__hamburger.glue-header__hamburger--second-tier {
+ display: table;
+}
+@media (min-width: 900px) {
+ .glue-header__hamburger {
+ display: none !important;
+ }
+}
+.glue-header__hamburger-wrapper {
+ display: table-cell;
+ height: 100%;
+ padding: 6px;
+ vertical-align: middle;
+}
+.glue-header__hamburger-link {
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -webkit-appearance: button;
+ -webkit-user-select: none;
+ background: none;
+ border: 0;
+ border-radius: 50%;
+ color: inherit;
+ display: block;
+ font: inherit;
+ height: 100%;
+ line-height: normal;
+ margin: 0;
+ overflow: visible;
+ padding: 0;
+ position: relative;
+ width: 100%;
+}
+.glue-header__hamburger-link:focus {
+ background-color: #f1f3f4;
+ outline: none;
+}
+.glue-header__hamburger-link:focus .glue-header__hamburger-img--reversed {
+ fill: #5f6368;
+}
+.glue-header__hamburger-img {
+ height: 24px;
+ margin: 0 auto;
+ width: 24px;
+}
+.glue-header__hamburger-img.glue-header__hamburger-img--standard {
+ display: block;
+ fill: #5f6368;
+}
+.glue-header--reversed
+ .glue-header__hamburger-img.glue-header__hamburger-img--standard {
+ display: none;
+}
+.glue-header__hamburger-img.glue-header__hamburger-img--reversed {
+ display: none;
+ fill: #fff;
+}
+.glue-header--reversed
+ .glue-header__hamburger-img.glue-header__hamburger-img--reversed {
+ display: block;
+}
+.glue-header__lockup {
+ float: left;
+ height: 56px;
+ margin-left: 16px;
+ position: relative;
+}
+.glue-header__lockup:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+[dir='rtl'] .glue-header__lockup {
+ float: right;
+ margin-left: auto;
+ margin-right: 16px;
+}
+.glue-header--product-marketing-one-tier .glue-header__lockup,
+.glue-header--product-marketing-two-tier .glue-header__lockup {
+ height: 100%;
+ margin-left: 14px;
+}
+@media (min-width: 900px) {
+ .glue-header--product-marketing-one-tier .glue-header__lockup,
+ .glue-header--product-marketing-two-tier .glue-header__lockup {
+ margin-left: 24px;
+ }
+}
+[dir='rtl'] .glue-header--product-marketing-one-tier .glue-header__lockup,
+[dir='rtl'] .glue-header--product-marketing-two-tier .glue-header__lockup {
+ margin-left: auto;
+ margin-right: 14px;
+}
+@media (min-width: 900px) {
+ [dir='rtl'] .glue-header--product-marketing-one-tier .glue-header__lockup,
+ [dir='rtl'] .glue-header--product-marketing-two-tier .glue-header__lockup {
+ margin-left: auto;
+ margin-right: 24px;
+ }
+}
+.glue-header--product-initiative .glue-header__lockup,
+.glue-header--corporate-initiative .glue-header__lockup {
+ height: 50%;
+}
+@media (min-width: 900px) {
+ .glue-header__lockup {
+ margin-left: 24px;
+ }
+ [dir='rtl'] .glue-header__lockup {
+ margin-left: auto;
+ margin-right: 24px;
+ }
+ .glue-header--product-marketing-one-tier .glue-header__lockup {
+ height: 100% !important;
+ }
+ .glue-header--product-marketing-two-tier .glue-header__lockup,
+ .glue-header--product-initiative .glue-header__lockup,
+ .glue-header--corporate-initiative .glue-header__lockup {
+ height: 50% !important;
+ }
+}
+.glue-header__jump-to-content {
+ background: #fff;
+ border-radius: 2px;
+ clip: rect(1px, 1px, 1px, 1px);
+ display: none;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ height: 1px;
+ left: 100%;
+ letter-spacing: 0.25px;
+ margin-left: 48px;
+ overflow: hidden;
+ padding: 10px;
+ position: absolute;
+ top: 9px;
+ white-space: nowrap;
+ width: 1px;
+ z-index: 103;
+}
+[lang='ja'] .glue-header__jump-to-content {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__jump-to-content {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__jump-to-content {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__jump-to-content {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+[dir='rtl'] .glue-header__jump-to-content {
+ left: auto;
+ margin-left: auto;
+ margin-right: 48px;
+ right: 100%;
+}
+.glue-header__jump-to-content:focus {
+ background: #f1f3f4;
+ clip: auto;
+ color: #174ea6;
+ height: auto;
+ outline: none;
+ overflow: visible;
+ width: auto;
+}
+@media (min-width: 900px) {
+ .glue-header__jump-to-content {
+ display: table;
+ }
+}
+.glue-header__jump-to-content-text {
+ display: table-cell;
+}
+.glue-header__company-logo {
+ display: table;
+ float: left;
+ height: 100%;
+ padding: 4px 0;
+}
+[dir='rtl'] .glue-header__company-logo {
+ float: right;
+}
+.glue-header__company-logo-link {
+ display: table-cell;
+ padding-top: 4px;
+ vertical-align: middle;
+}
+.glue-header--reversed .glue-header__company-logo-link:focus {
+ outline-color: #f1f3f4;
+}
+.glue-header__company-logo-link:focus
+ .glue-header__company-logo-img--reversed {
+ fill: #5f6368;
+}
+.glue-header__company-logo-img {
+ height: 24px;
+ width: 74px;
+}
+.glue-header__company-logo-img.glue-header__company-logo-img--standard {
+ display: block;
+}
+.glue-header--reversed
+ .glue-header__company-logo-img.glue-header__company-logo-img--standard {
+ display: none;
+}
+.glue-header__company-logo-img.glue-header__company-logo-img--reversed {
+ display: none;
+ fill: #fff;
+}
+.glue-header--reversed
+ .glue-header__company-logo-img.glue-header__company-logo-img--reversed {
+ display: block;
+}
+.glue-header__product-logo {
+ display: table;
+ float: left;
+ height: 100%;
+ margin-left: 6px;
+ padding: 4px 0;
+}
+[dir='rtl'] .glue-header__product-logo {
+ float: right;
+ margin-left: auto;
+ margin-right: 6px;
+}
+.glue-header--corporate-initiative .glue-header__product-logo {
+ display: none;
+}
+.glue-header__product-logo-link {
+ display: table-cell;
+ padding-top: 1px;
+ vertical-align: middle;
+}
+.glue-header--reversed .glue-header__product-logo-link:focus {
+ outline-color: #f1f3f4;
+}
+.glue-header__product-logo-link:focus .glue-header__product-logo-text {
+ color: #5f6368;
+}
+.glue-header__product-logo-text {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ color: #5f6368;
+ font-family: 'Product Sans', Arial, Helvetica, sans-serif;
+ font-size: 22px;
+ font-style: normal;
+ font-weight: 400;
+}
+[lang='ja'] .glue-header__product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans JP', 'Noto Sans CJK JP', Arial,
+ Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans KR', 'Noto Sans CJK KR', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans SC', 'Noto Sans CJK SC', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans TC', 'Noto Sans CJK TC', Arial,
+ Helvetica, sans-serif;
+}
+.glue-header--reversed .glue-header__product-logo-text {
+ color: #fff;
+}
+.glue-header__initiative-logo {
+ clear: none;
+ display: table;
+ float: left;
+ height: 50%;
+ margin-left: 16px;
+ padding: 4px 0;
+}
+[dir='rtl'] .glue-header__initiative-logo {
+ clear: none;
+ float: right;
+ margin-left: auto;
+ margin-right: 16px;
+}
+.glue-header__initiative-logo.glue-header__initiative-logo--no-hamburger {
+ clear: left;
+}
+[dir='rtl']
+ .glue-header__initiative-logo.glue-header__initiative-logo--no-hamburger {
+ clear: right;
+}
+.glue-header--product-marketing-one-tier .glue-header__initiative-logo,
+.glue-header--product-marketing-two-tier .glue-header__initiative-logo {
+ display: none;
+}
+@media (min-width: 900px) {
+ .glue-header__initiative-logo {
+ clear: left !important;
+ height: 50% !important;
+ margin-left: 24px !important;
+ }
+ [dir='rtl'] .glue-header__initiative-logo {
+ clear: right !important;
+ height: 50% !important;
+ margin-left: auto !important;
+ margin-right: 24px !important;
+ }
+}
+.glue-header__initiative-logo-link {
+ display: table-cell;
+ vertical-align: middle;
+}
+.glue-header--reversed .glue-header__initiative-logo-link:focus {
+ outline-color: #f1f3f4;
+}
+.glue-header__initiative-logo-link:focus .glue-header__initiative-logo-text {
+ color: #5f6368;
+}
+.glue-header__initiative-logo-text {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ color: #5f6368;
+ font-family: 'Product Sans', Arial, Helvetica, sans-serif;
+ font-size: 22px;
+ font-style: normal;
+ font-weight: 400;
+}
+[lang='ja'] .glue-header__initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans JP', 'Noto Sans CJK JP', Arial,
+ Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans KR', 'Noto Sans CJK KR', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans SC', 'Noto Sans CJK SC', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans TC', 'Noto Sans CJK TC', Arial,
+ Helvetica, sans-serif;
+}
+.glue-header--reversed .glue-header__initiative-logo-text {
+ color: #fff;
+}
+.glue-header__nav {
+ clear: both;
+ display: none;
+}
+@media (min-width: 900px) {
+ .glue-header__nav {
+ display: block !important;
+ float: left;
+ }
+ [dir='rtl'] .glue-header__nav {
+ float: right;
+ }
+ .glue-header--product-marketing-one-tier .glue-header__nav {
+ clear: none;
+ height: 100%;
+ margin-left: 38px;
+ }
+ [dir='rtl'] .glue-header--product-marketing-one-tier .glue-header__nav {
+ margin-left: auto;
+ margin-right: 38px;
+ }
+ .glue-header--product-marketing-two-tier .glue-header__nav {
+ clear: left;
+ height: 50%;
+ margin-left: 14px;
+ }
+ [dir='rtl'] .glue-header--product-marketing-two-tier .glue-header__nav {
+ clear: right;
+ margin-left: auto;
+ margin-right: 14px;
+ }
+ .glue-header--product-initiative .glue-header__nav,
+ .glue-header--corporate-initiative .glue-header__nav {
+ clear: none;
+ height: 50%;
+ margin-left: 38px;
+ }
+ [dir='rtl'] .glue-header--product-initiative .glue-header__nav,
+ [dir='rtl'] .glue-header--corporate-initiative .glue-header__nav {
+ margin-left: auto;
+ margin-right: 38px;
+ }
+}
+.glue-header__nav-list {
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+[dir='rtl'] .glue-header__nav-list {
+ margin-left: auto;
+ margin-right: 0;
+}
+@media (min-width: 900px) {
+ .glue-header__nav-list {
+ height: 100%;
+ }
+ .glue-header__nav-list:after {
+ clear: both;
+ content: '';
+ display: table;
+ }
+}
+.glue-header__nav-li {
+ display: table;
+ width: 100%;
+}
+@media (min-width: 900px) {
+ .glue-header__nav-li {
+ float: left;
+ height: 100%;
+ margin-left: 16px;
+ position: relative;
+ width: auto;
+ }
+ [dir='rtl'] .glue-header__nav-li {
+ float: right;
+ margin-left: auto;
+ margin-right: 16px;
+ }
+ .glue-header__nav-li:first-child {
+ margin-left: 0;
+ }
+ [dir='rtl'] .glue-header__nav-li:first-child {
+ margin-right: 0;
+ }
+}
+.glue-header__nav-li-link {
+ color: #5f6368;
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ height: 48px;
+ letter-spacing: 0.25px;
+ padding-left: 16px;
+ padding-right: 16px;
+ vertical-align: middle;
+ width: 100%;
+}
+[lang='ja'] .glue-header__nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+[dir='rtl'] .glue-header__nav-li-link {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+.glue-header__nav-li-link:visited {
+ color: #5f6368;
+}
+.glue-header__nav-li-link:hover,
+.glue-header__nav-li-link:active,
+.glue-header__nav-li-link.glue-is-highlighted,
+.glue-header__nav-li-link.glue-is-active {
+ color: #000;
+}
+.glue-header__nav-li-link.glue-is-active {
+ background: #f1f3f4;
+}
+.glue-header--reversed .glue-header__nav-li-link {
+ color: #fff;
+}
+.glue-header--reversed .glue-header__nav-li-link.glue-is-active {
+ background: none;
+ font-weight: 500;
+}
+.glue-header--reversed .glue-header__nav-li-link:visited {
+ color: #fff;
+}
+.glue-header--reversed .glue-header__nav-li-link:hover,
+.glue-header--reversed .glue-header__nav-li-link:active,
+.glue-header--reversed .glue-header__nav-li-link:focus {
+ color: #dadce0;
+}
+.glue-header--reversed .glue-header__nav-li-link.glue-is-highlighted,
+.glue-header--reversed .glue-header__nav-li-link.glue-is-active {
+ color: #fff;
+}
+@media (min-width: 900px) {
+ .glue-header__nav-li-link {
+ line-height: 1.85714;
+ color: #5f6368;
+ font-size: 14px;
+ font-weight: 400;
+ height: auto;
+ letter-spacing: 0.25px;
+ padding: 10px 10px 9px;
+ width: auto;
+ }
+ [dir='rtl'] .glue-header__nav-li-link {
+ padding: 10px 10px 9px;
+ }
+ .glue-header--product-marketing-two-tier .glue-header__nav-li-link,
+ .glue-header--product-initiative .glue-header__nav-li-link,
+ .glue-header--corporate-initiative .glue-header__nav-li-link {
+ padding: 7px 10px 9px;
+ }
+ [dir='rtl']
+ .glue-header--product-marketing-two-tier
+ .glue-header__nav-li-link,
+ [dir='rtl'] .glue-header--product-initiative .glue-header__nav-li-link,
+ [dir='rtl'] .glue-header--corporate-initiative .glue-header__nav-li-link {
+ padding: 7px 10px 9px;
+ }
+ .glue-header__nav-li-link:visited {
+ color: #5f6368;
+ }
+ .glue-header__nav-li-link:hover,
+ .glue-header__nav-li-link:active,
+ .glue-header__nav-li-link.glue-is-highlighted,
+ .glue-header__nav-li-link.glue-is-active {
+ color: #000;
+ }
+ .glue-header__nav-li-link.glue-is-active {
+ background: none;
+ }
+ .glue-header__nav-li-link.glue-is-active:after {
+ background: #1a73e8;
+ bottom: 0;
+ content: '';
+ height: 2px;
+ left: 10px;
+ position: absolute;
+ right: 10px;
+ }
+ .glue-header__nav-li-link.glue-is-active:focus:after {
+ background: #174ea6;
+ }
+ .glue-header__nav-li-link:focus {
+ background: #f1f3f4;
+ outline: none;
+ }
+ .glue-header--reversed .glue-header__nav-li-link:after {
+ background: #fff;
+ }
+ .glue-header--reversed .glue-header__nav-li-link:hover,
+ .glue-header--reversed .glue-header__nav-li-link:focus {
+ background: #f1f3f4;
+ color: #202124;
+ }
+ .glue-header--reversed .glue-header__nav-li-link:hover.glue-is-active,
+ .glue-header--reversed .glue-header__nav-li-link:focus.glue-is-active {
+ background: #f1f3f4;
+ }
+ .glue-header--reversed .glue-header__nav-li-link:hover.glue-is-active:after,
+ .glue-header--reversed .glue-header__nav-li-link:focus.glue-is-active:after {
+ background: #5f6368;
+ }
+}
+.glue-header__nested-nav-list {
+ display: table-row;
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+[dir='rtl'] .glue-header__nested-nav-list {
+ margin-left: auto;
+ margin-right: 0;
+}
+@media (min-width: 900px) {
+ .glue-header__nested-nav-list {
+ display: none;
+ height: 48px;
+ left: 0;
+ margin-left: -8px;
+ position: absolute;
+ top: 100%;
+ white-space: nowrap;
+ z-index: 1;
+ }
+ [dir='rtl'] .glue-header__nested-nav-list {
+ left: auto;
+ margin-left: auto;
+ margin-right: -8px;
+ right: 0;
+ }
+ .glue-is-showing-nested-nav
+ .glue-header__nav-li-link.glue-is-highlighted
+ + .glue-header__nested-nav-list {
+ display: table;
+ }
+ .glue-header__nested-nav-list.glue-header__nested-nav-list--center {
+ margin-left: 50%;
+ transform: translate(-50%, 0);
+ }
+ [dir='rtl']
+ .glue-header__nested-nav-list.glue-header__nested-nav-list--center {
+ margin-left: auto;
+ margin-right: 50%;
+ transform: translate(50%, 0);
+ }
+ .glue-header__nested-nav-list.glue-header__nested-nav-list--right {
+ left: auto;
+ margin-right: -8px;
+ right: 0;
+ }
+ [dir='rtl']
+ .glue-header__nested-nav-list.glue-header__nested-nav-list--right {
+ left: 0;
+ margin-left: -8px;
+ margin-right: auto;
+ right: auto;
+ }
+}
+.glue-header__nested-nav-li {
+ display: table;
+ width: 100%;
+}
+@media (min-width: 900px) {
+ .glue-header__nested-nav-li {
+ display: table-cell;
+ padding: 3px 18px;
+ position: relative;
+ vertical-align: top;
+ width: auto;
+ }
+}
+.glue-header__nested-nav-li-link {
+ color: #5f6368;
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ height: 48px;
+ letter-spacing: 0.25px;
+ padding-left: 32px;
+ padding-right: 32px;
+ vertical-align: middle;
+ width: 100%;
+}
+[lang='ja'] .glue-header__nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+[dir='rtl'] .glue-header__nested-nav-li-link {
+ padding-left: 32px;
+ padding-right: 32px;
+}
+.glue-header__nested-nav-li-link:visited {
+ color: #5f6368;
+}
+.glue-header__nested-nav-li-link:hover,
+.glue-header__nested-nav-li-link:active,
+.glue-header__nested-nav-li-link.glue-is-active {
+ color: #000;
+}
+.glue-header__nested-nav-li-link.glue-is-active {
+ background: #f1f3f4;
+}
+.glue-header--reversed .glue-header__nested-nav-li-link {
+ color: #fff;
+}
+.glue-header--reversed .glue-header__nested-nav-li-link:visited {
+ color: #fff;
+}
+.glue-header--reversed .glue-header__nested-nav-li-link:hover,
+.glue-header--reversed .glue-header__nested-nav-li-link:active,
+.glue-header--reversed .glue-header__nested-nav-li-link:focus {
+ color: #dadce0;
+}
+.glue-header--reversed .glue-header__nested-nav-li-link.glue-is-active {
+ background: none;
+ color: #fff;
+}
+@media (min-width: 900px) {
+ .glue-header__nested-nav-li-link {
+ line-height: 1.85714;
+ color: #5f6368;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 400;
+ height: auto;
+ letter-spacing: 0.25px;
+ margin: 7px 0;
+ padding: 0 0 1px;
+ width: auto;
+ }
+ [dir='rtl'] .glue-header__nested-nav-li-link {
+ padding: 0 0 1px;
+ }
+ .glue-header__nested-nav-li-link:visited {
+ color: #5f6368;
+ }
+ .glue-header__nested-nav-li-link:hover,
+ .glue-header__nested-nav-li-link:active,
+ .glue-header__nested-nav-li-link.glue-is-active {
+ color: #000;
+ }
+ .glue-header__nested-nav-li-link.glue-is-active {
+ background: none;
+ }
+ .glue-header__nested-nav-li-link.glue-is-active:after {
+ background: #1a73e8;
+ bottom: 0;
+ content: '';
+ height: 2px;
+ left: 18px;
+ position: absolute;
+ right: 18px;
+ }
+ .glue-header__nested-nav-li-link.glue-is-active:focus:after {
+ background: #174ea6;
+ }
+ .glue-header__nested-nav-li-link:focus {
+ background: #f1f3f4;
+ outline: 10px solid #f1f3f4;
+ }
+ .glue-header--reversed
+ .glue-header__nested-nav-li-link.glue-is-active:after {
+ background: #fff;
+ }
+ .glue-header--reversed .glue-header__nested-nav-li-link:hover,
+ .glue-header--reversed .glue-header__nested-nav-li-link:focus {
+ background: #f1f3f4;
+ color: #202124;
+ outline: 10px solid #f1f3f4;
+ }
+ .glue-header--reversed
+ .glue-header__nested-nav-li-link:hover.glue-is-active:after,
+ .glue-header--reversed
+ .glue-header__nested-nav-li-link:focus.glue-is-active:after {
+ background: #5f6368;
+ }
+}
+.glue-header__cta {
+ display: none;
+ position: absolute;
+ right: 0;
+}
+.glue-header__cta.glue-header__cta--persistent {
+ display: block;
+}
+[dir='rtl'] .glue-header__cta {
+ left: 0;
+ right: auto;
+}
+.glue-header--product-marketing-one-tier .glue-header__cta {
+ height: 56px;
+ top: 0;
+}
+.glue-header--product-marketing-one-tier .glue-header__cta,
+.glue-header--product-marketing-two-tier .glue-header__cta,
+.glue-header--product-initiative .glue-header__cta,
+.glue-header--corporate-initiative .glue-header__cta {
+ padding: 9px 9px 9px;
+}
+.glue-header--product-marketing-two-tier .glue-header__cta,
+.glue-header--product-initiative .glue-header__cta,
+.glue-header--corporate-initiative .glue-header__cta {
+ bottom: 0;
+ height: 56px;
+}
+@media (min-width: 900px) {
+ .glue-header__cta {
+ display: block;
+ }
+ .glue-header--product-marketing-one-tier .glue-header__cta,
+ .glue-header--product-marketing-two-tier .glue-header__cta,
+ .glue-header--product-initiative .glue-header__cta,
+ .glue-header--corporate-initiative .glue-header__cta {
+ height: 63px;
+ padding: 9px 9px 9px;
+ }
+}
+.glue-header__cta-list {
+ height: 100%;
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+.glue-header__cta-list:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+[dir='rtl'] .glue-header__cta-list {
+ margin-left: auto;
+ margin-right: 0;
+}
+.glue-header__cta-li {
+ display: table;
+ float: left;
+ height: 100%;
+}
+[dir='rtl'] .glue-header__cta-li {
+ float: right;
+}
+.glue-header__cta-li.glue-header__cta-li--secondary {
+ margin-right: 16px;
+}
+[dir='rtl'] .glue-header__cta-li.glue-header__cta-li--secondary {
+ margin-left: 16px;
+ margin-right: auto;
+}
+.glue-header__cta-li-link {
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.75px;
+ vertical-align: middle;
+}
+[lang='ja'] .glue-header__cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--primary {
+ background: #1a73e8;
+ color: #fff;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--primary:visited {
+ color: #fff;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--primary:hover,
+.glue-header__cta-li-link.glue-header__cta-li-link--primary:active,
+.glue-header__cta-li-link.glue-header__cta-li-link--primary:focus {
+ background: #174ea6;
+ outline: none;
+}
+.glue-header--product-marketing-one-tier
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary {
+ padding: 0 24px 0;
+}
+.glue-header--product-marketing-two-tier
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary,
+.glue-header--product-initiative
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary,
+.glue-header--corporate-initiative
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary {
+ padding: 0 24px 0;
+}
+.glue-header--product-marketing-one-tier.glue-header--reversed
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary,
+.glue-header--product-marketing-two-tier
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary,
+.glue-header--product-initiative
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary,
+.glue-header--corporate-initiative
+ .glue-header__cta-li-link.glue-header__cta-li-link--primary {
+ background-clip: padding-box;
+ border-radius: 2px;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary {
+ color: #1a73e8;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary:visited {
+ color: #1a73e8;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary:hover,
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary:active,
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary:focus {
+ color: #174ea6;
+}
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary:hover,
+.glue-header__cta-li-link.glue-header__cta-li-link--secondary:focus {
+ background: #f1f3f4;
+ outline: none;
+}
+.glue-header--product-marketing-one-tier
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary {
+ padding: 0 24px 0;
+}
+.glue-header--product-marketing-two-tier
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary,
+.glue-header--product-initiative
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary,
+.glue-header--corporate-initiative
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary {
+ padding: 0 24px 0;
+}
+.glue-header--reversed
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary {
+ color: #fff;
+}
+.glue-header--reversed
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary:visited {
+ color: #fff;
+}
+.glue-header--reversed
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary:active {
+ color: #5f6368;
+}
+.glue-header--reversed
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary:hover,
+.glue-header--reversed
+ .glue-header__cta-li-link.glue-header__cta-li-link--secondary:focus {
+ color: #202124;
+}
+@media (min-width: 1024px) {
+ .glue-header__cta-li-link {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ }
+}
+.glue-header__drawer {
+ background: #fff;
+ border: 0 solid red;
+ bottom: 0;
+ left: 0;
+ max-width: 280px;
+ position: fixed;
+ right: 56px;
+ top: 0;
+ transform: translate3d(-100%, 0, 0);
+ transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
+ visibility: hidden;
+ z-index: 102;
+}
+[dir='rtl'] .glue-header__drawer {
+ left: 56px;
+ right: 0;
+ transform: translate3d(100%, 0, 0);
+}
+.glue-header__drawer.glue-is-visible {
+ visibility: visible;
+}
+.glue-is-showing-drawer .glue-header__drawer {
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
+ transform: translate3d(0, 0, 0);
+}
+.glue-header__drawer:focus {
+ outline: none;
+}
+@media (min-width: 900px) {
+ .glue-header__drawer {
+ display: none;
+ }
+}
+.glue-header__drawer-content {
+ bottom: 136px;
+ left: 0;
+ overflow-y: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+.glue-header__drawer-backdrop {
+ background: rgba(0, 0, 0, 0.4);
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+ visibility: hidden;
+ z-index: 101;
+}
+.glue-is-showing-drawer .glue-header__drawer-backdrop {
+ opacity: 1;
+ visibility: visible;
+}
+@media (min-width: 900px) {
+ .glue-header__drawer-backdrop {
+ display: none;
+ }
+}
+.glue-header__drawer-bar {
+ box-shadow: inset 0 -1px 0 0 #dadce0;
+ position: relative;
+}
+.glue-header__drawer-bar:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+.glue-header--product-marketing-one-tier .glue-header__drawer-bar,
+.glue-header--product-marketing-two-tier .glue-header__drawer-bar {
+ height: 56px;
+}
+.glue-header--product-initiative .glue-header__drawer-bar,
+.glue-header--corporate-initiative .glue-header__drawer-bar {
+ height: 112px;
+}
+.glue-header--product-initiative .glue-header__drawer-bar:before,
+.glue-header--corporate-initiative .glue-header__drawer-bar:before {
+ background: #dadce0;
+ bottom: 55px;
+ content: '';
+ height: 1px;
+ left: 0;
+ position: absolute;
+ right: 0;
+}
+.glue-header__drawer-lockup {
+ float: left;
+ margin-left: 16px;
+}
+.glue-header__drawer-lockup:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+[dir='rtl'] .glue-header__drawer-lockup {
+ float: right;
+ margin-left: 0;
+ margin-right: 16px;
+}
+.glue-header--product-marketing-one-tier .glue-header__drawer-lockup,
+.glue-header--product-marketing-two-tier .glue-header__drawer-lockup {
+ height: 100%;
+}
+.glue-header--product-initiative .glue-header__drawer-lockup,
+.glue-header--corporate-initiative .glue-header__drawer-lockup {
+ height: 50%;
+}
+.glue-header__drawer-company-logo {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ display: table;
+ float: left;
+ height: 100%;
+}
+[dir='rtl'] .glue-header__drawer-company-logo {
+ float: right;
+}
+.glue-header__drawer-company-logo-link {
+ display: table-cell;
+ padding-top: 4px;
+ vertical-align: middle;
+}
+.glue-header__drawer-company-logo-img {
+ display: block;
+ height: 24px;
+ width: 74px;
+}
+.glue-header__drawer-product-logo {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ display: table;
+ float: left;
+ height: 100%;
+ margin-left: 6px;
+}
+[dir='rtl'] .glue-header__drawer-product-logo {
+ float: right;
+ margin-left: 0;
+ margin-right: 6px;
+}
+.glue-header--corporate-initiative .glue-header__drawer-product-logo {
+ display: none;
+}
+.glue-header__drawer-product-logo-link {
+ display: table-cell;
+ padding-top: 0;
+ vertical-align: middle;
+}
+.glue-header__drawer-product-logo-text {
+ color: #5f6368;
+ font-family: 'Product Sans', Arial, Helvetica, sans-serif;
+ font-size: 22px;
+ font-style: normal;
+ font-weight: 400;
+}
+[lang='ja'] .glue-header__drawer-product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans JP', 'Noto Sans CJK JP', Arial,
+ Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__drawer-product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans KR', 'Noto Sans CJK KR', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__drawer-product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans SC', 'Noto Sans CJK SC', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__drawer-product-logo-text {
+ font-family: 'Product Sans', 'Noto Sans TC', 'Noto Sans CJK TC', Arial,
+ Helvetica, sans-serif;
+}
+.glue-header__drawer-initiative-logo {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ clear: left;
+ display: table;
+ float: left;
+ height: 50%;
+ margin-left: 16px;
+}
+[dir='rtl'] .glue-header__drawer-initiative-logo {
+ clear: right;
+ float: right;
+ margin-left: auto;
+ margin-right: 16px;
+}
+.glue-header--product-marketing-one-tier .glue-header__drawer-initiative-logo,
+.glue-header--product-marketing-two-tier .glue-header__drawer-initiative-logo {
+ display: none;
+}
+.glue-header__drawer-initiative-logo-link {
+ display: table-cell;
+ padding-top: 2px;
+ vertical-align: middle;
+}
+.glue-header__drawer-initiative-logo-text {
+ color: #5f6368;
+ font-family: 'Product Sans', Arial, Helvetica, sans-serif;
+ font-size: 22px;
+ font-style: normal;
+ font-weight: 400;
+}
+[lang='ja'] .glue-header__drawer-initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans JP', 'Noto Sans CJK JP', Arial,
+ Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__drawer-initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans KR', 'Noto Sans CJK KR', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__drawer-initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans SC', 'Noto Sans CJK SC', Arial,
+ Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__drawer-initiative-logo-text {
+ font-family: 'Product Sans', 'Noto Sans TC', 'Noto Sans CJK TC', Arial,
+ Helvetica, sans-serif;
+}
+.glue-header__drawer-nav {
+ padding-bottom: 20px;
+ padding-top: 20px;
+}
+.glue-header__drawer-nav-list {
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+[dir='rtl'] .glue-header__drawer-nav-list {
+ margin-right: 0;
+}
+.glue-header__drawer-nav-li {
+ display: table;
+ width: 100%;
+}
+.glue-header__drawer-nav-li-link {
+ color: #5f6368;
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ height: 48px;
+ letter-spacing: 0.25px;
+ padding-left: 16px;
+ padding-right: 16px;
+ vertical-align: middle;
+ width: 100%;
+}
+[lang='ja'] .glue-header__drawer-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__drawer-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__drawer-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__drawer-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-header__drawer-nav-li-link:visited {
+ color: #5f6368;
+}
+.glue-header__drawer-nav-li-link:focus,
+.glue-header__drawer-nav-li-link:visited {
+ color: #5f6368;
+}
+.glue-header__drawer-nav-li-link:hover,
+.glue-header__drawer-nav-li-link:active,
+.glue-header__drawer-nav-li-link.glue-is-highlighted,
+.glue-header__drawer-nav-li-link.glue-is-active {
+ color: #000;
+}
+.glue-header__drawer-nav-li-link.glue-is-active {
+ background: #f1f3f4;
+}
+.glue-header__drawer-nav-li-link:focus {
+ background: #f1f3f4;
+ outline: none;
+}
+.glue-header__drawer-nested-nav-list {
+ display: table-row;
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+.glue-header__drawer-nested-nav-li {
+ display: table;
+ width: 100%;
+}
+.glue-header__drawer-nested-nav-li-link {
+ color: #5f6368;
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ height: 48px;
+ letter-spacing: 0.25px;
+ padding-left: 32px;
+ padding-right: 32px;
+ vertical-align: middle;
+ width: 100%;
+}
+[lang='ja'] .glue-header__drawer-nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__drawer-nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__drawer-nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__drawer-nested-nav-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-header__drawer-nested-nav-li-link:focus,
+.glue-header__drawer-nested-nav-li-link:visited {
+ color: #5f6368;
+}
+.glue-header__drawer-nested-nav-li-link:hover,
+.glue-header__drawer-nested-nav-li-link:active,
+.glue-header__drawer-nested-nav-li-link.glue-is-active {
+ color: #000;
+}
+.glue-header__drawer-nested-nav-li-link.glue-is-active {
+ background: #f1f3f4;
+}
+.glue-header__drawer-nested-nav-li-link:focus {
+ background: #f1f3f4;
+ outline: none;
+}
+.glue-header__drawer-nav-close-btn {
+ border: 0;
+ color: #5f6368;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ height: 48px;
+ letter-spacing: 0.25px;
+ opacity: 0;
+ overflow: hidden;
+ padding-left: 16px;
+ padding-right: 16px;
+ text-align: left;
+ width: 100%;
+}
+[lang='ja'] .glue-header__drawer-nav-close-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__drawer-nav-close-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__drawer-nav-close-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__drawer-nav-close-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-header__drawer-nav-close-btn:active,
+.glue-header__drawer-nav-close-btn:focus {
+ background: #f1f3f4;
+ opacity: 1;
+ outline: none;
+}
+.glue-header__drawer-cta {
+ bottom: 0;
+ box-shadow: inset 0 1px 0 0 #dadce0;
+ height: 136px;
+ left: 0;
+ padding-bottom: 24px;
+ padding-left: 16px;
+ padding-right: 16px;
+ padding-top: 8px;
+ position: absolute;
+ right: 0;
+}
+[dir='rtl'] .glue-header__drawer-cta {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+.glue-header__drawer-cta-list {
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+[dir='rtl'] .glue-header__drawer-cta-list {
+ margin-left: auto;
+ margin-right: 0;
+}
+.glue-header__drawer-cta-li {
+ display: table;
+ margin-top: 8px;
+ width: 100%;
+}
+.glue-header__drawer-cta-li:first-child {
+ margin-top: 0;
+}
+.glue-header__drawer-cta-li-link {
+ display: table-cell;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ height: 48px;
+ letter-spacing: 0.75px;
+ text-align: center;
+ vertical-align: middle;
+}
+[lang='ja'] .glue-header__drawer-cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-header__drawer-cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-header__drawer-cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-header__drawer-cta-li-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--primary {
+ background: #1a73e8;
+ background-clip: padding-box;
+ border-radius: 2px;
+ color: #fff;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--primary:visited {
+ color: #fff;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--primary:hover,
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--primary:active,
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--primary:focus {
+ background: #174ea6;
+ outline: none;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--secondary {
+ color: #1a73e8;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--secondary:visited {
+ color: #1a73e8;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--secondary:hover,
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--secondary:active,
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--secondary:focus {
+ color: #174ea6;
+}
+.glue-header__drawer-cta-li-link.glue-header__drawer-cta-li-link--secondary:focus {
+ background: #f1f3f4;
+ outline: none;
+}
+.glue-icon {
+ display: inline-block;
+ fill: currentColor;
+}
+.svg-assets {
+ display: none;
+}
+.svg-assets path {
+ stroke-width: inherit;
+}
+.glue-icon--18px {
+ height: 18px;
+ width: 18px;
+}
+.glue-icon--20px {
+ height: 20px;
+ width: 20px;
+}
+.glue-icon--24px {
+ height: 24px;
+ width: 24px;
+}
+.glue-icon--32px {
+ height: 32px;
+ width: 32px;
+}
+[dir='rtl'] .glue-icon--arrow-forward {
+ transform: rotate(180deg);
+}
+.glue-icon--arrow-external {
+ transform: rotate(-45deg);
+}
+[dir='rtl'] .glue-icon--arrow-external {
+ transform: rotate(-135deg);
+}
+.glue-icon--arrow-top {
+ transform: rotate(-90deg);
+}
+.glue-icon--arrow-sort-asc {
+ transform: rotate(180deg);
+}
+.glue-icon--arrow-sort-desc {
+ transform: rotate(0deg);
+}
+.glue-icon--chevron {
+ height: 8px;
+ width: 12px;
+}
+.glue-icon--chevron-down {
+ transform: rotate(180deg);
+}
+.glue-icon--keyboard-arrow-left,
+.glue-icon--keyboard-arrow-right {
+ fill: none;
+ height: 24px;
+ stroke: #000;
+ stroke-width: 2px;
+ width: 24px;
+}
+.glue-icon--keyboard-arrow-left use svg path,
+.glue-icon--keyboard-arrow-right use svg path {
+ stroke: inherit;
+ stroke-width: inherit;
+}
+[dir='rtl'] .glue-icon--keyboard-arrow-left {
+ transform: rotate(0deg);
+}
+.glue-icon--keyboard-arrow-left,
+[dir='rtl'] .glue-icon--keyboard-arrow-right {
+ transform: rotate(180deg);
+}
+.glue-icon--footer {
+ color: #202124;
+ margin: 0 5px 0 0;
+ vertical-align: middle;
+}
+[dir='rtl'] .glue-icon--footer {
+ margin: 0 0 0 5px;
+}
+.glue-icon--social {
+ fill: #202124;
+ padding: 2px;
+ vertical-align: top;
+}
+.glue-icon--no-padding {
+ padding: 0;
+}
+.glue-icon--color-white {
+ fill: #fff;
+}
+.glue-icon--color-black {
+ fill: #000;
+}
+.glue-icon--color-link {
+ fill: #1a73e8;
+}
+.glue-icon--color-text {
+ fill: #202124;
+}
+.glue-icon--color-facebook {
+ fill: #3b5998;
+}
+.glue-icon--color-twitter {
+ fill: #1da1f2;
+}
+.glue-icon--color-youtube {
+ fill: red;
+}
+.glue-icon--color-linkedin {
+ fill: #0077b5;
+}
+.glue-icon--color-blogger {
+ fill: #ff8000;
+}
+.glue-icon--color-instagram {
+ fill: #df465f;
+}
+@keyframes glue-lazy-fade-in {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+.glue-lazy-bg-loaded {
+ background-repeat: no-repeat;
+}
+.glue-lazy-src-loaded,
+.glue-lazy-bg-loaded {
+ animation: glue-lazy-fade-in 1s;
+}
+p > a,
+.glue-inline-link {
+ border-bottom: 1px solid #1a73e8;
+}
+p > a:visited,
+.glue-inline-link:visited {
+ border-bottom-color: #7b1fa2;
+}
+p > a:hover,
+p > a:focus,
+.glue-inline-link:hover,
+.glue-inline-link:focus {
+ border-bottom-color: #174ea6;
+}
+.glue-mod-font-reversed p > a,
+p.glue-mod-font-reversed > a,
+.glue-mod-font-reversed .glue-inline-link {
+ border-bottom: 1px solid #fff;
+}
+.glue-mod-font-reversed p > a:visited,
+p.glue-mod-font-reversed > a:visited,
+.glue-mod-font-reversed .glue-inline-link:visited {
+ border-bottom-color: #cfa6ff;
+}
+.glue-mod-font-reversed p > a:hover,
+.glue-mod-font-reversed p > a:focus,
+p.glue-mod-font-reversed > a:hover,
+p.glue-mod-font-reversed > a:focus,
+.glue-mod-font-reversed .glue-inline-link:hover,
+.glue-mod-font-reversed .glue-inline-link:focus {
+ border-bottom-color: #202124;
+}
+.glue-link {
+ color: #1a73e8;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ border: none;
+ display: inline-block;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: 0.75px;
+ overflow: hidden;
+}
+.glue-link .glue-icon {
+ fill: #1a73e8;
+}
+.glue-link:visited {
+ color: #7b1fa2;
+}
+.glue-link:visited .glue-icon {
+ fill: #7b1fa2;
+}
+.glue-link:hover,
+.glue-link:active,
+.glue-link:focus {
+ color: #174ea6;
+}
+.glue-link:hover .glue-icon,
+.glue-link:active .glue-icon,
+.glue-link:focus .glue-icon {
+ fill: #174ea6;
+}
+.glue-link:focus {
+ outline-width: 10px;
+}
+.glue-link .glue-icon {
+ margin: 0 0 0 6px;
+}
+.glue-link:hover .glue-icon {
+ margin: 0 0 0 6px;
+}
+html[dir='rtl'] .glue-link .glue-icon {
+ margin: 0 6px 0 0;
+}
+html[dir='rtl'] .glue-link:hover .glue-icon {
+ margin: 0 6px 0 0;
+}
+[lang='ja'] .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-link {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ }
+}
+.glue-link:focus {
+ background: #f1f3f4;
+ outline: 10px solid #f1f3f4;
+}
+.glue-link.glue-link--static {
+ color: #1a73e8;
+}
+.glue-link.glue-link--static .glue-icon {
+ fill: #1a73e8;
+}
+.glue-link.glue-link--static:visited {
+ color: #1a73e8;
+}
+.glue-link.glue-link--static:visited .glue-icon {
+ fill: #1a73e8;
+}
+.glue-link.glue-link--static:hover,
+.glue-link.glue-link--static:active,
+.glue-link.glue-link--static:focus {
+ color: #174ea6;
+}
+.glue-link.glue-link--static:hover .glue-icon,
+.glue-link.glue-link--static:active .glue-icon,
+.glue-link.glue-link--static:focus .glue-icon {
+ fill: #174ea6;
+}
+.glue-link.glue-link--static:focus {
+ outline-width: 10px;
+}
+.glue-link .glue-icon--link {
+ height: 16px;
+ transition: margin 0.1s linear;
+ vertical-align: text-top;
+ width: 16px;
+}
+@media (min-width: 1024px) {
+ .glue-link .glue-icon--link {
+ height: 18px;
+ width: 18px;
+ }
+}
+.glue-link.glue-link--video .glue-icon--link,
+.glue-link.glue-link--pdf .glue-icon--link {
+ transition: none;
+ vertical-align: middle;
+}
+.glue-link.glue-link--video .glue-icon--link {
+ height: 22px;
+ margin: 0 6px 2px 0;
+ width: 31px;
+}
+@media (min-width: 1024px) {
+ .glue-link.glue-link--video .glue-icon--link {
+ height: 24px;
+ width: 34px;
+ }
+}
+.glue-link.glue-link--pdf .glue-icon--link {
+ height: 26px;
+ margin: 0 5px 2px 0;
+ width: 26px;
+}
+@media (min-width: 1024px) {
+ .glue-link.glue-link--pdf .glue-icon--link {
+ height: 28px;
+ width: 28px;
+ }
+}
+.glue-link.glue-link--internal .glue-icon {
+ margin: 0 0 0 6px;
+}
+.glue-link.glue-link--internal:hover .glue-icon {
+ margin: 0 0 0 8px;
+}
+html[dir='rtl'] .glue-link.glue-link--internal .glue-icon {
+ margin: 0 6px 0 0;
+}
+html[dir='rtl'] .glue-link.glue-link--internal:hover .glue-icon {
+ margin: 0 8px 0 0;
+}
+.glue-link.glue-link--external .glue-icon {
+ margin: 0 0 0 6px;
+}
+.glue-link.glue-link--external:hover .glue-icon {
+ margin: -2px 0 0 8px;
+}
+html[dir='rtl'] .glue-link.glue-link--external .glue-icon {
+ margin: 0 6px 0 0;
+}
+html[dir='rtl'] .glue-link.glue-link--external:hover .glue-icon {
+ margin: -2px 8px 0 0;
+}
+.glue-link.glue-link--top {
+ color: #202124;
+}
+.glue-link.glue-link--top .glue-icon {
+ margin: 0 0 0 6px;
+}
+.glue-link.glue-link--top:hover .glue-icon {
+ margin: -2px 0 0 6px;
+}
+html[dir='rtl'] .glue-link.glue-link--top .glue-icon {
+ margin: 0 6px 0 0;
+}
+html[dir='rtl'] .glue-link.glue-link--top:hover .glue-icon {
+ margin: -2px 6px 0 0;
+}
+.glue-link.glue-link--top .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--top:visited {
+ color: #202124;
+}
+.glue-link.glue-link--top:visited .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--top:hover,
+.glue-link.glue-link--top:active,
+.glue-link.glue-link--top:focus {
+ color: #174ea6;
+}
+.glue-link.glue-link--top:hover .glue-icon,
+.glue-link.glue-link--top:active .glue-icon,
+.glue-link.glue-link--top:focus .glue-icon {
+ fill: #174ea6;
+}
+.glue-link.glue-link--top:focus {
+ outline-width: 10px;
+}
+.glue-link.glue-link--muted {
+ color: #202124;
+}
+.glue-link.glue-link--muted .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--muted:visited {
+ color: #7b1fa2;
+}
+.glue-link.glue-link--muted:visited .glue-icon {
+ fill: #7b1fa2;
+}
+.glue-link.glue-link--muted:hover,
+.glue-link.glue-link--muted:active,
+.glue-link.glue-link--muted:focus {
+ color: #174ea6;
+}
+.glue-link.glue-link--muted:hover .glue-icon,
+.glue-link.glue-link--muted:active .glue-icon,
+.glue-link.glue-link--muted:focus .glue-icon {
+ fill: #174ea6;
+}
+.glue-link.glue-link--muted:focus {
+ outline-width: 10px;
+}
+.glue-link.glue-link--muted.glue-link--static {
+ color: #202124;
+}
+.glue-link.glue-link--muted.glue-link--static .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--muted.glue-link--static:visited {
+ color: #202124;
+}
+.glue-link.glue-link--muted.glue-link--static:visited .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--muted.glue-link--static:hover,
+.glue-link.glue-link--muted.glue-link--static:active,
+.glue-link.glue-link--muted.glue-link--static:focus {
+ color: #174ea6;
+}
+.glue-link.glue-link--muted.glue-link--static:hover .glue-icon,
+.glue-link.glue-link--muted.glue-link--static:active .glue-icon,
+.glue-link.glue-link--muted.glue-link--static:focus .glue-icon {
+ fill: #174ea6;
+}
+.glue-link.glue-link--muted.glue-link--static:focus {
+ outline-width: 10px;
+}
+.glue-link.glue-link--reversed {
+ color: #fff;
+}
+.glue-link.glue-link--reversed .glue-icon {
+ fill: #fff;
+}
+.glue-link.glue-link--reversed:visited {
+ color: #cfa6ff;
+}
+.glue-link.glue-link--reversed:visited .glue-icon {
+ fill: #cfa6ff;
+}
+.glue-link.glue-link--reversed:hover,
+.glue-link.glue-link--reversed:active,
+.glue-link.glue-link--reversed:focus {
+ color: #202124;
+}
+.glue-link.glue-link--reversed:hover .glue-icon,
+.glue-link.glue-link--reversed:active .glue-icon,
+.glue-link.glue-link--reversed:focus .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--reversed:focus {
+ outline-width: 10px;
+}
+.glue-link.glue-link--reversed.glue-link--static {
+ color: #fff;
+}
+.glue-link.glue-link--reversed.glue-link--static .glue-icon {
+ fill: #fff;
+}
+.glue-link.glue-link--reversed.glue-link--static:visited {
+ color: #fff;
+}
+.glue-link.glue-link--reversed.glue-link--static:visited .glue-icon {
+ fill: #fff;
+}
+.glue-link.glue-link--reversed.glue-link--static:hover,
+.glue-link.glue-link--reversed.glue-link--static:active,
+.glue-link.glue-link--reversed.glue-link--static:focus {
+ color: #202124;
+}
+.glue-link.glue-link--reversed.glue-link--static:hover .glue-icon,
+.glue-link.glue-link--reversed.glue-link--static:active .glue-icon,
+.glue-link.glue-link--reversed.glue-link--static:focus .glue-icon {
+ fill: #202124;
+}
+.glue-link.glue-link--reversed.glue-link--static:focus {
+ outline-width: 10px;
+}
+.glue-link.glue-link--reversed:hover {
+ background: #f1f3f4;
+ outline: 10px solid #f1f3f4;
+}
+.glue-modal {
+ background-color: #fff;
+ bottom: 0;
+ display: none;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ padding: 20px;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 9999;
+}
+.glue-modal.glue-modal-closing {
+ display: block;
+ transition: opacity 200ms ease-out;
+}
+.glue-modal.glue-modal-open {
+ display: block;
+ opacity: 1;
+ transition: opacity 200ms ease-in;
+}
+.glue-modal__close-btn {
+ background-color: #f1f3f4;
+ border: none;
+ border-radius: 0;
+ color: #202124;
+ cursor: pointer;
+ font-size: 44px;
+ height: 48px;
+ padding: 12px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 48px;
+}
+.glue-modal__close-btn:before,
+.glue-modal__close-btn:after {
+ background-color: #202124;
+ content: ' ';
+ height: 24px;
+ left: 24px;
+ position: absolute;
+ top: 12px;
+ width: 2px;
+}
+.glue-modal__close-btn:before {
+ transform: rotate(45deg);
+}
+.glue-modal__close-btn:after {
+ transform: rotate(-45deg);
+}
+.glue-modal__close-btn:hover,
+.glue-modal__close-btn:focus {
+ background-color: #e8eaed;
+ outline: none;
+}
+.glue-modal__close-btn:hover:before,
+.glue-modal__close-btn:hover:after,
+.glue-modal__close-btn:focus:before,
+.glue-modal__close-btn:focus:after {
+ background-color: #174ea6;
+}
+.glue-page {
+ box-sizing: content-box;
+ margin: 0 auto;
+ max-width: 568px;
+ padding: 0 16px;
+ width: auto;
+}
+@media (min-width: 600px) {
+ .glue-page {
+ max-width: 1280px;
+ padding: 0 32px;
+ }
+}
+.glue-pagination__pages,
+.glue-tabset__panel-container {
+ display: none;
+ list-style-type: none;
+ margin: 0;
+}
+.glue-is-ready.glue-pagination__pages,
+.glue-is-ready.glue-tabset__panel-container {
+ display: block;
+ margin: inherit;
+}
+.glue-pagination__page {
+ display: none;
+}
+.glue-is-shown.glue-pagination__page {
+ display: block;
+}
+.glue-pagination__page-list {
+ display: inline-block;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.glue-pagination__page-list-button-container {
+ display: inline-block;
+}
+.glue-c-carousel__button-container .glue-pagination__button,
+.glue-c-carousel__page-list .glue-pagination__button {
+ background-color: #fff;
+ border: solid 1px #ccc;
+ border-radius: 2px;
+ cursor: pointer;
+ padding: 0.5em 1em;
+}
+.glue-c-carousel__button-container .glue-pagination__button:focus,
+.glue-c-carousel__page-list .glue-pagination__button:focus {
+ background-color: #eee;
+}
+.glue-c-carousel__button-container
+ .glue-pagination__button[aria-selected='true'],
+.glue-c-carousel__page-list .glue-pagination__button[aria-selected='true'] {
+ background-color: #ddd;
+}
+.glue-c-carousel__button-container,
+.glue-tabset__tab {
+ display: inline-block;
+ margin: 0.2rem 1rem 0.2rem 0;
+}
+.glue-c-carousel__button-container.glue-pagination-teleport {
+ margin: 0;
+}
+.glue-c-carousel__page-list {
+ border: solid 1px #ccc;
+ border-radius: 2px;
+ display: inline-block;
+ margin: 0.2rem 1rem 0.2rem 0;
+ padding: 0;
+}
+.glue-c-carousel__page-list .glue-pagination__page-list-button-container,
+.glue-c-carousel__page-list
+ .glue-pagination__page-list-button-container.ng-hide {
+ border-left: none;
+}
+.glue-c-carousel__page-list .glue-pagination__page-list-button {
+ border: none;
+ margin: 0;
+ padding: 0.5em 1em;
+}
+.glue-c-carousel__page-list .glue-pagination__button[aria-selected='true'] {
+ background-color: #ddd;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-c-carousel__page-list .glue-pagination__button[aria-selected='true'] {
+ background-color: highlight;
+ color: ButtonHighlight;
+ }
+}
+.glue-c-carousel__page-list
+ .glue-pagination__page-list-button-container
+ + .glue-pagination__page-list-button-container {
+ border-left: solid 1px #ccc;
+}
+html[dir='rtl']
+ .glue-c-carousel__page-list
+ .glue-pagination__page-list-button-container
+ + .glue-pagination__page-list-button-container {
+ border-left: 0;
+ border-right: solid 1px #ccc;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots {
+ border: none;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container
+ + .glue-pagination__page-list-button-container {
+ border: none;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container {
+ border: none;
+ margin-right: 20px;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container.ng-hide:not(.ng-hide-animate) {
+ display: inherit !important;
+}
+@media screen and (min-width: 1024px) {
+ .glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container {
+ margin-right: 14px;
+ }
+ .glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container
+ .glue-pagination__page-list-button {
+ height: 14px;
+ width: 14px;
+ }
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button {
+ background-color: #585858;
+ border: solid 2px #585858;
+ border-radius: 50%;
+ color: #fff;
+ font-size: 0;
+ height: 20px;
+ padding: 0;
+ vertical-align: middle;
+ width: 20px;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button:focus {
+ background-color: #585858;
+ border-color: #000;
+ outline: none;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button[aria-selected='true'] {
+ background-color: #000;
+ border: solid 1px #000;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button[aria-selected='true'] {
+ background: buttonText;
+ }
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button[aria-selected='true']:focus {
+ border-color: #000;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade {
+ min-height: 200px;
+ position: relative;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > ul
+ > .glue-pagination__page,
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > .glue-pagination__page {
+ background-color: #fff;
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > ul
+ > .glue-pagination__page.glue-pagination__page--previously-shown,
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > .glue-pagination__page.glue-pagination__page--previously-shown {
+ opacity: 1;
+ z-index: 1;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > ul
+ > .glue-pagination__page.glue-is-shown,
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > .glue-pagination__page.glue-is-shown {
+ opacity: 1;
+ transition: opacity 400ms linear;
+ z-index: 2;
+}
+.glue-popover {
+ position: relative;
+}
+.glue-popover.glue-is-shown .glue-popover__dialog {
+ display: block;
+}
+.glue-popover__trigger {
+ cursor: pointer;
+}
+.glue-popover__dialog {
+ background: #fff;
+ border: 1px solid #000;
+ display: none;
+ left: 0;
+ position: absolute;
+ top: 62px;
+}
+[dir='rtl'] .glue-popover__dialog {
+ left: auto;
+ right: 0;
+}
+[dir='rtl'] .glue-popover__close-btn {
+ left: 10px;
+ right: auto;
+}
+.glue-popover__close-btn {
+ cursor: pointer;
+ display: block;
+ font-size: 11px;
+ position: absolute;
+ right: 10px;
+ top: 0;
+}
+.glue-popover__close-btn.glue-is-shown {
+ display: block;
+}
+.glue-ripple {
+ display: block;
+ height: 100%;
+ left: 0;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.glue-ripple__animation-element {
+ -ms-transform: translate(-50%, -50%) scale(0);
+ -webkit-backface-visibility: hidden;
+ -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
+ -webkit-transform: translate(-50%, -50%) scale(0);
+ backface-visibility: hidden;
+ background: #fff;
+ border-radius: 50%;
+ display: block;
+ opacity: 0;
+ overflow: hidden;
+ pointer-events: none;
+ position: absolute;
+ transform: translate(-50%, -50%) scale(0);
+}
+.glue-ripple__animation-element.glue-is-animating {
+ transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1),
+ -ms-transform 0.5s cubic-bezier(0, 0, 0.2, 1),
+ opacity 0.8s cubic-bezier(0, 0, 0.2, 1),
+ -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
+}
+.glue-ripple__animation-element.glue-is-visible {
+ opacity: 0.3;
+}
+[data-glue-show] {
+ display: none;
+}
+.glue-is-shown[data-glue-show] {
+ display: block;
+}
+.glue-is-shown.glue-is-shown-fx-fade-in[data-glue-show] {
+ animation: glue-show-fade-in 0.5s;
+}
+@keyframes glue-show-fade-in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes glue-show-fade-out {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.glue-is-show-remove.glue-is-shown-fx-fade-out[data-glue-show] {
+ animation: glue-show-fade-out 0.5s;
+ display: block;
+}
+.glue-sitesearch {
+ margin: 0;
+}
+.glue-sitesearch--footer {
+ margin-bottom: 30px;
+ margin-top: -8px;
+}
+@media (min-width: 600px) {
+ .glue-sitesearch--footer {
+ -ms-flex: 0 0 200px;
+ -webkit-flex: 0 0 200px;
+ flex: 0 0 200px;
+ margin-bottom: 20px;
+ width: 200px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-sitesearch--footer {
+ -ms-flex: 0 0 240px;
+ -webkit-flex: 0 0 240px;
+ flex: 0 0 240px;
+ text-align: right;
+ width: 240px;
+ }
+ [dir='rtl'] .glue-sitesearch--footer {
+ text-align: left;
+ }
+}
+.glue-sitesearch__input {
+ line-height: 1.57143;
+ background: transparent;
+ border: none;
+ border-bottom: 1px solid #dadce0;
+ font-size: 14px;
+ height: 22px;
+ margin: 0;
+ padding: 0;
+ width: 80%;
+}
+.glue-sitesearch__input:focus {
+ border-bottom-width: 2px;
+ border-color: #202124;
+ outline: none;
+}
+@media (min-width: 600px) {
+ .glue-sitesearch__input {
+ width: 150px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-sitesearch__input {
+ width: 190px;
+ }
+}
+.glue-sitesearch__submit,
+.glue-sitesearch__submit.glue-button {
+ background: none;
+ border-radius: 50%;
+ color: #202124;
+ height: 40px;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ width: 40px;
+}
+.glue-sitesearch__submit:hover,
+.glue-sitesearch__submit:focus,
+.glue-sitesearch__submit.glue-button:hover,
+.glue-sitesearch__submit.glue-button:focus {
+ color: #202124;
+}
+.glue-sitesearch__submit:focus,
+.glue-sitesearch__submit.glue-button:focus {
+ background: #f1f3f4;
+ outline: none;
+}
+.glue-footer .glue-sitesearch__submit:focus,
+.glue-footer .glue-sitesearch__submit.glue-button:focus {
+ background: #e8eaed;
+}
+.glue-social {
+ max-width: 100%;
+}
+@media (min-width: 600px) {
+ .glue-social {
+ -ms-flex: 1 0 auto;
+ -webkit-flex: 1 0 auto;
+ flex: 1 0 auto;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+}
+.glue-social.glue-social--zippy .glue-is-expanded .glue-social__zippy-popover {
+ z-index: 1;
+}
+.glue-social.glue-social--zippy.glue-social--zippy-opposite {
+ flex-direction: row-reverse;
+}
+.glue-social.glue-social--zippy.glue-social--zippy-opposite
+ .glue-social__copy-btn,
+.glue-social.glue-social--zippy.glue-social--zippy-opposite
+ .glue-social__copy-input {
+ padding-right: 0;
+ text-align: right;
+}
+.glue-social.glue-social--popover {
+ margin-bottom: 18px;
+}
+@media (min-width: 600px) {
+ .glue-social.glue-social--popover {
+ display: inline-block;
+ }
+}
+@media (min-width: 600px) {
+ .glue-social.glue-social--popover + .glue-social--popover {
+ margin-left: 36px;
+ }
+}
+[dir='rtl'] .glue-social.glue-social--popover + .glue-social--popover {
+ margin-left: 0;
+ margin-right: 36px;
+}
+.glue-social.glue-social--popover:focus {
+ z-index: 100;
+}
+.glue-social.glue-social--popover > .glue-is-shown {
+ z-index: 10000;
+}
+.glue-footer .glue-social {
+ margin: 0 0 30px;
+}
+.glue-social__group {
+ -ms-flex: 0 0 100%;
+ -webkit-flex: 0 0 100%;
+ flex: 0 0 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: 0;
+}
+@media (min-width: 600px) {
+ .glue-social__group {
+ -ms-flex-wrap: nowrap;
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ padding-right: 50px;
+ }
+ [dir='rtl'] .glue-social__group {
+ padding-left: 50px;
+ padding-right: 0;
+ }
+ .glue-social--popover .glue-social__group,
+ .glue-social--zippy .glue-social__group {
+ padding: 0;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-social__group {
+ -ms-flex: 0 0 auto;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ }
+}
+.glue-social__group + .glue-social__group {
+ margin-top: 30px;
+}
+@media (min-width: 1024px) {
+ .glue-social__group + .glue-social__group {
+ margin-top: 0;
+ }
+}
+.glue-social--zippy-opposite .glue-social__group {
+ flex-direction: inherit;
+}
+.glue-social__group.glue-expansion-panel {
+ border: 0;
+}
+.glue-popover__group {
+ justify-content: flex-end;
+}
+.glue-social__title {
+ -ms-flex: 0 0 100%;
+ -webkit-flex: 0 0 100%;
+ flex: 0 0 100%;
+ color: #202124;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.75px;
+}
+[lang='ja'] .glue-social__title {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-social__title {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-social__title {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-social__title {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-social__title {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ }
+}
+.glue-social__title.glue-social__title--inline {
+ line-height: 1.71429;
+ -ms-flex: 0 0 auto;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ margin-right: 32px;
+}
+@media (min-width: 1024px) {
+ .glue-social__title.glue-social__title--inline {
+ line-height: 1.5;
+ }
+}
+[dir='rtl'] .glue-social__title.glue-social__title--inline,
+.glue-social--zippy-opposite .glue-social__title.glue-social__title--inline {
+ margin-left: 32px;
+ margin-right: 0;
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-social__title.glue-social__title--inline {
+ margin-left: 0;
+ margin-right: 32px;
+}
+.glue-social__title.glue-social__title--zippy {
+ background-color: #fff;
+ color: #1a73e8;
+ margin-right: 24px;
+ padding: 0;
+ position: relative;
+ z-index: 1;
+}
+.glue-social__title.glue-social__title--zippy:focus {
+ border: 0;
+ padding: 0;
+}
+@media (min-width: 600px) {
+ .glue-social__title.glue-social__title--zippy {
+ margin-right: 32px;
+ }
+}
+.glue-social__title.glue-social__title--zippy:hover,
+.glue-social__title.glue-social__title--zippy:focus {
+ color: #174ea6;
+}
+.glue-social__title.glue-social__title--zippy:focus {
+ background: #f1f3f4;
+ outline: 10px solid #f1f3f4;
+}
+.glue-is-expanded .glue-social__title.glue-expansion-panel-toggle {
+ border: 0;
+}
+.glue-social__list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ flex: 1;
+ margin: 0;
+ max-width: 100%;
+}
+.glue-social__list:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+@media (min-width: 600px) {
+ .glue-social__list {
+ -ms-flex-wrap: nowrap;
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ }
+}
+.glue-social__list.glue-social__list--popover {
+ -ms-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-top: 26px;
+}
+.glue-social--zippy-opposite .glue-social__list {
+ flex-direction: inherit;
+}
+.glue-social__item {
+ -ms-flex: 0 0 auto;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ color: #000;
+ float: left;
+ height: 24px;
+ margin: 0 32px 10px 0;
+ width: 24px;
+}
+.glue-social__item:last-child {
+ margin-right: 0;
+}
+[dir='rtl'] .glue-social__item {
+ float: right;
+}
+[dir='rtl'] .glue-social__item:last-child {
+ margin-left: 0;
+}
+.glue-social__item .glue-social__link {
+ border-radius: 50%;
+ display: block;
+ height: 24px;
+ padding: 0;
+ width: 24px;
+}
+.glue-social__item .glue-social__link:focus {
+ background: #f1f3f4;
+ box-shadow: 0 0 0 10px #f1f3f4;
+ outline: none;
+}
+.glue-footer .glue-social__item .glue-social__link:focus {
+ background: #e8eaed;
+ box-shadow: 0 0 0 10px #e8eaed;
+}
+.glue-social__item .glue-social.glue-social--popover {
+ display: block;
+}
+[dir='rtl'] .glue-social__item,
+.glue-social--zippy-opposite .glue-social__item {
+ margin-left: 32px;
+ margin-right: 0;
+}
+[dir='rtl'] .glue-social--zippy-opposite .glue-social__item {
+ margin-left: 0;
+ margin-right: 32px;
+ transform: none;
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(0) {
+ opacity: 1;
+ transform: translateX(-42px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(0) {
+ transform: translateX(-56px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(0) {
+ transform: translateX(42px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(0) {
+ transform: translateX(56px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(0) {
+ transform: translateX(0px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(0) {
+ transform: translateX(0px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(0) {
+ transform: translateX(0px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(0) {
+ transform: translateX(0px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(1) {
+ opacity: 1;
+ transform: translateX(0px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(1) {
+ transform: translateX(0px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(1) {
+ transform: translateX(0px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(1) {
+ transform: translateX(0px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(1) {
+ transform: translateX(-42px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(1) {
+ transform: translateX(-56px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(1) {
+ transform: translateX(42px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(1) {
+ transform: translateX(56px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(2) {
+ opacity: 1;
+ transform: translateX(42px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(2) {
+ transform: translateX(56px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(2) {
+ transform: translateX(-42px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(2) {
+ transform: translateX(-56px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(2) {
+ transform: translateX(-84px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(2) {
+ transform: translateX(-112px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(2) {
+ transform: translateX(84px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(2) {
+ transform: translateX(112px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(3) {
+ opacity: 1;
+ transform: translateX(84px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(3) {
+ transform: translateX(112px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(3) {
+ transform: translateX(-84px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(3) {
+ transform: translateX(-112px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(3) {
+ transform: translateX(-126px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(3) {
+ transform: translateX(-168px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(3) {
+ transform: translateX(126px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(3) {
+ transform: translateX(168px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(4) {
+ opacity: 1;
+ transform: translateX(126px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(4) {
+ transform: translateX(168px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(4) {
+ transform: translateX(-126px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(4) {
+ transform: translateX(-168px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(4) {
+ transform: translateX(-168px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(4) {
+ transform: translateX(-224px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(4) {
+ transform: translateX(168px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(4) {
+ transform: translateX(224px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(5) {
+ opacity: 1;
+ transform: translateX(168px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(5) {
+ transform: translateX(224px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(5) {
+ transform: translateX(-168px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(5) {
+ transform: translateX(-224px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(5) {
+ transform: translateX(-210px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(5) {
+ transform: translateX(-280px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(5) {
+ transform: translateX(210px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(5) {
+ transform: translateX(280px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(6) {
+ opacity: 1;
+ transform: translateX(210px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(6) {
+ transform: translateX(280px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(6) {
+ transform: translateX(-210px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(6) {
+ transform: translateX(-280px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(6) {
+ transform: translateX(-252px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(6) {
+ transform: translateX(-336px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(6) {
+ transform: translateX(252px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(6) {
+ transform: translateX(336px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(7) {
+ opacity: 1;
+ transform: translateX(252px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(7) {
+ transform: translateX(336px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(7) {
+ transform: translateX(-252px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(7) {
+ transform: translateX(-336px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(7) {
+ transform: translateX(-294px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(7) {
+ transform: translateX(-392px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(7) {
+ transform: translateX(294px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(7) {
+ transform: translateX(392px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(8) {
+ opacity: 1;
+ transform: translateX(294px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(8) {
+ transform: translateX(392px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(8) {
+ transform: translateX(-294px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(8) {
+ transform: translateX(-392px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(8) {
+ transform: translateX(-336px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(8) {
+ transform: translateX(-448px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(8) {
+ transform: translateX(336px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(8) {
+ transform: translateX(448px);
+ }
+}
+.glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(9) {
+ opacity: 1;
+ transform: translateX(336px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(9) {
+ transform: translateX(448px);
+ }
+}
+[dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(9) {
+ transform: translateX(-336px);
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-is-expanded .glue-social__item:nth-child(9) {
+ transform: translateX(-448px);
+ }
+}
+.glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(9) {
+ transform: translateX(-378px);
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(9) {
+ transform: translateX(-504px);
+ }
+}
+[dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(9) {
+ transform: translateX(378px);
+}
+@media (min-width: 600px) {
+ [dir='rtl']
+ .glue-social--zippy-opposite
+ .glue-is-expanded
+ .glue-social__item:nth-child(9) {
+ transform: translateX(504px);
+ }
+}
+.glue-social--zippy .glue-social__item {
+ opacity: 0;
+ position: absolute;
+ transform: translateX(-50px);
+ transition: transform 0.5s ease-out,
+ opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+[dir='rtl'] .glue-social--zippy .glue-social__item {
+ transform: translateX(50px);
+}
+.glue-social__item.glue-social__item--popover {
+ margin: 24px 32px 0 0;
+}
+.glue-social__item.glue-social__item--popover:nth-child(4n + 4) {
+ margin-right: 0;
+}
+[dir='rtl'] .glue-social__item.glue-social__item--popover:nth-child(4n + 4) {
+ margin-left: 0;
+}
+[dir='rtl'] .glue-social__item.glue-social__item--popover {
+ margin: 24px 0 0 32px;
+}
+.glue-social__share-icon {
+ fill: currentColor;
+ margin-right: 10px;
+ padding: 0;
+ vertical-align: top;
+}
+[dir='rtl'] .glue-social__share-icon {
+ margin-left: 10px;
+ margin-right: 0;
+}
+.glue-social__dialog {
+ border: none;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+ display: none;
+ left: auto;
+ outline: none;
+ padding: 0 46px 0 10px;
+ position: absolute;
+ right: -10px;
+ text-align: left;
+ top: -10px;
+}
+@media (min-width: 600px) {
+ .glue-social__dialog {
+ left: -10px;
+ padding: 0 10px 0 46px;
+ right: auto;
+ }
+}
+.glue-social--zippy-opposite .glue-social__dialog,
+[dir='rtl'] .glue-social__dialog {
+ left: -10px;
+ padding: 0 10px 0 46px;
+ right: auto;
+}
+@media (min-width: 600px) {
+ .glue-social--zippy-opposite .glue-social__dialog,
+ [dir='rtl'] .glue-social__dialog {
+ left: auto;
+ padding: 0 46px 0 10px;
+ right: -10px;
+ }
+}
+[dir='rtl'] .glue-social--zippy-opposite .glue-social__dialog {
+ left: auto;
+ padding: 0 46px 0 10px;
+ right: -10px;
+}
+@media (min-width: 600px) {
+ [dir='rtl'] .glue-social--zippy-opposite .glue-social__dialog {
+ left: -10px;
+ padding: 0 10px 0 46px;
+ right: auto;
+ }
+}
+.glue-social__dialog.glue-social__dialog--popover {
+ border: none;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+ display: none;
+ left: auto;
+ outline: none;
+ padding: 14px 24px 24px;
+ position: absolute;
+ right: -26px;
+ text-align: right;
+ top: -20px;
+ width: 240px;
+}
+.glue-social__group.glue-is-shown
+ .glue-social__dialog.glue-social__dialog--popover {
+ display: block;
+}
+[dir='rtl'] .glue-social__dialog.glue-social__dialog--popover {
+ left: -26px;
+ right: auto;
+ text-align: left;
+}
+.glue-social__close-btn {
+ line-height: 0.77778;
+ color: #202124;
+ display: none;
+ height: 16px;
+ right: 4px;
+ text-align: center;
+ top: 4px;
+ width: 16px;
+}
+.glue-social__close-btn:focus {
+ background: #f1f3f4;
+ outline: none;
+}
+[dir='rtl'] .glue-social__close-btn {
+ left: 4px;
+ right: auto;
+}
+.glue-social__copy-container {
+ background-color: #f8f9fa;
+ margin: 24px -24px -24px;
+ padding: 5px 10px;
+ width: calc(100% + 48px);
+}
+.glue-social__copy-input {
+ background-color: inherit;
+ border: none;
+ border-bottom: 1px solid #dadce0;
+ border-radius: 0;
+ color: #202124;
+ display: block;
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 0.35px;
+ margin-top: 10px;
+ padding-bottom: 2px;
+ padding-top: 5px;
+ text-align: left;
+ width: 100%;
+}
+[dir='rtl'] .glue-social__copy-input {
+ text-align: right;
+}
+.glue-social__copy-input:focus {
+ background: #f1f3f4;
+ border-bottom: 2px solid #174ea6;
+ padding-bottom: 5px;
+}
+.glue-social__copy-container .glue-social__copy-input:focus {
+ background: #e8eaed;
+}
+.glue-social--popover .glue-social__copy-input {
+ margin-top: 0;
+ padding-right: 16px;
+ text-align: right;
+}
+[dir='rtl'] .glue-social--popover .glue-social__copy-input {
+ padding-left: 16px;
+ padding-right: 0;
+ text-align: left;
+}
+.glue-social--static .glue-social--popover .glue-social__copy-input {
+ margin-top: 5px;
+ text-align: left;
+}
+[dir='rtl']
+ .glue-social--static
+ .glue-social--popover
+ .glue-social__copy-input {
+ text-align: right;
+}
+.glue-social--zippy .glue-social--popover .glue-social__copy-input {
+ margin-top: 5px;
+ text-align: left;
+}
+[dir='rtl']
+ .glue-social--zippy
+ .glue-social--popover
+ .glue-social__copy-input {
+ text-align: right;
+}
+.glue-social__copy-btn {
+ background: none;
+ border-color: #fff;
+ border-style: none;
+ box-shadow: none;
+ color: #1a73e8;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: 0.75px;
+ line-height: 1;
+ margin: 5px 0;
+ min-width: 210px;
+ padding: 5px 0;
+ text-align: left;
+ width: 100%;
+}
+[lang='ja'] .glue-social__copy-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-social__copy-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-social__copy-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-social__copy-btn {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-social__copy-btn {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ }
+}
+.glue-social__copy-btn.glue-is-copied {
+ color: #202124;
+}
+.glue-social__copy-btn:focus {
+ background: #f1f3f4;
+ color: #174ea6;
+ outline: none;
+}
+.glue-social__copy-container .glue-social__copy-btn:focus {
+ background: #e8eaed;
+}
+[dir='rtl'] .glue-social__copy-btn {
+ text-align: right;
+}
+.glue-social--popover .glue-social__copy-btn {
+ margin-bottom: 0;
+ padding-right: 16px;
+ text-align: right;
+}
+[dir='rtl'] .glue-social--popover .glue-social__copy-btn {
+ padding-left: 16px;
+ padding-right: 0;
+ text-align: left;
+}
+.glue-social--static .glue-social--popover .glue-social__copy-btn {
+ margin-bottom: 5px;
+ text-align: left;
+}
+[dir='rtl'] .glue-social--static .glue-social--popover .glue-social__copy-btn {
+ text-align: right;
+}
+.glue-social--zippy .glue-social--popover .glue-social__copy-btn {
+ margin-bottom: 5px;
+ text-align: left;
+}
+[dir='rtl'] .glue-social--zippy .glue-social--popover .glue-social__copy-btn {
+ text-align: right;
+}
+.glue-social__title.glue-social__title--trigger {
+ margin: 0;
+ position: relative;
+}
+.glue-social--popover
+ .glue-is-shown
+ .glue-social__title.glue-social__title--trigger {
+ line-height: 1.71429;
+ z-index: 1;
+}
+[dir='rtl'] .glue-social__title.glue-social__title--trigger {
+ margin: 0;
+}
+.glue-social__title.glue-social__title--trigger:hover,
+.glue-social__title.glue-social__title--trigger:focus {
+ color: #174ea6;
+}
+.glue-social__title.glue-social__title--trigger:focus {
+ background: #f1f3f4;
+ outline: 10px solid rgba(32, 33, 36, 0.06);
+}
+.glue-social__icon-trigger {
+ border-radius: 50%;
+ display: block;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: 24px;
+}
+.glue-social--popover .glue-is-shown .glue-social__icon-trigger {
+ z-index: 1;
+}
+[dir='rtl'] .glue-social__icon-trigger {
+ margin: 0;
+}
+.glue-social__icon-trigger:focus {
+ background: #f1f3f4;
+ box-shadow: 0 0 0 10px #f1f3f4;
+ outline: none;
+}
+.glue-sticky {
+ position: relative;
+ width: 100%;
+}
+.glue-sticky.glue-sticky-fx-slide-down {
+ transition: top 0.25s ease-in;
+}
+.glue-sticky.glue-sticky-fx-slide-down.glue-sticky-active-add {
+ top: -100px;
+}
+.glue-sticky.glue-sticky-fx-slide-down.glue-sticky-active {
+ top: 0;
+}
+.glue-sticky.glue-sticky-fx-slide-down.glue-sticky-active-remove {
+ top: 0;
+}
+.glue-sticky-active {
+ background: #fff;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+}
+.glue-sticky-active.glue-sticky-active-remove {
+ background: #fff;
+ top: 0;
+}
+.glue-table__overflowcontainer {
+ background-attachment: scroll, scroll;
+ background-image: linear-gradient(to left, #fff 0, #fff 100%),
+ linear-gradient(to right, #fff 0, #fff 100%),
+ linear-gradient(
+ to left,
+ rgba(95, 99, 104, 0) 0,
+ rgba(95, 99, 104, 0.15) 100%
+ ),
+ linear-gradient(
+ to right,
+ rgba(95, 99, 104, 0) 0,
+ rgba(95, 99, 104, 0.15) 100%
+ );
+ background-position: left bottom, right bottom, left bottom, right bottom;
+ background-repeat: no-repeat;
+ background-size: 1px 100%, 1px 100%, 15px 100%, 15px 100%;
+ overflow-x: auto;
+ padding: 0 0 1px;
+ position: relative;
+}
+.glue-table {
+ border: 1px solid #fff;
+ border-width: 0 1px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+[dir='ltr'] .glue-table tr:nth-of-type(n) td:first-child,
+[dir='ltr'] .glue-table tr:nth-of-type(n) th:first-child {
+ background-image: linear-gradient(
+ to right,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table tr:nth-of-type(n) td:first-child:focus,
+[dir='ltr'] .glue-table tr:nth-of-type(n) th:first-child:focus {
+ background-image: linear-gradient(
+ to right,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='rtl'] .glue-table tr:nth-of-type(n) td:first-child,
+[dir='rtl'] .glue-table tr:nth-of-type(n) th:first-child {
+ background-image: linear-gradient(
+ to left,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl'] .glue-table tr:nth-of-type(n) td:first-child:focus,
+[dir='rtl'] .glue-table tr:nth-of-type(n) th:first-child:focus {
+ background-image: linear-gradient(
+ to left,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='ltr'] .glue-table tr:nth-of-type(n) td:last-child,
+[dir='ltr'] .glue-table tr:nth-of-type(n) th:last-child {
+ background-image: linear-gradient(
+ to left,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table tr:nth-of-type(n) td:last-child:focus,
+[dir='ltr'] .glue-table tr:nth-of-type(n) th:last-child:focus {
+ background-image: linear-gradient(
+ to left,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='rtl'] .glue-table tr:nth-of-type(n) td:last-child,
+[dir='rtl'] .glue-table tr:nth-of-type(n) th:last-child {
+ background-image: linear-gradient(
+ to right,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl'] .glue-table tr:nth-of-type(n) td:last-child:focus,
+[dir='rtl'] .glue-table tr:nth-of-type(n) th:last-child:focus {
+ background-image: linear-gradient(
+ to right,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='ltr'] .glue-table th:first-child,
+[dir='ltr'] .glue-table td:first-child {
+ padding-left: 0;
+}
+[dir='ltr'] .glue-table th:last-child,
+[dir='ltr'] .glue-table td:last-child {
+ padding-right: 0;
+}
+[dir='rtl'] .glue-table th:first-child,
+[dir='rtl'] .glue-table td:first-child {
+ padding-right: 0;
+}
+[dir='rtl'] .glue-table th:last-child,
+[dir='rtl'] .glue-table td:last-child {
+ padding-left: 0;
+}
+.glue-table th {
+ line-height: 1.57143;
+ color: #202124;
+ font-family: 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 700;
+ letter-spacing: 0.25px;
+ padding: 12px 2.12% 12px;
+ text-align: left;
+ vertical-align: bottom;
+}
+@media (min-width: 1024px) {
+ .glue-table th {
+ line-height: 1.5;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+}
+[dir='rtl'] .glue-table th {
+ text-align: right;
+}
+[lang='ja'] .glue-table th {
+ font-family: 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP', Arial, Helvetica,
+ sans-serif;
+}
+[lang='ko'] .glue-table th {
+ font-family: 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR', Arial, Helvetica,
+ sans-serif;
+}
+[lang='zh-CN'] .glue-table th {
+ font-family: 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC', Arial, Helvetica,
+ sans-serif;
+}
+[lang='zh-TW'] .glue-table th {
+ font-family: 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC', Arial, Helvetica,
+ sans-serif;
+}
+.glue-table th:hover .glue-icon--arrow-sort {
+ fill: #202124;
+ stroke: #202124;
+ stroke-opacity: 1;
+}
+.glue-table th:focus {
+ background: rgba(32, 33, 36, 0.06);
+ outline: none;
+}
+.glue-table th .glue-table__header-cell-text {
+ line-height: 1.375;
+ display: flex;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+}
+@media (min-width: 1024px) {
+ .glue-table th .glue-table__header-cell-text {
+ line-height: 1.375;
+ }
+}
+.glue-table th.glue-table__cell--numerical .glue-table__header-cell-text {
+ justify-content: flex-end;
+}
+.glue-table th .glue-icon--arrow-sort {
+ align-self: flex-end;
+ fill: #5f6368;
+ flex: 0 0 auto;
+ margin: 2px 2px 2px 0;
+ order: -1;
+ stroke: #5f6368;
+ stroke-opacity: 0;
+ stroke-width: 2px;
+ vertical-align: text-bottom;
+}
+[dir='rtl'] .glue-table th .glue-icon--arrow-sort {
+ margin: 2px 0 2px 2px;
+}
+.glue-table th.goog-tablesorter-sorted .glue-icon--arrow-sort {
+ fill: #202124;
+ stroke: #202124;
+ stroke-opacity: 1;
+ transform: rotate(180deg);
+}
+.glue-table th.goog-tablesorter-sorted-reverse .glue-icon--arrow-sort {
+ fill: #202124;
+ stroke: #202124;
+ stroke-opacity: 1;
+}
+.glue-table th.goog-tablesorter-sorted,
+.glue-table th.goog-tablesorter-sorted-reverse {
+ border-bottom: 2px solid #1a73e8;
+ padding-bottom: 11px;
+}
+.glue-table th.goog-tablesorter-sorted:focus,
+.glue-table th.goog-tablesorter-sorted-reverse:focus {
+ border-color: #174ea6;
+}
+[dir='rtl']
+ .glue-table
+ th.glue-table__cell--numerical
+ .glue-table__header-cell-text {
+ justify-content: flex-start;
+}
+.glue-table th.glue-table__cell--numerical .glue-icon--arrow-sort {
+ margin: 2px 0 2px 2px;
+ order: 2;
+}
+[dir='rtl'] .glue-table th.glue-table__cell--numerical .glue-icon--arrow-sort {
+ margin: 2px 0 2px 2px;
+ order: -1;
+}
+.glue-table td {
+ line-height: 1.71429;
+ color: #202124;
+ font-family: 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.25px;
+ padding: 20px 2.12%;
+ vertical-align: top;
+}
+[lang='ja'] .glue-table td {
+ font-family: 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP', Arial, Helvetica,
+ sans-serif;
+}
+[lang='ko'] .glue-table td {
+ font-family: 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR', Arial, Helvetica,
+ sans-serif;
+}
+[lang='zh-CN'] .glue-table td {
+ font-family: 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC', Arial, Helvetica,
+ sans-serif;
+}
+[lang='zh-TW'] .glue-table td {
+ font-family: 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC', Arial, Helvetica,
+ sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-table td {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+}
+.glue-table .glue-table__cell--numerical {
+ text-align: right;
+}
+[dir='rtl'] .glue-table .glue-table__cell--numerical {
+ text-align: right;
+}
+.glue-flexbox .glue-table--stacked {
+ background: #fff;
+ border: 0 solid #dadce0;
+ border-width: 1px 0 0;
+ display: block;
+}
+.glue-flexbox .glue-table--stacked thead {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute;
+ width: 1px;
+}
+.glue-flexbox .glue-table--stacked tbody,
+.glue-flexbox .glue-table--stacked tr,
+.glue-flexbox .glue-table--stacked td {
+ display: block;
+}
+.glue-flexbox .glue-table--stacked td {
+ display: flex;
+ flex-wrap: nowrap;
+}
+.glue-flexbox .glue-table--stacked td::before {
+ content: attr(data-colheader);
+ display: block;
+ flex: 1 0 50%;
+ font-size: 14px;
+ font-weight: 700;
+ max-width: 45.76%;
+}
+.glue-flexbox .glue-table--stacked.glue-table--comparisontable tr {
+ border-top: 1px solid #dadce0;
+}
+.glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable
+ tr:first-of-type {
+ border-top-width: 0;
+}
+.glue-flexbox .glue-table--stacked.glue-table--comparisontable td {
+ border: none;
+}
+.glue-flexbox .glue-table--stacked.glue-table--comparisontable td:first-child {
+ font-size: 14px;
+ font-weight: 700;
+}
+.glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable
+ td:first-child::before {
+ content: '';
+ display: none;
+}
+@media (min-width: 600px) {
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable
+ td:first-child {
+ font-size: 14px;
+ font-weight: 400;
+ }
+}
+.glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr {
+ border-width: 0;
+}
+@media (min-width: 600px) {
+ .glue-flexbox .glue-table--stacked.glue-table--comparisontable td {
+ border: 1px solid #dadce0;
+ }
+ .glue-flexbox .glue-table--stacked.glue-table--comparisontable tr {
+ border: none;
+ }
+ .glue-flexbox .glue-table--stacked.glue-table--comparisontable td {
+ padding: 20px 14px;
+ }
+}
+@media (min-width: 600px) and (min-width: 1024px) {
+ .glue-flexbox .glue-table--stacked.glue-table--comparisontable td {
+ padding: 20px 30px;
+ }
+}
+@media (min-width: 600px) {
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ thead
+ tr:nth-of-type(n) {
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr {
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr:nth-of-type(odd) {
+ background-color: rgba(32, 33, 36, 0.03);
+ }
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr,
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ td {
+ border: none;
+ }
+ [dir='ltr']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:first-child {
+ background-image: linear-gradient(
+ to right,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+ }
+ [dir='rtl']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:first-child {
+ background-image: linear-gradient(
+ to left,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+ }
+ [dir='ltr']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:last-child {
+ background-image: linear-gradient(
+ to left,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+ }
+ [dir='rtl']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:last-child {
+ background-image: linear-gradient(
+ to right,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+ }
+ [dir='ltr']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ th:first-child,
+ [dir='ltr']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ td:first-child {
+ padding-left: 2.12%;
+ }
+ [dir='ltr']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ th:last-child,
+ [dir='ltr']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ td:last-child {
+ padding-right: 2.12%;
+ }
+ [dir='rtl']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ th:first-child,
+ [dir='rtl']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ td:first-child {
+ padding-right: 2.12%;
+ }
+ [dir='rtl']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ th:last-child,
+ [dir='rtl']
+ .glue-flexbox
+ .glue-table--stacked.glue-table--comparisontable.glue-table--comparisontable-altrows
+ td:last-child {
+ padding-left: 2.12%;
+ }
+}
+.glue-flexbox .glue-table--stacked .glue-table__cell--numerical {
+ text-align: left;
+}
+@media (min-width: 600px) {
+ .glue-flexbox .glue-table--stacked {
+ border: 1px solid #fff;
+ border-width: 0 1px;
+ display: table;
+ }
+ .glue-flexbox .glue-table--stacked thead {
+ clip: auto;
+ height: auto;
+ overflow: visible;
+ position: static;
+ width: auto;
+ display: table-header-group;
+ }
+ .glue-flexbox .glue-table--stacked tbody {
+ display: table-row-group;
+ }
+ .glue-flexbox .glue-table--stacked tr {
+ display: table-row;
+ }
+ .glue-flexbox .glue-table--stacked td {
+ display: table-cell;
+ }
+ .glue-flexbox .glue-table--stacked td::before {
+ content: '';
+ display: none;
+ }
+ .glue-flexbox .glue-table--stacked .glue-table__cell--numerical {
+ text-align: right;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-flexbox .glue-table--stacked td {
+ font-size: 16px;
+ }
+}
+[dir='ltr'].glue-flexbox .glue-table--stacked td:first-child,
+[dir='ltr'].glue-flexbox .glue-table--stacked td:last-child {
+ padding-left: 2.12%;
+ padding-right: 2.12%;
+}
+@media (min-width: 600px) {
+ [dir='ltr'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable
+ td:first-child {
+ padding-left: 0;
+ }
+ [dir='ltr'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable
+ td:last-child {
+ padding-right: 0;
+ }
+}
+@media (min-width: 600px) {
+ [dir='ltr'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable-altrows
+ td:first-child {
+ padding-left: 2.12%;
+ }
+ [dir='ltr'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable-altrows
+ td:last-child {
+ padding-right: 2.12%;
+ }
+}
+[dir='rtl'].glue-flexbox .glue-table--stacked td:first-child,
+[dir='rtl'].glue-flexbox .glue-table--stacked td:last-child {
+ padding-left: 2.12%;
+ padding-right: 2.12%;
+}
+@media (min-width: 600px) {
+ [dir='rtl'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable
+ td:first-child {
+ padding-right: 0;
+ }
+ [dir='rtl'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable
+ td:last-child {
+ padding-left: 0;
+ }
+}
+@media (min-width: 600px) {
+ [dir='rtl'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable-altrows
+ td:first-child {
+ padding-right: 2.12%;
+ }
+ [dir='rtl'].glue-flexbox
+ .glue-table--stacked.glue-table--datatable-altrows
+ td:last-child {
+ padding-left: 2.12%;
+ }
+}
+[dir='rtl'].glue-flexbox .glue-table--stacked .glue-table__cell--numerical {
+ text-align: right;
+}
+.glue-table--datatable tr:nth-of-type(n) {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+.glue-table--datatable tr {
+ border: 1px solid #dadce0;
+ border-width: 0 0 1px;
+}
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) td:first-child,
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) th:first-child {
+ background-image: linear-gradient(
+ to right,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) td:first-child:focus,
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) th:first-child:focus {
+ background-image: linear-gradient(
+ to right,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) td:first-child,
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) th:first-child {
+ background-image: linear-gradient(
+ to left,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) td:first-child:focus,
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) th:first-child:focus {
+ background-image: linear-gradient(
+ to left,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) td:last-child,
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) th:last-child {
+ background-image: linear-gradient(
+ to left,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) td:last-child:focus,
+[dir='ltr'] .glue-table--datatable tr:nth-of-type(n) th:last-child:focus {
+ background-image: linear-gradient(
+ to left,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) td:last-child,
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) th:last-child {
+ background-image: linear-gradient(
+ to right,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) td:last-child:focus,
+[dir='rtl'] .glue-table--datatable tr:nth-of-type(n) th:last-child:focus {
+ background-image: linear-gradient(
+ to right,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+.glue-table--datatable td {
+ padding-bottom: 20px;
+ padding-top: 20px;
+}
+[dir='ltr'] .glue-table--datatable th:first-child,
+[dir='ltr'] .glue-table--datatable td:first-child {
+ padding-left: 0;
+}
+[dir='ltr'] .glue-table--datatable th:last-child,
+[dir='ltr'] .glue-table--datatable td:last-child {
+ padding-right: 0;
+}
+[dir='rtl'] .glue-table--datatable th:first-child,
+[dir='rtl'] .glue-table--datatable td:first-child {
+ padding-right: 0;
+}
+[dir='rtl'] .glue-table--datatable th:last-child,
+[dir='rtl'] .glue-table--datatable td:last-child {
+ padding-left: 0;
+}
+.glue-table--datatable-altrows thead tr:nth-of-type(n) {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+.glue-table--datatable-altrows tr {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+.glue-table--datatable-altrows tr:nth-of-type(even) {
+ background-color: rgba(32, 33, 36, 0.03);
+}
+.glue-table--datatable-altrows thead tr {
+ border: 1px solid #dadce0;
+ border-width: 0 0 1px;
+}
+.glue-table--datatable-altrows tr,
+.glue-table--datatable-altrows td {
+ border: none;
+}
+[dir='ltr']
+ .glue-table--datatable-altrows
+ tr:nth-of-type(even)
+ td:first-child {
+ background-image: linear-gradient(
+ to right,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl']
+ .glue-table--datatable-altrows
+ tr:nth-of-type(even)
+ td:first-child {
+ background-image: linear-gradient(
+ to left,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table--datatable-altrows tr:nth-of-type(even) td:last-child {
+ background-image: linear-gradient(
+ to left,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl'] .glue-table--datatable-altrows tr:nth-of-type(even) td:last-child {
+ background-image: linear-gradient(
+ to right,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table--datatable-altrows th:first-child,
+[dir='ltr'] .glue-table--datatable-altrows td:first-child {
+ padding-left: 10px;
+}
+[dir='ltr'] .glue-table--datatable-altrows th:last-child,
+[dir='ltr'] .glue-table--datatable-altrows td:last-child {
+ padding-right: 10px;
+}
+[dir='rtl'] .glue-table--datatable-altrows th:first-child,
+[dir='rtl'] .glue-table--datatable-altrows td:first-child {
+ padding-right: 10px;
+}
+[dir='rtl'] .glue-table--datatable-altrows th:last-child,
+[dir='rtl'] .glue-table--datatable-altrows td:last-child {
+ padding-left: 10px;
+}
+@media (min-width: 1024px) {
+ [dir='ltr'] .glue-table--datatable-altrows th:first-child,
+ [dir='ltr'] .glue-table--datatable-altrows td:first-child {
+ padding-left: 26px;
+ }
+ [dir='ltr'] .glue-table--datatable-altrows th:last-child,
+ [dir='ltr'] .glue-table--datatable-altrows td:last-child {
+ padding-right: 26px;
+ }
+ [dir='rtl'] .glue-table--datatable-altrows th:first-child,
+ [dir='rtl'] .glue-table--datatable-altrows td:first-child {
+ padding-right: 26px;
+ }
+ [dir='rtl'] .glue-table--datatable-altrows th:last-child,
+ [dir='rtl'] .glue-table--datatable-altrows td:last-child {
+ padding-left: 26px;
+ }
+}
+.glue-table--comparisontable tr:nth-of-type(n) {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+.glue-table--comparisontable td {
+ border: 1px solid #dadce0;
+}
+[dir='ltr'] .glue-table--comparisontable tr:nth-of-type(n) td:first-child,
+[dir='ltr'] .glue-table--comparisontable tr:nth-of-type(n) th:first-child {
+ background-image: linear-gradient(
+ to right,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr']
+ .glue-table--comparisontable
+ tr:nth-of-type(n)
+ td:first-child:focus,
+[dir='ltr']
+ .glue-table--comparisontable
+ tr:nth-of-type(n)
+ th:first-child:focus {
+ background-image: linear-gradient(
+ to right,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='rtl'] .glue-table--comparisontable tr:nth-of-type(n) td:first-child,
+[dir='rtl'] .glue-table--comparisontable tr:nth-of-type(n) th:first-child {
+ background-image: linear-gradient(
+ to left,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl']
+ .glue-table--comparisontable
+ tr:nth-of-type(n)
+ td:first-child:focus,
+[dir='rtl']
+ .glue-table--comparisontable
+ tr:nth-of-type(n)
+ th:first-child:focus {
+ background-image: linear-gradient(
+ to left,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='ltr'] .glue-table--comparisontable tr:nth-of-type(n) td:last-child,
+[dir='ltr'] .glue-table--comparisontable tr:nth-of-type(n) th:last-child {
+ background-image: linear-gradient(
+ to left,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr'] .glue-table--comparisontable tr:nth-of-type(n) td:last-child:focus,
+[dir='ltr']
+ .glue-table--comparisontable
+ tr:nth-of-type(n)
+ th:last-child:focus {
+ background-image: linear-gradient(
+ to left,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='rtl'] .glue-table--comparisontable tr:nth-of-type(n) td:last-child,
+[dir='rtl'] .glue-table--comparisontable tr:nth-of-type(n) th:last-child {
+ background-image: linear-gradient(
+ to right,
+ #fff 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl'] .glue-table--comparisontable tr:nth-of-type(n) td:last-child:focus,
+[dir='rtl']
+ .glue-table--comparisontable
+ tr:nth-of-type(n)
+ th:last-child:focus {
+ background-image: linear-gradient(
+ to right,
+ #f1f3f4 50%,
+ rgba(241, 243, 244, 0) 100%
+ );
+}
+[dir='ltr'] .glue-table--comparisontable th:first-child,
+[dir='ltr'] .glue-table--comparisontable td:first-child {
+ padding-left: 14px;
+}
+[dir='ltr'] .glue-table--comparisontable th:last-child,
+[dir='ltr'] .glue-table--comparisontable td:last-child {
+ padding-right: 14px;
+}
+[dir='rtl'] .glue-table--comparisontable th:first-child,
+[dir='rtl'] .glue-table--comparisontable td:first-child {
+ padding-right: 14px;
+}
+[dir='rtl'] .glue-table--comparisontable th:last-child,
+[dir='rtl'] .glue-table--comparisontable td:last-child {
+ padding-left: 14px;
+}
+@media (min-width: 1024px) {
+ [dir='ltr'] .glue-table--comparisontable th:first-child,
+ [dir='ltr'] .glue-table--comparisontable td:first-child {
+ padding-left: 30px;
+ }
+ [dir='ltr'] .glue-table--comparisontable th:last-child,
+ [dir='ltr'] .glue-table--comparisontable td:last-child {
+ padding-right: 30px;
+ }
+ [dir='rtl'] .glue-table--comparisontable th:first-child,
+ [dir='rtl'] .glue-table--comparisontable td:first-child {
+ padding-right: 30px;
+ }
+ [dir='rtl'] .glue-table--comparisontable th:last-child,
+ [dir='rtl'] .glue-table--comparisontable td:last-child {
+ padding-left: 30px;
+ }
+}
+.glue-table--comparisontable th {
+ padding: 12px 14px 12px;
+}
+@media (min-width: 1024px) {
+ .glue-table--comparisontable th {
+ padding: 12px 30px 12px;
+ }
+}
+.glue-table--comparisontable td {
+ padding: 20px 14px;
+}
+@media (min-width: 1024px) {
+ .glue-table--comparisontable td {
+ padding: 20px 30px;
+ }
+}
+.glue-table--comparisontable-altrows thead tr:nth-of-type(n) {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+.glue-table--comparisontable-altrows tr {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+.glue-table--comparisontable-altrows tr:nth-of-type(odd) {
+ background-color: rgba(32, 33, 36, 0.03);
+}
+.glue-table--comparisontable-altrows tr,
+.glue-table--comparisontable-altrows td {
+ border: none;
+}
+[dir='ltr']
+ .glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:first-child {
+ background-image: linear-gradient(
+ to right,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl']
+ .glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:first-child {
+ background-image: linear-gradient(
+ to left,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='ltr']
+ .glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:last-child {
+ background-image: linear-gradient(
+ to left,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 100% 0;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+[dir='rtl']
+ .glue-table--comparisontable-altrows
+ tr:nth-of-type(odd)
+ td:last-child {
+ background-image: linear-gradient(
+ to right,
+ #f8f9fa 50%,
+ rgba(248, 249, 250, 0) 100%
+ );
+ background-position: 0 100%;
+ background-repeat: no-repeat;
+ background-size: 30px 100%;
+}
+.glue-table--comparisontable-altrows th,
+.glue-table--comparisontable-altrows td {
+ padding: 20px 2.12%;
+}
+[dir='ltr'] .glue-table--comparisontable-altrows th:first-child,
+[dir='ltr'] .glue-table--comparisontable-altrows td:first-child {
+ padding-left: 2.12%;
+}
+[dir='ltr'] .glue-table--comparisontable-altrows th:last-child,
+[dir='ltr'] .glue-table--comparisontable-altrows td:last-child {
+ padding-right: 2.12%;
+}
+[dir='rtl'] .glue-table--comparisontable-altrows th:first-child,
+[dir='rtl'] .glue-table--comparisontable-altrows td:first-child {
+ padding-right: 2.12%;
+}
+[dir='rtl'] .glue-table--comparisontable-altrows th:last-child,
+[dir='rtl'] .glue-table--comparisontable-altrows td:last-child {
+ padding-left: 2.12%;
+}
+@media (min-width: 1024px) {
+ .glue-table--comparisontable-altrows th,
+ .glue-table--comparisontable-altrows td {
+ padding: 20px 2.12%;
+ }
+}
+.glue-pagination__pages,
+.glue-tabset__panel-container {
+ display: none;
+ list-style-type: none;
+ margin: 0;
+}
+.glue-is-ready.glue-pagination__pages,
+.glue-is-ready.glue-tabset__panel-container {
+ display: block;
+ margin: inherit;
+}
+.glue-pagination__page {
+ display: none;
+}
+.glue-is-shown.glue-pagination__page {
+ display: block;
+}
+.glue-pagination__page-list {
+ display: inline-block;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.glue-pagination__page-list-button-container {
+ display: inline-block;
+}
+.glue-c-carousel__button-container .glue-pagination__button,
+.glue-c-carousel__page-list .glue-pagination__button {
+ background-color: #fff;
+ border: solid 1px #ccc;
+ border-radius: 2px;
+ cursor: pointer;
+ padding: 0.5em 1em;
+}
+.glue-c-carousel__button-container .glue-pagination__button:focus,
+.glue-c-carousel__page-list .glue-pagination__button:focus {
+ background-color: #eee;
+}
+.glue-c-carousel__button-container
+ .glue-pagination__button[aria-selected='true'],
+.glue-c-carousel__page-list .glue-pagination__button[aria-selected='true'] {
+ background-color: #ddd;
+}
+.glue-c-carousel__button-container,
+.glue-tabset__tab {
+ display: inline-block;
+ margin: 0.2rem 1rem 0.2rem 0;
+}
+.glue-c-carousel__button-container.glue-pagination-teleport {
+ margin: 0;
+}
+.glue-c-carousel__page-list {
+ border: solid 1px #ccc;
+ border-radius: 2px;
+ display: inline-block;
+ margin: 0.2rem 1rem 0.2rem 0;
+ padding: 0;
+}
+.glue-c-carousel__page-list .glue-pagination__page-list-button-container,
+.glue-c-carousel__page-list
+ .glue-pagination__page-list-button-container.ng-hide {
+ border-left: none;
+}
+.glue-c-carousel__page-list .glue-pagination__page-list-button {
+ border: none;
+ margin: 0;
+ padding: 0.5em 1em;
+}
+.glue-c-carousel__page-list .glue-pagination__button[aria-selected='true'] {
+ background-color: #ddd;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-c-carousel__page-list .glue-pagination__button[aria-selected='true'] {
+ background-color: highlight;
+ color: ButtonHighlight;
+ }
+}
+.glue-c-carousel__page-list
+ .glue-pagination__page-list-button-container
+ + .glue-pagination__page-list-button-container {
+ border-left: solid 1px #ccc;
+}
+html[dir='rtl']
+ .glue-c-carousel__page-list
+ .glue-pagination__page-list-button-container
+ + .glue-pagination__page-list-button-container {
+ border-left: 0;
+ border-right: solid 1px #ccc;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots {
+ border: none;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container
+ + .glue-pagination__page-list-button-container {
+ border: none;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container {
+ border: none;
+ margin-right: 20px;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container.ng-hide:not(.ng-hide-animate) {
+ display: inherit !important;
+}
+@media screen and (min-width: 1024px) {
+ .glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container {
+ margin-right: 14px;
+ }
+ .glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button-container
+ .glue-pagination__page-list-button {
+ height: 14px;
+ width: 14px;
+ }
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button {
+ background-color: #585858;
+ border: solid 2px #585858;
+ border-radius: 50%;
+ color: #fff;
+ font-size: 0;
+ height: 20px;
+ padding: 0;
+ vertical-align: middle;
+ width: 20px;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button:focus {
+ background-color: #585858;
+ border-color: #000;
+ outline: none;
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button[aria-selected='true'] {
+ background-color: #000;
+ border: solid 1px #000;
+}
+@media screen and (-ms-high-contrast: active) {
+ .glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button[aria-selected='true'] {
+ background: buttonText;
+ }
+}
+.glue-c-carousel__page-list.glue-c-carousel__page-list--dots
+ .glue-pagination__page-list-button[aria-selected='true']:focus {
+ border-color: #000;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade {
+ min-height: 200px;
+ position: relative;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > ul
+ > .glue-pagination__page,
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > .glue-pagination__page {
+ background-color: #fff;
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > ul
+ > .glue-pagination__page.glue-pagination__page--previously-shown,
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > .glue-pagination__page.glue-pagination__page--previously-shown {
+ opacity: 1;
+ z-index: 1;
+}
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > ul
+ > .glue-pagination__page.glue-is-shown,
+.glue-c-carousel__pages.glue-c-carousel__pages--xfade
+ > .glue-pagination__page.glue-is-shown {
+ opacity: 1;
+ transition: opacity 400ms linear;
+ z-index: 2;
+}
+.glue-tabset {
+ width: 100%;
+}
+.glue-tabset__panel-container {
+ background-color: #fff;
+ border: 1px solid #848484;
+ display: block;
+ margin: -1px 0 0;
+ padding: 10px;
+}
+.glue-tabset__panel-container > .glue-tabset__page {
+ display: none;
+}
+.glue-tabset__panel-container > .glue-tabset__page.glue-is-shown {
+ display: block;
+}
+@media screen and (min-width: 768px) {
+ .glue-tabset__panel-container.glue-tabset__panel-container--vertical {
+ margin-left: 15rem;
+ }
+}
+.glue-tabset__tab {
+ margin: 0 0 0 10px;
+}
+.glue-tabset__tab.glue-is-active {
+ background-color: #fff;
+ border-bottom: none;
+}
+@media screen and (min-width: 768px) {
+ .glue-tabset__tab.glue-tabset__tab--vertical {
+ display: block;
+ margin-left: 0;
+ }
+}
+.glue-tabset__tab.glue-tabset__tab--vertical:not(:first-child) {
+ border-top: 1px solid #848484;
+}
+.glue-tabset__tab.glue-tabset__tab--vertical:not(:first-child)
+ .glue-tabset__button.ng-click-active,
+.glue-tabset__tab.glue-tabset__tab--vertical:not(:first-child)
+ .glue-tabset__button.ng-click-active {
+ border-top: 0;
+}
+@media screen and (min-width: 768px) {
+ .glue-tabset__tab.glue-tabset__tab--vertical:not(:first-child) {
+ border-top: 0;
+ }
+}
+.glue-tabset__button {
+ background-color: initial;
+ border: 1px solid #848484;
+ border-bottom: 0;
+ border-radius: 0;
+ color: #444;
+ display: inline-block;
+ font-size: 1rem;
+ padding: 10px;
+ text-decoration: none;
+}
+.glue-tabset__button:hover {
+ color: #448aff;
+}
+.glue-tabset__button[aria-selected='true']:hover {
+ color: #448aff;
+}
+.glue-tabset__button[aria-selected='true']:hover:focus {
+ color: #448aff;
+}
+.glue-tabset__button[aria-selected='true'],
+.glue-tabset__button[aria-selected='true']:focus {
+ background-color: initial;
+ border-bottom: 0;
+ color: #444;
+ font-weight: bold;
+}
+.glue-tabset__button:focus {
+ background-color: #eee;
+}
+.glue-tabset__button.glue-tabset__button--vertical {
+ border-bottom: 0;
+}
+.glue-tabset__button.glue-tabset__button--vertical:focus {
+ border-bottom: 1px solid #848484;
+}
+@media screen and (min-width: 768px) {
+ .glue-tabset__button.glue-tabset__button--vertical {
+ border-bottom: 1px solid #848484;
+ border-right: 0;
+ text-align: left;
+ width: 100%;
+ }
+}
+.glue-tabset__tablist {
+ margin: 0;
+ padding: 0;
+}
+@media screen and (min-width: 768px) {
+ .glue-tabset__tablist.glue-tabset__tablist--vertical {
+ border-right: 1px solid #848484;
+ float: left;
+ overflow: hidden;
+ width: 15rem;
+ }
+}
+.glue-tabset__page {
+ display: none;
+}
+.glue-tabset__page:first-child {
+ display: block;
+}
+.glue-tabset__panel-container.glue-is-ready > .glue-tabset__page {
+ display: none;
+}
+.glue-tabset__panel-container.glue-is-ready
+ > .glue-tabset__page.glue-is-shown {
+ display: block;
+}
+.glue-tile-set {
+ display: flex;
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 0 -4px;
+}
+.glue-tile-set:after {
+ clear: both;
+ content: '';
+ display: table;
+}
+[dir='rtl'] .glue-tile-set {
+ margin: 0 -4px;
+}
+@media (min-width: 600px) {
+ .glue-tile-set {
+ margin: 0 -8.5px;
+ }
+ [dir='rtl'] .glue-tile-set {
+ margin: 0 -8.5px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-tile-set {
+ margin: 0 -13.5px;
+ }
+ [dir='rtl'] .glue-tile-set {
+ margin: 0 -13.5px;
+ }
+}
+.glue-tile-set > li {
+ flex: 0 0 270px;
+ float: left;
+ margin: 0 4px 20px;
+ width: 270px;
+}
+@media (min-width: 600px) {
+ .glue-tile-set > li {
+ margin: 0 8.5px 20px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-tile-set > li {
+ flex: 0 0 300px;
+ margin: 0 13.5px 20px;
+ width: 300px;
+ }
+}
+.glue-tile {
+ background: #fff;
+ display: block;
+ max-height: 100%;
+ min-height: 380px;
+ padding: 0 0 24px;
+ position: relative;
+ width: 270px;
+}
+@media (min-width: 1024px) {
+ .glue-tile {
+ min-height: 430px;
+ width: 300px;
+ }
+}
+.glue-tile.glue-tile--border {
+ border: 1px solid #dadce0;
+}
+.glue-tile.glue-tile--small-height {
+ min-height: 340px;
+}
+@media (min-width: 1024px) {
+ .glue-tile.glue-tile--small-height {
+ min-height: 380px;
+ }
+}
+.glue-tile:focus {
+ background: #f1f3f4;
+ border-color: #f1f3f4;
+ outline: none;
+}
+.glue-tile .glue-tile__header {
+ min-height: 153px;
+ position: relative;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__header {
+ min-height: 170px;
+ }
+}
+.glue-tile .glue-tile__header--icon {
+ min-height: 110px;
+ overflow: hidden;
+ padding: 24px;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__header--icon {
+ min-height: 118px;
+ }
+}
+.glue-tile .glue-tile__icon {
+ height: 48px;
+}
+.glue-tile .glue-tile__header-play-icon {
+ height: 36px;
+ left: 50%;
+ margin: -18px -25px 0;
+ position: absolute;
+ top: 50%;
+ width: 50px;
+}
+.glue-tile .glue-tile__body {
+ padding: 0 24px;
+}
+.glue-tile .glue-tile__headline {
+ line-height: 1.625;
+ color: #202124;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ font-weight: 500;
+ margin-top: 30px;
+}
+[lang='ja'] .glue-tile .glue-tile__headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-tile .glue-tile__headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-tile .glue-tile__headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-tile .glue-tile__headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__headline {
+ line-height: 1.66667;
+ font-size: 18px;
+ margin-top: 32px;
+ }
+}
+.glue-tile .glue-tile__description {
+ line-height: 1.71429;
+ color: #202124;
+ font-size: 14px;
+ letter-spacing: 0.25px;
+ margin: 5px 0 24px;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__description {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ margin-top: 5px;
+ }
+}
+.glue-tile .glue-tile__links {
+ bottom: 24px;
+ display: block;
+ font-weight: 400;
+ height: 16px;
+ left: 0;
+ list-style-type: none;
+ margin: 0;
+ position: absolute;
+ width: 100%;
+}
+[dir='rtl'] .glue-tile .glue-tile__links {
+ left: auto;
+ margin: 0;
+ right: 0;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__links {
+ height: 18px;
+ }
+}
+.glue-tile .glue-tile__link {
+ line-height: 1.14286;
+ font-size: 14px;
+ margin-left: 24px;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__link {
+ line-height: 1.125;
+ font-size: 16px;
+ }
+}
+[dir='rtl'] .glue-tile .glue-tile__link {
+ margin-left: 0;
+ margin-right: 24px;
+}
+.glue-tile .glue-tile__link.glue-tile__link--text {
+ float: left;
+}
+[dir='rtl'] .glue-tile .glue-tile__link.glue-tile__link--text {
+ float: right;
+}
+.glue-tile .glue-tile__link.glue-tile__link--text .glue-link {
+ color: #1a73e8;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: 0.75px;
+ text-transform: none;
+}
+[lang='ja'] .glue-tile .glue-tile__link.glue-tile__link--text .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-tile .glue-tile__link.glue-tile__link--text .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-tile .glue-tile__link.glue-tile__link--text .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-tile .glue-tile__link.glue-tile__link--text .glue-link {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__link.glue-tile__link--text .glue-link {
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ }
+}
+.glue-tile .glue-tile__link.glue-tile__link--text .glue-link:hover,
+.glue-tile .glue-tile__link.glue-tile__link--text .glue-link:focus {
+ color: #174ea6;
+}
+.glue-tile .glue-tile__link.glue-tile__link--text .glue-link:focus {
+ background: #f1f3f4;
+ outline: 10px solid #f1f3f4;
+}
+.glue-tile .glue-tile__link.glue-tile__link--arrow {
+ fill: #1a73e8;
+ float: right;
+ height: 16px;
+ margin: 0 24px;
+ right: 24px;
+ width: 16px;
+}
+[dir='rtl'] .glue-tile .glue-tile__link.glue-tile__link--arrow {
+ float: left;
+ left: 24px;
+ right: auto;
+ transform: rotate(180deg);
+}
+@media (min-width: 1024px) {
+ .glue-tile .glue-tile__link.glue-tile__link--arrow {
+ height: 18px;
+ width: 18px;
+ }
+}
+.glue-tile.glue-tile--hoverable:hover .glue-tile__link .glue-link,
+.glue-tile.glue-tile--hoverable:focus .glue-tile__link .glue-link {
+ color: #174ea6;
+}
+.glue-tile.glue-tile--hoverable:hover .glue-tile__link .glue-tile__link--arrow,
+.glue-tile.glue-tile--hoverable:focus
+ .glue-tile__link
+ .glue-tile__link--arrow {
+ fill: #174ea6;
+}
+.glue-headline {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ -moz-hyphens: auto;
+ -ms-hyphens: auto;
+ -webkit-hyphens: auto;
+ color: #202124;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-weight: 400;
+ hyphens: auto;
+ overflow-wrap: initial;
+ word-wrap: initial;
+}
+[lang='ja'] .glue-headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-headline {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-headline.glue-headline--display-one {
+ line-height: 1.16667;
+ font-size: 60px;
+ font-weight: 400;
+ letter-spacing: -0.75px;
+}
+.glue-headline.glue-headline--display-one.glue-has-top-margin {
+ margin-top: 35px;
+}
+.glue-headline.glue-headline--display-one.glue-has-bottom-margin {
+ margin-bottom: 35px;
+}
+.glue-headline.glue-headline--display-one.glue-has-top-bottom-margin {
+ margin-bottom: 35px;
+ margin-top: 35px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--display-one {
+ line-height: 1.16667;
+ font-size: 72px;
+ letter-spacing: -1px;
+ }
+ .glue-headline.glue-headline--display-one.glue-has-top-margin {
+ margin-top: 42px;
+ }
+ .glue-headline.glue-headline--display-one.glue-has-bottom-margin {
+ margin-bottom: 42px;
+ }
+ .glue-headline.glue-headline--display-one.glue-has-top-bottom-margin {
+ margin-bottom: 42px;
+ margin-top: 42px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--display-one {
+ line-height: 1.16667;
+ font-size: 120px;
+ letter-spacing: -2px;
+ }
+ .glue-headline.glue-headline--display-one.glue-has-top-margin {
+ margin-top: 70px;
+ }
+ .glue-headline.glue-headline--display-one.glue-has-bottom-margin {
+ margin-bottom: 70px;
+ }
+ .glue-headline.glue-headline--display-one.glue-has-top-bottom-margin {
+ margin-bottom: 70px;
+ margin-top: 70px;
+ }
+}
+.glue-headline.glue-headline--display-two {
+ line-height: 1.15789;
+ font-size: 38px;
+ font-weight: 400;
+ letter-spacing: 0;
+}
+.glue-headline.glue-headline--display-two.glue-has-top-margin {
+ margin-top: 22px;
+}
+.glue-headline.glue-headline--display-two.glue-has-bottom-margin {
+ margin-bottom: 22px;
+}
+.glue-headline.glue-headline--display-two.glue-has-top-bottom-margin {
+ margin-bottom: 22px;
+ margin-top: 22px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--display-two {
+ line-height: 1.16667;
+ font-size: 60px;
+ letter-spacing: -0.75px;
+ }
+ .glue-headline.glue-headline--display-two.glue-has-top-margin {
+ margin-top: 35px;
+ }
+ .glue-headline.glue-headline--display-two.glue-has-bottom-margin {
+ margin-bottom: 35px;
+ }
+ .glue-headline.glue-headline--display-two.glue-has-top-bottom-margin {
+ margin-bottom: 35px;
+ margin-top: 35px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--display-two {
+ line-height: 1.16667;
+ font-size: 96px;
+ letter-spacing: -1px;
+ }
+ .glue-headline.glue-headline--display-two.glue-has-top-margin {
+ margin-top: 56px;
+ }
+ .glue-headline.glue-headline--display-two.glue-has-bottom-margin {
+ margin-bottom: 56px;
+ }
+ .glue-headline.glue-headline--display-two.glue-has-top-bottom-margin {
+ margin-bottom: 56px;
+ margin-top: 56px;
+ }
+}
+.glue-headline.glue-headline--one {
+ line-height: 1.25;
+ font-size: 32px;
+ letter-spacing: 0;
+}
+.glue-headline.glue-headline--one.glue-has-top-margin {
+ margin-top: 15px;
+}
+.glue-headline.glue-headline--one.glue-has-bottom-margin {
+ margin-bottom: 15px;
+}
+.glue-headline.glue-headline--one.glue-has-top-bottom-margin {
+ margin-bottom: 15px;
+ margin-top: 15px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--one {
+ line-height: 1.15789;
+ font-size: 38px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--one.glue-has-top-margin {
+ margin-top: 13px;
+ }
+ .glue-headline.glue-headline--one.glue-has-bottom-margin {
+ margin-bottom: 13px;
+ }
+ .glue-headline.glue-headline--one.glue-has-top-bottom-margin {
+ margin-bottom: 13px;
+ margin-top: 13px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--one {
+ line-height: 1.17857;
+ font-size: 56px;
+ letter-spacing: -0.5px;
+ }
+ .glue-headline.glue-headline--one.glue-has-top-margin {
+ margin-top: 20px;
+ }
+ .glue-headline.glue-headline--one.glue-has-bottom-margin {
+ margin-bottom: 20px;
+ }
+ .glue-headline.glue-headline--one.glue-has-top-bottom-margin {
+ margin-bottom: 20px;
+ margin-top: 20px;
+ }
+}
+.glue-headline.glue-headline--two {
+ line-height: 1.33333;
+ font-size: 24px;
+ letter-spacing: 0;
+}
+.glue-headline.glue-headline--two.glue-has-top-margin {
+ margin-top: 10px;
+}
+.glue-headline.glue-headline--two.glue-has-bottom-margin {
+ margin-bottom: 10px;
+}
+.glue-headline.glue-headline--two.glue-has-top-bottom-margin {
+ margin-bottom: 10px;
+ margin-top: 10px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--two {
+ line-height: 1.25;
+ font-size: 32px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--two.glue-has-top-margin {
+ margin-top: 12px;
+ }
+ .glue-headline.glue-headline--two.glue-has-bottom-margin {
+ margin-bottom: 12px;
+ }
+ .glue-headline.glue-headline--two.glue-has-top-bottom-margin {
+ margin-bottom: 12px;
+ margin-top: 12px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--two {
+ line-height: 1.18182;
+ font-size: 44px;
+ letter-spacing: -0.5px;
+ }
+ .glue-headline.glue-headline--two.glue-has-top-margin {
+ margin-top: 15px;
+ }
+ .glue-headline.glue-headline--two.glue-has-bottom-margin {
+ margin-bottom: 15px;
+ }
+ .glue-headline.glue-headline--two.glue-has-top-bottom-margin {
+ margin-bottom: 15px;
+ margin-top: 15px;
+ }
+}
+.glue-headline.glue-headline--three {
+ line-height: 1.4;
+ font-size: 20px;
+ letter-spacing: 0;
+}
+.glue-headline.glue-headline--three.glue-has-top-margin {
+ margin-top: 14px;
+}
+.glue-headline.glue-headline--three.glue-has-bottom-margin {
+ margin-bottom: 14px;
+}
+.glue-headline.glue-headline--three.glue-has-top-bottom-margin {
+ margin-bottom: 14px;
+ margin-top: 14px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--three {
+ line-height: 1.33333;
+ font-size: 24px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--three.glue-has-top-margin {
+ margin-top: 13px;
+ }
+ .glue-headline.glue-headline--three.glue-has-bottom-margin {
+ margin-bottom: 13px;
+ }
+ .glue-headline.glue-headline--three.glue-has-top-bottom-margin {
+ margin-bottom: 13px;
+ margin-top: 13px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--three {
+ line-height: 1.25;
+ font-size: 32px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--three.glue-has-top-margin {
+ margin-top: 15px;
+ }
+ .glue-headline.glue-headline--three.glue-has-bottom-margin {
+ margin-bottom: 15px;
+ }
+ .glue-headline.glue-headline--three.glue-has-top-bottom-margin {
+ margin-bottom: 15px;
+ margin-top: 15px;
+ }
+}
+.glue-headline.glue-headline--four {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+}
+.glue-headline.glue-headline--four.glue-has-top-margin {
+ margin-top: 6px;
+}
+.glue-headline.glue-headline--four.glue-has-bottom-margin {
+ margin-bottom: 6px;
+}
+.glue-headline.glue-headline--four.glue-has-top-bottom-margin {
+ margin-bottom: 6px;
+ margin-top: 6px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--four {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--four.glue-has-top-margin {
+ margin-top: 6px;
+ }
+ .glue-headline.glue-headline--four.glue-has-bottom-margin {
+ margin-bottom: 6px;
+ }
+ .glue-headline.glue-headline--four.glue-has-top-bottom-margin {
+ margin-bottom: 6px;
+ margin-top: 6px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--four {
+ line-height: 1.36364;
+ font-size: 22px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--four.glue-has-top-margin {
+ margin-top: 12px;
+ }
+ .glue-headline.glue-headline--four.glue-has-bottom-margin {
+ margin-bottom: 12px;
+ }
+ .glue-headline.glue-headline--four.glue-has-top-bottom-margin {
+ margin-bottom: 12px;
+ margin-top: 12px;
+ }
+}
+.glue-headline.glue-headline--subhead {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+}
+.glue-headline.glue-headline--subhead.glue-has-top-margin {
+ margin-top: 6px;
+}
+.glue-headline.glue-headline--subhead.glue-has-bottom-margin {
+ margin-bottom: 6px;
+}
+.glue-headline.glue-headline--subhead.glue-has-top-bottom-margin {
+ margin-bottom: 6px;
+ margin-top: 6px;
+}
+@media (min-width: 600px) {
+ .glue-headline.glue-headline--subhead {
+ line-height: 1.625;
+ font-size: 16px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--subhead.glue-has-top-margin {
+ margin-top: 6px;
+ }
+ .glue-headline.glue-headline--subhead.glue-has-bottom-margin {
+ margin-bottom: 6px;
+ }
+ .glue-headline.glue-headline--subhead.glue-has-top-bottom-margin {
+ margin-bottom: 6px;
+ margin-top: 6px;
+ }
+}
+@media (min-width: 1024px) {
+ .glue-headline.glue-headline--subhead {
+ line-height: 1.66667;
+ font-size: 18px;
+ letter-spacing: 0;
+ }
+ .glue-headline.glue-headline--subhead.glue-has-top-margin {
+ margin-top: 12px;
+ }
+ .glue-headline.glue-headline--subhead.glue-has-bottom-margin {
+ margin-bottom: 12px;
+ }
+ .glue-headline.glue-headline--subhead.glue-has-top-bottom-margin {
+ margin-bottom: 12px;
+ margin-top: 12px;
+ }
+}
+.glue-eyebrow {
+ line-height: 1.5;
+ color: #202124;
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: 500;
+ letter-spacing: 1.25px;
+ text-transform: uppercase;
+}
+[lang='ja'] .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans JP', 'Noto Sans CJK JP',
+ Arial, Helvetica, sans-serif;
+}
+[lang='ko'] .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans KR', 'Noto Sans CJK KR',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-CN'] .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC',
+ Arial, Helvetica, sans-serif;
+}
+[lang='zh-TW'] .glue-eyebrow {
+ font-family: 'Google Sans', 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC',
+ Arial, Helvetica, sans-serif;
+}
+.glue-eyebrow.glue-has-top-margin {
+ margin-top: 5px;
+}
+.glue-eyebrow.glue-has-bottom-margin {
+ margin-bottom: 5px;
+}
+.glue-eyebrow.glue-has-top-bottom-margin {
+ margin-bottom: 5px;
+ margin-top: 5px;
+}
+@media (min-width: 1024px) {
+ .glue-eyebrow {
+ line-height: 1.57143;
+ font-size: 14px;
+ letter-spacing: 1.5px;
+ }
+ .glue-eyebrow.glue-has-top-margin {
+ margin-top: 5px;
+ }
+ .glue-eyebrow.glue-has-bottom-margin {
+ margin-bottom: 5px;
+ }
+ .glue-eyebrow.glue-has-top-bottom-margin {
+ margin-bottom: 5px;
+ margin-top: 5px;
+ }
+}
+.glue-footnote {
+ line-height: 1.5;
+ color: #202124;
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 0.35px;
+}
+.glue-footnote.glue-has-top-margin {
+ margin-top: 5px;
+}
+.glue-footnote.glue-has-bottom-margin {
+ margin-bottom: 5px;
+}
+.glue-footnote.glue-has-top-bottom-margin {
+ margin-bottom: 5px;
+ margin-top: 5px;
+}
+@media (min-width: 1024px) {
+ .glue-footnote.glue-has-top-margin {
+ margin-top: 9px;
+ }
+ .glue-footnote.glue-has-bottom-margin {
+ margin-bottom: 9px;
+ }
+ .glue-footnote.glue-has-top-bottom-margin {
+ margin-bottom: 9px;
+ margin-top: 9px;
+ }
+}
+.glue-tip {
+ cursor: help;
+ font-style: italic;
+}
+.glue-video {
+ font-size: 19px;
+ position: relative;
+}
+.glue-video:focus {
+ outline: none;
+}
+.glue-video:focus:after {
+ background-color: transparent;
+ border: 4px solid #174ea6;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 5;
+}
+.glue-video.glue-video--marquee {
+ cursor: pointer;
+ display: block;
+}
+.glue-video.glue-video--inline {
+ cursor: pointer;
+ display: inline-block;
+ max-width: 100%;
+}
+.glue-video__play {
+ height: 60px;
+ left: 50%;
+ margin: -30px -42px 0;
+ position: absolute;
+ top: 50%;
+ width: 84px;
+ z-index: 15;
+}
+.glue-video__play.glue-video__play--inline {
+ height: 48px;
+ margin: -24px -34px 0;
+ width: 68px;
+}
+.glue-video__image {
+ height: 20px;
+ margin-right: 10px;
+ width: 28px;
+}
+.glue-video img {
+ width: 100%;
+ z-index: 10;
+}
+.glue-mod-visually-hidden {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute;
+ width: 1px;
+}
+.glue-mod-visually-show {
+ clip: auto;
+ height: auto;
+ overflow: visible;
+ position: static;
+ width: auto;
+}
+.glue-mod-text-left {
+ text-align: left;
+}
+[dir='rtl'] .glue-mod-text-left {
+ text-align: right;
+}
+.glue-mod-text-right {
+ text-align: right;
+}
+[dir='rtl'] .glue-mod-text-right {
+ text-align: left;
+}
+.glue-mod-text-center {
+ text-align: center;
+}
+.glue-mod-text-justify {
+ text-align: justify;
+}
+.glue-mod-valign-bottom {
+ vertical-align: bottom;
+}
+.glue-mod-valign-middle {
+ vertical-align: middle;
+}
+.glue-mod-valign-top {
+ vertical-align: top;
+}
+.glue-mod-box-shadow-1 {
+ -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
+ 0 1px 1px 0 rgba(0, 0, 0, 0.24);
+ box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
+ 0 1px 1px 0 rgba(0, 0, 0, 0.24);
+}
+.glue-mod-box-shadow-2 {
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
+ 0 2px 5px 0 rgba(0, 0, 0, 0.23);
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.23);
+}
+.glue-mod-box-shadow-3 {
+ -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19),
+ 0 6px 3px 0 rgba(0, 0, 0, 0.23);
+ box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19),
+ 0 6px 3px 0 rgba(0, 0, 0, 0.23);
+}
+.glue-mod-box-shadow-4 {
+ -webkit-box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.25),
+ 0 10px 5px 0 rgba(0, 0, 0, 0.22);
+ box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.25),
+ 0 10px 5px 0 rgba(0, 0, 0, 0.22);
+}
+.glue-mod-box-shadow-5 {
+ -webkit-box-shadow: 0 19px 19px 0 rgba(0, 0, 0, 0.3),
+ 0 15px 6px 0 rgba(0, 0, 0, 0.22);
+ box-shadow: 0 19px 19px 0 rgba(0, 0, 0, 0.3),
+ 0 15px 6px 0 rgba(0, 0, 0, 0.22);
+}
+.glue-mod-mb-std {
+ margin-bottom: 18px;
+}
+.glue-mod-mt-std {
+ margin-top: 18px;
+}
+.glue-mod-ml-std {
+ margin-left: 18px;
+}
+.glue-mod-mr-std {
+ margin-right: 18px;
+}
+.glue-mod-mb-l {
+ margin-bottom: 36px;
+}
+.glue-mod-mt-l {
+ margin-top: 36px;
+}
+.glue-mod-ml-l {
+ margin-left: 36px;
+}
+.glue-mod-mr-l {
+ margin-right: 36px;
+}
+.glue-mod-mb-xl {
+ margin-bottom: 54px;
+}
+.glue-mod-mt-xl {
+ margin-top: 54px;
+}
+.glue-mod-ml-xl {
+ margin-left: 54px;
+}
+.glue-mod-mr-xl {
+ margin-right: 54px;
+}
+.glue-mod-font-weight-light {
+ font-weight: 300;
+}
+.glue-mod-font-weight-regular {
+ font-weight: 400;
+}
+.glue-mod-font-weight-medium {
+ font-weight: 500;
+}
+.glue-mod-font-weight-bold {
+ font-weight: 700;
+}
+.glue-mod-font-smoothing {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+}
+.glue-mod-font-reversed {
+ color: #fff;
+}
diff --git a/docs/_sass/headings.scss b/docs/_sass/headings.scss
new file mode 100644
index 000000000..550a19ac3
--- /dev/null
+++ b/docs/_sass/headings.scss
@@ -0,0 +1,39 @@
+@import 'glue';
+
+// Headers
+.docs-component-main {
+ h1,
+ h2,
+ h3,
+ h4 {
+ @extend .glue-headline;
+ @extend .glue-has-top-margin;
+
+ // This creates a "fake block" above the header that does not show up
+ // anywhere but tricks the browser into thinking that the anchor is 80px
+ // higher than it actually is.
+ &::before {
+ display: block;
+ content: ' ';
+ height: 80px;
+ margin-top: -80px;
+ pointer-events: none;
+ visibility: hidden;
+ }
+ }
+ h1 {
+ @extend .glue-headline--two;
+ @extend .glue-has-bottom-margin;
+ }
+ h2 {
+ @extend .glue-headline--three;
+ @extend .glue-has-bottom-margin;
+ }
+ h3 {
+ @extend .glue-headline--four;
+ @extend .glue-has-bottom-margin;
+ }
+ h4 {
+ @extend .glue-headline--four;
+ }
+}
diff --git a/docs/_sass/lists.scss b/docs/_sass/lists.scss
new file mode 100644
index 000000000..e21366b3c
--- /dev/null
+++ b/docs/_sass/lists.scss
@@ -0,0 +1,10 @@
+.docs-component-main {
+ ul {
+ margin-top: 20px;
+ padding-left: 20px;
+
+ > li > ul {
+ margin-top: 0px;
+ }
+ }
+}
diff --git a/docs/_sass/sidebar.scss b/docs/_sass/sidebar.scss
new file mode 100644
index 000000000..7507f9e95
--- /dev/null
+++ b/docs/_sass/sidebar.scss
@@ -0,0 +1,74 @@
+@import 'colors';
+@import 'glue';
+
+// TOC Sidebar
+.docs-component-sidebar {
+ display: none;
+}
+
+@media (min-width: 1380px) {
+ .docs-component-main {
+ padding-left: 100px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .docs-component-main {
+ padding-right: 250px;
+ }
+
+ .docs-component-sidebar {
+ -webkit-position: sticky;
+ display: block;
+ float: right;
+ position: sticky;
+ right: 20px;
+ top: 80px;
+ width: 230px;
+
+ .docs-component-sidebar-toc > ul {
+ border-left: 3px solid $h-google-blue-700;
+ clear: right;
+ padding-left: 20px;
+
+ li.toc-header {
+ font-weight: 700;
+ text-transform: uppercase;
+
+ &:only-child {
+ display: none;
+ }
+ }
+
+ li {
+ font-size: 14px;
+ list-style: none;
+ margin-top: 12px;
+
+ a {
+ color: $h-gm-grey-900;
+ font-weight: 300;
+ }
+ }
+ }
+
+ .docs-component-sidebar-actions > ul li {
+ font-weight: 700;
+ font-size: 16px;
+ list-style: none;
+ margin-top: 12px;
+ text-transform: uppercase;
+
+ a,
+ a:visited {
+ color: $h-google-blue-700;
+ }
+
+ a:hover,
+ a:active,
+ a:focus {
+ color: $h-google-blue-500;
+ }
+ }
+ }
+}
diff --git a/docs/_sass/syntax.scss b/docs/_sass/syntax.scss
new file mode 100644
index 000000000..0555f3d53
--- /dev/null
+++ b/docs/_sass/syntax.scss
@@ -0,0 +1,251 @@
+@import 'colors';
+
+strong.spec-directive {
+ &.spec-must {
+ color: $h-google-red-700;
+ }
+
+ &.spec-should {
+ color: $h-orange-700;
+ }
+
+ &.spec-may {
+ color: $h-google-green-700;
+ }
+}
+
+strong.desc-incorrect {
+ color: $h-google-red-700;
+}
+
+strong.desc-correct {
+ color: $h-google-green-700;
+}
+
+.highlighter-rouge {
+ background: transparent;
+ color: inherit;
+ padding: 0px;
+}
+
+.highlight {
+ .hll {
+ background-color: #ffffcc;
+ }
+
+ // --------------------------------------------
+ // Common things (comments, keywords, literals)
+ // --------------------------------------------
+
+ // Built-in: Pseudo (.bp)
+ .bp {
+ color: $h-light-blue-500;
+ }
+
+ // Comment (.c)
+ // Single-line comment (.c1)
+ // Multi-line comment (.cm)
+ .c,
+ .c1,
+ .cm {
+ color: $h-google-green-700;
+ font-style: italic;
+ }
+
+ // Keyword (.k)
+ // Keyword: Constant (.kc)
+ // Keyword: Declaration (.kd)
+ // Keyword: Namespace (.kn)
+ // Keyword: Pseudo (.kp)
+ // Keyword: Reserved (.kr)
+ .k,
+ .kc,
+ .kd,
+ .kn,
+ .kp,
+ .kr {
+ color: $h-google-blue-900;
+ font-weight: bold;
+ }
+
+ // Keyword: Type (.kt)
+ .kt {
+ color: $h-deep-orange-800;
+ }
+
+ // Name: Attribute
+ .na {
+ color: $h-pink-800;
+ }
+
+ // Name: Built-in (.nb)
+ .nb {
+ @extend .kt;
+ }
+
+ // Name: Class (.nc)
+ .nc {
+ color: $h-orange-600;
+ }
+
+ // Name: Key (.nk)
+ .nk {
+ color: $h-purple-800;
+ }
+
+ // Literal: Number (.m)
+ // Literal: Float (.mf)
+ // Literal: Hex (.mh)
+ // Literal: Integer (.mi)
+ // Literal: Octal (.mo)
+ // Literal: Long (.il)
+ .m,
+ .mf,
+ .mh,
+ .mi,
+ .mo,
+ .il {
+ color: $h-light-blue-500;
+ }
+
+ // String (.s)
+ // Backtick string (.sb)
+ // Docstring (.sd)
+ // Double-quoted string (.s2)
+ // Heredoc (.sh)
+ // Single-quoted string (.s1)
+ // String interpolation (.si)
+ // String: Other (.sx)
+ .s,
+ .sb,
+ .sd,
+ .sh,
+ .si,
+ .sx,
+ .s1,
+ .s2 {
+ color: $h-google-blue-500;
+ }
+
+ // Operator: Symbol
+ .o {
+ font-weight: bold;
+ }
+
+ // Operator: Word
+ .ow {
+ @extend .k;
+ }
+
+ // --------
+ // Generics
+ // --------
+
+ // Generic: Deleted
+ .gd {
+ color: black;
+ background-color: $h-google-red-50;
+ }
+
+ // Generic: Emphasis
+ .ge {
+ font-style: italic;
+ }
+
+ // Generic: Error (.gr)
+ // Generic: Traceback (.gt)
+ .gr,
+ .gt {
+ color: $h-google-red-900;
+ }
+
+ // Generic: Heading
+ .gh {
+ color: $h-google-grey-500;
+ }
+
+ // Generic: Inserted
+ .gi {
+ color: black;
+ background-color: $h-google-green-50;
+ }
+
+ // Generic: Output
+ .go {
+ color: $h-google-grey-600;
+ }
+
+ // Generic: Prompt
+ .gp {
+ color: $h-google-grey-800;
+ }
+
+ // Generic: Strong
+ .gs {
+ font-weight: bold;
+ }
+
+ // Generic: Subheading
+ .gu {
+ color: $h-google-grey-400;
+ }
+
+ // ---------------
+ // Uncommon things
+ // ---------------
+
+ // Preprocessor comment
+ .cp {
+ color: #008080;
+ }
+
+ // Special comment
+ .cs {
+ @extend .c;
+ font-style: normal;
+ font-weight: bold;
+ }
+
+ // Error
+ .err {
+ color: $h-google-red-700;
+ background-color: $h-google-red-100;
+ }
+
+ // Name: Tag
+ .nt {
+ @extend .k;
+ }
+
+ // Text: Whitespace
+ .w {
+ color: $h-google-grey-400;
+ }
+
+ // Literal: Char
+ .sc {
+ @extend .m;
+ }
+
+ // String: Escape sequence
+ .se {
+ color: $h-light-blue-500;
+ }
+
+ // String: Regex
+ .sr {
+ color: $h-google-blue-600;
+ }
+
+ // Literal: Symbol
+ .ss {
+ @extend .m;
+ }
+
+ // -----------------
+ // Language-specific
+ // -----------------
+ .protobuf-annotation {
+ color: $h-google-yellow-600;
+ }
+}
diff --git a/docs/assets/css/print.scss b/docs/assets/css/print.scss
new file mode 100644
index 000000000..01269a769
--- /dev/null
+++ b/docs/assets/css/print.scss
@@ -0,0 +1,72 @@
+---
+permalink: /assets/css/print.css
+---
+
+@import 'colors.scss';
+@import 'footer.scss';
+
+.api-linter-breadcrumbs,
+#aip-nav-mobile,
+#api-linter-sidebar,
+.glue-header,
+.h-c-page svg:first-child,
+.no-print {
+ display: none;
+}
+
+h1,
+h2,
+h3,
+h4 {
+ font-family: 'Google Sans', 'Roboto', Arial, Helvetica, sans-serif;
+ font-weight: 400;
+ margin: 0.5em 0em 0em 0em;
+ padding: 0px;
+}
+
+h1 {
+ font-size: 2.5em;
+}
+
+h4 + h1 {
+ margin-top: 0in;
+}
+
+html {
+ font-family: sans-serif;
+}
+
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+body {
+ font-family: 'Roboto', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ font-style: normal;
+ font-weight: 300;
+ line-height: 1.444;
+}
+
+code {
+ font-family: 'Consolas', 'Monaco', 'Roboto Mono', 'Bitstream Vera Sans Mono',
+ 'Courier New', Courier, monospace;
+ font-weight: 300;
+}
+
+div.highlighter-rouge {
+ background: $h-google-grey-100;
+ border: 1px solid $h-google-grey-300;
+ margin-left: 0.5in;
+ margin-right: 0.5in;
+ padding-left: 0.2in;
+ padding-right: 0.2in;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
new file mode 100644
index 000000000..4e3ded687
--- /dev/null
+++ b/docs/assets/css/style.scss
@@ -0,0 +1,16 @@
+---
+---
+
+@import 'breadcrumbs';
+@import 'callouts';
+@import 'colors';
+@import 'content';
+@import 'footer';
+@import 'headings';
+@import 'lists';
+@import 'sidebar';
+@import 'syntax';
+
+@import 'api-linter/correct';
+@import 'api-linter/summary';
+@import 'api-linter/tables';
diff --git a/docs/assets/images/github.png b/docs/assets/images/github.png
new file mode 100644
index 000000000..192846a12
Binary files /dev/null and b/docs/assets/images/github.png differ
diff --git a/docs/assets/js/global.js b/docs/assets/js/global.js
new file mode 100644
index 000000000..9a8f4bd40
--- /dev/null
+++ b/docs/assets/js/global.js
@@ -0,0 +1,45 @@
+// Copyright 2019 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+// This file contains JavaScript-applied rules that can be applied
+// to documentation sites using this Jekyll theme generally.
+$.when($.ready).then(() => {
+ // Make callouts for notes, warnings, etc. work.
+ for (let callout of ['Important', 'Note', 'TL;DR', 'Warning']) {
+ $(`p strong:contains(${callout}:)`)
+ .parent()
+ .addClass(callout.replace(';', '').toLowerCase());
+ }
+
+ // Make "spec terms" (must, should, may, must not, should not) that
+ // are bold-faced be further emphasized.
+ for (let directive of ['may', 'must', 'must not', 'should', 'should not']) {
+ $('strong')
+ .filter((i, el) => $(el).text() === directive)
+ .addClass('spec-directive')
+ .addClass(`spec-${directive.split(' ')[0]}`);
+ }
+
+ // Make "correct" and "incorrect" be further emphasized.
+ for (let desc of ['correct', 'incorrect']) {
+ $('strong')
+ .filter(
+ (i, el) =>
+ $(el)
+ .text()
+ .toLowerCase() === desc
+ )
+ .addClass(`desc-${desc}`);
+ }
+});
diff --git a/docs/assets/js/proto-syntax.js b/docs/assets/js/proto-syntax.js
new file mode 100644
index 000000000..be7469b3b
--- /dev/null
+++ b/docs/assets/js/proto-syntax.js
@@ -0,0 +1,59 @@
+// Copyright 2019 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+// Ex post facto improvements to protobuf syntax highlighting.
+// This applies special CSS classes to protobuf patterns that are overlooked
+// or insufficiently distinguished by the usual Pygments/Rouge syntax parsers.
+$.when($.ready).then(() => {
+ // RPCs are always followed by three names (the RPC name, the request object,
+ // and the response object) -- designate those appropriately.
+ $('.language-proto .k:contains(rpc)').each((_, el) => {
+ $(el)
+ .nextAll('.n')
+ .slice(1, 3)
+ .addClass('nc');
+ });
+
+ // Designate message names as such when using them to delcare fields.
+ $('.language-proto .n + .na + .o:contains(=)')
+ .prev()
+ .prev()
+ .addClass('nc');
+
+ // Colons in protocol buffers always come immediately after property keys.
+ $('.language-proto .n + .o:contains(:)')
+ .addClass('nk')
+ .prev()
+ .addClass('nk');
+
+ // The option keyword is always followed by the annotation name.
+ $('.language-proto .k:contains(option)').each((_, el) => {
+ $(el)
+ .nextAll('.n')
+ .eq(0)
+ .addClass('protobuf-annotation');
+ });
+
+ // Highlight correct and incorrect proto code blocks.
+ for (let desc of ['Correct', 'Incorrect']) {
+ $(`.language-proto .c1:first-child:contains(// ${desc}.)`).each(
+ (_, el) => {
+ $(el)
+ .addClass('hide-screen')
+ .parents('.language-proto')
+ .addClass(`api-linter-${desc.toLowerCase()}`);
+ }
+ );
+ }
+});
diff --git a/docs/favicon.ico b/docs/favicon.ico
new file mode 100644
index 000000000..a27c03a0c
Binary files /dev/null and b/docs/favicon.ico differ
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 000000000..be2bb3c6e
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,41 @@
+---
+---
+
+# Google API Linter
+
+The API linter provides real-time checks for compliance with many of Google's
+API standards, documented using [API Improvement Proposals][]. It operates on
+API surfaces defined in [protocol buffers][].
+
+It identifies common mistakes and inconsistencies in API surfaces:
+
+```proto
+// Incorrect.
+message GetBookRequest {
+ // This is wrong; it should be spelled `name`.
+ string book = 1;
+}
+```
+
+When able, it also offers a suggestion for the correct fix.
+
+**Note:** Not every piece of AIP guidance is able to be expressed as lint rules
+(and some things that are able to be expressed may not be written yet). The
+linter should be used as a useful tool, but not as a substitute for reading and
+understanding API guidance.
+
+Each linter rule has its own [rule documentation][], and rules can be
+[configured][configuration] using a config file, or in a proto file itself.
+
+## Installation
+
+Lorem ipsum dolor set amet...
+
+## License
+
+This software is made available under the [Apache 2.0][] license.
+
+[apache 2.0]: https://www.apache.org/licenses/LICENSE-2.0
+[api improvement proposals]: https://aip.dev/
+[protocol buffers]: https://developers.google.com/protocol-buffers
+[rule documentation]: ./rules/index.md
diff --git a/docs/overview.md b/docs/overview.md
new file mode 100644
index 000000000..dc6f16abf
--- /dev/null
+++ b/docs/overview.md
@@ -0,0 +1,57 @@
+# API Improvement Proposals
+
+**TL;DR:** AIPs are lots of documents on how Google does APIs.
+
+## Overview
+
+AIP stands for **API Improvement Proposal**, which is a design document
+providing high-level, concise documentation for API development. The goal is
+for these documents to serve as the source of truth for API-related
+documentation at Google and the way API teams discuss and come to consensus on
+API guidance. The program is named and styled after Python's enhancement
+proposals (PEPs) which have seemed to work pretty well over the years.
+
+### Specific areas inside Google
+
+While much of the API-related guidance is general and spans across all the
+different products at Google, we've found that some teams working in different
+areas may have different customs, styles, or guidance. To accommodate these
+historical differences, we've provided separate blocks of numbers for those
+areas where they might override or extend the more general guidance.
+
+## Getting started
+
+### New to AIPs?
+
+If you're **new to AIPs**, check out the [Frequently Asked Questions][] which
+answer some common questions about how AIPs work and what you need to know.
+
+### Want to use this in your company?
+
+If you like what you see and **want to adopt the general AIPs for your
+organization**, check out our guide on [Adopting AIPs in your company][]. This
+guide walks you through how to start using AIPs and write your own guidance
+specific to your organization.
+
+### Have an idea for an AIP?
+
+If you **have an idea for an AIP that isn't written yet** (yes, there are
+plenty!) check out [Contributing to the project][] to see how you can write
+AIPs for others to follow.
+
+[frequently asked questions]: ./aip/faq.md
+[adopting aips in your company]: ./aip/adopting.md
+[contributing to the project]: ./CONTRIBUTING.md
+
+## License
+
+Except as otherwise noted, the content of this repository is licensed under the
+[Creative Commons Attribution 4.0 License][1], and code samples are licensed
+under the [Apache 2.0 License][2].
+
+For the full text of each license, see [`LICENSE.md`](./LICENSE.md). For
+additional details, see the developer.google.com [Site Policies][3].
+
+[1]: https://creativecommons.org/licenses/by/4.0/
+[2]: https://www.apache.org/licenses/LICENSE-2.0
+[3]: https://developers.google.com/terms/site-policies
diff --git a/docs/rules/core/0122-camel-case-uris.md b/docs/rules/core/0122-camel-case-uris.md
new file mode 100644
index 000000000..2166c8807
--- /dev/null
+++ b/docs/rules/core/0122-camel-case-uris.md
@@ -0,0 +1,58 @@
+---
+rule:
+ aip: 122
+ name: [core, '0122', camel-case-uris]
+ summary: All resource names must use camel case in collection identifiers.
+---
+
+# HTTP URI case
+
+This rule enforces that the HTTP URI pattern only uses camel case for word
+separation, as mandated in [AIP-122](http://aip.dev/122).
+
+## Details
+
+This rule scans all methods and ensures that the `_` character is not present
+in the URI.
+
+## Examples
+
+**Incorrect** code for this rule:
+
+```proto
+// Incorrect.
+rpc GetElectronicBook {
+ option (google.api.http) = {
+ // Should be "electronicBooks", not "electronic_books".
+ get: "/v1/{name=publishers/*/electronic_books/*}"
+ }
+}
+```
+
+**Correct** code for this rule:
+
+```proto
+// Correct.
+rpc GetElectronicBook {
+ option (google.api.http) = {
+ get: "/v1/{name=publishers/*/electronicBooks/*}"
+ }
+}
+```
+
+## Disabling
+
+If you need to violate this rule, use a leading comment above the method.
+
+```proto
+// (-- api-linter: core::0122::camel-case-uri=disabled --)
+rpc GetElectronicBook {
+ option (google.api.http) = {
+ // Should be "electronicBooks", not "electronic_books".
+ get: "/v1/{name=publishers/*/electronic_books/*}"
+ }
+}
+```
+
+If you need to violate this rule for an entire file, place the comment at the
+top of the file.
diff --git a/docs/rules/core/0126-unspecified.md b/docs/rules/core/0126-unspecified.md
new file mode 100644
index 000000000..e0fcf6a71
--- /dev/null
+++ b/docs/rules/core/0126-unspecified.md
@@ -0,0 +1,65 @@
+---
+rule:
+ aip: 126
+ name: [core, '0126', unspecified]
+ summary: All enums must have a default unspecified value.
+---
+
+# Enum unspecified value
+
+This rule enforces that all enums have a default unspecified value, as mandated
+in [AIP-126](http://aip.dev/126).
+
+Because our APIs create automatically-generated client libraries, we need to
+consider languages that have varying behavior around default values. To avoid
+any ambiguity or confusion across languages, all enumerations should use an
+"unspecified" value beginning with the name of the enum itself as the first
+(`0`) value.
+
+## Details
+
+This rule finds all enumerations and ensures that the first one is named after
+the enum itself with an `_UNSPECIFIED` suffix appended.
+
+## Examples
+
+**Incorrect** code for this rule:
+
+```proto
+// Incorrect.
+enum Format {
+ HARDCOVER = 0; // Should have "FORMAT_UNSPECIFIED" first.
+}
+```
+
+```proto
+// Incorrect.
+enum Format {
+ UNSPECIFIED = 0; // Should be "FORMAT_UNSPECIFIED".
+ HARDCOVER = 1;
+}
+```
+
+**Correct** code for this rule:
+
+```proto
+// Correct.
+enum Format {
+ FORMAT_UNSPECIFIED = 0;
+ HARDCOVER = 1;
+}
+```
+
+## Disabling
+
+If you need to violate this rule, use a leading comment above the enum value.
+
+```proto
+enum Format {
+ // (-- api-linter: core::0126::unspecified=disabled --)
+ HARDCOVER = 0;
+}
+```
+
+If you need to violate this rule for an entire file, place the comment at the
+top of the file.
diff --git a/docs/rules/core/0126-upper-snake-values.md b/docs/rules/core/0126-upper-snake-values.md
new file mode 100644
index 000000000..97a66aa7f
--- /dev/null
+++ b/docs/rules/core/0126-upper-snake-values.md
@@ -0,0 +1,54 @@
+---
+rule:
+ aip: 126
+ name: [core, '0126', upper-snake-values]
+ summary: All enum values must be in upper snake case.
+---
+
+# Upper snake case values
+
+This rule enforces that all enum values be in upper snake case, as mandated in
+[AIP-126](http://aip.dev/126).
+
+## Details
+
+This rule finds all enumerations and ensures that each value is provided in
+`UPPER_SNAKE_CASE`.
+
+## Examples
+
+**Incorrect** code for this rule:
+
+```proto
+// Incorrect.
+enum Format {
+ FORMAT_UNSPECIFIED = 0;
+ hardcover = 1; // Should be "HARDCOVER".
+}
+```
+
+**Correct** code for this rule:
+
+```proto
+// Correct.
+enum Format {
+ FORMAT_UNSPECIFIED = 0;
+ HARDCOVER = 1;
+}
+```
+
+## Disabling
+
+If you need to violate this rule, use a leading comment above the enum value.
+
+```proto
+enum Format {
+ FORMAT_UNSPECIFIED = 0;
+
+ // (-- api-linter: core::0126::upper-snake-values=disabled --)
+ hardcover = 0;
+}
+```
+
+If you need to violate this rule for an entire file, place the comment at the
+top of the file.
diff --git a/docs/rules/core/index.md b/docs/rules/core/index.md
new file mode 100644
index 000000000..f3b594758
--- /dev/null
+++ b/docs/rules/core/index.md
@@ -0,0 +1,13 @@
+---
+---
+
+# Core rules
+
+Core rules are based on [generally-applicable AIPs][]. They are enabled by
+default, and **should** be enabled for most APIs. It is recommended that APIs
+which do not want to follow certain AIPs within the core section disable those
+rules individually, rather than disabling the core rules as a set.
+
+{% include linter-rule-listing.html start=100 end=999 %}
+
+[generally-applicable aips]: https://aip.dev/general
diff --git a/docs/rules/index.md b/docs/rules/index.md
new file mode 100644
index 000000000..82c0d0fc6
--- /dev/null
+++ b/docs/rules/index.md
@@ -0,0 +1,41 @@
+---
+permalink: /rules/
+---
+
+# Rule Documentation
+
+Rules are divided into groups according to AIP block: each discrete block of
+AIPs may have a group of rules. The generally-applicable AIPs are organized
+into the "core" group of rules, and remaining blocks are grouped based on the
+`scope` name provided to the block on [aip.dev][].
+
+
+
+[aip.dev]: https://aip.dev/
diff --git a/docs/serve.sh b/docs/serve.sh
new file mode 100755
index 000000000..2ba485f70
--- /dev/null
+++ b/docs/serve.sh
@@ -0,0 +1,42 @@
+#!/bin/bash
+# Copyright 2019 Google LLC
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+# -----------------------------------------------------------------------------
+# This script runs a "development server" from Docker.
+# -----------------------------------------------------------------------------
+
+# Build the image (if and only if it is not already built).
+if [[ "$(docker images -q googleapis-site 2> /dev/null)" == "" ]]; then
+ docker build -t googleapis-site .
+ if [ $? != 0 ]; then
+ exit $?
+ fi
+fi
+
+# Unless we are in incremental mode, the source filesystem should
+# be read-only. Incremental mode sadly requires writing a file to the
+# source directory.
+READ_ONLY=',readonly'
+if [[ $* == *--incremental* ]]; then
+ READ_ONLY=''
+fi
+
+# Run the image.
+docker run --rm \
+ -p 4000:4000/tcp -p 4000:4000/udp \
+ -p 35729:35729/tcp -p 35729:35729/udp \
+ --mount type=bind,source=`pwd`,destination=/code/${READ_ONLY} \
+ googleapis-site \
+ "$@"
diff --git a/docs/support/search.html b/docs/support/search.html
new file mode 100644
index 000000000..5b654fc9c
--- /dev/null
+++ b/docs/support/search.html
@@ -0,0 +1,41 @@
+---
+title: Search
+description: 'Search this site'
+permalink: /search/
+layout: default
+tipue_search_active: true
+exclude_from_search: true
+css:
+ - /assets/css/search.css
+js:
+ - /assets/js/search/tipuesearch_content.js
+ - /assets/js/search/tipuesearch_set.js
+ - /assets/js/search/tipuesearch.min.js
+---
+
+
+
+
+
+
+
diff --git a/rules/aip0122/http_url_pattern.go b/rules/aip0122/camel_case_uris.go
similarity index 97%
rename from rules/aip0122/http_url_pattern.go
rename to rules/aip0122/camel_case_uris.go
index 5ac01285f..decc2b068 100644
--- a/rules/aip0122/http_url_pattern.go
+++ b/rules/aip0122/camel_case_uris.go
@@ -24,7 +24,7 @@ import (
// HTTP URL pattern shouldn't include underscore("_")
var httpURICase = &lint.MethodRule{
- Name: lint.NewRuleName("core", "0122", "http-uri-case"),
+ Name: lint.NewRuleName("core", "0122", "camel-case-uris"),
URI: "https://aip.dev/122#guidance",
LintMethod: func(m *desc.MethodDescriptor) (problems []lint.Problem) {
// Establish that the URI does not include a `_` character.
diff --git a/rules/aip0122/http_url_pattern_test.go b/rules/aip0122/camel_case_uris_test.go
similarity index 100%
rename from rules/aip0122/http_url_pattern_test.go
rename to rules/aip0122/camel_case_uris_test.go
diff --git a/rules/aip0126/unspecified.go b/rules/aip0126/unspecified.go
index 42878b9b9..9d8834e50 100644
--- a/rules/aip0126/unspecified.go
+++ b/rules/aip0126/unspecified.go
@@ -23,52 +23,6 @@ import (
"github.com/stoewer/go-strcase"
)
-// This rule enforces that all enums have a default unspecified value,
-// as described in [AIP-126](http://aip.dev/126).
-//
-// Because our APIs create automatically-generated client libraries, we need
-// to consider languages that have varying behavior around default values.
-// To avoid any ambiguity or confusion across languages, all enumerations
-// should use an "unspecified" value beginning with the name of the enum
-// itself as the first (0) value.
-//
-// ## Details
-//
-// This rule finds all enumerations and ensures that the first one is
-// named after the enum itself with an `_UNSPECIFIED` suffix attached.
-//
-// ## Examples
-//
-// **Incorrect** code for this rule:
-//
-// enum Format {
-// HARDCOVER = 0; // Should have "FORMAT_UNSPECIFIED" first.
-// }
-//
-// enum Format {
-// UNSPECIFIED = 0; // Should be "FORMAT_UNSPECIFIED".
-// HARDCOVER = 1;
-// }
-//
-// **Correct** code for this rule:
-//
-// enum Format {
-// FORMAT_UNSPECIFIED = 0;
-// HARDCOVER = 1;
-// }
-//
-// ## Disabling
-//
-// If you need to violate this rule, use a leading comment above the enum
-// value.
-//
-// enum Format {
-// // (-- api-linter: core::0126::unspecified=disabled --)
-// HARDCOVER = 0;
-// }
-//
-// If you need to violate this rule for an entire file, place the comment at
-// the top of the file.
var unspecified = &lint.EnumRule{
Name: lint.NewRuleName("core", "0126", "unspecified"),
URI: "https://aip.dev/126#guidance",
diff --git a/rules/aip0126/upper_snake_case.go b/rules/aip0126/upper_snake_values.go
similarity index 87%
rename from rules/aip0126/upper_snake_case.go
rename to rules/aip0126/upper_snake_values.go
index d23fa1716..2c3a8feb2 100644
--- a/rules/aip0126/upper_snake_case.go
+++ b/rules/aip0126/upper_snake_values.go
@@ -11,7 +11,7 @@ import (
// All enum values must use UPPER_SNAKE_CASE.
var enumValueUpperSnakeCase = &lint.EnumRule{
- Name: lint.NewRuleName("core", "0126", "upper-snake"),
+ Name: lint.NewRuleName("core", "0126", "upper-snake-values"),
URI: "https://aip.dev/126#guidance",
LintEnum: func(e *desc.EnumDescriptor) []lint.Problem {
var problems []lint.Problem
@@ -21,6 +21,7 @@ var enumValueUpperSnakeCase = &lint.EnumRule{
Message: fmt.Sprintf("Enum value %q must use UPPER_SNAKE_CASE.", got),
Suggestion: want,
Descriptor: v,
+ Location: lint.DescriptorNameLocation(v),
})
}
}
diff --git a/rules/aip0126/upper_snake_case_test.go b/rules/aip0126/upper_snake_values_test.go
similarity index 100%
rename from rules/aip0126/upper_snake_case_test.go
rename to rules/aip0126/upper_snake_values_test.go