.glue-visually-hidden { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px } .glue-visually-show { clip: auto; height: auto; overflow: visible; position: static; width: auto } body::after { content: "sm"; display: none } html { font-size: 18px } body { background: #fff; color: #202124; font-family: 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 } [lang=ja] body { font-family: "Google Sans Text","Roboto","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] body { font-family: "Google Sans Text","Roboto","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] body { font-family: "Google Sans Text","Roboto","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] body { font-family: "Google Sans Text","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,.showcase-banner__content h1.glue-headline,h2.glue-has-bottom-margin,.showcase-banner__content h2.glue-headline,h3.glue-has-bottom-margin,.showcase-banner__content h3.glue-headline,h4.glue-has-bottom-margin,.showcase-banner__content h4.glue-headline,h5.glue-has-bottom-margin,.showcase-banner__content h5.glue-headline,h6.glue-has-bottom-margin,.showcase-banner__content h6.glue-headline { 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.5; font-size: 16px; letter-spacing: .25px } p.glue-has-top-margin { margin-top: 12px } p.glue-has-bottom-margin,.showcase-banner__content p.glue-headline { margin-bottom: 12px } p.glue-has-top-bottom-margin { margin-bottom: 12px; margin-top: 12px } p+p { margin-top: 12px } 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: #f1f3f4; border-color: #dadce0; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 6px; white-space: pre } pre code { background: transparent; padding: 0 } code { background: #f1f3f4; color: #9aa0a6; 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 } blockquote { line-height: 1.3333333333; color: #202124; font-size: 24px } cite { display: block } cite:before { content: "— "; white-space: pre } 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 ul html[dir=rtl] ul li ol html,ul li ul html[dir=rtl] ol li ul html,ul li ul html[dir=rtl] ol li ol html,ul li ol html[dir=rtl] ul li ul html,ul li ol html[dir=rtl] ul li ol html,ul li ol html[dir=rtl] ol li ul html,ul li ol html[dir=rtl] ol li ol html,ol li ul html[dir=rtl] ul li ul html,ol li ul html[dir=rtl] ul li ol html,ol li ul html[dir=rtl] ol li ul html,ol li ul html[dir=rtl] ol li ol html,ol li ol html[dir=rtl] ul li ul html,ol li ol html[dir=rtl] ul li ol html,ol li ol html[dir=rtl] ol li ul 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.5; font-size: 16px; letter-spacing: .25px } .glue-headline { font-family: "Google Sans Display",Arial,Helvetica,sans-serif; color: #202124 } [lang=ja] .glue-headline { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif; font-size: 10vw; font-weight: 400; letter-spacing: -0.25px; line-height: 1.2em } [lang=ja] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif; font-size: 8vw; font-weight: 400; letter-spacing: 0; line-height: 1.2em } [lang=ja] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--fluid-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif; font-size: 36px; font-weight: 400; letter-spacing: -0.25px; line-height: 44px } [lang=ja] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-1 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif; font-size: 28px; font-weight: 400; letter-spacing: initial; line-height: 36px } [lang=ja] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-2 { font-family: "Google Sans Display","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-3 { font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 24px; font-weight: 400; letter-spacing: initial; line-height: 32px } [lang=ja] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-3 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-3 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-3 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-3 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-4 { font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 400; letter-spacing: initial; line-height: 28px } [lang=ja] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-4 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-4 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-4 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-4 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-5 { font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 400; letter-spacing: initial; line-height: 28px } [lang=ja] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-5 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-5 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-5 { font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-5 { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } [lang=ja] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-headline.glue-headline--headline-6 { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-body { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 400; letter-spacing: .1px; line-height: 24px; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-body { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-body { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-body { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-body { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 400; letter-spacing: initial; line-height: 28px } [lang=ja] .glue-body .glue-body--large,[lang=ja] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ja] .glue-body .hero-default__paragraph,[lang=ja] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ja] .glue-body p,[lang=ja] .glue-body .glue-body--extra-large,[lang=ja] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ja] .glue-body p { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body .glue-body--large,[lang=ko] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ko] .glue-body .hero-default__paragraph,[lang=ko] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ko] .glue-body p,[lang=ko] .glue-body .glue-body--extra-large,[lang=ko] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ko] .glue-body p { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body .glue-body--large,[lang=zh-CN] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-CN] .glue-body .hero-default__paragraph,[lang=zh-CN] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-CN] .glue-body p,[lang=zh-CN] .glue-body .glue-body--extra-large,[lang=zh-CN] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-CN] .glue-body p { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body .glue-body--large,[lang=zh-TW] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-TW] .glue-body .hero-default__paragraph,[lang=zh-TW] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-TW] .glue-body p,[lang=zh-TW] .glue-body .glue-body--extra-large,[lang=zh-TW] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-TW] .glue-body p { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-body .glue-body--large,[lang=ja] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ja] .glue-body .hero-default__paragraph,[lang=ja] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ja] .glue-body p,[lang=ja] .glue-body .glue-body--extra-large,[lang=ja] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ja] .glue-body p { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body .glue-body--large,[lang=ko] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ko] .glue-body .hero-default__paragraph,[lang=ko] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ko] .glue-body p,[lang=ko] .glue-body .glue-body--extra-large,[lang=ko] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ko] .glue-body p { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body .glue-body--large,[lang=zh-CN] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-CN] .glue-body .hero-default__paragraph,[lang=zh-CN] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-CN] .glue-body p,[lang=zh-CN] .glue-body .glue-body--extra-large,[lang=zh-CN] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-CN] .glue-body p { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body .glue-body--large,[lang=zh-TW] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-TW] .glue-body .hero-default__paragraph,[lang=zh-TW] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-TW] .glue-body p,[lang=zh-TW] .glue-body .glue-body--extra-large,[lang=zh-TW] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-TW] .glue-body p { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-body .glue-body--large,[lang=ja] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ja] .glue-body .hero-default__paragraph,[lang=ja] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ja] .glue-body p,[lang=ja] .glue-body .glue-body--extra-large,[lang=ja] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ja] .glue-body p { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body .glue-body--large,[lang=ko] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ko] .glue-body .hero-default__paragraph,[lang=ko] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ko] .glue-body p,[lang=ko] .glue-body .glue-body--extra-large,[lang=ko] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ko] .glue-body p { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body .glue-body--large,[lang=zh-CN] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-CN] .glue-body .hero-default__paragraph,[lang=zh-CN] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-CN] .glue-body p,[lang=zh-CN] .glue-body .glue-body--extra-large,[lang=zh-CN] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-CN] .glue-body p { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body .glue-body--large,[lang=zh-TW] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-TW] .glue-body .hero-default__paragraph,[lang=zh-TW] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-TW] .glue-body p,[lang=zh-TW] .glue-body .glue-body--extra-large,[lang=zh-TW] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-TW] .glue-body p { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-body .glue-body--large,[lang=ja] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ja] .glue-body .hero-default__paragraph,[lang=ja] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ja] .glue-body p,[lang=ja] .glue-body .glue-body--extra-large,[lang=ja] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ja] .glue-body p { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-body .glue-body--large,[lang=ko] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=ko] .glue-body .hero-default__paragraph,[lang=ko] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=ko] .glue-body p,[lang=ko] .glue-body .glue-body--extra-large,[lang=ko] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=ko] .glue-body p { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-body .glue-body--large,[lang=zh-CN] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-CN] .glue-body .hero-default__paragraph,[lang=zh-CN] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-CN] .glue-body p,[lang=zh-CN] .glue-body .glue-body--extra-large,[lang=zh-CN] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-CN] .glue-body p { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-body .glue-body--large,[lang=zh-TW] .glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper [lang=zh-TW] .glue-body .hero-default__paragraph,[lang=zh-TW] .glue-body .hero-default__card-description p,.hero-default__card-description [lang=zh-TW] .glue-body p,[lang=zh-TW] .glue-body .glue-body--extra-large,[lang=zh-TW] .glue-body .showcase-banner__content p,.showcase-banner__content [lang=zh-TW] .glue-body p { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-cta { font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px; font-family: "Google Sans",Arial,Helvetica,sans-serif; font-family: "Google Sans",Arial,Helvetica,sans-serif; font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-cta { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-cta { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-cta { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-cta { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-cta { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-cta { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-cta { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-cta { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-cta { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-cta { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-cta { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-cta { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-cta { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-cta { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-cta { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-cta { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-caption { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 400; letter-spacing: .15px; line-height: 24px; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-caption { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-caption { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-caption { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-caption { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-caption { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-caption { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-caption { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-caption { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-caption { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-caption { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-caption { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-caption { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-caption { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-caption { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-caption { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-caption { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-small-text { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-small-text { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-small-text { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-small-text { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-small-text { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-small-text { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-small-text { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-small-text { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-small-text { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-small-text { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-small-text { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-small-text { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-small-text { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-small-text { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-small-text { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-small-text { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-small-text { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-eyebrow { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .5px; line-height: 24px; text-transform: uppercase; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-eyebrow { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-label { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .5px; line-height: 16px; text-transform: uppercase; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-label { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-label { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-label { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-label { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-label { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-label { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-label { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-label { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-label { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-label { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-label { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-label { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-label { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-label { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-label { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-label { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-header.glue-header--header-brand-22 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px } [lang=ja] .glue-header.glue-header--header-brand-22 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header.glue-header--header-brand-22 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header.glue-header--header-brand-22 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header.glue-header--header-brand-22 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-header.glue-header--header-brand-20 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 24px } [lang=ja] .glue-header.glue-header--header-brand-20 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header.glue-header--header-brand-20 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header.glue-header--header-brand-20 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header.glue-header--header-brand-20 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-header.glue-header--header-brand-18 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0; line-height: 20px } [lang=ja] .glue-header.glue-header--header-brand-18 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header.glue-header--header-brand-18 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header.glue-header--header-brand-18 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header.glue-header--header-brand-18 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-header.glue-header--header-brand-16 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 20px } [lang=ja] .glue-header.glue-header--header-brand-16 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header.glue-header--header-brand-16 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header.glue-header--header-brand-16 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header.glue-header--header-brand-16 { font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif,"Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-header.glue-header--header-link { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 24px; background: #fff; color: #5f6368 } [lang=ja] .glue-header.glue-header--header-link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header.glue-header--header-link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header.glue-header--header-link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header.glue-header--header-link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-header.glue-header--header-link:active { background: #f1f1f1; border-radius: 4px; color: #202124 } .glue-header.glue-header--header-link:visited { border-radius: 4px; color: #202124 } .glue-header.glue-header--header-link:hover { background: #f8f9fa; border-radius: 4px; color: #202124 } .glue-header.glue-header--header-link:focus { background: #f8f9fa; border: 2px solid #80868b; border-radius: 4px; color: #5f6368 } .glue-font-weight-light { font-weight: 300 } .glue-font-weight-regular { font-weight: 400 } .glue-font-weight-medium { font-weight: 500 } .glue-font-weight-bold { font-weight: 700 } .glue-font-smoothing { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility } .glue-font-reversed { color: #fff } .glue-expansion-panels .glue-expansion-panel__header-text,.glue-footer__site-links-header,.glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-headline { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-weight: 400; overflow-wrap: initial; word-wrap: initial } .glue-expansion-panels .glue-expansion-panel__header-text,.glue-footer__site-links-header,.glue-footer .glue-social .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ja] .glue-expansion-panel__header-text,[lang=ja] .glue-footer__site-links-header,[lang=ja] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ja] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ko] .glue-expansion-panel__header-text,[lang=ko] .glue-footer__site-links-header,[lang=ko] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ko] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-CN] .glue-expansion-panel__header-text,[lang=zh-CN] .glue-footer__site-links-header,[lang=zh-CN] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-CN] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-TW] .glue-expansion-panel__header-text,[lang=zh-TW] .glue-footer__site-links-header,[lang=zh-TW] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-TW] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ja] .glue-expansion-panel__header-text,[lang=ja] .glue-footer__site-links-header,[lang=ja] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ja] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ko] .glue-expansion-panel__header-text,[lang=ko] .glue-footer__site-links-header,[lang=ko] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ko] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-CN] .glue-expansion-panel__header-text,[lang=zh-CN] .glue-footer__site-links-header,[lang=zh-CN] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-CN] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-TW] .glue-expansion-panel__header-text,[lang=zh-TW] .glue-footer__site-links-header,[lang=zh-TW] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-TW] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ja] .glue-expansion-panel__header-text,[lang=ja] .glue-footer__site-links-header,[lang=ja] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ja] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ko] .glue-expansion-panel__header-text,[lang=ko] .glue-footer__site-links-header,[lang=ko] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ko] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-CN] .glue-expansion-panel__header-text,[lang=zh-CN] .glue-footer__site-links-header,[lang=zh-CN] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-CN] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-TW] .glue-expansion-panel__header-text,[lang=zh-TW] .glue-footer__site-links-header,[lang=zh-TW] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-TW] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ja] .glue-expansion-panel__header-text,[lang=ja] .glue-footer__site-links-header,[lang=ja] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ja] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=ko] .glue-expansion-panel__header-text,[lang=ko] .glue-footer__site-links-header,[lang=ko] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=ko] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-CN] .glue-expansion-panel__header-text,[lang=zh-CN] .glue-footer__site-links-header,[lang=zh-CN] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-CN] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-expansion-panels .glue-expansion-panel__header-text,.glue-expansion-panels [lang=zh-TW] .glue-expansion-panel__header-text,[lang=zh-TW] .glue-footer__site-links-header,[lang=zh-TW] .glue-footer .glue-social .glue-social__title.glue-social__title--inline,.glue-footer .glue-social [lang=zh-TW] .glue-social__title.glue-social__title--inline { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-social__copy-input,.glue-breadcrumbs,.glue-breadcrumbs__item,.glue-header__site-switcher-item-description { font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif; font-family: "Google Sans Text",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__copy-input,[lang=ja] .glue-breadcrumbs,[lang=ja] .glue-breadcrumbs__item,[lang=ja] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__copy-input,[lang=ko] .glue-breadcrumbs,[lang=ko] .glue-breadcrumbs__item,[lang=ko] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__copy-input,[lang=zh-CN] .glue-breadcrumbs,[lang=zh-CN] .glue-breadcrumbs__item,[lang=zh-CN] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__copy-input,[lang=zh-TW] .glue-breadcrumbs,[lang=zh-TW] .glue-breadcrumbs__item,[lang=zh-TW] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__copy-input,[lang=ja] .glue-breadcrumbs,[lang=ja] .glue-breadcrumbs__item,[lang=ja] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__copy-input,[lang=ko] .glue-breadcrumbs,[lang=ko] .glue-breadcrumbs__item,[lang=ko] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__copy-input,[lang=zh-CN] .glue-breadcrumbs,[lang=zh-CN] .glue-breadcrumbs__item,[lang=zh-CN] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__copy-input,[lang=zh-TW] .glue-breadcrumbs,[lang=zh-TW] .glue-breadcrumbs__item,[lang=zh-TW] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__copy-input,[lang=ja] .glue-breadcrumbs,[lang=ja] .glue-breadcrumbs__item,[lang=ja] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__copy-input,[lang=ko] .glue-breadcrumbs,[lang=ko] .glue-breadcrumbs__item,[lang=ko] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__copy-input,[lang=zh-CN] .glue-breadcrumbs,[lang=zh-CN] .glue-breadcrumbs__item,[lang=zh-CN] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__copy-input,[lang=zh-TW] .glue-breadcrumbs,[lang=zh-TW] .glue-breadcrumbs__item,[lang=zh-TW] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__copy-input,[lang=ja] .glue-breadcrumbs,[lang=ja] .glue-breadcrumbs__item,[lang=ja] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__copy-input,[lang=ko] .glue-breadcrumbs,[lang=ko] .glue-breadcrumbs__item,[lang=ko] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__copy-input,[lang=zh-CN] .glue-breadcrumbs,[lang=zh-CN] .glue-breadcrumbs__item,[lang=zh-CN] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__copy-input,[lang=zh-TW] .glue-breadcrumbs,[lang=zh-TW] .glue-breadcrumbs__item,[lang=zh-TW] .glue-header__site-switcher-item-description { font-family: "Google Sans Text","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-social__title { font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px; font-family: "Google Sans",Arial,Helvetica,sans-serif; font-family: "Google Sans",Arial,Helvetica,sans-serif; font-family: "Google Sans",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__title { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__title { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__title { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__title { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__title { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__title { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__title { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__title { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__title { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__title { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__title { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__title { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [lang=ja] .glue-social__title { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-social__title { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-social__title { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-social__title { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .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 } .glue-popover__dialog--right { left: 100%; top: 0 } .glue-popover__dialog--left { left: 0; top: 0 } .glue-popover__dialog--top { bottom: 62px; left: 0 } .glue-popover__dialog--bottom { left: 0; top: 90% } [dir=rtl] .glue-popover__dialog { left: auto; right: 0 } [dir=rtl] .glue-popover__close-btn { left: 10px; right: auto } [dir=rtl] .glue-popover__dialog--right { left: none; right: 100%; top: 0 } [dir=rtl] .glue-popover__dialog--left { left: none; right: 0; top: 0 } [dir=rtl] .glue-popover__dialog--top { bottom: 62px; left: none; right: 0 } [dir=rtl] .glue-popover__dialog--bottom { left: none; right: 0; top: 90% } .glue-popover__close-btn { clip: rect(1px, 1px, 1px, 1px); cursor: pointer; font-size: 11px; height: 1px; overflow: hidden; position: absolute; right: 10px; top: 0; width: 1px } .glue-popover__close-btn:focus,.glue-popover__close-btn.glue-is-shown { clip: auto; height: auto; overflow: visible; width: auto } .glue-button,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-social__copy-btn { font-family: "Google Sans",Arial,Helvetica,sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; border: 1px solid transparent; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; -ms-flex-pack: distribute; justify-content: space-around; letter-spacing: .5px; line-height: 24px; margin: 8px 0; max-width: 380px; min-height: 48px; min-width: 96px; overflow: hidden; padding: 12px 24px 12px 24px; text-align: center; text-decoration: none; -webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,box-shadow .2s,color .2s; transition: background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; vertical-align: middle } [lang=ja] .glue-button,[lang=ja] .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[lang=ja] .glue-social__copy-btn { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-button,[lang=ko] .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[lang=ko] .glue-social__copy-btn { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-button,[lang=zh-CN] .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[lang=zh-CN] .glue-social__copy-btn { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-button,[lang=zh-TW] .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[lang=zh-TW] .glue-social__copy-btn { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-button svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-social__copy-btn svg { display: none; height: 18px; min-width: 18px; width: 18px } .glue-button img,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button img,.glue-social__copy-btn img { display: none } .glue-button:focus,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-social__copy-btn:focus { outline: none; -webkit-transition: none; transition: none } .glue-button.glue-button--icon,.glue-button--icon.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--icon.glue-social__copy-btn { padding-left: 12px; padding-right: 16px } [dir=rtl] .glue-button.glue-button--icon,[dir=rtl] .glue-button--icon.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-button--icon.glue-social__copy-btn { padding-left: 16px; padding-right: 12px } .glue-button.glue-button--icon svg,.glue-button--icon.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--icon.glue-social__copy-btn svg { display: block; margin: -3px 8px 0 0 } [dir=rtl] .glue-button.glue-button--icon svg,[dir=rtl] .glue-button--icon.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,[dir=rtl] .glue-button--icon.glue-social__copy-btn svg { margin: -3px 0 0 8px } .glue-button.glue-button--icon-right,.glue-button--icon-right.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--icon-right.glue-social__copy-btn { padding-left: 16px; padding-right: 12px } [dir=rtl] .glue-button.glue-button--icon-right,[dir=rtl] .glue-button--icon-right.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-button--icon-right.glue-social__copy-btn { padding-left: 12px; padding-right: 16px } .glue-button.glue-button--icon-right svg,.glue-button--icon-right.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--icon-right.glue-social__copy-btn svg { display: block; margin: -3px 0 0 8px } [dir=rtl] .glue-button.glue-button--icon-right svg,[dir=rtl] .glue-button--icon-right.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,[dir=rtl] .glue-button--icon-right.glue-social__copy-btn svg { margin: -3px 8px 0 0 } .glue-button.glue-button--high-emphasis,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--high-emphasis.glue-social__copy-btn { background-color: #1a73e8; color: #fff } .glue-button.glue-button--high-emphasis svg,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--high-emphasis.glue-social__copy-btn svg { fill: #fff } .glue-button.glue-button--high-emphasis:visited,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-button--high-emphasis.glue-social__copy-btn:visited { background-color: #1a73e8; color: #fff } .glue-button.glue-button--high-emphasis[disabled],.glue-button--high-emphasis[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--high-emphasis[disabled].glue-social__copy-btn,.glue-button.glue-button--high-emphasis[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .glue-button.glue-button--high-emphasis[disabled] svg,.glue-button--high-emphasis[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--high-emphasis[disabled].glue-social__copy-btn svg,.glue-button.glue-button--high-emphasis[disabled]:hover svg { fill: #9aa0a6 } .glue-button.glue-button--high-emphasis:hover,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-button--high-emphasis.glue-social__copy-btn:hover { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); background-color: #185abc } .glue-button.glue-button--high-emphasis:focus,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--high-emphasis.glue-social__copy-btn:focus { background-color: #185abc; border-color: #fff; -webkit-box-shadow: 0 0 0 2px #185abc; box-shadow: 0 0 0 2px #185abc } .glue-button.glue-button--high-emphasis:active,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-button--high-emphasis.glue-social__copy-btn:active { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); background-color: #185abc; border: 1px solid transparent } .glue-button.glue-button--medium-emphasis,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis.glue-social__copy-btn { background-color: #fff; border-color: #dadce0; -webkit-box-shadow: none; box-shadow: none; color: #1a73e8 } .glue-button.glue-button--medium-emphasis svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--medium-emphasis.glue-social__copy-btn svg { fill: #1a73e8 } .glue-button.glue-button--medium-emphasis:visited,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-button--medium-emphasis.glue-social__copy-btn:visited { background-color: #fff; color: #1a73e8 } .glue-button.glue-button--medium-emphasis[disabled],.glue-button--medium-emphasis[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis[disabled].glue-social__copy-btn,.glue-button.glue-button--medium-emphasis[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .glue-button.glue-button--medium-emphasis[disabled] svg,.glue-button--medium-emphasis[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--medium-emphasis[disabled].glue-social__copy-btn svg,.glue-button.glue-button--medium-emphasis[disabled]:hover svg { fill: #9aa0a6 } .glue-button.glue-button--medium-emphasis:hover svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover svg,.glue-button--medium-emphasis.glue-social__copy-btn:hover svg,.glue-button.glue-button--medium-emphasis:focus svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--medium-emphasis.glue-social__copy-btn:focus svg,.glue-button.glue-button--medium-emphasis:active svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active svg,.glue-button--medium-emphasis.glue-social__copy-btn:active svg { fill: #174ea6 } .glue-button.glue-button--medium-emphasis:hover,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-button--medium-emphasis.glue-social__copy-btn:hover { background-color: #f6f9fe; border-color: #1a73e8; color: #174ea6 } .glue-button.glue-button--medium-emphasis:focus,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--medium-emphasis.glue-social__copy-btn:focus { background-color: #e4eefc; border-color: #1a73e8; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #174ea6 } .glue-button.glue-button--medium-emphasis:active,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-button--medium-emphasis.glue-social__copy-btn:active { background-color: #e8f1fd; border-color: #1a73e8; -webkit-box-shadow: none; box-shadow: none; color: #174ea6 } .glue-button.glue-button--medium-emphasis.glue-button--reversed,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn { background-color: transparent; border: solid 1px #fff; color: #fff } .glue-button.glue-button--medium-emphasis.glue-button--reversed svg,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn svg { fill: #fff } .glue-button.glue-button--medium-emphasis.glue-button--reversed:visited,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn:visited { background-color: transparent; color: #669df6 } .glue-button.glue-button--medium-emphasis.glue-button--reversed:hover,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn:hover { background-color: #fff; border-color: #1a73e8; color: #1a73e8 } .glue-button.glue-button--medium-emphasis.glue-button--reversed:hover svg,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover svg,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn:hover svg { fill: #1a73e8 } .glue-button.glue-button--medium-emphasis.glue-button--reversed:focus,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn:focus { background-color: #fff; border-color: #1a73e8; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #1a73e8 } .glue-button.glue-button--medium-emphasis.glue-button--reversed:focus svg,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn:focus svg { fill: #1a73e8 } .glue-button.glue-button--medium-emphasis.glue-button--reversed:active,.glue-button--medium-emphasis.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-button--medium-emphasis.glue-button--reversed.glue-social__copy-btn:active { background-color: #e8f1fd; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .glue-button.glue-button--medium-emphasis.glue-button--reversed[disabled],.glue-button--medium-emphasis.glue-button--reversed[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis.glue-button--reversed[disabled].glue-social__copy-btn,.glue-button.glue-button--medium-emphasis.glue-button--reversed[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .glue-button.glue-button--medium-emphasis.glue-button--reversed[disabled] svg,.glue-button--medium-emphasis.glue-button--reversed[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--medium-emphasis.glue-button--reversed[disabled].glue-social__copy-btn svg,.glue-button.glue-button--medium-emphasis.glue-button--reversed[disabled]:hover svg { fill: #9aa0a6 } .glue-button.glue-button--low-emphasis,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-social__copy-btn { background-color: transparent; color: #1a73e8; min-width: auto; padding-left: 12px; padding-right: 12px } .glue-button.glue-button--low-emphasis svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-social__copy-btn svg { fill: #1a73e8 } .glue-button.glue-button--low-emphasis:visited,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-social__copy-btn:visited { background-color: transparent; color: #1a73e8 } .glue-button.glue-button--low-emphasis[disabled],[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[disabled].glue-social__copy-btn,.glue-button.glue-button--low-emphasis[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .glue-button.glue-button--low-emphasis[disabled] svg,[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,[disabled].glue-social__copy-btn svg,.glue-button.glue-button--low-emphasis[disabled]:hover svg { fill: #9aa0a6 } .glue-button.glue-button--low-emphasis:hover svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover svg,.glue-social__copy-btn:hover svg,.glue-button.glue-button--low-emphasis:focus svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-social__copy-btn:focus svg,.glue-button.glue-button--low-emphasis:active svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active svg,.glue-social__copy-btn:active svg { fill: #174ea6 } .glue-button.glue-button--low-emphasis:hover,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-social__copy-btn:hover { background-color: rgba(26,115,232,.04); -webkit-box-shadow: none; box-shadow: none; color: #174ea6 } .glue-button.glue-button--low-emphasis:focus,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-social__copy-btn:focus { background-color: rgba(26,115,232,.12); -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #174ea6 } .glue-button.glue-button--low-emphasis:active,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-social__copy-btn:active { background-color: rgba(66,133,244,.1); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #174ea6 } .glue-button.glue-button--low-emphasis.glue-button--reversed,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed.glue-social__copy-btn { color: #669df6 } .glue-button.glue-button--low-emphasis.glue-button--reversed svg,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--reversed.glue-social__copy-btn svg { fill: #669df6 } .glue-button.glue-button--low-emphasis.glue-button--reversed-alternate,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed-alternate.glue-social__copy-btn { color: #fff } .glue-button.glue-button--low-emphasis.glue-button--reversed-alternate svg,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--reversed-alternate.glue-social__copy-btn svg { fill: #fff } .glue-button.glue-button--low-emphasis.glue-button--reversed,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed.glue-social__copy-btn,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed-alternate.glue-social__copy-btn { background-color: transparent } .glue-button.glue-button--low-emphasis.glue-button--reversed:visited,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-button--reversed.glue-social__copy-btn:visited,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:visited,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-button--reversed-alternate.glue-social__copy-btn:visited { background-color: transparent; color: #669df6 } .glue-button.glue-button--low-emphasis.glue-button--reversed:visited svg,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited svg,.glue-button--reversed.glue-social__copy-btn:visited svg,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:visited svg,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited svg,.glue-button--reversed-alternate.glue-social__copy-btn:visited svg { fill: #669df6 } .glue-button.glue-button--low-emphasis.glue-button--reversed:hover,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-button--reversed.glue-social__copy-btn:hover,.glue-button.glue-button--low-emphasis.glue-button--reversed:focus,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--reversed.glue-social__copy-btn:focus,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:hover,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-button--reversed-alternate.glue-social__copy-btn:hover,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:focus,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--reversed-alternate.glue-social__copy-btn:focus { background-color: #f4f8fe; color: #1a73e8 } .glue-button.glue-button--low-emphasis.glue-button--reversed:hover svg,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover svg,.glue-button--reversed.glue-social__copy-btn:hover svg,.glue-button.glue-button--low-emphasis.glue-button--reversed:focus svg,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--reversed.glue-social__copy-btn:focus svg,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:hover svg,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover svg,.glue-button--reversed-alternate.glue-social__copy-btn:hover svg,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:focus svg,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--reversed-alternate.glue-social__copy-btn:focus svg { fill: #1a73e8 } .glue-button.glue-button--low-emphasis.glue-button--reversed:active,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-button--reversed.glue-social__copy-btn:active,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate:active,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-button--reversed-alternate.glue-social__copy-btn:active { background-color: #e8f0fe; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .glue-button.glue-button--low-emphasis.glue-button--reversed[disabled],.glue-button--reversed[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed[disabled].glue-social__copy-btn,.glue-button.glue-button--low-emphasis.glue-button--reversed[disabled]:hover,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate[disabled],.glue-button--reversed-alternate[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed-alternate[disabled].glue-social__copy-btn,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .glue-button.glue-button--low-emphasis.glue-button--reversed[disabled] svg,.glue-button--reversed[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--reversed[disabled].glue-social__copy-btn svg,.glue-button.glue-button--low-emphasis.glue-button--reversed[disabled]:hover svg,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate[disabled] svg,.glue-button--reversed-alternate[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--reversed-alternate[disabled].glue-social__copy-btn svg,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate[disabled]:hover svg { fill: #9aa0a6 } .glue-button.glue-button--low-emphasis.glue-button--icon,.glue-button--icon.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--icon.glue-social__copy-btn { padding-left: 8px; padding-right: 12px } [dir=rtl] .glue-button.glue-button--low-emphasis.glue-button--icon,[dir=rtl] .glue-button--icon.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-button--icon.glue-social__copy-btn { padding-left: 12px; padding-right: 8px } .glue-button.glue-button--low-emphasis.glue-button--icon-right,.glue-button--icon-right.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--icon-right.glue-social__copy-btn { padding-left: 12px; padding-right: 8px } [dir=rtl] .glue-button.glue-button--low-emphasis.glue-button--icon-right,[dir=rtl] .glue-button--icon-right.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-button--icon-right.glue-social__copy-btn { padding-left: 8px; padding-right: 12px } .glue-button.glue-button--tonal,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--tonal.glue-social__copy-btn { background-color: #e8f0fe; border: 1px solid transparent; color: #1967d2 } .glue-button.glue-button--tonal svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--tonal.glue-social__copy-btn svg { fill: #1967d2 } .glue-button.glue-button--tonal:visited,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:visited,.glue-button--tonal.glue-social__copy-btn:visited { background-color: #e8f0fe; color: #1967d2 } .glue-button.glue-button--tonal[disabled],.glue-button--tonal[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--tonal[disabled].glue-social__copy-btn,.glue-button.glue-button--tonal[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .glue-button.glue-button--tonal[disabled] svg,.glue-button--tonal[disabled].glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--tonal[disabled].glue-social__copy-btn svg,.glue-button.glue-button--tonal[disabled]:hover svg { fill: #9aa0a6 } .glue-button.glue-button--tonal:hover svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover svg,.glue-button--tonal.glue-social__copy-btn:hover svg,.glue-button.glue-button--tonal:focus svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--tonal.glue-social__copy-btn:focus svg,.glue-button.glue-button--tonal:active svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active svg,.glue-button--tonal.glue-social__copy-btn:active svg { fill: #174ea6 } .glue-button.glue-button--tonal:hover,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-button--tonal.glue-social__copy-btn:hover { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); background-color: #e0ebfc; color: #174ea6 } .glue-button.glue-button--tonal:focus,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--tonal.glue-social__copy-btn:focus { background-color: #e0ebfc; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #174ea6 } .glue-button.glue-button--tonal:active,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:active,.glue-button--tonal.glue-social__copy-btn:active { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); background-color: #d3e2fa; border-color: transparent; color: #174ea6 } a,.glue-link,.glue-inline-link { background: transparent; border-radius: 4px; color: #1a73e8; forced-color-adjust: none; display: inline; overflow: hidden; text-decoration: underline; -webkit-transition: background-color .2s,color .2s; transition: background-color .2s,color .2s } a:hover,a:active,a:focus,.glue-link:hover,.glue-link:active,.glue-link:focus,.glue-inline-link:hover,.glue-inline-link:active,.glue-inline-link:focus { color: #174ea6 } a:visited,.glue-link:visited,.glue-inline-link:visited { color: #681da8 } a:hover,a:focus,a:active,.glue-link:hover,.glue-link:focus,.glue-link:active,.glue-inline-link:hover,.glue-inline-link:focus,.glue-inline-link:active { cursor: pointer; outline: none } a:hover,.glue-link:hover,.glue-inline-link:hover { background-color: rgba(26,115,232,.04) } a:focus,.glue-link:focus,.glue-inline-link:focus { background-color: rgba(26,115,232,.12); -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8 } a img,.glue-link img,.glue-inline-link img { border: 0 } a:active,.glue-link:active,.glue-inline-link:active { background-color: rgba(26,115,232,.1); -webkit-box-shadow: none; box-shadow: none; outline: auto 2px Highlight; outline: auto 5px -webkit-focus-ring-color } .glue-font-reversed a,.glue-font-reversed .glue-link,.glue-font-reversed .glue-inline-link { background: transparent; border-radius: 4px; color: #e8eaed; forced-color-adjust: none; display: inline; overflow: hidden; text-decoration: underline; -webkit-transition: background-color .2s,color .2s; transition: background-color .2s,color .2s } .glue-font-reversed a:hover,.glue-font-reversed a:active,.glue-font-reversed a:focus,.glue-font-reversed .glue-link:hover,.glue-font-reversed .glue-link:active,.glue-font-reversed .glue-link:focus,.glue-font-reversed .glue-inline-link:hover,.glue-font-reversed .glue-inline-link:active,.glue-font-reversed .glue-inline-link:focus { color: #fff } .glue-font-reversed a:visited,.glue-font-reversed .glue-link:visited,.glue-font-reversed .glue-inline-link:visited { color: #ea80fc } .glue-font-reversed a:hover,.glue-font-reversed .glue-link:hover,.glue-font-reversed .glue-inline-link:hover { background-color: rgba(255,255,255,.04) } .glue-font-reversed a:focus,.glue-font-reversed .glue-link:focus,.glue-font-reversed .glue-inline-link:focus { background-color: rgba(255,255,255,.12); -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff } .glue-font-reversed a:active,.glue-font-reversed .glue-link:active,.glue-font-reversed .glue-inline-link:active { background-color: rgba(255,255,255,.1); -webkit-box-shadow: none; box-shadow: none } .glue-font-reversed a:hover:visited,.glue-font-reversed .glue-link:hover:visited,.glue-font-reversed .glue-inline-link:hover:visited { color: #ea80fc } @supports(display: grid) { .glue-grid { display:grid; grid-column-gap: 28px; grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-1 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-1 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-2 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-3 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-5 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-6 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-7 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-8 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-9 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-10 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-11 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12 { grid-column-end: span 4 } .glue-grid .glue-grid__col--span-12 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--align-top { -ms-flex-item-align: start; align-self: start } .glue-grid .glue-grid__col--align-middle { -ms-flex-item-align: center; align-self: center } .glue-grid .glue-grid__col--align-bottom { -ms-flex-item-align: end; align-self: end } .glue-grid .glue-grid__col--span-0 { display: none } .glue-grid .glue-grid__col--span-0-sm { display: none } .glue-grid .glue-grid__col--span-1-sm { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1-sm .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2-sm { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2-sm .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3-sm { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3-sm .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4-sm { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4-sm .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } } .glue-icon { display: inline-block; fill: currentColor } .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 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-icon--arrow-external { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } [dir=rtl] .glue-icon--arrow-external { -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .glue-icon--arrow-top { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .glue-icon--arrow-sort-asc { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-icon--arrow-sort-desc { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .glue-icon--chevron { height: 8px; width: 12px } .glue-icon--chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-icon--breadcrumb { cursor: default; fill: currentColor; height: 16px; margin: -4px 2px; padding: 2px; width: 16px } [dir=rtl] .glue-icon--breadcrumb { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-icon--keyboard-arrow-left,.glue-icon--keyboard-arrow-right { fill: none; stroke: #9aa0a6; stroke-width: 2px } .glue-icon--keyboard-arrow-left use svg path,.glue-icon--keyboard-arrow-right use svg path { stroke: inherit; stroke-width: inherit } .glue-icon--keyboard-arrow-left,.glue-icon--keyboard-arrow-right { height: 24px; width: 24px } [dir=rtl] .glue-icon--keyboard-arrow-left { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .glue-icon--keyboard-arrow-left,[dir=rtl] .glue-icon--keyboard-arrow-right { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-icon--no-padding { padding: 0 } .glue-icon--color-white { fill: #fff } .glue-icon--color-grey { fill: #202124 } .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 } .glue-footer__site-links,.glue-footer__global,.glue-footer__upper,.glue-page,.showcase-banner__container { margin: 0 28px } .glue-fullbleed { margin: 0 auto; max-width: 1920px } /*! 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: .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 { -webkit-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] { -webkit-box-sizing: border-box; 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; -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 silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; 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,picture,picture:before,picture: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 { -webkit-box-sizing: border-box; box-sizing: border-box } img { -ms-interpolation-mode: bicubic; display: inline-block; height: auto; max-width: 100%; vertical-align: middle } .glue-text-left { text-align: left } [dir=rtl] .glue-text-left { text-align: right } .glue-text-right { text-align: right } [dir=rtl] .glue-text-right { text-align: left } .glue-text-center { text-align: center } .glue-text-justify { text-align: justify } .glue-valign-bottom { vertical-align: bottom } .glue-valign-middle { vertical-align: middle } .glue-valign-top { vertical-align: top } .glue-no-scroll { overflow: hidden } .glue-carousel { margin: 0 auto; width: 100% } .glue-carousel--cards { margin-bottom: -5px; margin-top: -5px } .glue-carousel--peek-out { overflow-x: hidden } .glue-page .glue-carousel--peek-out { margin-left: -28px; margin-right: -28px; width: calc(100% + 56px) } .glue-carousel__viewport { margin: 0 auto; overflow: hidden; position: relative; width: 100% } .glue-carousel--cards .glue-carousel__viewport { margin: 0 -5px; padding: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: calc(100% + 10px) } .glue-carousel--peek-out .glue-carousel__viewport { overflow: visible; width: calc(100% - 20px) } .glue-carousel--cards.glue-carousel--peek-out .glue-carousel__viewport { margin: 0 auto; padding-left: 0; padding-right: 0; width: calc(100% - 56px) } .glue-carousel__list { -ms-flex-line-pack: center; align-content: center; cursor: -webkit-grab; cursor: grab; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style: none; margin: 0; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-transition: -webkit-transform 400ms ease; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; width: 100% } [dir=rtl] .glue-carousel__list { margin: 0 } .glue-carousel--cards .glue-carousel__list { display: grid; grid-gap: 16px; grid-template-columns: repeat(1, 1fr) } .glue-carousel__item:not(.glue-card) { border-radius: 2px; list-style: none; min-width: 100%; outline: none; overflow: hidden; position: relative } .glue-carousel__item:not(.glue-card):focus { outline: none } .glue-carousel__item:not(.glue-card):focus::after { -webkit-box-shadow: inset 0 0 0 2px #1a73e8; box-shadow: inset 0 0 0 2px #1a73e8; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .glue-carousel__item:not(.glue-card) img { -o-object-fit: fill; object-fit: fill; cursor: -webkit-grab; cursor: grab } .glue-carousel__button { -ms-flex-line-pack: center; align-content: center; background-color: #fff; border: 0; border-radius: 34px; color: #000; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; height: 64px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; max-height: 64px; min-width: 64px; opacity: .75; outline: none; padding: 0; position: absolute; top: calc(50% - (32px)); -webkit-transition: opacity 250ms; transition: opacity 250ms; width: 64px; z-index: 1 } .glue-carousel--cards .glue-carousel__button { height: 56px; max-height: 56px; min-width: 56px; top: calc(50% - (28px)); width: 56px } .glue-carousel--has-navigation .glue-carousel__button { margin-top: -29px } .glue-carousel__button:hover,.glue-carousel__button:focus { background-color: #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); opacity: 1 } .glue-carousel__button:focus { -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8 } .glue-carousel__button.glue-is-inactive { display: none } .glue-carousel__button .glue-icon { pointer-events: none } [dir=rtl] .glue-carousel__button .glue-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-carousel__button--prev { left: 32px } [dir=rtl] .glue-carousel__button--prev { left: auto; right: 32px } .glue-carousel--cards .glue-carousel__button--prev { left: -64px } [dir=rtl] .glue-carousel--cards .glue-carousel__button--prev { left: auto; right: -64px } .glue-carousel__button--next { right: 32px } [dir=rtl] .glue-carousel__button--next { left: 32px; right: auto } .glue-carousel--cards .glue-carousel__button--next { right: -64px } [dir=rtl] .glue-carousel--cards .glue-carousel__button--next { left: -64px; right: auto } .glue-carousel__navigation { -ms-flex-line-pack: center; align-content: center; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 0 0; width: 100% } .glue-carousel--has-navigation .glue-carousel__navigation { display: -webkit-box; display: -ms-flexbox; display: flex } .glue-carousel__dot { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; border: 0; cursor: pointer; height: 48px; outline: none; position: relative; width: 48px } .glue-carousel__dot:before { border: 1px solid #000; border-radius: 50%; content: ""; display: block; height: 10px; left: calc((100% - 10px)/2); position: absolute; top: calc((100% - 10px)/2); width: 10px } .glue-carousel__dot.glue-is-active:before { background: #000 } .glue-carousel__dot:focus::after { content: ""; border-radius: 50%; border: 2px solid #1a73e8; display: block; height: 20px; left: calc((100% - 20px)/2); outline: none; position: absolute; top: calc((100% - 20px)/2); width: 20px } .glue-header--single .glue-header__item.glue-header--is-active>.glue-header__link,.glue-header--double .glue-header__item.glue-header--is-active>.glue-header__link,.glue-header--single .glue-header__item.glue-header--is-active>.glue-header__logo-link,.glue-header--double .glue-header__item.glue-header--is-active>.glue-header__logo-link { color: #202124 } .glue-header--single .glue-header__item.glue-header__item--active>.glue-header__link,.glue-header--double .glue-header__item.glue-header__item--active>.glue-header__link,.glue-header--single .glue-header__item.glue-header__item--active>.glue-header__logo-link,.glue-header--double .glue-header__item.glue-header__item--active>.glue-header__logo-link { background-color: #f8f9fa; color: #202124 } .glue-header__logo .glue-header__logo--product,.glue-header__logo .glue-header__logo--subproduct .glue-header__logo--subproduct-text { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; line-height: .9545454545; color: #5f6368; font-family: "Product Sans","Google Sans",Arial,Helvetica,sans-serif; font-size: 22px; font-style: normal; font-weight: 400; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 21px; overflow-wrap: initial; padding-left: 5px; text-decoration: none; text-rendering: optimizeLegibility; word-wrap: initial } [dir=rtl] .glue-header__logo .glue-header__logo--product,.glue-header__logo [dir=rtl] .glue-header__logo--product,[dir=rtl] .glue-header__logo .glue-header__logo--subproduct .glue-header__logo--subproduct-text,.glue-header__logo .glue-header__logo--subproduct [dir=rtl] .glue-header__logo--subproduct-text { padding-left: 0; padding-right: 5px } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list,.glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls { left: 8px; position: absolute; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: left 0ms linear 300ms,-webkit-transform 300ms ease-in-out 10ms; transition: left 0ms linear 300ms,-webkit-transform 300ms ease-in-out 10ms; transition: transform 300ms ease-in-out 10ms,left 0ms linear 300ms; transition: transform 300ms ease-in-out 10ms,left 0ms linear 300ms,-webkit-transform 300ms ease-in-out 10ms; width: 100% } [dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list,.glue-header__stepped-nav .glue-header__stepped-nav-menus [dir=rtl] .glue-header__list,[dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls,.glue-header__stepped-nav .glue-header__stepped-nav-controls-container [dir=rtl] .glue-header__stepped-nav-controls { left: -8px; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__stepped-nav-parent-position.glue-header__list,.glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-parent-position.glue-header__stepped-nav-controls { left: -8px; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } [dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__stepped-nav-parent-position.glue-header__list,.glue-header__stepped-nav .glue-header__stepped-nav-menus [dir=rtl] .glue-header__stepped-nav-parent-position.glue-header__list,[dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-parent-position.glue-header__stepped-nav-controls,.glue-header__stepped-nav .glue-header__stepped-nav-controls-container [dir=rtl] .glue-header__stepped-nav-parent-position.glue-header__stepped-nav-controls { left: 8px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-is-shown.glue-header__list,.glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-is-shown.glue-header__stepped-nav-controls { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .glue-header { background-color: #fff; font-family: sans-serif; min-height: 64px; width: 100% } .glue-header .glue-header__bar { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); background: #fff; -webkit-transition: background 300ms ease,-webkit-transform 300ms ease,-webkit-box-shadow 300ms ease; transition: background 300ms ease,-webkit-transform 300ms ease,-webkit-box-shadow 300ms ease; transition: transform 300ms ease,background 300ms ease,box-shadow 300ms ease; transition: transform 300ms ease,background 300ms ease,box-shadow 300ms ease,-webkit-transform 300ms ease,-webkit-box-shadow 300ms ease; width: 100% } .glue-header .glue-header__bar .glue-header__tier { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: 64px } .glue-header .glue-header__bar.glue-header-is-wholly-scrolled { -webkit-transition: background 300ms ease,-webkit-transform 400ms ease,-webkit-box-shadow 300ms ease; transition: background 300ms ease,-webkit-transform 400ms ease,-webkit-box-shadow 300ms ease; transition: transform 400ms ease,background 300ms ease,box-shadow 300ms ease; transition: transform 400ms ease,background 300ms ease,box-shadow 300ms ease,-webkit-transform 400ms ease,-webkit-box-shadow 300ms ease } .glue-header .glue-header__bar.glue-header-is-wholly-scrolled.glue-header__bar--mobile { -webkit-transform: translate3d(0, -140px, 0); transform: translate3d(0, -140px, 0); z-index: 800 } .glue-header .glue-header__bar.glue-header--rewind-box-shadow:not(.glue-header-is-wholly-scrolled) { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15) } .glue-header .glue-header__bar.glue-header--rewind-box-shadow:not(.glue-header-is-wholly-scrolled).glue-header__drawer { -webkit-box-shadow: -6px 1px 2px 0 rgba(54,64,67,.3),-6px 1px 3px 1px rgba(54,64,67,.15); box-shadow: -6px 1px 2px 0 rgba(54,64,67,.3),-6px 1px 3px 1px rgba(54,64,67,.15) } .glue-header .glue-header__bar.glue-header__bar--desktop .glue-header__tier { height: 100% } .glue-header .glue-header__bar.glue-header__bar--desktop .glue-header__tier:first-child .glue-header__container:not(.glue-header__container--cta):not(.glue-header__site-switcher-menu) { position: relative } .glue-header .glue-header__bar.glue-header__bar--mobile { display: block; position: fixed; z-index: 800 } .glue-header .glue-header__bar.glue-header__bar--mobile .glue-header__tier { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 64px } .glue-header.glue-header--no-drawer .glue-header__hamburger { display: none } .glue-header.glue-header--no-cta .glue-header__bar--mobile:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 64px; width: 100% } .glue-header.glue-header--single { min-height: 64px } .glue-header.glue-header--single .glue-header__bar--mobile:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 64px; width: 100% } .glue-header.glue-header--single.glue-header--no-cta { height: 64px; min-height: 64px } .glue-header.glue-header--single.glue-header--simple .glue-header__bar--mobile:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 128px; width: 100% } .glue-header.glue-header--double { min-height: 128px } .glue-header.glue-header--double .glue-header__bar--mobile { height: 64px; min-height: 64px; z-index: 800 } .glue-header.glue-header--double .glue-header__bar--mobile .glue-header__tier:after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header.glue-header--double .glue-header__bar.glue-header__drawer--is-open:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header.glue-header--simple { min-height: 64px } .glue-header.glue-header--simple .glue-header__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .glue-header.glue-header--simple .glue-header__bar--mobile:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 64px; width: 100% } .glue-header.glue-header--complex-stacked .glue-header__drawer--is-open .glue-header__container:first-child { height: 128px } .glue-header.glue-header--complex-stacked .glue-header__bar--mobile { height: 128px; min-height: 128px; z-index: 800 } .glue-header.glue-header--complex-stacked .glue-header__bar:not(.glue-header__drawer--is-open) .glue-header__tier:after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glue-header__container.glue-header__container--flex-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .glue-header__container.glue-header__container--flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .glue-header__container.glue-header__container--cta { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; bottom: 0; position: absolute; width: 100% } .glue-header__container--linkbar { -webkit-box-flex: 0; -ms-flex: none; flex: none } .glue-header__hamburger { float: left; margin-left: 12px } [dir=rtl] .glue-header__hamburger { float: right; margin-left: 0; margin-right: 12px } .glue-header__drawer-toggle-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: 0; border-radius: 4px; color: #5f6368; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font: inherit; height: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: normal; margin: 0; overflow: visible; padding: 0; position: relative; width: 48px } .glue-header__drawer-toggle-btn:focus,.glue-header__drawer-toggle-btn:hover { background-color: #f8f9fa; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; outline: none } .glue-header__drawer-toggle-btn>svg { pointer-events: none } .glue-header__drawer,.glue-header__bar--desktop { border: 0 solid red; bottom: 0; height: 100%; left: 0; max-width: 400px; position: fixed; right: 56px; top: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; z-index: 820 } [dir=rtl] .glue-header__drawer,[dir=rtl] .glue-header__bar--desktop { left: 0; right: -56px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .glue-header__drawer.glue-header__drawer--is-open,.glue-header__bar--desktop.glue-header__drawer--is-open { -webkit-box-shadow: none; box-shadow: none; margin-right: 56px; overflow: hidden; -webkit-transition: -webkit-transform .35s cubic-bezier(0.24, 1, 0.32, 1); transition: -webkit-transform .35s cubic-bezier(0.24, 1, 0.32, 1); transition: transform .35s cubic-bezier(0.24, 1, 0.32, 1); transition: transform .35s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform .35s cubic-bezier(0.24, 1, 0.32, 1); visibility: visible; width: calc(100% - 56px) } .glue-header__drawer.glue-header__drawer--is-open .glue-header__tier,.glue-header__bar--desktop.glue-header__drawer--is-open .glue-header__tier { margin: 0; max-height: calc(100% - 121px); overflow-x: hidden; overflow-y: auto } .glue-header__drawer.glue-header__drawer--is-open .glue-header__tier .glue-header__container,.glue-header__bar--desktop.glue-header__drawer--is-open .glue-header__tier .glue-header__container { min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content } .glue-header__drawer.glue-header__drawer--is-open .glue-header__tier .glue-header__container:first-child,.glue-header__bar--desktop.glue-header__drawer--is-open .glue-header__tier .glue-header__container:first-child { position: relative } .glue-header__drawer.glue-header__drawer--is-open .glue-header__tier .glue-header__container:first-child:after,.glue-header__bar--desktop.glue-header__drawer--is-open .glue-header__tier .glue-header__container:first-child:after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header--complex-stacked .glue-header__drawer.glue-header__drawer--is-open .glue-header__container:first-child:before,.glue-header--complex-stacked .glue-header__bar--desktop.glue-header__drawer--is-open .glue-header__container:first-child:before { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 128px; width: 100% } .glue-is-showing-drawer .glue-header__drawer,.glue-is-showing-drawer .glue-header__bar--desktop { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .glue-header__drawer:focus,.glue-header__bar--desktop:focus { outline: none } .glue-header__drawer-backdrop { background: rgba(0,0,0,.4); bottom: 0; display: block; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; z-index: 810 } .glue-is-showing-drawer .glue-header__drawer-backdrop { opacity: 1; visibility: visible } .glue-header--double .glue-header__tier .glue-header__item { position: static } .glue-header--double .glue-header__container { min-height: 64px } .glue-header--double .glue-header__container>.glue-header__link-bar>.glue-header__list>.glue-header__item { border: none } .glue-header--double .glue-header__container>.glue-header__link-bar>.glue-header__list>.glue-header--is-active .glue-header__list--nested { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto } .glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active { position: relative } .glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active>.glue-header__link,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active>.glue-header__logo-link,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active>.glue-header__link,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active>.glue-header__logo-link { color: #202124 } .glue-header__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 6px; padding-top: 8px; position: relative; width: auto } .glue-header__drawer--is-open .glue-header__item { min-height: 52px; padding: 0 } .glue-header--single .glue-header__drawer--is-open .glue-header__item { max-height: 52px } .glue-header__link-bar { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0; width: 100% } .glue-header__link-bar a { outline: none; text-decoration: none } .glue-header__link-bar .glue-header__list { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; list-style: none; margin: 0; padding: 0; width: 100% } .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__link,.glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__logo-link { padding-left: 36px } [dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__link,[dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__logo-link { padding-right: 36px } .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__link,.glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__logo-link { padding-left: 54px } [dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__link,[dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__logo-link { padding-left: 0; padding-right: 54px } .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__list .glue-header__link,.glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__list .glue-header__logo-link { padding-left: 72px } [dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__list .glue-header__link,[dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__list .glue-header__list .glue-header__logo-link { padding-left: 0; padding-right: 72px } .glue-header__link-bar .glue-header__list .glue-header__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .glue-header__drawer--is-open .glue-header__link-bar>.glue-header__list { display: block; padding-bottom: 23px; padding-top: 30px } .glue-header__drawer--is-open .glue-header__link-bar .glue-header__link,.glue-header__drawer--is-open .glue-header__link-bar .glue-header__logo-link { border-bottom-right-radius: 100px; border-top-right-radius: 100px; padding-left: 18px } [dir=rtl] .glue-header__drawer--is-open .glue-header__link-bar .glue-header__link,[dir=rtl] .glue-header__drawer--is-open .glue-header__link-bar .glue-header__logo-link { border-radius: 100px 0 0 100px; padding-left: initial; padding-right: 18px } .glue-header__link,.glue-header__logo-link { -webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,box-shadow .2s,color .2s; transition: background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; line-height: 1.5; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Google Sans",Arial,Helvetica,sans-serif; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 4px; color: #5f6368; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; font-weight: 500; height: 100%; letter-spacing: .25px; max-height: 48px; min-height: 48px; outline: none !important; overflow: hidden; padding-left: 12px; padding-right: 12px; text-decoration: none; white-space: nowrap; width: calc(100% - 8px) } .glue-header__link:visited,.glue-header__logo-link:visited { color: #5f6368 } .glue-header__link:focus,.glue-header__logo-link:focus,.glue-header__link.is-focused,.is-focused.glue-header__logo-link { background-color: #f8f9fa; color: #202124 } .glue-header__link:hover,.glue-header__logo-link:hover,.glue-header__link.is-hovering,.is-hovering.glue-header__logo-link { background-color: #f8f9fa; border-radius: 4px; color: #202124; outline: none } .glue-header__link:active,.glue-header__logo-link:active { background-color: #f1f1f1; border: 1px solid transparent; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; color: #202124 } [lang=ja] .glue-header__link,[lang=ja] .glue-header__logo-link { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header__link,[lang=ko] .glue-header__logo-link { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header__link,[lang=zh-CN] .glue-header__logo-link { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header__link,[lang=zh-TW] .glue-header__logo-link { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [dir=rtl] .glue-header__link,[dir=rtl] .glue-header__logo-link { padding-right: 12px } .glue-header__skip-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 1px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: -10px; overflow: hidden; padding-left: 0; padding-right: 0; position: absolute; visibility: hidden; width: 1px } .glue-is-focused .glue-header__skip-content { display: none } .glue-header__cta { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; min-height: 64px } .glue-header__bar--mobile .glue-header__cta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around } .glue-header__drawer .glue-header__cta { -webkit-box-shadow: 0 -1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 -1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; width: 100% } .glue-header__drawer--is-open .glue-header__cta .glue-header__link { display: none } .glue-header__cta .glue-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 24px; padding-right: 24px; white-space: nowrap } .glue-header__bar--mobile .glue-header__cta .glue-button { margin-left: 8px } .glue-header__drawer .glue-header__cta .glue-button { margin-top: 8px } .glue-header__drawer--is-open .glue-header__cta .glue-button { margin: 0; margin-bottom: 4px; margin-top: 4px; width: 100% } .glue-header__lock-up { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 64px; min-height: 64px; position: relative; width: 100% } .glue-header__bar--mobile .glue-header__lock-up .glue-header__logo--product-campaign { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto } .glue-header__bar--mobile .glue-header__lock-up .glue-header__logo--product-campaign .glue-header__logo-product { padding-left: 0; padding-right: 0; width: auto } .glue-header__bar--mobile .glue-header__lock-up .glue-header__logo--product-campaign .glue-header__logo--campaign { padding-left: 0 } .glue-header--complex-stacked .glue-header__drawer--is-open .glue-header__lock-up { height: inherit } .glue-header__logo { -webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,box-shadow .2s,color .2s; transition: background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; max-height: 48px } .glue-header__logo:visited { color: #5f6368 } .glue-header__logo:focus,.glue-header__logo.is-focused { background-color: #f8f9fa; color: #202124 } .glue-header__logo:hover,.glue-header__logo.is-hovering { background-color: #f8f9fa; border-radius: 4px; color: #202124; outline: none } .glue-header__logo:active { background-color: #f1f1f1; border: 1px solid transparent; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; color: #202124 } .glue-header__logo>.glue-header__logo-link { width: auto } .glue-header__drawer .glue-header__logo { margin-left: 7px } [dir=rtl] .glue-header__drawer .glue-header__logo { margin-left: initial; margin-right: 7px } .glue-header--simple .glue-header__logo { -ms-flex-line-pack: center; align-content: center } .glue-header--complex-stacked .glue-header__bar--mobile .glue-header__logo:first-child { margin-left: 12px } .glue-header__logo--product .glue-header__logo { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none } .glue-header--complex-stacked .glue-header__logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .glue-header--reverse .glue-header__logo .glue-header__logo--product { padding-left: 0 } .glue-header--icon-lockup .glue-header__logo .glue-header__logo--product { padding: 0 } .glue-header__logo .glue-header__logo--product-campaign { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; margin-left: 6px; max-height: 48px; min-height: 48px; padding-left: 8px; padding-right: 19px; width: auto } [dir=rtl] .glue-header__logo .glue-header__logo--product-campaign { margin-left: 0; margin-right: 6px; padding-left: 19px; padding-right: 8px } .glue-header__logo .glue-header__logo--product-campaign:hover,.glue-header__logo .glue-header__logo--product-campaign:focus,.glue-header__logo .glue-header__logo--product-campaign:active { background-color: initial; outline: none } .glue-header--complex-stacked .glue-header__logo .glue-header__logo--product-campaign { margin-left: 5px; padding-left: 8px; padding-right: 0 } .glue-header__drawer--is-open .glue-header__logo .glue-header__logo--product-campaign { min-height: 48px; padding: 0 } .glue-header--complex-stacked .glue-header__drawer--is-open .glue-header__logo .glue-header__logo--product-campaign { margin-left: 0; padding-left: 12px; padding-right: 0 } [dir=rtl] .glue-header--complex-stacked .glue-header__drawer--is-open .glue-header__logo .glue-header__logo--product-campaign { padding-left: 0; padding-right: 12px } .glue-header__logo .glue-header__logo--subproduct { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; padding-left: 20px } .glue-header__logo .glue-tile__icon { margin-left: 5px } [dir=rtl] .glue-header__logo .glue-tile__icon { margin-left: 0; margin-right: 5px } .glue-header--icon-lockup .glue-header__logo { margin-left: 0; padding-left: 0 } .glue-header__drawer--is-open .glue-header__logo { max-height: 100%; padding-right: 20px } .glue-header__drawer--is-open .glue-header__logo:hover,.glue-header__drawer--is-open .glue-header__logo:active { background: inherit } [dir=rtl] .glue-header__drawer--is-open .glue-header__logo { padding-left: 20px; padding-right: 0 } .glue-header--complex-stacked .glue-header__drawer--is-open .glue-header__logo { -ms-flex-pack: distribute; justify-content: space-around } .glue-header__logo-link { padding-left: 8px; padding-right: 8px; width: auto } .glue-header__logo-link:hover { background-color: initial } .glue-header__bar--mobile .glue-header__logo-link { padding-left: 8px; padding-right: 8px } .glue-header__drawer--is-open .glue-header__logo-link { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .glue-header--reverse .glue-header__logo-link { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .glue-header--icon-lockup .glue-header__logo-link { margin-left: 5px } [dir=rtl] .glue-header--icon-lockup .glue-header__logo-link { margin-left: 0; margin-right: 5px } .glue-header__logo-container { height: 24px; width: 75px } .glue-header__logo-container .glue-header__logo-svg { fill: currentColor; height: 29px; width: 75px } .glue-header--reverse .glue-header__logo-container { padding-left: 5px } [dir=rtl] .glue-header--reverse .glue-header__logo-container { padding-left: 0; padding-right: 5px } .glue-header--icon-lockup .glue-header__logo-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px } .glue-header--complex-stacked .glue-header__container .glue-header__logo:last-child:hover { background-color: initial } .glue-header__supplemental { display: none; height: 100% } .glue-header__supplemental .glue-header__link { -webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,box-shadow .2s,color .2s; transition: background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; border: 1px solid transparent; border-radius: 4px } .glue-header__supplemental .glue-header__link:visited { color: #5f6368 } .glue-header__supplemental .glue-header__link:focus,.glue-header__supplemental .glue-header__link.is-focused { background-color: #f8f9fa; color: #202124 } .glue-header__supplemental .glue-header__link:hover,.glue-header__supplemental .glue-header__link.is-hovering { background-color: #f8f9fa; border-radius: 4px; color: #202124; outline: none } .glue-header__supplemental .glue-header__link:active { background-color: #f1f1f1; border: 1px solid transparent; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; color: #202124 } .glue-header__drawer--is-open .glue-header__supplemental { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .glue-header__drawer--is-open .glue-header__supplemental:before { background-color: #dadce0; content: " "; height: 1px; left: 20px; margin: 0 auto; position: absolute; top: 0; width: calc(100% - 40px) } .glue-header__drawer--is-open .glue-header__supplemental:first-child { padding-top: 27px } .glue-header__drawer--is-open .glue-header__supplemental .glue-header__link { border-bottom-right-radius: 100px; border-top-right-radius: 100px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin: 0; margin-bottom: 4px; padding-left: 18px; width: calc(100% - 8px) } .glue-header__drawer--is-open .glue-header__supplemental .glue-header__link:active { background-color: #f1f1f1 } [dir=rtl] .glue-header__drawer--is-open .glue-header__supplemental .glue-header__link { border-radius: 100px 0 0 100px; padding-left: initial; padding-right: 18px } .glue-header__deep-nav { position: relative } .glue-header__deep-nav .glue-header__deep-nav-trigger { cursor: pointer } .glue-header__deep-nav .glue-header__deep-nav-dialog { margin: 0 } .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item { list-style: none; position: relative; width: 100% } .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item:first-child { margin-left: 0 } [dir=rtl] .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item:first-child { margin-right: 0 } .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link { max-height: none } .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link:hover { background-color: #f8f9fa } .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link:after { display: none } .glue-header.glue-is-showing-drawer .glue-header__deep-nav .glue-header__link { padding-right: 24px; white-space: normal } .glue-header.glue-is-showing-drawer .glue-header__deep-nav .glue-header__link .glue-icon { display: none } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav { position: relative } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog { margin-left: -2px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__deep-nav-dialog { margin-left: -8px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog { margin-left: 0; margin-right: -2px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__deep-nav-dialog { margin-right: -8px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav.glue-is-shown>.glue-header__deep-nav-dialog { opacity: 1; visibility: visible } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav.glue-is-shown>.glue-header__deep-nav-dialog:focus { outline: none } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav.glue-is-shown>.glue-header__deep-nav-trigger { background-color: #f8f9fa; color: #202124 } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-icon { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 3px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-icon { margin-left: 0; margin-right: 3px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: auto; margin-top: -7px; max-width: 280px; min-width: 112px; opacity: 0; padding-bottom: 5px; padding-top: 5px; position: absolute; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; visibility: hidden; width: -webkit-max-content; width: -moz-max-content; width: max-content; z-index: 1000 } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__deep-nav-dialog { margin-top: -5px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; padding-bottom: 1px; padding-top: 1px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link { border: none; border-left: 2px solid transparent; border-radius: 0 100px 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1px; margin-left: 0; margin-right: 8px; margin-top: 1px; max-width: 272px; padding-bottom: 8px; padding-left: 14px; padding-right: 12px; padding-top: 8px; white-space: normal } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link .glue-icon { margin-left: 8px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link { border-left: 0; border-radius: 100px 0 0 100px; border-right: 2px solid transparent; margin-left: 8px; margin-right: 0; padding-left: 12px; padding-right: 14px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item .glue-header__link .glue-icon { margin-left: 0; margin-right: 8px; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-header--is-active>.glue-header__link { background-color: #f8f9fa; border-color: #4285f4; cursor: default } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-header--is-active.glue-header__deep-nav>.glue-header__link { border-color: transparent } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-header__item--active>.glue-header__link { background-color: #f8f9fa; border-color: #4285f4; cursor: default } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-is-shown { cursor: pointer } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-is-shown:last-child>.glue-header__link:hover+.glue-header__deep-nav-dialog:after { -webkit-transform: translate3d(-60%, 0, 0) skew(30deg); transform: translate3d(-60%, 0, 0) skew(30deg); -webkit-transition: none; transition: none; width: 150% } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-is-shown:last-child>.glue-header__link:hover+.glue-header__deep-nav-dialog:after { -webkit-transform: translate3d(60%, 0, 0) skew(-30deg); transform: translate3d(60%, 0, 0) skew(-30deg) } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__item.glue-is-shown:last-child>.glue-header__link+.glue-header__deep-nav-dialog:after { background-color: transparent; content: ""; height: calc( 100% - 48px ); position: absolute; top: 48px; -webkit-transform: translate3d(0, 0, 0) skew(0); transform: translate3d(0, 0, 0) skew(0); -webkit-transition: width 350ms linear 500ms,-webkit-transform 350ms ease-in-out 500ms; transition: width 350ms linear 500ms,-webkit-transform 350ms ease-in-out 500ms; transition: transform 350ms ease-in-out 500ms,width 350ms linear 500ms; transition: transform 350ms ease-in-out 500ms,width 350ms linear 500ms,-webkit-transform 350ms ease-in-out 500ms; width: 100%; z-index: -1 } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog.glue-header__deep-nav-with-subnav>.glue-header__item>.glue-header__link { padding-right: 48px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog.glue-header__deep-nav-with-subnav>.glue-header__item>.glue-header__link.glue-header__deep-nav-trigger { padding-right: 16px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog.glue-header__deep-nav-with-subnav>.glue-header__item>.glue-header__link { padding-left: 48px; padding-right: 14px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog.glue-header__deep-nav-with-subnav>.glue-header__item>.glue-header__link.glue-header__deep-nav-trigger { padding-left: 16px; padding-right: 14px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog.glue-header__deep-nav-with-active-link>.glue-header__item>.glue-header__link { padding-right: 40px } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog.glue-header__deep-nav-with-active-link>.glue-header__item>.glue-header__link { padding-left: 40px; padding-right: 14px } .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__deep-nav>.glue-header__link { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: 0; min-width: 100% } [dir=rtl] .glue-header:not(.glue-is-showing-drawer) .glue-header__deep-nav .glue-header__deep-nav-dialog .glue-header__deep-nav>.glue-header__link { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0 } .glue-header__site-switcher .glue-header__logo--product-campaign .glue-icon { margin-left: 2px; padding-top: 1px } [dir=rtl] .glue-header__site-switcher .glue-header__logo--product-campaign .glue-icon { margin-left: 0; margin-right: 2px } .glue-header__site-switcher.glue-is-shown .glue-header__site-switcher-trigger { background: #f1f3f4; cursor: pointer; -webkit-transition: background 100ms ease-in 0ms; transition: background 100ms ease-in 0ms } .glue-header__site-switcher-menu { height: auto; max-width: 480px; min-width: 240px; overflow: hidden; outline: none; padding: 0; width: auto } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-list { margin: 0; padding-bottom: 16px; padding-left: 0; padding-right: 20px; padding-top: 16px; width: 100% } [dir=rtl] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-list { padding-left: 20px; padding-right: 0 } .glue-header__site-switcher-menu .glue-header__site-switcher-close-btn { background-color: #f1f3f4; border: none; border-radius: 16px; color: #5f6368; display: none; font-size: 24px; font-weight: 300; height: 32px; line-height: 1px; right: 8px; top: 8px; width: 32px } [dir=rtl] .glue-header__site-switcher-menu .glue-header__site-switcher-close-btn { left: 8px; right: auto } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Google Sans",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; height: auto; list-style: none; margin-bottom: 2px; margin-top: 2px; padding-left: 20px } [lang=ja] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } [dir=rtl] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item { padding-left: 0; padding-right: 20px } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-more-products { border-top: 1px solid #dadce0; margin-top: 8px; padding-top: 4px } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item.selected .glue-header__site-switcher-menu-link { background-color: #f8f9fa; border-color: #4285f4; -webkit-box-shadow: none; box-shadow: none; color: #202124; cursor: default } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-menu-link { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; border: none; border-bottom-right-radius: 100px; border-left: 2px solid transparent; border-top-right-radius: 100px; color: #202124; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; margin-left: -20px; max-height: none; padding-bottom: 12px; padding-left: 18px; padding-right: 20px; padding-top: 12px; text-decoration: none } [dir=rtl] .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-menu-link { border-left: none; border-radius: 100px 0 0 100px; border-right: 2px solid transparent; margin-left: 0; margin-right: -20px } .glue-header__site-switcher-item-description { color: #5f6368; font-weight: 400; line-height: 18px } .glue-header.glue-is-showing-drawer .glue-header__logo--product .glue-icon { display: none } .glue-header.glue-is-showing-drawer .glue-header__site-switcher-menu { -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 56px; max-width: 100%; min-width: 100%; padding: 0 } .glue-header.glue-is-showing-drawer .glue-header__site-switcher-menu .glue-header__site-switcher-menu-list { background-color: #f8f9fa; padding-bottom: 16px; padding-left: 0; padding-right: 0; padding-top: 16px } .glue-header.glue-is-showing-drawer .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item:not(.selected) .glue-header__site-switcher-menu-link:hover,.glue-header.glue-is-showing-drawer .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item:not(.selected) .glue-header__site-switcher-menu-link:focus { background-color: #f1f3f4 } .glue-header:not(.glue-is-showing-drawer) .glue-header__site-switcher-menu { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); background-color: #fff; border: 1px solid transparent; border-radius: 4px; margin-left: 7px; opacity: 0; position: absolute; top: 54px; -webkit-transition: opacity 100ms ease-in 0ms; transition: opacity 100ms ease-in 0ms; visibility: hidden; width: 336px; z-index: 1000 } .glue-header .glue-header__site-switcher.glue-is-shown .glue-header__site-switcher-menu { opacity: 1; -webkit-transition: opacity 100ms ease-in 0ms; transition: opacity 100ms ease-in 0ms; visibility: visible } .glue-header.glue-header-stepped-nav-enabled.glue-is-showing-drawer .glue-header__link-bar { display: none } .glue-header.glue-header-stepped-nav-enabled.glue-is-showing-drawer .glue-header__stepped-nav { display: -webkit-box; display: -ms-flexbox; display: flex } .glue-header__stepped-nav { display: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } [dir=rtl] .glue-header__stepped-nav .glue-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-header__stepped-nav .glue-header__stepped-nav-menus { height: 100%; margin-top: 25px; overflow: hidden; width: 100% } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list { display: block; height: auto; margin: 0; outline: none } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list:first-child { margin-top: -64px } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list .glue-header__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list .glue-header__item .glue-header__link { border: none; border-bottom-right-radius: 100px; border-top-right-radius: 100px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-height: none; padding-left: 40px; padding-right: 16px; white-space: normal } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list .glue-header__item .glue-header__link .glue-header__stepped-nav-subnav-icon { display: block } [dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list .glue-header__item .glue-header__link { border: none; border-radius: 100px 0 0 100px; padding-left: 16px; padding-right: 40px } .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list:first-child .glue-header__link { padding-left: 20px } [dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list:first-child .glue-header__link { padding-left: 0; padding-right: 20px } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden; position: relative; width: 100% } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-right-radius: 100px; border-top-right-radius: 100px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto; margin-bottom: 8px; margin-top: 8px; max-height: 48px; outline: none; width: calc(100% - 8px) } [dir=rtl] .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls { border: none; border-radius: 100px 0 0 100px } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls:first-child { visibility: hidden } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls:hover { background-color: #f8f9fa } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls .glue-header__stepped-nav-controls-arrow { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls .glue-header__stepped-nav-controls-arrow .glue-icon { margin-top: -2px } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls .glue-header__stepped-nav-controls-arrow .glue-icon.glue-header__stepped-nav-subnav-icon { display: none } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls .glue-header__stepped-nav-controls-title { border-bottom: 1px solid #dadce0; border-radius: 0; color: #202124; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 32px); flex: 1 0 calc(100% - 32px); height: 64px; max-height: 64px; padding: 0; text-decoration: none; white-space: nowrap; width: auto } .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls .glue-header__stepped-nav-controls-title:hover { background-color: transparent } .glue-footer { background: #f8f9fa; margin: 0 } .glue-footer__link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background-color: #f8f9fa; color: #5f6368; display: inline-block; font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 24px; min-height: 48px; min-width: 48px; padding: 12px 0; text-decoration: none } [lang=ja] .glue-footer__link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-footer__link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-footer__link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-footer__link { font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif,"Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-footer__link:visited { color: #5f6368 } .glue-footer__link:visited:hover { color: #202124 } .glue-footer__link:hover,.glue-footer__link:focus { color: #202124 } .glue-footer__link:hover { background: #f8f9fa } .glue-footer__link:focus { background: #e8eaed; border: 0 } .glue-footer__global { padding: 40px 0 0px } .glue-footer__logo { height: 24px; margin: 0 48px 32px 0; width: 75px } [dir=rtl] .glue-footer__logo { margin-left: 48px; margin-right: 0 } .glue-footer__logo a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5f6368; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px } .glue-footer__logo a:hover,.glue-footer__logo a:focus { background: #e8eaed; color: #202124 } .glue-footer__logo-img { fill: currentColor; height: 24px; width: 75px } .glue-footer__global-links { margin-bottom: 0; padding: 0 0 24px } .glue-footer__global-links:after { clear: both; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex } .glue-footer__global-links-list-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; padding: 0 24px 0 0 } [dir=rtl] .glue-footer__global-links-list-item { float: right; padding-left: 24px; padding-right: 0 } .glue-footer__global-links-list-item:last-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 24px 0 0 } [dir=rtl] .glue-footer__global-links-list-item:last-child { padding-left: 48px; padding-right: 0 } .glue-footer .glue-icon--footer-help { fill: currentColor; margin: -2px 8px 0 0; vertical-align: middle } [dir=rtl] .glue-footer .glue-icon--footer-help { margin: -2px 0 0 8px } .glue-footer__global-links-list-item--extra:last-child { padding-left: 0; padding-right: 0 } [dir=rtl] .glue-footer__global-links-list-item--extra:last-child { padding-left: 0; padding-right: 0 } .glue-footer__lang-dropdown { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -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; -webkit-box-sizing: border-box; box-sizing: border-box; color: #5f6368; display: inline-block; font-family: "Google Sans","Roboto",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: 500; height: 48px; margin: 0 0 0 8px; padding: 0 24px 0 2px; text-overflow: ellipsis; white-space: pre-wrap; width: 100% } [dir=rtl] .glue-footer__lang-dropdown { background-position: left 50%; margin: 0 8px 0 0; padding: 0 2px 0 24px } .glue-footer__lang-dropdown::-ms-expand { display: none } .glue-footer__lang-dropdown:focus { background-color: #e8eaed; color: #202124 } .glue-footer__upper { border-bottom: 1px solid #dadce0 } .glue-footer .glue-social .glue-social__title.glue-social__title--inline { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding-bottom: 24px } .glue-footer .glue-social .glue-social__list { -ms-flex-item-align: center; align-self: center } .glue-footer .glue-social .glue-social__item { margin-bottom: 0 } .glue-footer .glue-social .glue-social__link { background-color: #f8f9fa } .glue-footer .glue-social .glue-social__link:hover,.glue-footer .glue-social .glue-social__link:focus { background-color: #e8eaed } .glue-footer .glue-social .glue-social__link:focus { outline: 2px solid transparent } .glue-breadcrumbs { color: #5f6368; cursor: default; font-weight: 400; line-height: 1 } .glue-breadcrumbs__list { margin-left: 0 } [dir=rtl] .glue-breadcrumbs__list { margin-right: 0 } .glue-breadcrumbs__item { cursor: default; display: inline-block; font-weight: 400; list-style: none } .glue-breadcrumbs__item--active { cursor: default } .glue-breadcrumbs__item--active::after { margin: 0 } .glue-breadcrumbs__link { border-radius: 0; cursor: pointer } .glue-jumplinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 16px auto; padding: 0 10px; position: sticky; top: 16px; -webkit-transition: top 300ms ease; transition: top 300ms ease; max-width: calc(100% - 32px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #fff; border-radius: 120px; -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); z-index: 100 } .glue-jumplinks::before,.glue-jumplinks::after { background-image: linear-gradient(269deg, rgba(255, 255, 255, 0), white 100%); bottom: 0; content: ""; height: 30px; left: 8px; position: absolute; top: calc(50% - 15px); width: 20px; z-index: 1 } .glue-jumplinks::after { background-image: linear-gradient(269deg, white, rgba(255, 255, 255, 0)); left: auto; right: 8px } .glue-jumplinks__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 auto; overflow: auto; padding: 0; scrollbar-width: none; white-space: nowrap; width: 100% } .glue-jumplinks__list::-webkit-scrollbar { display: none } .glue-jumplinks__list :first-child { margin-left: 2px; z-index: 2 } .glue-jumplinks__list :last-child { margin-right: 2px; z-index: 2 } .glue-jumplinks__list-item { list-style: none } .glue-jumplinks__list-item:focus { outline: none } .glue-jumplinks__link { font-family: "Google Sans",Arial,Helvetica,sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; border: 2px solid transparent; border-radius: 0; color: #5f6368; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 16px; font-weight: 500; -ms-flex-pack: distribute; justify-content: space-around; letter-spacing: .5px; line-height: 20px; max-width: 380px; margin: 5px 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; overflow: hidden; padding: 7px 8px; text-align: center; text-decoration: none; -webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,box-shadow .2s,color .2s; transition: background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; vertical-align: middle } [lang=ja] .glue-jumplinks__link { font-family: "Google Sans","Noto Sans JP","Noto Sans CJK JP",Arial,Helvetica,sans-serif } [lang=ko] .glue-jumplinks__link { font-family: "Google Sans","Noto Sans KR","Noto Sans CJK KR",Arial,Helvetica,sans-serif } [lang=zh-CN] .glue-jumplinks__link { font-family: "Google Sans","Noto Sans SC","Noto Sans CJK SC",Arial,Helvetica,sans-serif } [lang=zh-TW] .glue-jumplinks__link { font-family: "Google Sans","Noto Sans TC","Noto Sans CJK TC",Arial,Helvetica,sans-serif } .glue-jumplinks__link:visited { color: #5f6368 } .glue-jumplinks__link.glue-jumplinks__link--active,.glue-jumplinks__link:hover,.glue-jumplinks__link:active { color: #202124; outline: none } .glue-jumplinks__link:hover { background-color: #f8f9fa } .glue-jumplinks__link:focus { background-color: #fff; -webkit-box-shadow: 0 0 0 2px #4285f4; box-shadow: 0 0 0 2px #4285f4; border-radius: 4px; color: #202124 } .glue-jumplinks__link:active { background-color: #f1f1f1 } .glue-jumplinks__button { display: none; pointer-events: none } .glue-jumplinks__button:hover,.glue-jumplinks__button:focus { color: #202124 } .glue-jumplinks__button:focus { border-color: #1a73e8 } .glue-jumplinks__button .glue-icon { pointer-events: none } [dir=rtl] .glue-jumplinks__button .glue-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .glue-jumplinks__button:before { background-image: linear-gradient(269deg, rgba(255, 255, 255, 0), white 100%); content: ""; height: 48px; left: auto; position: absolute; right: -22px; width: 20px } [dir=rtl] .glue-jumplinks__button:before { background-image: linear-gradient(269deg, white, rgba(255, 255, 255, 0)); left: -22px; right: auto } .glue-jumplinks__button--next:before { background-image: linear-gradient(269deg, white, rgba(255, 255, 255, 0)); left: -22px; right: auto } [dir=rtl] .glue-jumplinks__button--next:before { background-image: linear-gradient(269deg, rgba(255, 255, 255, 0), white 100%); left: auto; right: -22px } .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__container { display: block } .glue-video__nojs { display: none } .glue-video img { width: 100%; z-index: 10 } .glue-modal { background-color: #fff; bottom: 0; display: none; height: 100%; left: 0; opacity: 0; overflow: auto; padding: 20px; position: fixed; right: 0; top: 0; z-index: 900 } .glue-modal.glue-modal-closing { display: block; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out } .glue-modal.glue-modal--dark { background-color: rgba(32,33,36,.8); padding: 48px } .glue-modal.glue-modal-open { display: block; opacity: 1; -webkit-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in } .glue-modal .glue-modal__content-wrapper { height: 100% } .glue-modal .glue-modal__content-wrapper iframe { display: block } .glue-modal__close-btn { background-color: #f1f3f4; border: none; border-radius: 0; color: #202124; cursor: pointer; font-size: 44px; height: 48px; left: auto; padding: 12px; position: absolute; right: 0; top: 0; width: 48px } .glue-modal__close-btn:before,.glue-modal__close-btn:after { background-color: #202124; border: 1px solid transparent; content: " "; height: 24px; left: 24px; position: absolute; top: 12px; width: 2px } .glue-modal__close-btn:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .glue-modal__close-btn:after { -webkit-transform: rotate(-45deg); 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: #202124 } .glue-modal__close-btn:focus { background-color: #bdc1c6; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; outline: 2px solid transparent } .glue-modal--dark .glue-modal__close-btn { background-color: #202124 } .glue-modal--dark .glue-modal__close-btn:before,.glue-modal--dark .glue-modal__close-btn:after { background-color: #fff } .glue-modal--dark .glue-modal__close-btn:hover,.glue-modal--dark .glue-modal__close-btn:focus { background-color: #f1f3f4 } .glue-modal--dark .glue-modal__close-btn:hover:before,.glue-modal--dark .glue-modal__close-btn:hover:after,.glue-modal--dark .glue-modal__close-btn:focus:before,.glue-modal--dark .glue-modal__close-btn:focus:after { background-color: #202124 } [dir=rtl] .glue-modal__close-btn { left: 0; right: auto } .glue-modal__video-container { cursor: pointer; position: relative } .glue-modal__video-container>img { width: 100% } .glue-modal__video--icon { cursor: pointer; height: 56px; left: calc(50% - 80px / 2); position: absolute; top: calc(50% - 56px / 2); width: 80px } .glue-footer__site-links { border-bottom: 1px solid #dadce0 } .glue-footer__site-links:after { clear: both; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex } .glue-footer__site-links-grid { padding: 24px 0 0 } .glue-footer__site-links-column { margin: 0 0 24px; padding: 0 } .glue-footer__site-links-column.glue-expansion-panel { border-top: 0; margin-bottom: 0 } .glue-footer__site-links-header { color: #202124; overflow: hidden } .glue-footer__site-links-header .glue-footer__site-links-header-button { border-top: 1px solid #dadce0; margin: 0; padding: 24px 0 } .glue-footer__site-links-header .glue-footer__site-links-header-button .glue-expansion-panel__header-arrow { display: none } .glue-footer__site-links-header .glue-footer__site-links-header-button.glue-expansion-panel__button { color: #202124; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 23px } .glue-footer__site-links-header .glue-footer__site-links-header-button.glue-expansion-panel__button .glue-expansion-panel__header-arrow { display: block; fill: currentColor } .glue-footer__site-links-header .glue-footer__site-links-header-button.glue-expansion-panel__button:hover,.glue-footer__site-links-header .glue-footer__site-links-header-button.glue-expansion-panel__button:focus { color: #202124; outline: 2px solid transparent } .glue-footer__site-links-header .glue-footer__site-links-header-button.glue-expansion-panel__button:focus { border-bottom-color: #202124; padding-bottom: 22px } .glue-is-expanded>.glue-footer__site-links-header .glue-footer__site-links-header-button.glue-expansion-panel__button:focus { border-bottom-color: #202124 } .glue-footer__site-links-list ul { margin-bottom: 0 } .glue-footer__site-links-list-item { margin-bottom: 8px } .glue-footer__site-links-list-item:first-child { margin-top: 8px } .glue-footer__site-links-list-item:last-child { margin-bottom: 0 } .glue-expansion-panels__header { display: -webkit-box; display: -ms-flexbox; display: flex } .glue-expansion-panels__header .glue-eyebrow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 24px 0 } .glue-expansion-panels__header .glue-expansion-panels__toggle-all { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 10px 0 } .glue-expansion-panels__header .glue-expansion-panels__toggle-text.glue-expansion-panels__toggle-text--collapsed { display: none } .glue-expansion-panels .glue-expansion-panel { border-top: 1px solid #dadce0; clear: both } .glue-expansion-panels .glue-expansion-panel:last-child { border-bottom: 1px solid #dadce0; margin-bottom: 20px } .glue-expansion-panels .glue-expansion-panel__button { background: none; border: 0; border-bottom: 1px solid transparent; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 24px 0 23px; width: 100% } .glue-expansion-panels .glue-expansion-panel__button:hover,.glue-expansion-panels .glue-expansion-panel__button:focus { color: #174ea6; outline: 2px solid transparent } .glue-expansion-panels .glue-expansion-panel__button:hover .glue-expansion-panel__header-text,.glue-expansion-panels .glue-expansion-panel__button:focus .glue-expansion-panel__header-text { color: currentColor } .glue-expansion-panels .glue-expansion-panel__button:hover .glue-expansion-panel__header-arrow,.glue-expansion-panels .glue-expansion-panel__button:focus .glue-expansion-panel__header-arrow { fill: currentColor } .glue-expansion-panels .glue-expansion-panel__button:focus { border-bottom: 2px solid #174ea6; padding-bottom: 22px } .glue-expansion-panels .glue-expansion-panel__header-text { -ms-flex-item-align: center; align-self: center; color: #1a73e8; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 8px; text-align: left } [dir=rtl] .glue-expansion-panels .glue-expansion-panel__header-text { margin-left: 8px; margin-right: 0; text-align: right } .glue-expansion-panels .glue-expansion-panel__header-text:hover { color: #174ea6 } .glue-expansion-panels .glue-expansion-panel__header-arrow { fill: #1a73e8; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 24px; padding: 0 3px; -webkit-transition: -webkit-transform 100ms ease-out; transition: -webkit-transform 100ms ease-out; transition: transform 100ms ease-out; transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; width: 24px } .glue-expansion-panels .glue-expansion-panel__content { display: block; height: 0; overflow: hidden; -webkit-transition: height 200ms ease-out; transition: height 200ms ease-out } .glue-expansion-panels .glue-expansion-panel__content[data-glue-expansion-panel-initial=expanded] { height: auto } .glue-expansion-panels .glue-expansion-panel__content>div { padding: 24px 0 } .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-panel__button { border-bottom: 1px solid #dadce0 } .glue-expansion-panels .glue-is-expanded .glue-expansion-panel__button:focus { border-bottom: 2px solid #174ea6 } .glue-expansion-panels .glue-is-expanded .glue-expansion-panel__button.glue-social__title { border-bottom: 1px solid transparent } .glue-expansion-panels .glue-is-expanded .glue-expansion-panel__header-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 100ms ease-in; transition: -webkit-transform 100ms ease-in; transition: transform 100ms ease-in; transition: transform 100ms ease-in, -webkit-transform 100ms ease-in } .glue-expansion-panels .glue-is-expanded .glue-expansion-panel__content { height: auto; -webkit-transition: height 200ms ease-in; transition: height 200ms ease-in } .glue-expansion-panels .glue-is-collapsed .glue-expansion-panel__content { height: auto; visibility: hidden } .glue-social--zippy-opposite .glue-social__dialog,[dir=rtl] .glue-social__dialog { float: right; left: auto; padding: 4px 48px 0 8px; right: 0 } [dir=rtl] .glue-social--zippy .glue-social__item,[dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__item { margin-left: 0; margin-right: 0 } .glue-social__item { margin-left: 0; margin-right: 8px } [dir=rtl] .glue-social--zippy .glue-social__item:first-child,[dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__item:first-child { margin-left: 8px; margin-right: 0 } .glue-social__title,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button { margin-left: 0; margin-right: 24px } .glue-social--zippy-opposite .glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-social__title,[dir=rtl] .glue-social--zippy .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,[dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__title { margin-left: 24px; margin-right: 0 } .glue-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100% } .glue-social .glue-is-expanded .glue-expansion-panel__button.glue-social__title { border-bottom: 0 } .glue-social.glue-social--zippy .glue-social__item { opacity: 0; position: absolute } .glue-social.glue-social--zippy.glue-social--zippy-opposite { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; 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 { float: right; text-align: right } .glue-social.glue-social--zippy.glue-social--zippy-opposite .glue-social__copy-btn { margin: 4px -12px 4px 0 } .glue-social.glue-social--popover { display: inline-block } .glue-social.glue-social--popover>.glue-is-shown { z-index: 900 } .glue-social__group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 } .glue-social__group+.glue-social__group { margin-top: 30px } .glue-social__group.glue-expansion-panel { border: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .glue-social__group.glue-expansion-panel:last-child { border: 0 } .glue-social--zippy-opposite .glue-social__group { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit } .glue-popover__group { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .glue-social__title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .glue-social__title svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .glue-social__title.glue-social__title--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .glue-social__title.glue-social__title--zippy { position: relative } .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 2px 12px 0; width: auto } .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus { outline: 2px solid transparent } .glue-social__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; max-width: 100% } .glue-social__list.glue-social__list--popover { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 26px } .glue-social--zippy-opposite .glue-social__list { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit } .glue-social__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 48px; width: 48px } .glue-social__item:last-child { margin-right: 0 } .glue-social__item:focus-within { border: 2px solid #185abc; border-radius: 50% } .glue-social__item .glue-social__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; color: currentColor; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding: 2px; -webkit-transition: none; transition: none; -webkit-transition-property: none; transition-property: none; width: 100% } .glue-social__item .glue-social__link:hover,.glue-social__item .glue-social__link:focus { background: #f1f3f4; -webkit-box-shadow: none; box-shadow: none; color: currentColor; outline: none } .glue-social__item .glue-social.glue-social--popover { display: block; height: 100%; width: 100% } .glue-social__item .glue-social.glue-social--popover .glue-popover { height: 100%; width: 100% } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(0) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(0) { opacity: 0; pointer-events: none; -webkit-transform: translateX(-104px); transform: translateX(-104px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(0) { -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(0) { -webkit-transform: translateX(104px); transform: translateX(104px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(0) { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(0) { -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(0) { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(0) { -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(1) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(1) { opacity: 0; pointer-events: none; -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(1) { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(1) { -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(1) { -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(1) { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(1) { -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(1) { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(2) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(2) { opacity: 0; pointer-events: none; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(2) { -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(2) { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(2) { -webkit-transform: translateX(-104px); transform: translateX(-104px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(2) { -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(2) { -webkit-transform: translateX(104px); transform: translateX(104px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(2) { -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(3) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(104px); transform: translateX(104px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(3) { opacity: 0; pointer-events: none; -webkit-transform: translateX(52px); transform: translateX(52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(3) { -webkit-transform: translateX(-104px); transform: translateX(-104px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(3) { -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(3) { -webkit-transform: translateX(-156px); transform: translateX(-156px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(3) { -webkit-transform: translateX(-104px); transform: translateX(-104px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(3) { -webkit-transform: translateX(156px); transform: translateX(156px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(3) { -webkit-transform: translateX(104px); transform: translateX(104px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(4) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(156px); transform: translateX(156px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(4) { opacity: 0; pointer-events: none; -webkit-transform: translateX(104px); transform: translateX(104px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(4) { -webkit-transform: translateX(-156px); transform: translateX(-156px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(4) { -webkit-transform: translateX(-104px); transform: translateX(-104px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(4) { -webkit-transform: translateX(-208px); transform: translateX(-208px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(4) { -webkit-transform: translateX(-156px); transform: translateX(-156px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(4) { -webkit-transform: translateX(208px); transform: translateX(208px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(4) { -webkit-transform: translateX(156px); transform: translateX(156px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(5) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(208px); transform: translateX(208px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(5) { opacity: 0; pointer-events: none; -webkit-transform: translateX(156px); transform: translateX(156px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(5) { -webkit-transform: translateX(-208px); transform: translateX(-208px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(5) { -webkit-transform: translateX(-156px); transform: translateX(-156px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(5) { -webkit-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(5) { -webkit-transform: translateX(-208px); transform: translateX(-208px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(5) { -webkit-transform: translateX(260px); transform: translateX(260px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(5) { -webkit-transform: translateX(208px); transform: translateX(208px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(6) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(260px); transform: translateX(260px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(6) { opacity: 0; pointer-events: none; -webkit-transform: translateX(208px); transform: translateX(208px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(6) { -webkit-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(6) { -webkit-transform: translateX(-208px); transform: translateX(-208px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(6) { -webkit-transform: translateX(-312px); transform: translateX(-312px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(6) { -webkit-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(6) { -webkit-transform: translateX(312px); transform: translateX(312px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(6) { -webkit-transform: translateX(260px); transform: translateX(260px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(7) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(312px); transform: translateX(312px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(7) { opacity: 0; pointer-events: none; -webkit-transform: translateX(260px); transform: translateX(260px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(7) { -webkit-transform: translateX(-312px); transform: translateX(-312px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(7) { -webkit-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(7) { -webkit-transform: translateX(-364px); transform: translateX(-364px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(7) { -webkit-transform: translateX(-312px); transform: translateX(-312px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(7) { -webkit-transform: translateX(364px); transform: translateX(364px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(7) { -webkit-transform: translateX(312px); transform: translateX(312px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(8) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(364px); transform: translateX(364px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(8) { opacity: 0; pointer-events: none; -webkit-transform: translateX(312px); transform: translateX(312px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(8) { -webkit-transform: translateX(-364px); transform: translateX(-364px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(8) { -webkit-transform: translateX(-312px); transform: translateX(-312px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(8) { -webkit-transform: translateX(-416px); transform: translateX(-416px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(8) { -webkit-transform: translateX(-364px); transform: translateX(-364px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(8) { -webkit-transform: translateX(416px); transform: translateX(416px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(8) { -webkit-transform: translateX(364px); transform: translateX(364px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-is-expanded .glue-social__item:nth-child(9) { opacity: 1; pointer-events: auto; -webkit-transform: translateX(416px); transform: translateX(416px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy .glue-is-collapsed .glue-social__item:nth-child(9) { opacity: 0; pointer-events: none; -webkit-transform: translateX(364px); transform: translateX(364px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-is-expanded .glue-social__item:nth-child(9) { -webkit-transform: translateX(-416px); transform: translateX(-416px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-is-collapsed .glue-social__item:nth-child(9) { -webkit-transform: translateX(-364px); transform: translateX(-364px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(9) { -webkit-transform: translateX(-468px); transform: translateX(-468px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(9) { -webkit-transform: translateX(-416px); transform: translateX(-416px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-expanded .glue-social__item:nth-child(9) { -webkit-transform: translateX(468px); transform: translateX(468px); -webkit-transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1); transition: transform .2s cubic-bezier(0, 0, 0.2, 1),opacity .2s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .2s cubic-bezier(0, 0, 0.2, 1) } [dir=rtl] .glue-social--zippy-opposite .glue-is-collapsed .glue-social__item:nth-child(9) { -webkit-transform: translateX(416px); transform: translateX(416px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-social--zippy .glue-social__item { opacity: 0; position: absolute; -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .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 } .glue-social__share-icon { fill: currentColor; margin-right: 10px; padding: 0 } .glue-social__dialog { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); border: none; display: none; left: 0; outline: none; padding: 4px 8px 0 48px; position: absolute; text-align: left; top: 0 } .glue-social__dialog .glue-button.glue-is-copied,.glue-social__dialog .glue-is-copied.glue-social__copy-btn,.glue-social__dialog .glue-is-copied.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button { color: #5f6368; min-width: 184px } .glue-social__dialog .glue-button.glue-is-copied:hover,.glue-social__dialog .glue-is-copied.glue-social__copy-btn:hover,.glue-social__dialog .glue-is-copied.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover { color: #5f6368 } .glue-social__dialog.glue-social__dialog--popover { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); border: none; left: auto; outline: none; padding: 14px 24px 24px; position: absolute; right: -26px; text-align: right; top: -20px } .glue-social__group.glue-is-shown .glue-social__dialog.glue-social__dialog--popover { display: block } .glue-social__close-btn { line-height: .7777777778; color: #202124; height: 16px; right: 4px; text-align: center; top: 4px; width: 16px } .glue-social__close-btn:focus { background: #f1f3f4 } .glue-social__copy-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 24px -24px -24px; padding: 4px 8px; width: calc(100% + 48px) } .glue-social__copy-input { border: none; border-bottom: 2px solid #e8eaed; color: #5f6368; display: block; min-width: 200px; padding: 8px 0; text-align: left } .glue-social__copy-input:focus { border-bottom: 2px solid #174ea6 } .glue-social__copy-container .glue-social__copy-input:focus { background: #e8eaed } .glue-social__copy-btn { margin: 8px 0 8px -14px } .glue-social--zippy .glue-social--popover .glue-social__copy-btn { margin: 4px 0 4px -12px } .glue-social--zippy-opposite .glue-social--zippy .glue-social--popover .glue-social__copy-btn { float: right; margin: 4px -12px 4px 0; text-align: right } .glue-social__title.glue-social__title--trigger { margin: 0; position: relative } .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: #fff } .glue-social__icon-trigger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding: 0; position: relative; width: 100% } .glue-social--popover .glue-is-shown .glue-social__icon-trigger { background: #fff; z-index: 900 } .glue-social__icon-trigger:hover,.glue-social__icon-trigger:focus { background: #f1f3f4; outline: none } .glue-is-shown .glue-social__icon-trigger:hover,.glue-is-shown .glue-social__icon-trigger:focus { background: transparent; -webkit-box-shadow: 0 0 0 8px transparent; box-shadow: 0 0 0 8px transparent } [dir=rtl] .glue-social__dialog { top: 0 } [dir=rtl] .glue-social__dialog.glue-social__dialog--popover { left: -26px; right: auto; text-align: left } [dir=rtl] .glue-social__dialog .glue-social__close-btn { left: 4px; right: auto } [dir=rtl] .glue-social__dialog .glue-social__copy-input { text-align: right } [dir=rtl] .glue-social__dialog .glue-social__copy-btn { float: right } [dir=rtl] .glue-social__icon-trigger { margin: 0 } [dir=rtl] .glue-social__share-icon { margin-left: 10px; margin-right: 0 } [dir=rtl] .glue-social--zippy .glue-social__item { float: right; -webkit-transform: translateX(104px); transform: translateX(104px) } [dir=rtl] .glue-social--zippy .glue-social__item.glue-social__item--popover { margin: 24px 0 0 32px } [dir=rtl] .glue-social--zippy .glue-social__item.glue-social__item--popover:nth-child(4n+4) { margin-left: 0 } [dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__dialog { left: 4px; padding: 4px 8px 0 40px; right: auto } [dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__dialog .glue-social__copy-btn { float: left; margin: 4px 0 4px -12px } [dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__dialog .glue-social__copy-input { text-align: left } [dir=rtl] .glue-social--zippy.glue-social--zippy-opposite .glue-social__item { -webkit-transform: translateX(-52px); transform: translateX(-52px); -webkit-transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1); transition: transform .15s cubic-bezier(0.4, 0, 1, 1),opacity .15s cubic-bezier(0.4, 0, 1, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 1, 1) } .glue-spacer-1-bottom { margin-bottom: 8px } .glue-spacer-1-top { margin-top: 8px } .glue-spacer-2-bottom { margin-bottom: 16px } .glue-spacer-2-top { margin-top: 16px } .glue-spacer-3-bottom { margin-bottom: 24px } .glue-spacer-3-top { margin-top: 24px } .glue-spacer-4-bottom { margin-bottom: 36px } .glue-spacer-4-top { margin-top: 36px } .glue-spacer-5-bottom { margin-bottom: 48px } .glue-spacer-5-top { margin-top: 48px } .glue-spacer-6-bottom { margin-bottom: 60px } .glue-spacer-6-top { margin-top: 60px } .glue-spacer-7-bottom { margin-bottom: 92px } .glue-spacer-7-top { margin-top: 92px } .glue-spacer-8-bottom { margin-bottom: 136px } .glue-spacer-8-top { margin-top: 136px } .glue-footer a:link,.glue-footer a:visited,.glue-footer a:active { color: #5f6368 } .glue-footer a:hover,.glue-footer a:focus { color: #202124 } .glue-footer__site-links-grid.glue-expansion-panels { display: block } .glue-footer__site-links-grid.glue-expansion-panels .glue-footer__site-links-header { border-bottom: 1px solid #dadce0 } .glue-footer__site-links-grid.glue-expansion-panels .glue-expansion-panel { border-top: none } .glue-footer__site-links-grid.glue-expansion-panels .glue-expansion-panel:last-child { border-bottom: none; margin-bottom: 0 } .glue-footer__site-links-grid.glue-expansion-panels .glue-expansion-panel:last-child .glue-footer__site-links-header { border-bottom: none } .glue-footer__lang-dropdown { border-bottom: 1px solid #dadce0 } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline } html { line-height: 1 } ol,ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption,th,td { font-weight: normal; text-align: left; vertical-align: middle } q,blockquote { quotes: none } q::before,q::after,blockquote::before,blockquote::after { content: "" } a img { border: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } html,body { color: #5f6368; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; width: 100% } body main { min-height: auto; opacity: 1 } body main.main--transitioning { opacity: 0 } body .cloud-image { display: -webkit-box; display: -ms-flexbox; display: flex } body button { border: 0 } *,*::before,*::after { -webkit-box-sizing: inherit; box-sizing: inherit } :-moz-focusring { outline: 1px dotted #000 } .js-focus-visible :focus:not(.focus-visible) { outline: transparent } br { visibility: hidden } .cb .glue-headline { color: #3c4043; font-family: "Google Sans"; font-weight: 700 } .cb .glue-headline.glue-headline--display-1,.cb .glue-headline.glue-headline--display-2,.cb .glue-headline.glue-headline--display-3,.cb .glue-headline.glue-headline--headline-1,.cb .glue-headline.glue-headline--headline-2,.cb .glue-headline.glue-headline--headline-3,.cb .glue-headline.glue-headline--headline-4,.cb .glue-headline.glue-headline--headline-5,.cb .glue-headline.glue-headline--headline-6,.cb .glue-headline.glue-headline--headline-7 { font-family: "Google Sans"; font-weight: 700 } .cb .glue-headline.glue-headline--display-1 { font-size: 100px; letter-spacing: -5px; line-height: 100px } .cb .glue-headline.glue-headline--display-2 { font-size: 48px; letter-spacing: -1px; line-height: 56px } .cb .glue-headline.glue-headline--display-3 { font-size: 48px; letter-spacing: -1px; line-height: 56px } .cb .glue-headline.glue-headline--headline-1 { font-size: 44px; letter-spacing: -0.5px; line-height: 52px } .cb .glue-headline.glue-headline--headline-2 { font-size: 36px; font-weight: 700; letter-spacing: -0.25px; line-height: 40px } .cb .glue-headline.glue-headline--headline-3 { font-size: 28px; line-height: 40px } .cb .glue-headline.glue-headline--headline-4 { font-size: 24px; line-height: 32px } .cb .glue-headline.glue-headline--headline-5 { font-size: 20px; line-height: 28px } .cb .glue-headline.glue-headline--headline-6 { font-size: 18px; line-height: 28px } .cb .glue-headline.glue-headline--headline-7 { font-size: 16px; line-height: 24px } .glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size: 18px; line-height: 28px } .disclaimer,.split-content--60-40 .float__text-content .disclaimer,.get-latest__container .showcase-banner__content .disclaimer,.disclaimer p,.split-content--60-40 .float__text-content .disclaimer p,.get-latest__container .showcase-banner__content .disclaimer p { font-size: 12px; font-weight: 400; letter-spacing: .2px; line-height: 16px } .color-highlight--blue { color: #1a73e8 } .color-highlight--green { color: #1e8e3e } .color-highlight--red { color: #d93025 } .cb .glue-button.glue-button--icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .cb .glue-button.glue-button--icon svg { margin: auto; margin-right: 8px } .cb .glue-button.glue-button--icon-right svg { margin: auto; margin-left: 8px } .cb .glue-button.glue-button--market-badge img { display: block } .glue-spacer-4-top { margin-top: 32px } .glue-spacer-4-bottom { margin-bottom: 32px } .spacer-9-bottom { margin-bottom: 136px } .spacer-9-top { margin-top: 136px } .cb #cookieBar .cookieBarInner { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .cb #cookieBar .cookieBarInner .cookieBarText { display: block; font-size: 14px; letter-spacing: .15px; margin: 4px 12px } .cb #cookieBar .cookieBarInner .cookieBarButtons { -ms-flex-item-align: center; align-self: center } .cb .glue-header__logo-link { width: 168.52px } .cb .glue-header__link-bar .glue-header__list .glue-header__item:first-child { margin-left: 0 } .cb .glue-is-showing-drawer .glue-header__list--nested { display: -webkit-box; display: -ms-flexbox; display: flex } .cb .glue-is-showing-drawer .header__close-btn { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: calc(100% - 50px); position: absolute; top: 13.5px; z-index: 900 } .cb .glue-header--single .glue-header__drawer--is-open .glue-header__item { max-height: none } .cb .header__close-btn { display: none } .cb .header-dropdown__trigger { background-color: #fff } .cb .skip-to-content__button { background-color: #fff; display: none; font-weight: 400; height: 48px; left: 15px; letter-spacing: .2px; margin: 0; padding: 12px 16px; position: absolute; top: 68px } .cb .glue-header__drawer--is-open .header-dropdown__item { padding-left: 16px } .cb .glue-header__drawer--is-open .header-dropdown__trigger { background-color: #fff; margin-left: -16px } .cb .glue-header__drawer--is-open .header-dropdown__trigger .glue-icon { display: block !important } .cb .glue-header__drawer--is-open .header-dropdown__trigger[aria-expanded=true] { background-color: #f1f3f4 } .cb .glue-header__drawer--is-open .header-dropdown__trigger[aria-expanded=true] .glue-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .cb .glue-header__drawer--is-open .header-dropdown__list { display: none } .cb .glue-header__drawer--is-open .header-dropdown__list[aria-hidden=false] { border-left: 2px solid #dadce0; display: block } .cb .breadcrumbs { border-bottom: 1px solid #dadce0; border-top: 1px solid #dadce0; padding: 14px 18px } .header__old { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; height: 68px; left: 0; line-height: 1.43; padding: 0 24px; position: fixed; right: 0; top: 0; -webkit-transition: background-color .1s .1s linear,-webkit-transform .5s ease-in-out; transition: background-color .1s .1s linear,-webkit-transform .5s ease-in-out; transition: background-color .1s .1s linear,transform .5s ease-in-out; transition: background-color .1s .1s linear,transform .5s ease-in-out,-webkit-transform .5s ease-in-out; z-index: 40 } .header__old .header__logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5f6368; display: -webkit-box; display: -ms-flexbox; display: flex; font: 400 22px "Google Sans",sans-serif; margin-left: 17px; text-decoration: none } .header__old .header__logo svg { fill: unset; height: 35px; width: 168.52px } .header__old .header__logo:hover,.header__old .header__logo:focus { background: #fff } .header__old .header__burger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; border-radius: 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -5px; outline: none; padding: 0; position: relative; width: 32px } .header__old .header__burger-patty { background: #757575; height: 2px; position: relative; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; width: 22px } .header__old .header__burger-patty::before,.header__old .header__burger-patty::after { background: #757575; content: ""; display: block; height: 2px; -webkit-transition: -webkit-transform .2s .2s cubic-bezier(0.23, 1, 0.32, 1); transition: -webkit-transform .2s .2s cubic-bezier(0.23, 1, 0.32, 1); transition: transform .2s .2s cubic-bezier(0.23, 1, 0.32, 1); transition: transform .2s .2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .2s .2s cubic-bezier(0.23, 1, 0.32, 1); width: 22px } .header__old .header__burger-patty::before { -webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-transform-origin: 12px 0; transform-origin: 12px 0 } .header__old .header__burger-patty::after { -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transform-origin: 7px 0; transform-origin: 7px 0 } .header__old .header__nav-wrapper .navigation-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #757575; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; letter-spacing: 0; list-style: none; padding: 26px 0 0; position: relative } .header__old .header__nav-wrapper .navigation-item .dropdown.dropdown__open { opacity: 1; pointer-events: auto; visibility: visible } .header__old .header__nav-wrapper .navigation-item::before { display: none } .header__old .header__nav-wrapper .navigation-item svg { height: 5px; max-width: 1.5vw; pointer-events: none } .header__old .header__nav-wrapper .navigation-item .link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #757575; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Google Sans",sans-serif; font-size: 18px; margin-bottom: 26px; text-decoration: none; -webkit-transition: color .2s linear; transition: color .2s linear } .header__old .header__nav-wrapper .navigation-item .link:focus { background: #fff; -webkit-box-shadow: none; box-shadow: none } .header__old .header__nav-wrapper .navigation-item .link.focus-visible:focus { -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8 } .header__old .header__nav-wrapper .navigation-item .dropdown { -webkit-box-shadow: none; box-shadow: none; opacity: 1; padding: 10px 32px 16px 0; pointer-events: auto; position: static; visibility: visible; width: auto } .header__old .header__nav-wrapper .navigation-item .dropdown-item { font: 16px/0 "Google Sans",sans-serif; letter-spacing: 0; padding: 12px 0 } .header__old .header__nav-wrapper .navigation-item .dropdown-item a { display: inline-block; text-decoration: none } .header__old .header__nav-wrapper .navigation-item .dropdown-item a:hover { background: #fff } .header__old .header__nav-wrapper .navigation-item .dropdown-item a:hover .dropdown-item__title { color: #4285f4 } .header__old .header__nav-wrapper .navigation-item .dropdown-item a:focus { background: #fff; -webkit-box-shadow: none; box-shadow: none } .header__old .header__nav-wrapper .navigation-item .dropdown-item .focus-visible:focus { -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8 } .header__old .header__nav-wrapper .navigation-item .dropdown-item__title { color: #757575; display: block; font: 18px/1.43 "Google Sans",sans-serif; letter-spacing: 0 } .header__old .header__nav-wrapper .navigation-item .dropdown-item__description { display: none } .header__old .header__nav-wrapper .navigation-item__title { color: #404040; font: 500 26px/1.43 "Google Sans",sans-serif; letter-spacing: 0 } .header__old .header__nav-wrapper .navigation-item__dropdown-arrow { display: none } .header__old .header__nav-wrapper .navigation-item button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: none; color: #404040; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; text-align: left } .header__old.header--expanded .header__burger-patty { background: transparent } .header__old.header--expanded .header__burger-patty::before { -webkit-transform: translateY(1px) rotate3d(0, 0, 1, 45deg); transform: translateY(1px) rotate3d(0, 0, 1, 45deg) } .header__old.header--expanded .header__burger-patty::after { -webkit-transform: translateY(1px) rotate3d(0, 0, 1, -45deg); transform: translateY(1px) rotate3d(0, 0, 1, -45deg) } .header__old.header--expanded .header__nav-wrapper { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; max-height: 100vh; visibility: visible } .header__old.header--expanded .navigation-item { opacity: 1; visibility: visible } .header__old.header--expanded .header__cta { opacity: 1; visibility: visible } .header__old.header--expanded .header__cta.button--icon { padding-left: 0 } .header__old .header__ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .header__old .header__ctas--column-layout { border-top: 2px #f5f5f5 solid } .header__old .header__ctas .glue-button--high-emphasis { -ms-flex-item-align: start; align-self: flex-start; background: #1967d2; border: 2px solid #1967d2; border-radius: 4px; color: #fff; max-width: 100%; min-height: 46px; padding: 13px 21px; -webkit-transition: background .2s linear,color .2s linear; transition: background .2s linear,color .2s linear; width: 100% } .header__old .header__ctas .glue-button--high-emphasis:hover { background: transparent; -webkit-box-shadow: none; box-shadow: none; color: #1967d2 } .header__old .header__ctas .glue-button--high-emphasis[disabled],.header__old .header__ctas .glue-button--high-emphasis[disabled]:hover { background-color: #f8f9fa; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; color: #9aa0a6 } .header__old .header__ctas .glue-button--high-emphasis[disabled] svg,.header__old .header__ctas .glue-button--high-emphasis[disabled]:hover svg { fill: #9aa0a6 } .header__old .header__ctas .glue-button--icon { border: 0; color: #757575; margin: 14px 0; max-width: 100vw; min-height: 16px; padding: 10px 0; position: relative; text-align: left; text-decoration: none; width: 100% } .header__old .header__ctas .glue-button--icon:hover,.header__old .header__ctas .glue-button--icon:focus { background: #fff } .header__old .header__cta { letter-spacing: 0; line-height: 1; margin: 0; opacity: 0; visibility: hidden } .header__old .header__cta svg { height: 13px } .header__old .header__cta:focus { -webkit-box-shadow: none; box-shadow: none } .header__old .header__cta.focus-visible:focus { -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8 } .header__old+main { padding-top: 68px } .header__old .skip-to-content__button { background-color: #fff; display: none; font-weight: 400; left: 45px; letter-spacing: .2px; margin: 0; padding: 12px 16px; position: absolute; top: 68px } .footer_old { margin: 0 auto; max-width: 100%; padding: 0 24px 60px } .footer_old .footer__columns { border-bottom: 2px #f5f5f5 solid; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 64px } .footer_old .footer__column { -ms-flex-preferred-size: 45%; flex-basis: 45%; padding-bottom: 36px } .footer_old .footer__column-title { border-bottom: 2px #f5f5f5 solid; color: #404040; font: 14px/1.43 "Google Sans",sans-serif; letter-spacing: 0; padding-bottom: 12px } .footer_old .footer__column-links { padding-top: 10px } .footer_old .footer__column-links a { text-decoration: none } .footer_old .footer__column-links .link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #757575; display: -webkit-box; display: -ms-flexbox; display: flex; font: 14px/1.43 "Google Sans",sans-serif; letter-spacing: 0; padding-top: 14px; -webkit-transition: color .2s linear; transition: color .2s linear } .footer_old .footer__column-links .link .icon { height: 16px; margin-right: 12px; width: 16px } .footer_old .footer__column-links .link:hover { background: #fff; color: #4285f4 } .footer_old .footer__column-links .link:first-of-type { padding-top: 16px } .footer_old .footer__column-links .link:focus { background: #fff; -webkit-box-shadow: none; box-shadow: none } .footer_old .footer__column-links .link.focus-visible:focus { -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; outline-color: #1a73e8 } .footer_old .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font: 16px/1.43 "Google Sans",sans-serif; letter-spacing: 0; padding: 22px 0 0 0 } .footer_old .footer__nav { display: block } .footer_old .footer__nav-link { font: 16px/1.43 "Google Sans",sans-serif; letter-spacing: 0; margin-right: 3.33% } .footer_old .footer__nav-link a { color: #404040; font: 500 14px "Google Sans",sans-serif; text-decoration: none; -webkit-transition: color .2s linear; transition: color .2s linear } .footer_old .footer__nav-link a:hover { background: #fff; color: #4285f4 } .footer_old .footer__nav-link a:focus { background: #fff } .footer_old .footer__nav-link:not(:first-of-type) { padding: 16px 0 0 0 } .footer_old .footer__locale-switcher { font-size: 16px; line-height: 1.43; padding: 32px 0 0 0; position: relative } .footer_old .footer__locale-switcher::before { background: #f5f5f5; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 225px; z-index: 0 } .footer_old .footer__locale-switcher select { background: none; border: none; border-radius: 0; color: #404040; font: 500 14px Arial,Helvetica,sans-serif; height: 30px; margin: 0 0 0 -4px; padding: 0; position: relative; width: 225px; z-index: 1 } .footer_old .footer__locale-switcher label { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .youtube-video-player { aspect-ratio: 16/9; height: auto; width: 100% } .youtube-video-player__poster { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-size: cover; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .youtube-video-player__poster[aria-hidden=true] { display: none } .youtube-video-player__poster:hover svg { color: red; fill-opacity: 1 } .youtube-video-player__play-button { background-color: transparent; height: 48px; padding: 0; width: 68px } .youtube-video-player__play-button svg { color: #212121; fill-opacity: .8 } .youtube-video-player__play-button:focus-visible { -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; outline: none } .youtube-video-player__video-container { display: none } .youtube-video-player__video-container[aria-hidden=false] { display: block } .youtube-video-player__poster,.youtube-video-player__play-button svg,.youtube-video-player__video-container,.youtube-video-player__video-player { height: 100%; width: 100% } .cb .breadcrumbs__old { -ms-flex-item-align: center; align-self: center; border-bottom: 1px solid #dadce0; border-top: 1px solid #dadce0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px; width: 100% } .cb .breadcrumbs__old__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 16px } .cb .breadcrumbs__old__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5f6368; display: none; font-size: 12px; letter-spacing: .2px; line-height: 1.34 } .cb .breadcrumbs__old__item.link-item>a { border-radius: 0; color: #5f6368; font-size: 12px; padding: 4px; text-decoration: underline } .cb .breadcrumbs__old__item.link-item>a:hover { background-color: #e8f0fe; border: 2px solid #fff; color: #1967d2; padding: 2px } .cb .breadcrumbs__old__item.link-item>a:focus { background-color: #fff; border-radius: 4px } .cb .breadcrumbs__old__item.link-item>a:active { background-color: #f1f3f4; border: 2px solid #f1f3f4; border-radius: 0 } .cb .breadcrumbs__old__item.link-item>a:visited { color: #681da8 } .cb .breadcrumbs__old__item svg { color: #9aa0a6 } .cb .breadcrumbs__old__item.parent-item { display: inherit } .cb .breadcrumbs__old__item.parent-item svg:first-child { display: none } .cb .breadcrumbs__old__item.parent-item svg:last-child { display: block } .cb .breadcrumbs__old__item.active { font-weight: 700 } .cb .breadcrumbs__old__icon { height: 20px; margin: 0 2px; padding: 3px; width: 20px } .cb .header__old+.breadcrumbs__old { margin-top: 68px } .media-player { height: auto; position: relative; width: 100% } .media-player__video { height: auto; width: 100% } .media-player__play-button { background: none; bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; left: 5px; position: absolute } .media-player__description-button { background-color: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 25px; padding: 5px; position: absolute; right: 10px; top: 10px; width: 25px } .media-player__description-text { background-color: #fff; border-radius: 5px; display: none; left: 10px; max-height: calc(100% - 60px); max-width: 100%; overflow: scroll; padding: 10px; position: absolute; right: 10px; top: 40px; z-index: 1 } .media-player__description-text.active { display: block } .media-player__play-button-icon { color: #1a73e8; height: 20px; width: 20px } .media-player__description-button-icon { color: #1a73e8; height: 100%; width: 100% } .hero-home-animated { --curtain-top: -80px; --img-height: 100%; --img-width: auto; --scene-img-offset: 240px; --spacer-cta: 48px; --spacer-section-bot: 120px; --spacer-section-top: 80px; --spacer-subtitle: 32px; --spacer-title: 16px; --subtitle-letter-spacing: -10px; --subtitle-line-height: 250px; --subtitle-size: 250px } .hero-home-animated .hide { display: none } .hero-home-animated .logo,.hero-home-animated .scenes,.hero-home-animated .media-player__video { display: none } .hero-home-animated .curtain { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100vh - 68px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: absolute; top: var(--curtain-top); width: 100%; z-index: 39 } .hero-home-animated .curtain .description { -ms-flex-item-align: center; align-self: center; color: #fff; font-size: var(--subtitle-size); font-weight: 700; letter-spacing: var(--subtitle-letter-spacing); line-height: var(--subtitle-line-height); position: absolute; z-index: 9 } .hero-home-animated .curtain .logo { height: 64px; margin-top: var(--spacer-section-top); position: absolute; width: 454px; z-index: 9 } .hero-home-animated .curtain .media-player__video,.hero-home-animated .curtain .scenes { height: 100%; overflow: hidden; position: absolute; top: 0; width: 101% } .hero-home-animated .curtain__left { z-index: 1 } .hero-home-animated .curtain__left .media-player__video { height: 100vh; -o-object-fit: cover; object-fit: cover; width: 51vw } .hero-home-animated .curtain__right { z-index: 1 } .hero-home-animated .curtain__right picture>img { -webkit-animation: slow-fall 6s ease-out; animation: slow-fall 6s ease-out; margin-left: var(--scene-img-offset); max-height: var(--img-height); max-width: var(--img-width); z-index: -1 } .hero-home-animated .curtain__right .scene1 { background: linear-gradient(142.13deg, #ee675c 0%, #a50e0e 100.9%) } .hero-home-animated .curtain__right .scene2 { background: -webkit-gradient(linear, left top, left bottom, from(#5bb974), to(#1e8e3e)); background: linear-gradient(180deg, #5bb974 0%, #1e8e3e 100%) } .hero-home-animated .curtain__right .scene2 picture>img { -webkit-animation-name: slow-raise; animation-name: slow-raise } .hero-home-animated .curtain__right .scene3 { background: -webkit-gradient(linear, left top, left bottom, from(#4871d8), to(#072a5f)); background: linear-gradient(180deg, #4871d8 0%, #072a5f 100%) } .hero-home-animated .curtain__left,.hero-home-animated .curtain__right { min-width: 50vw; overflow: hidden; width: 100% } .hero-home-animated .curtain.pull { -webkit-animation: pull-curtain 450ms ease forwards; animation: pull-curtain 450ms ease forwards } .hero-home-animated__content { margin-bottom: var(--spacer-section-bot); margin-top: var(--spacer-section-top); text-align: center; visibility: hidden } .hero-home-animated__content .cta { margin-bottom: var(--spacer-cta) } .hero-home-animated__content .glue-headline--headline-1 { margin-bottom: var(--spacer-title) } .hero-home-animated__content .subtitle { display: block; margin-bottom: var(--spacer-subtitle) } .hero-home-animated__content.final { visibility: visible } .hero-home-animated__content.final .cta,.hero-home-animated__content.final img,.hero-home-animated__content.final .subtitle { -webkit-animation: fade-in-up ease-in forwards; animation: fade-in-up ease-in forwards } .hero-home-animated__content.final .cta { -webkit-animation-duration: 500ms; animation-duration: 500ms } .hero-home-animated__content.final img { -webkit-animation-duration: 550ms; animation-duration: 550ms; width: 100% } .hero-home-animated__content.final .subtitle { -webkit-animation-duration: 450ms; animation-duration: 450ms } .hero-home-animated .drop { -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-name: slide; animation-name: slide; display: block !important; --from-y: -100vh; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } .hero-home-animated .fade-down { -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-name: slide; animation-name: slide; display: block !important; --from-y: calc((var(--subtitle-size) / 2) * -1); --from-o: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } .hero-home-animated .fade-hide { -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-name: slide; animation-name: slide; display: block !important; --to-y: calc(var(--subtitle-size) / 2); --to-o: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fade-hide; animation-name: fade-hide; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } .hero-home-animated .fade-up { -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-name: slide; animation-name: slide; display: block !important; --from-y: calc(var(--subtitle-size) / 2); --from-o: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } .hero-home-animated .intro { -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-name: slide; animation-name: slide; display: block !important; --from-y: -50vh; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .hero-home-animated .lift { -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-name: slide; animation-name: slide; display: block !important; --from-y: 100vh; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes fade-in-up { from { opacity: 0; -webkit-transform: translateY(calc(var(--subtitle-size) / 2)); transform: translateY(calc(var(--subtitle-size) / 2)) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fade-in-up { from { opacity: 0; -webkit-transform: translateY(calc(var(--subtitle-size) / 2)); transform: translateY(calc(var(--subtitle-size) / 2)) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes pull-curtain { from { max-height: 100% } to { max-height: 0 } } @keyframes pull-curtain { from { max-height: 100% } to { max-height: 0 } } @-webkit-keyframes show-logo { 0% { opacity: 0 } 99% { opacity: 0 } 100% { opacity: 1 } } @keyframes show-logo { 0% { opacity: 0 } 99% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes slow-fall { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } 8% { -webkit-transform: translateY(-26%); transform: translateY(-26%) } } @keyframes slow-fall { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } 8% { -webkit-transform: translateY(-26%); transform: translateY(-26%) } } @-webkit-keyframes slow-raise { 0% { -webkit-transform: translateY(150px); transform: translateY(150px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slow-raise { 0% { -webkit-transform: translateY(150px); transform: translateY(150px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slide { from { opacity: var(--from-o, 1); -webkit-transform: translate(var(--from-x, 0), var(--from-y, 0)); transform: translate(var(--from-x, 0), var(--from-y, 0)) } to { opacity: var(--to-o, 1); -webkit-transform: translate(var(--to-x, 0), var(--to-y, 0)); transform: translate(var(--to-x, 0), var(--to-y, 0)) } } @keyframes slide { from { opacity: var(--from-o, 1); -webkit-transform: translate(var(--from-x, 0), var(--from-y, 0)); transform: translate(var(--from-x, 0), var(--from-y, 0)) } to { opacity: var(--to-o, 1); -webkit-transform: translate(var(--to-x, 0), var(--to-y, 0)); transform: translate(var(--to-x, 0), var(--to-y, 0)) } } @-webkit-keyframes fade-hide { from { opacity: var(--from-o, 1); -webkit-transform: translate(var(--from-x, 0), var(--from-y, 0)); transform: translate(var(--from-x, 0), var(--from-y, 0)) } to { opacity: var(--to-o, 1); -webkit-transform: translate(var(--to-x, 0), var(--to-y, 0)); transform: translate(var(--to-x, 0), var(--to-y, 0)) } } @keyframes fade-hide { from { opacity: var(--from-o, 1); -webkit-transform: translate(var(--from-x, 0), var(--from-y, 0)); transform: translate(var(--from-x, 0), var(--from-y, 0)) } to { opacity: var(--to-o, 1); -webkit-transform: translate(var(--to-x, 0), var(--to-y, 0)); transform: translate(var(--to-x, 0), var(--to-y, 0)) } } .stacked__content { padding-bottom: 36px; padding-top: 36px; border-bottom: 1px solid #dadce0 } .stacked__content:first-child { padding-top: 36px; border-top: 1px solid #dadce0 } .stacked__content-body { color: #5f6368 } .stacked__content-eyebrow,.stacked__content-header { color: #3c4043 } .stacked__content .disclaimer { margin-top: 24px } .stacked__content .glue-button { margin: 0 } .stacked__content .glue-button.glue-button--low-emphasis { padding: 0; text-align: left } .stacked__content .glue-button.glue-button--low-emphasis svg { display: inline; vertical-align: middle } .stacked__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .is-hidden { display: none } .hero-video { margin-top: 92px; margin-bottom: 92px } .hero-video__headline-wrapper { margin-bottom: 24px } .hero-video__copy-wrapper { margin-bottom: 36px } .hero-video .hero-default__headline-wrapper { color: #3c4043; text-align: center } .hero-video .hero-default__media-wrapper { margin-top: 48px; position: relative } .hero-video .hero-default__media-wrapper .media-player { aspect-ratio: 16/9; height: 100% } .hero-video .hero-default__video-container { aspect-ratio: 16/9; height: auto; width: 100% } .hero-video .hero-default__cta-wrapper { margin-bottom: 60px; -ms-flex-item-align: center; align-self: center; justify-self: center; position: absolute } .hero-video .hero-default__cta-wrapper .yt-video__trigger { max-width: 500px } .hero-video .hero-default__section-disclaimer { margin: 48px 0 0; text-align: center } .hero-video .glue-button--high-emphasis { background-color: #fff; border-color: #1967d2; border-radius: 500px; color: #1967d2 } .hero-video .glue-button--high-emphasis:active,.hero-video .glue-button--high-emphasis:focus { color: #fff } .hero-video .glue-button--high-emphasis:hover { background-color: #1967d2; color: #fff } .hero-video .glue-button--high-emphasis:hover.glue-button--icon svg { fill: #fff } .hero-video .glue-button--icon svg { fill: #1967d2 } .glue-modal { background-color: rgba(0,0,0,.85); height: 100%; padding: 0; width: 100%; z-index: 2000 } .glue-modal.glue-grid__col .glue-modal__close-btn { background-color: transparent; border: solid 2px #fff; border-radius: 50%; color: #fff; height: 46px; margin: 28px; width: 46px } .glue-modal.glue-grid__col .glue-modal__close-btn::before,.glue-modal.glue-grid__col .glue-modal__close-btn::after { background-color: #fff; height: 16px; left: 20px; top: 13px } .glue-modal__video { aspect-ratio: 16/9; height: auto; left: 50%; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 84.44vw } .glue-modal .modal { height: 100%; width: 100% } .glue-modal .modal__content { background-color: #fff; border-radius: 4px; height: 100%; max-width: 1100px; overflow: auto; padding: 92px 28px 36px; width: 100% } .play-button { -webkit-animation: move 3s infinite ease-in-out; animation: move 3s infinite ease-in-out; border-radius: 50% } .play-button.glue-button.glue-button--low-emphasis:hover,.play-button.glue-button.glue-button--low-emphasis:visited { background-color: transparent } .play-button img { height: 40px; width: 40px } @-webkit-keyframes move { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes move { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .showcase-banner__article { display: none } .showcase-banner[data-sku-tier=premium] .showcase-banner__article[data-type=premium],.showcase-banner[data-sku-tier=plus] .showcase-banner__article[data-type=plus] { display: block } .showcase-banner__article--green { background-color: #e6f4ea; color: #3c4043 } .showcase-banner__article--blue { background-color: #e8f0fe; color: #3c4043 } .showcase-banner__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 48px; padding: 92px 0 } .showcase-banner__content .glue-headline { color: unset } .showcase-banner picture { margin: -160px auto 0; max-height: 469.281px; max-width: 707px } .get-latest--gray { background: #f1f3f4 } .get-latest__container { margin-top: 92px } .get-latest__container .showcase-banner__article { display: block } .get-latest__container .showcase-banner__content .glue-headline { margin-bottom: 24px; color: #3c4043 } .get-latest__container .showcase-banner__content .glue-body { margin-bottom: 16px } .get-latest__container .showcase-banner__content .glue-button { color: #1967d2 } .get-latest__container .showcase-banner__content .glue-button svg { fill: #1967d2 } .get-latest__container .showcase-banner__links-wrapper .glue-button.glue-button--low-emphasis { padding-left: 16px; padding-right: 16px; margin-left: -16px; text-align: left } .badge { --size: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #757575; border-radius: 14px; color: #757575; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: var(--size); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 4px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: var(--size) } .badge--upper-left { left: 0; top: 0 } .badge--upper-right { right: 0; top: 0 } .badge--bottom-left { bottom: 0; left: 0 } .badge--bottom-right { bottom: 0; right: 0 } .badge svg { --svg-size: 24px; height: var(--svg-size); width: var(--svg-size) } .badge span { --font-size: 8px; font-family: "Google Sans"; font-size: var(--font-size); font-weight: 400; line-height: calc(var(--font-size) + 2px) } .hero-default { margin-top: 92px; margin-bottom: 92px } .hero-default__eyebrow-wrapper { color: #3c4043; text-align: center } .hero-default__headline-wrapper { color: #3c4043; text-align: center } .hero-default__copy-wrapper { text-align: center } .hero-default__cta-wrapper { text-align: center } .hero-default__cta-wrapper .glue-button { width: auto } .hero-default__links-wrapper { margin-top: 24px; width: 100% } .hero-default__paragraph { color: #5f6368 } .hero-default__media-wrapper { position: relative; width: 100% } .hero-default__media-wrapper .play-button img { width: auto } .hero-default__media-wrapper img { width: 100% } .hero-default__list.hero-default__list--no-video { margin-top: 48px } .hero-default__list.hero-default__list--no-video .hero-default__list-item { border: none; margin-bottom: 48px } .hero-default__list.hero-default__list--no-video .hero-default__list-icon { margin-top: 0 } .hero-default__list-title { color: #3c4043 } .hero-default__list-item { border-bottom: 1px solid #dadce0; grid-column: 1/span 4; margin-bottom: 24px } .hero-default__list-item:last-of-type { margin-bottom: 0 } .hero-default__list-icon { color: #1a73e8; height: 40px; margin: 35px 0 15px; width: 40px } .hero-default__list-description { color: #5f6368; margin-bottom: 32px } .hero-default--gray { background-color: #f8f9fa } .hero-default--gray .hero-default__headline-wrapper { margin-bottom: 16px; padding-top: 60px; text-align: left } .hero-default--gray .hero-default__copy-wrapper { margin-bottom: 24px; text-align: left } .hero-default--gray .hero-default__cta-wrapper { text-align: left } .hero-default--gray .hero-default__cta-wrapper .glue-button--low-emphasis { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; padding-left: 0 } .hero-default--gray .hero-default__cta-wrapper .hero-default__links-wrapper { margin-bottom: 60px; margin-top: 0 } .hero-default .hero-default__card { margin-bottom: 48px } .hero-default__card-image { margin-left: auto; margin-right: auto; max-height: 304px; max-width: 304px } .hero-default__card-image img { width: 100% } .hero-default__card-title { color: #3c4043 } .hero-default__card-description p { color: #5f6368 } .hero-default .hero-default__ctas-wrapper .glue-button { margin: 0; width: 100% } .hero-default .hero-default__ctas-wrapper .glue-button--low-emphasis { display: inline-block; padding-left: 0; text-align: left } .hero-default .hero-default__ctas-wrapper .glue-button--low-emphasis svg { display: inline; vertical-align: middle } .hero-default.hero-default--parallax div:not(.hero-default__media-wrapper,.glue-page) { display: none } .video-list .media-player__video { display: block } .video-list .hero-default__headline-wrapper { margin-bottom: 16px } .video-list .hero-default__copy-wrapper { margin-bottom: 24px } .video-list .hero-default__cta-wrapper,.video-list .hero-default__links-wrapper { margin: 0 } .video-list .hero-default__cta-wrapper .glue-button--low-emphasis,.video-list .hero-default__links-wrapper .glue-button--low-emphasis { margin: 0 } .video-list .hero-default__video-wrapper { margin-bottom: 32px; margin-top: 32px } .video-list .hero-default__list-title { margin-bottom: 8px } .video-list .hero-default__list-item { margin-bottom: 32px; border-bottom: 0; border-top: 1px solid #dadce0 } .video-list .hero-default__list-icon { margin-top: 32px; margin-bottom: 16px } .video-list .hero-default__list-description { margin: 0 } .list--envelope { background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 36px rgba(0,0,0,.08); box-shadow: 0 0 36px rgba(0,0,0,.08); padding: 48px 32px; position: relative; z-index: 10 } .list__item { border: solid 1px #dadce0; border-width: 1px 0 0; margin-bottom: 32px; padding: 24px 0 0 0 } .list__item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .list__item__icon { height: 28px; margin-bottom: 8px; margin-right: 12px; width: 28px } .list__item__title { font-size: 20px; font-weight: 700 } .list__list { margin: 0 } .list__list--icon-always-up .list__item__header { display: block } .list__list--icon-always-up .list__item__icon { height: 48px; margin-bottom: 16px; width: 48px } .list__list--no-external-space .list__item:first-child { padding-top: 0 } .list__list--no-external-space .list__item:last-child { margin-bottom: 0 } .list__list--no-external-space .list__item:last-child .list-item__content { margin: 0 } .list__list--no-first-line .list__item:first-child { border: none } .split-content.split-content--alternate { margin: 0; padding: 48px 0 } .split-content.split-content--alternate.split-content--60-40 .split-content__text-content { margin: 0 } .split-content.split-content--alternate.split-content--gray { background-color: #f1f3f4 } .split-content__chrome-badge { background-color: #fff; border: solid 1px #757575; border-radius: 20px; height: 63px; position: absolute; right: 24px; top: 24px; width: 63px; z-index: 10 } .split-content__main-icon { height: 48px; margin-bottom: 24px; width: 48px } .split-content__main-title { text-align: center } .split-content__main-copy p { color: #5f6368; text-align: center } .split-content__media-content { position: relative; width: 100% } .split-content__media-content img:not(.split-content__chrome-badge) { width: 100% } .split-content__media-content picture { display: -webkit-box; display: -ms-flexbox; display: flex } .split-content__text-content { margin-bottom: 32px; width: 100% } .split-content__text-footer button,.split-content__text-footer a { margin: 24px 24px 0 0 } .split-content__text-footer button:not(.glue-button--low-emphasis),.split-content__text-footer a:not(.glue-button--low-emphasis) { max-width: none; width: 100% } .split-content--gray { background-color: #f8f9fa } .split-content--mobile-image-first .split-content__text-content { margin-top: 32px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .split-content--pdp .split-content__media-content { background-color: #9aa0a6; height: auto; margin-bottom: 32px; position: relative; width: 100% } .split-content--pdp .split-content__media-content::after { content: " "; display: block; padding-bottom: 100% } .split-content--pdp .split-content__media-image { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100% } .split-content--50 .split-content__main-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .split-content--50 .split-content__header { grid-column: 1/span 4 } .split-content--50 .split-content__text-content { grid-column: 1/span 4 } .split-content--50 .split-content__media-content { grid-column: 1/span 4; position: relative } .split-content--60-40.split-content--mobile-image-first .split-content__main-container { display: grid; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse } .split-content--60-40.split-content--mobile-image-first .split-content__media-content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .split-content--60-40.split-content--mobile-image-first .split-content__text-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .split-content--60-40 .split-content__main-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .split-content--60-40 .split-content__eyebrow { color: #3c4043 } .split-content--60-40 .split-content__header { grid-column: 1/span 4 } .split-content--60-40 .split-content__main-title { color: #3c4043 } .split-content--60-40 .split-content__text-content { margin-bottom: 36px; color: #3c4043; grid-column: 1/span 4 } .split-content--60-40 .split-content__text-content .split-content__main-icon { color: #3c4043 } .split-content--60-40 .split-content__text-content .list--envelope { padding-right: 36px; padding-left: 36px } .split-content--60-40 .split-content__text-content .list--envelope .list__item:first-child { padding-top: 0 } .split-content--60-40 .split-content__text-content .list--envelope .list__item:last-child { padding-bottom: 0 } .split-content--60-40 .split-content__text-content .list__item { padding-bottom: 36px; padding-top: 36px; margin-bottom: 0 } .split-content--60-40 .split-content__text-content .list__item__header { color: #3c4043 } .split-content--60-40 .split-content__text-content .list__item__content { color: #5f6368 } .split-content--60-40 .split-content__body { color: #5f6368 } .split-content--60-40 .split-content__body strong { font-weight: 700 } .split-content--60-40 .split-content__media-content { grid-column: 1/span 4; position: relative } .split-content--60-40 .youtube-video-player__play-button { height: 34px; width: 48px } .split-content--60-40.float__float-section { background-color: #f1f3f4; margin: 0; padding-bottom: 32px } .split-content--60-40.float__float-section:nth-last-child(2) { padding-bottom: 92px } .split-content--60-40 .float__main-title { margin-bottom: 16px } .split-content--60-40 .float__main-title .glue-headline { margin-top: 92px } .split-content--60-40 .float__main-container .split-content__cta-line { margin-top: 24px; margin-bottom: 36px; display: -webkit-box; display: -ms-flexbox; display: flex } .split-content--60-40 .float__main-container .split-content__cta-line .glue-button { padding-left: 16px; padding-right: 16px; color: #1967d2; margin-left: -16px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; text-align: left } .split-content--60-40 .float__main-container .split-content__cta-line .glue-button svg { fill: #1967d2 } .split-content--60-40 .float__main-copy { margin-bottom: 24px } .split-content--60-40 .float__main-cta { padding-bottom: 48px; text-align: center } .split-content--60-40 .float__main-cta .glue-button { color: #1967d2 } .split-content--60-40 .float__main-cta .glue-button svg { fill: #1967d2 } .split-content--60-40 .float__text-content { margin-bottom: 0 } .split-content--60-40 .float__body { margin-bottom: 24px } .split-content--60-40 .float__media-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; width: auto } .split-content--60-40 .float__media-content picture { width: auto } .split-content--60-40 .float__media-content .float__icons-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .split-content--60-40 .float__media-content .float__icons-content picture { height: 46px; width: 46px } .split-content--60-40 .float__media-content .float__icons-content .icon-1 { margin-left: 16px } .split-content--60-40 .float__media-content .float__icons-content .icon-2 { margin-left: 16px } .split-content--60-40 .float__media-content .float__icons-content .icon-3 { margin-left: 16px } .split-content--60-40 .float__media-content .float__icons-content .instant-1 { margin-left: 16px } .split-content--60-40 .float__media-content .float__icons-content .instant-2 { margin-left: 16px } .split-content--60-40 .float__media-content .float__icons-content .instant-3 { margin-left: 16px } .split-content--70-30.split-content--mobile-image-first .split-content__main-container { display: grid; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse } .split-content--70-30.split-content--mobile-image-first .split-content__media-content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .split-content--70-30.split-content--mobile-image-first .split-content__text-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .split-content--70-30 .split-content__main-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .split-content--70-30 .split-content__eyebrow { color: #3c4043 } .split-content--70-30 .split-content__header { grid-column: 1/span 4 } .split-content--70-30 .split-content__main-title { color: #3c4043 } .split-content--70-30 .split-content__text-content { margin-bottom: 36px; color: #3c4043; grid-column: 1/span 4 } .split-content--70-30 .split-content__text-content .split-content__main-icon { color: #3c4043 } .split-content--70-30 .split-content__text-content .list--envelope { padding-right: 36px; padding-left: 36px } .split-content--70-30 .split-content__text-content .list--envelope .list__item:first-child { padding-top: 0 } .split-content--70-30 .split-content__text-content .list--envelope .list__item:last-child { padding-bottom: 0 } .split-content--70-30 .split-content__text-content .list__item { padding-bottom: 36px; padding-top: 36px; margin-bottom: 0 } .split-content--70-30 .split-content__text-content .list__item__header { color: #3c4043 } .split-content--70-30 .split-content__text-content .list__item__content { color: #5f6368 } .split-content--70-30 .split-content__body { color: #5f6368 } .split-content--70-30 .split-content__body strong { font-weight: 700 } .split-content--70-30 .split-content__media-content { grid-column: 1/span 4; position: relative } .split-content--70-30 .youtube-video-player__play-button { height: 34px; width: 48px } .split-content--bleed { overflow: hidden } .split-content--bleed .split-content__media-content { display: -webkit-box; display: -ms-flexbox; display: flex; left: -28px; width: 150% } .split-content--bleed .split-content__media-content img { -o-object-fit: contain; object-fit: contain; -o-object-position: right; object-position: right } .split-content--bleed .split-content__media-content picture { width: 85% } .split-content--bleed.split-content--reversed .split-content__media-content img { -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left } .split-content__collection { padding-top: 92px; padding-bottom: 92px } .split-content__collection a { color: #1967d2 } .split-content .glue-modal { -ms-flex-item-align: center; align-self: center; background-color: rgba(0,0,0,.8); height: 100%; justify-self: center; padding: 0; width: 100%; z-index: 2000 } .split-content .glue-modal.glue-grid__col { background-color: #000 } .split-content .glue-modal.glue-grid__col .glue-modal__close-btn { background-color: transparent; border: solid 2px #fff; border-radius: 50%; color: #fff; height: 46px; margin: 28px 28px; width: 46px } .split-content .glue-modal.glue-grid__col .glue-modal__close-btn::before,.split-content .glue-modal.glue-grid__col .glue-modal__close-btn::after { background-color: #fff; height: 16px; left: 20px; top: 13px } .split-content .glue-modal__video { aspect-ratio: 16/9; height: auto; left: 50%; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 84.44vw } .split-content .glue-modal .modal { height: 100%; width: 100% } .split-content .glue-modal .modal__content { background-color: #fff; border-radius: 4px; height: 100%; max-width: 1100px; overflow: auto; padding: 92px 28px 36px; width: 100% } .split-content .glue-modal .modal__content .modal__title { color: #5f6368; text-align: left } .split-content .glue-modal .modal__content .comparison-table { border-bottom: 1px solid #dadce0; display: grid; grid-template-columns: 1fr repeat(7, 120px) 2px; margin: 60px 0 16px; overflow-x: auto; padding: 0 0 48px } .split-content .glue-modal .modal__content .comparison-table__column { display: grid; font-size: 12px; grid-template-rows: 1fr repeat(3, 136px); letter-spacing: .2px; line-height: 16px } .split-content .glue-modal .modal__content .comparison-table__column--sticky { left: 0; position: sticky; z-index: 1 } .split-content .glue-modal .modal__content .comparison-table__column:last-child .comparison-table__item { border-right: 0 } .split-content .glue-modal .modal__content .comparison-table__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #dadce0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px } .split-content .glue-modal .modal__content .comparison-table__item:first-child { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: #fff; border-top: 2px solid #dadce0 } .split-content .glue-modal .modal__content .comparison-table__item:last-child { border-bottom: 2px solid #dadce0 } .split-content .glue-modal .modal__content .comparison-table__item svg { height: 36px; width: 36px } .split-content .glue-modal .modal__content .comparison-table__th { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: #f8f9fa; border-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 16px } .split-content .glue-modal .modal__content .comparison-table__th:first-child { background-color: #fff; border-top: 0 } .split-content .glue-modal .modal__content .comparison-table__title { padding: 12px 16px } .split-content .glue-modal .modal__content .comparison-table__text { font-size: 12px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; letter-spacing: .2px; line-height: 16px } .split-content .glue-modal .modal__content h6 { font-size: 16px; font-weight: 700; margin-top: 8px } .split-content .glue-modal .modal__content .type-label { border-radius: 4px; color: #fff; padding: 4px 0; text-align: center; text-transform: uppercase; width: 90px } .split-content .glue-modal .modal__content .type-label--premium { background-color: #1a73e8 } .split-content .glue-modal .modal__content .type-label--plus { background-color: #1e8e3e } .split-content .glue-modal .modal__content .modal__disclaimer { font-size: 12px; letter-spacing: .2px; line-height: 16px } .split-content .glue-modal .modal__content * sup { font-size: .7em; vertical-align: super } .split-content .glue-modal .modal__content .modal_button { background-color: #fff } .split-content .glue-modal .modal__content .modal_button:hover,.split-content .glue-modal .modal__content .modal_button:focus { background-color: #fff } .glue-no-scroll .split-content.parallax-sticky { position: unset } .tips { margin-top: 92px; margin-bottom: 92px } .tips__eyebrow-wrapper,.tips__headline-wrapper,.tips__copy-wrapper,.tips__cta-wrapper { text-align: center } .tips__eyebrow-wrapper,.tips__headline-wrapper { margin-bottom: 16px } .tips__copy-wrapper { margin-bottom: 24px } .tips__cta-wrapper .glue-button { margin: 0 } .tips__cards-group { display: grid; grid-column-gap: 28px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px } .tips__cards-group .tips__card { margin-top: 48px; grid-column: span 12 } .tips__cards-group .tips__card .glue-headline { margin-top: 32px; margin-bottom: 16px } .tips__cards-group .tips__card img { display: block } .tips__cards-group .tips__card .tips__card-cta { margin-top: 24px } .tips__cards-group .tips__card .tips__card-cta .glue-button { margin: 0; text-align: left } .tips__cards-group .tips__card .tips__card-cta .glue-button--low-emphasis { padding-left: 16px; padding-right: 16px; margin-left: -16px } @media only screen and (min-width: 360px) { .split-content--60-40 .float__main-container .split-content__cta-line .glue-button { margin-top:0 } } @media only screen and (min-width: 360px)and (max-width: 599px) { .hero-video .hero-default__video-container { margin-left:-28px; width: 100vw } .split-content--60-40 .float__main-container .split-content__cta-line .glue-button svg { margin-right: 80px } } @media only screen and (min-width: 460px) { .cb .glue-is-showing-drawer .header__close-btn { margin-left:408px } } @media (min-width: 600px) { body::after { content:"md" } p { line-height: 1.5; font-size: 16px; letter-spacing: .25px } li,dt,dd { line-height: 1.5; font-size: 16px; letter-spacing: .25px } .glue-headline.glue-headline--fluid-1 { font-size: 6vw; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2em } .glue-headline.glue-headline--fluid-2 { font-size: 5vw; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2em } .glue-headline.glue-headline--headline-1 { font-size: 48px; font-weight: 400; letter-spacing: -0.5px; line-height: 56px } .glue-headline.glue-headline--headline-2 { font-size: 40px; font-weight: 400; letter-spacing: -0.5px; line-height: 48px } .glue-headline.glue-headline--headline-3 { font-size: 32px; font-weight: 400; letter-spacing: -0.25px; line-height: 40px } .glue-headline.glue-headline--headline-4 { font-size: 24px; font-weight: 400; letter-spacing: initial; line-height: 32px } .glue-headline.glue-headline--headline-5 { font-size: 20px; font-weight: 400; letter-spacing: initial; line-height: 28px } .glue-headline.glue-headline--headline-6 { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-body { font-size: 16px; font-weight: 400; letter-spacing: .1px; line-height: 24px } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size: 18px; font-weight: 400; letter-spacing: initial; line-height: 28px } .glue-cta { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-caption { font-size: 14px; font-weight: 400; letter-spacing: .15px; line-height: 24px } .glue-small-text { font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px } .glue-eyebrow { font-size: 14px; font-weight: 500; letter-spacing: .5px; line-height: 24px; text-transform: uppercase } .glue-label { font-size: 11px; font-weight: 500; letter-spacing: .5px; line-height: 16px; text-transform: uppercase } .glue-expansion-panels .glue-expansion-panel__header-text,.glue-footer__site-links-header,.glue-footer .glue-social .glue-social__title.glue-social__title--inline { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-social__copy-input,.glue-breadcrumbs,.glue-breadcrumbs__item,.glue-header__site-switcher-item-description { font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px } .glue-social__title { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-grid { grid-column-gap: 40px; grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-1 { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1 .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2 { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2 .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3 { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3 .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4 { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5 { display: block; grid-column-end: span 5 } .glue-grid .glue-grid__col--span-5 .glue-grid { grid-template-columns: repeat(5, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6 { display: block; grid-column-end: span 6 } .glue-grid .glue-grid__col--span-6 .glue-grid { grid-template-columns: repeat(6, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7 { display: block; grid-column-end: span 7 } .glue-grid .glue-grid__col--span-7 .glue-grid { grid-template-columns: repeat(7, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8 { display: block; grid-column-end: span 8 } .glue-grid .glue-grid__col--span-8 .glue-grid { grid-template-columns: repeat(8, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9 { display: block; grid-column-end: span 9 } .glue-grid .glue-grid__col--span-9 .glue-grid { grid-template-columns: repeat(9, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10 { display: block; grid-column-end: span 10 } .glue-grid .glue-grid__col--span-10 .glue-grid { grid-template-columns: repeat(10, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11 { display: block; grid-column-end: span 11 } .glue-grid .glue-grid__col--span-11 .glue-grid { grid-template-columns: repeat(11, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12 { display: block; grid-column-end: span 12 } .glue-grid .glue-grid__col--span-12 .glue-grid { grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-0-md { display: none } .glue-grid .glue-grid__col--span-1-md { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1-md .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2-md { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2-md .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3-md { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3-md .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4-md { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4-md .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5-md { display: block; grid-column-end: span 5 } .glue-grid .glue-grid__col--span-5-md .glue-grid { grid-template-columns: repeat(5, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6-md { display: block; grid-column-end: span 6 } .glue-grid .glue-grid__col--span-6-md .glue-grid { grid-template-columns: repeat(6, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7-md { display: block; grid-column-end: span 7 } .glue-grid .glue-grid__col--span-7-md .glue-grid { grid-template-columns: repeat(7, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8-md { display: block; grid-column-end: span 8 } .glue-grid .glue-grid__col--span-8-md .glue-grid { grid-template-columns: repeat(8, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9-md { display: block; grid-column-end: span 9 } .glue-grid .glue-grid__col--span-9-md .glue-grid { grid-template-columns: repeat(9, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10-md { display: block; grid-column-end: span 10 } .glue-grid .glue-grid__col--span-10-md .glue-grid { grid-template-columns: repeat(10, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11-md { display: block; grid-column-end: span 11 } .glue-grid .glue-grid__col--span-11-md .glue-grid { grid-template-columns: repeat(11, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12-md { display: block; grid-column-end: span 12 } .glue-grid .glue-grid__col--span-12-md .glue-grid { grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-footer__site-links,.glue-footer__global,.glue-footer__upper,.glue-page,.showcase-banner__container { margin: 0 40px } .glue-carousel { position: relative } .glue-carousel--peek-out { overflow-x: visible } .glue-page .glue-carousel--peek-out { margin-left: auto; margin-right: auto; width: 100% } .glue-carousel--peek-out.glue-carousel--cards { overflow-x: hidden } .glue-page .glue-carousel--peek-out.glue-carousel--cards { margin-left: -40px; margin-right: -40px; width: calc(100% + 80px) } .glue-carousel--peek-out .glue-carousel__viewport { overflow: hidden; width: 100% } .glue-carousel--cards.glue-carousel--peek-out .glue-carousel__viewport { overflow: visible; width: calc(100% - 80px) } .glue-carousel--cards .glue-carousel__list { grid-gap: 24px; grid-template-columns: repeat(2, 1fr) } .glue-carousel__button { display: -webkit-box; display: -ms-flexbox; display: flex } .glue-carousel--cards .glue-carousel__button { display: none } .glue-carousel--has-navigation .glue-carousel__button { margin-top: -21px } .glue-carousel__navigation { margin-top: 22px } .glue-carousel__dot { height: 20px; width: 20px } .glue-header__logo .glue-header__logo--product,.glue-header__logo .glue-header__logo--subproduct .glue-header__logo--subproduct-text { line-height: .9545454545; font-size: 22px; line-height: 21px } .glue-header.glue-header--single { min-height: 64px } .glue-header.glue-header--double { min-height: 64px } .glue-header.glue-header--double .glue-header__bar:not(.glue-header__drawer--is-open) .glue-header__tier:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 64px; width: 100% } .glue-header.glue-header--simple { min-height: 64px } .glue-header__tier .glue-header__container:last-child { margin-right: 8px } [dir=rtl] .glue-header__tier .glue-header__container:last-child { margin-right: 0 } [dir=rtl] .glue-header__bar--desktop .glue-header__cta .glue-button:last-child { margin-right: 0 } [dir=rtl] .glue-header__bar--mobile .glue-header__cta .glue-button:last-child { margin-right: 0 } .glue-header__logo .glue-header__logo--product-campaign { padding-right: 8px } [dir=rtl] .glue-header__logo .glue-header__logo--product-campaign { margin-left: 0; margin-right: 6px; padding-left: 8px } .glue-header__logo-container .glue-header__logo-svg { height: 29px; width: 75px } .glue-header__logo-container .glue-header__logo-svg use { height: 29px; width: 75px } .glue-footer__global { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 8px } .glue-footer__logo { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px } .glue-footer__global-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100% } .glue-footer__global-links--extra { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .glue-footer__upper { padding: 24px 0 } .glue-footer .glue-social .glue-social__title.glue-social__title--inline { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 0 } .glue-jumplinks { max-width: calc(100% - 48px) } .glue-footer__site-links { padding: 40px 0 48px } .glue-footer__site-links-grid { -webkit-box-sizing: content-box; box-sizing: content-box; padding-top: 0 } @supports(display: grid) { .glue-footer__site-links-grid { display:grid; grid-column-gap: 24px; grid-template-columns: repeat(4, minmax(100px, 1fr)) } } @supports(display: grid) { .glue-footer__site-links-grid.glue-footer__site-links-grid--1-col { grid-template-columns:repeat(1, minmax(100px, 1fr)) } } @supports(display: grid) { .glue-footer__site-links-grid.glue-footer__site-links-grid--2-col { grid-template-columns:repeat(2, minmax(100px, 1fr)) } } @supports(display: grid) { .glue-footer__site-links-grid.glue-footer__site-links-grid--3-col { grid-template-columns:repeat(3, minmax(100px, 1fr)) } } @supports(display: grid) { .glue-footer__site-links-grid.glue-footer__site-links-grid--4-col { grid-template-columns:repeat(4, minmax(100px, 1fr)) } } @supports(display: grid) { .glue-footer__site-links-grid.glue-footer__site-links-grid--5-col { grid-template-columns:repeat(5, minmax(100px, 1fr)) } } .glue-footer__site-links-column { float: left; margin-left: 0; margin-right: 24px; width: calc(25% - 24px) } @supports(display: grid) { .glue-footer__site-links-column { margin:0; width: 100% } } [dir=rtl] .glue-footer__site-links-column { float: right; margin-left: 24px; margin-right: 0 } @supports(display: grid) { [dir=rtl] .glue-footer__site-links-column { margin:0; width: 100% } } .glue-footer__site-links-grid--1-col .glue-footer__site-links-column { width: calc(100% - 24px) } .glue-footer__site-links-grid--2-col .glue-footer__site-links-column { width: calc(50% - 24px) } .glue-footer__site-links-grid--3-col .glue-footer__site-links-column { width: calc(33% - 24px) } .glue-footer__site-links-grid--4-col .glue-footer__site-links-column { width: calc(25% - 24px) } .glue-footer__site-links-grid--5-col .glue-footer__site-links-column { width: calc(20% - 24px) } @supports(display: grid) { .glue-footer__site-links-grid--1-col .glue-footer__site-links-column,.glue-footer__site-links-grid--2-col .glue-footer__site-links-column,.glue-footer__site-links-grid--3-col .glue-footer__site-links-column,.glue-footer__site-links-grid--4-col .glue-footer__site-links-column,.glue-footer__site-links-grid--5-col .glue-footer__site-links-column { width:100% } } @supports(display: grid) { [dir=rtl] .glue-footer__site-links-grid--1-col .glue-footer__site-links-column,[dir=rtl] .glue-footer__site-links-grid--2-col .glue-footer__site-links-column,[dir=rtl] .glue-footer__site-links-grid--3-col .glue-footer__site-links-column,[dir=rtl] .glue-footer__site-links-grid--4-col .glue-footer__site-links-column,[dir=rtl] .glue-footer__site-links-grid--5-col .glue-footer__site-links-column { width:100% } } .glue-footer__site-links-header { margin: 0 0 16px } .glue-footer__site-links-header .glue-footer__site-links-header-button { border-top: 0; padding: 0 } .glue-expansion-panels .glue-expansion-panel__header-text { margin-right: 16px } [dir=rtl] .glue-expansion-panels .glue-expansion-panel__header-text { margin-left: 16px; margin-right: 0 } .glue-expansion-panels .glue-expansion-panel__content>div { padding-right: 40px } [dir=rtl] .glue-expansion-panels .glue-expansion-panel__content>div { padding-left: 40px; padding-right: 0 } .glue-social__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .showcase-banner__content { max-width: 516px; min-width: 432px } } @media (min-width: 600px)and (max-width: 1023px) { .showcase-banner__content { margin:0 auto } .showcase-banner picture { max-width: 516px } } @media only screen and (min-width: 600px) { .cb .glue-headline.glue-headline--display-1 { font-size:136px; letter-spacing: -8px; line-height: 136px } .cb .glue-headline.glue-headline--display-2 { font-size: 96px; letter-spacing: -5px; line-height: 104px } .cb .glue-headline.glue-headline--display-3 { font-size: 80px; letter-spacing: -2px; line-height: 88px } .cb .glue-headline.glue-headline--headline-1 { font-size: 56px; letter-spacing: -1px; line-height: 64px } .cb .glue-headline.glue-headline--headline-2 { font-size: 48px; letter-spacing: -1px; line-height: 56px } .cb .glue-headline.glue-headline--headline-3 { font-size: 40px; letter-spacing: -0.5px; line-height: 48px } .cb .glue-headline.glue-headline--headline-4 { font-size: 32px; letter-spacing: -0.25px; line-height: 40px } .cb .glue-headline.glue-headline--headline-5 { font-size: 28px; line-height: 36px } .cb .glue-headline.glue-headline--headline-6 { font-size: 20px; line-height: 28px } .glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size: 22px; line-height: 34px } .cb #cookieBar .cookieBarInner .cookieBarText { margin: 0 12px } .cb #cookieBar .cookieBarInner .cookieBarButtons { -ms-flex-item-align: end; align-self: end; margin: 0 12px } .media-player__play-button { bottom: 26px; left: 26px } .media-player__description-button { right: 26px; top: 26px } .media-player__description-text { bottom: auto; left: auto; max-height: 70%; max-width: 400px; padding: 24px; right: 26px; top: 60px } .glue-modal.glue-grid__col .glue-modal__close-btn { margin: 56px 38px } .glue-modal__video { width: 90.104167vw } .glue-modal .modal { padding: 16px 38px } .glue-modal .modal__content { height: auto; left: 50%; padding: 48px 21px; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .hero-default__list-title { margin-bottom: 8px } .hero-default__list-item { grid-column: 2/span 10; margin-bottom: 30px } .hero-default__list-description { margin-bottom: 36px } .hero-default--gray .hero-default__copy-wrapper { width: 100% } .hero-default--gray .hero-default__cta-wrapper { margin-left: calc( ((100% - 84px) / 4) * 1 + 28px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 84px) / 4) * 1 + 28px ) } .hero-default .hero-default__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .hero-default__card-image,.hero-default__card-contents { width: 50% } .hero-default__card-image { margin: 0 0 0 40px; max-height: 326px; max-width: 326px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .hero-default .hero-default__ctas-wrapper .glue-button { width: auto } .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 84px) / 4) * 1 + 28px ); margin-right: calc( ((100% - 84px) / 4) * 1 + 28px ) } [dir=rtl] .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 84px) / 4) * 1 + 28px ); margin-right: calc( ((100% - 84px) / 4) * 1 + 28px ) } .video-list .hero-default__video-wrapper { margin-bottom: 60px; margin-top: 60px } .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: calc( ((100% - 84px) / 4) * 0 + 0px ); margin-right: auto } [dir=rtl] .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: auto; margin-right: calc( ((100% - 84px) / 4) * 0 + 0px ) } .list__item__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row } .list__item__icon { margin-bottom: 0 } .list__list--icon-always-up .list__item__header { display: block } .split-content__chrome-badge { height: 100px; right: 32px; top: 32px; width: 100px } .split-content__media-content { position: relative } .split-content__text-footer button:not(.glue-button--low-emphasis),.split-content__text-footer a:not(.glue-button--low-emphasis) { max-width: 380px; width: auto } .split-content--pdp .split-content__media-content { max-height: none } .split-content--50 .split-content__header { grid-column: 1/span 12 } .split-content--50 .split-content__text-content { grid-column: 2/span 10 } .split-content--50 .split-content__media-content { grid-column: 2/span 10 } .split-content--60-40 .split-content__header { grid-column: 1/span 12 } .split-content--60-40 .split-content__text-content { grid-column: 2/span 10 } .split-content--60-40 .split-content__media-content { grid-column: 2/span 10 } .split-content--60-40 .youtube-video-player__play-button { height: 41px; width: 58px } .split-content--60-40.float__float-section { padding-bottom: 60px } .split-content--60-40 .float__text-content p { font-size: 18px; line-height: 28px } .split-content--60-40 .float__media-content .float__icons-content picture { height: 88px; width: 88px } .split-content--60-40 .float__media-content .float__icons-content .icon-1 { margin-left: 36px } .split-content--60-40 .float__media-content .float__icons-content .icon-2 { margin-left: 36px } .split-content--60-40 .float__media-content .float__icons-content .icon-3 { margin-left: 36px } .split-content--60-40 .float__media-content .float__icons-content .instant-1 { margin-left: 36px } .split-content--60-40 .float__media-content .float__icons-content .instant-2 { margin-left: 36px } .split-content--60-40 .float__media-content .float__icons-content .instant-3 { margin-left: 36px } .split-content--70-30 .split-content__header { grid-column: 1/span 12 } .split-content--70-30 .split-content__text-content { grid-column: 2/span 10 } .split-content--70-30 .split-content__media-content { grid-column: 2/span 10 } .split-content--70-30 .youtube-video-player__play-button { height: 41px; width: 58px } .split-content--bleed .split-content__media-content { grid-column: 1/span 12; left: -40px } .split-content--bleed .split-content__media-content picture { width: 80% } .split-content__collection .split-content { margin-top: 60px; margin-bottom: 0 } .split-content__collection .split-content__text-content { margin-top: 36px } .split-content .glue-modal.glue-grid__col .glue-modal__close-btn { height: 46px; margin: 56px 38px; width: 46px } .split-content .glue-modal__video { width: 90.104167vw } .split-content .glue-modal .modal { padding: 16px 38px } .split-content .glue-modal .modal__content { height: auto; left: 50%; padding: 48px 21px; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } html[lang=ja-jp] .tips__headline-wrapper span { display: inline-block } .tips__cards-group { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-column-gap: 40px } } @media only screen and (min-width: 600px)and (max-width: 1023px) { .glue-footer__site-links { padding-bottom:0 } .get-latest__container .showcase-banner__content { width: 448px } .get-latest__container .showcase-banner__container { padding-bottom: 36px; gap: 32px } .get-latest__container .showcase-banner__container picture { max-width: 570px } .split-content--mobile-centered .glue-page { margin: 0 } .split-content--60-40 .float__main-copy .body__text-content { grid-column: 2/span 10 } } @media only screen and (min-width: 600px)and (max-width: 1023px)and (orientation: landscape) { .glue-modal.glue-grid__col .glue-modal__close-btn { margin:20px 12px } .glue-modal__video { width: 80.104167vw } .split-content .glue-modal.glue-grid__col .glue-modal__close-btn { margin: 20px 12px } .split-content .glue-modal__video { width: 80.104167vw } } @media only screen and (min-width: 600px)and (min-width: 1024px) { .hero-default--gray .hero-default__copy-wrapper { width:100% } .hero-default--gray .hero-default__cta-wrapper { margin-left: calc( ((100% - 528px) / 12) * 1 + 48px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 528px) / 12) * 1 + 48px ) } .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 528px) / 12) * 1 + 48px ); margin-right: calc( ((100% - 528px) / 12) * 1 + 48px ) } [dir=rtl] .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 528px) / 12) * 1 + 48px ); margin-right: calc( ((100% - 528px) / 12) * 1 + 48px ) } .video-list .hero-default__video-wrapper { margin-bottom: 80px } .video-list .hero-default__video-wrapper { margin-top: 80px } .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: calc( ((100% - 528px) / 12) * 0 + 0px ); margin-right: auto } [dir=rtl] .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: auto; margin-right: calc( ((100% - 528px) / 12) * 0 + 0px ) } .split-content__collection .split-content { margin-top: 80px } } @media only screen and (min-width: 600px)and (min-width: 1440px) { .hero-default--gray .hero-default__copy-wrapper { width:100% } .hero-default--gray .hero-default__cta-wrapper { margin-left: calc( ((100% - 704px) / 12) * 1 + 64px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 704px) / 12) * 1 + 64px ) } .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 704px) / 12) * 1 + 64px ); margin-right: calc( ((100% - 704px) / 12) * 1 + 64px ) } [dir=rtl] .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 704px) / 12) * 1 + 64px ); margin-right: calc( ((100% - 704px) / 12) * 1 + 64px ) } .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: calc( ((100% - 704px) / 12) * 0 + 0px ); margin-right: auto } [dir=rtl] .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: auto; margin-right: calc( ((100% - 704px) / 12) * 0 + 0px ) } } @media only screen and (min-width: 600px)and (min-width: 600px) { .hero-default--gray .hero-default__copy-wrapper { width:100% } .hero-default--gray .hero-default__cta-wrapper { margin-left: calc( ((100% - 440px) / 12) * 1 + 40px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 440px) / 12) * 1 + 40px ) } .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 440px) / 12) * 1 + 40px ); margin-right: calc( ((100% - 440px) / 12) * 1 + 40px ) } [dir=rtl] .video-list .hero-default__headline-wrapper { margin-left: calc( ((100% - 440px) / 12) * 1 + 40px ); margin-right: calc( ((100% - 440px) / 12) * 1 + 40px ) } .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: calc( ((100% - 440px) / 12) * 0 + 0px ); margin-right: auto } [dir=rtl] .video-list.hero-default--bleed .hero-default__headline-wrapper { margin-left: auto; margin-right: calc( ((100% - 440px) / 12) * 0 + 0px ) } } @media only screen and (min-width: 768px) { .play-button img { height:60px; width: 60px } } @media only screen and (min-width: 769px) { .header__old { font-size:21px; line-height: 1.55; padding: 0 20px } .header__old .header__burger { display: none } .header__old .header__nav-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .header__old .header__nav-wrapper .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 21px } .header__old .header__nav-wrapper .navigation-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 21px; letter-spacing: 0; margin-left: calc(50px - 1.5vw); padding: 26px 0; -webkit-transition: opacity .5s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity .5s cubic-bezier(0.4, 0, 0.2, 1) } .header__old .header__nav-wrapper .navigation-item:first-child { margin-left: 32px } .header__old .header__nav-wrapper .navigation-item:hover .link { background: #fff; color: #4285f4 } .header__old .header__nav-wrapper .navigation-item:hover .navigation-item__title { opacity: .8 } .header__old .header__nav-wrapper .navigation-item:hover .dropdown { opacity: 1; pointer-events: auto; visibility: visible } .header__old .header__nav-wrapper .navigation-item:hover::before { -webkit-transform: scale(1); transform: scale(1) } .header__old .header__nav-wrapper .navigation-item:focus-within .navigation-item__title { opacity: .8 } .header__old .header__nav-wrapper .navigation-item:focus-within::before { -webkit-transform: scale(1); transform: scale(1) } .header__old .header__nav-wrapper .navigation-item::before { background: #4285f4; border-radius: 3px 3px 0 0; bottom: 3px; content: ""; display: block; height: 3px; left: 0; position: absolute; right: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: transform } .header__old .header__nav-wrapper .navigation-item .link { font-size: 14px; margin-bottom: 0 } .header__old .header__nav-wrapper .navigation-item .dropdown { background: #fff; -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1); box-shadow: 0 8px 20px rgba(0,0,0,.1); cursor: default; left: -30px; opacity: 0; padding: 12px 32px; pointer-events: none; position: absolute; top: 70px; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; visibility: hidden; width: 320px; will-change: opacity } .header__old .header__nav-wrapper .navigation-item .dropdown-item { font-size: 21px } .header__old .header__nav-wrapper .navigation-item .dropdown-item:not(:last-of-type) { border-bottom: 2px #f5f5f5 solid } .header__old .header__nav-wrapper .navigation-item .dropdown-item__title { color: #404040; font-size: 14px; line-height: 1.55; -webkit-transition: .2s color linear; transition: .2s color linear } .header__old .header__nav-wrapper .navigation-item .dropdown-item__description { color: #4285f4; font-size: 14px; font-weight: 300; padding-top: 10px } .header__old .header__nav-wrapper .navigation-item__title { color: #757575; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font: 400 14px/1.55 "Google Sans",sans-serif; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .header__old .header__nav-wrapper .navigation-item__dropdown-arrow { display: block } .header__old .header__nav-wrapper .navigation-item button { color: #757575 } .header__old .header__nav-wrapper .navigation-item button.focus-visible:focus { outline-color: #1a73e8 } .header__old .header__ctas { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .header__old .header__ctas--column-layout { border-top: none } .header__old .header__ctas .glue-button--high-emphasis { -ms-flex-item-align: center; align-self: center; width: auto } .header__old .header__ctas .glue-button--icon { margin-right: 19px; width: auto } .header__old .header__cta { font-size: 16px; font-weight: 500; min-width: 0; opacity: 1; padding: 13px 21px; visibility: visible } .header__old .skip-to-content__button { display: block; -webkit-transform: translateY(-300%); transform: translateY(-300%) } .header__old .skip-to-content__button:focus { background-color: inherit; -webkit-transform: translateY(0%); transform: translateY(0%) } .footer_old .footer__bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font: 21px/1.55 "Google Sans",sans-serif } .footer_old .footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .footer_old .footer__nav-link:not(:first-of-type) { padding: 0 } .footer_old .footer__locale-switcher { font-size: 21px; line-height: 1.55; padding: 0 } } @media only screen and (min-width: 769px)and (max-width: 1023px) { .header__old .header__logo { margin-left:0; min-width: 150px } .header__old .header__nav-wrapper .navigation { margin: 0 10px } .header__old .header__nav-wrapper .navigation-item { margin-left: calc(20px - 1.5vw) } .header__old .header__nav-wrapper .navigation-item:first-child { margin-left: 0 } .footer_old .footer__nav-link { line-height: 2.43 } } @media (min-width: 1024px) { body::after { content:"lg" } p { line-height: 1.5; font-size: 16px; letter-spacing: 0 } p.glue-has-top-margin { margin-top: 16px } p.glue-has-bottom-margin,.showcase-banner__content p.glue-headline { margin-bottom: 16px } p.glue-has-top-bottom-margin { margin-bottom: 16px; margin-top: 16px } p+p { margin-top: 16px } blockquote { line-height: 1.2083333333; font-size: 48px } li,dt,dd { line-height: 1.5; font-size: 16px; letter-spacing: 0 } .glue-headline.glue-headline--fluid-1 { font-size: 5vw; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2em } .glue-headline.glue-headline--fluid-2 { font-size: 4vw; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2em } .glue-headline.glue-headline--headline-1 { font-size: 60px; font-weight: 400; letter-spacing: -0.5px; line-height: 72px } .glue-headline.glue-headline--headline-2 { font-size: 48px; font-weight: 400; letter-spacing: -0.5px; line-height: 56px } .glue-headline.glue-headline--headline-3 { font-size: 36px; font-weight: 400; letter-spacing: -0.25px; line-height: 44px } .glue-headline.glue-headline--headline-4 { font-size: 28px; font-weight: 400; letter-spacing: initial; line-height: 36px } .glue-headline.glue-headline--headline-5 { font-size: 20px; font-weight: 400; letter-spacing: initial; line-height: 28px } .glue-headline.glue-headline--headline-6 { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-body { font-size: 16px; font-weight: 400; letter-spacing: .1px; line-height: 24px } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size: 18px; font-weight: 400; letter-spacing: initial; line-height: 28px } .glue-cta { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-caption { font-size: 14px; font-weight: 400; letter-spacing: .15px; line-height: 24px } .glue-small-text { font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px } .glue-eyebrow { font-size: 14px; font-weight: 500; letter-spacing: .5px; line-height: 24px; text-transform: uppercase } .glue-label { font-size: 11px; font-weight: 500; letter-spacing: .5px; line-height: 16px; text-transform: uppercase } .glue-expansion-panels .glue-expansion-panel__header-text,.glue-footer__site-links-header,.glue-footer .glue-social .glue-social__title.glue-social__title--inline { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-social__copy-input,.glue-breadcrumbs,.glue-breadcrumbs__item,.glue-header__site-switcher-item-description { font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px } .glue-social__title { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-grid { grid-column-gap: 48px } .glue-grid .glue-grid__col--span-1 { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1 .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2 { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2 .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3 { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3 .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4 { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5 { display: block; grid-column-end: span 5 } .glue-grid .glue-grid__col--span-5 .glue-grid { grid-template-columns: repeat(5, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6 { display: block; grid-column-end: span 6 } .glue-grid .glue-grid__col--span-6 .glue-grid { grid-template-columns: repeat(6, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7 { display: block; grid-column-end: span 7 } .glue-grid .glue-grid__col--span-7 .glue-grid { grid-template-columns: repeat(7, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8 { display: block; grid-column-end: span 8 } .glue-grid .glue-grid__col--span-8 .glue-grid { grid-template-columns: repeat(8, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9 { display: block; grid-column-end: span 9 } .glue-grid .glue-grid__col--span-9 .glue-grid { grid-template-columns: repeat(9, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10 { display: block; grid-column-end: span 10 } .glue-grid .glue-grid__col--span-10 .glue-grid { grid-template-columns: repeat(10, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11 { display: block; grid-column-end: span 11 } .glue-grid .glue-grid__col--span-11 .glue-grid { grid-template-columns: repeat(11, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12 { display: block; grid-column-end: span 12 } .glue-grid .glue-grid__col--span-12 .glue-grid { grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-0-lg { display: none } .glue-grid .glue-grid__col--span-1-lg { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1-lg .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2-lg { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2-lg .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3-lg { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3-lg .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4-lg { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4-lg .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5-lg { display: block; grid-column-end: span 5 } .glue-grid .glue-grid__col--span-5-lg .glue-grid { grid-template-columns: repeat(5, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6-lg { display: block; grid-column-end: span 6 } .glue-grid .glue-grid__col--span-6-lg .glue-grid { grid-template-columns: repeat(6, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7-lg { display: block; grid-column-end: span 7 } .glue-grid .glue-grid__col--span-7-lg .glue-grid { grid-template-columns: repeat(7, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8-lg { display: block; grid-column-end: span 8 } .glue-grid .glue-grid__col--span-8-lg .glue-grid { grid-template-columns: repeat(8, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9-lg { display: block; grid-column-end: span 9 } .glue-grid .glue-grid__col--span-9-lg .glue-grid { grid-template-columns: repeat(9, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10-lg { display: block; grid-column-end: span 10 } .glue-grid .glue-grid__col--span-10-lg .glue-grid { grid-template-columns: repeat(10, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11-lg { display: block; grid-column-end: span 11 } .glue-grid .glue-grid__col--span-11-lg .glue-grid { grid-template-columns: repeat(11, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12-lg { display: block; grid-column-end: span 12 } .glue-grid .glue-grid__col--span-12-lg .glue-grid { grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-footer__site-links,.glue-footer__global,.glue-footer__upper,.glue-page,.showcase-banner__container { margin: 0 72px } .glue-carousel--peek-out.glue-carousel--cards { overflow-x: visible } .glue-page .glue-carousel--peek-out.glue-carousel--cards { margin-left: auto; margin-right: auto; width: 100% } .glue-carousel--cards.glue-carousel--peek-out .glue-carousel__viewport { margin: 0 -5px; overflow: hidden; padding-left: 5px; padding-right: 5px; width: calc(100% + 10px) } .glue-carousel--cards .glue-carousel__list { grid-gap: 24px; grid-template-columns: repeat(3, 1fr) } .glue-carousel--cards .glue-carousel__button { display: -webkit-box; display: -ms-flexbox; display: flex } .glue-header--single .glue-header__item.glue-header--is-active>.glue-header__link,.glue-header--double .glue-header__item.glue-header--is-active>.glue-header__link,.glue-header--single .glue-header__item.glue-header--is-active>.glue-header__logo-link,.glue-header--double .glue-header__item.glue-header--is-active>.glue-header__logo-link { color: #202124 } .glue-header--single .glue-header__item.glue-header__item--active>.glue-header__link,.glue-header--double .glue-header__item.glue-header__item--active>.glue-header__link,.glue-header--single .glue-header__item.glue-header__item--active>.glue-header__logo-link,.glue-header--double .glue-header__item.glue-header__item--active>.glue-header__logo-link { background: #fff; color: #202124 } .glue-header__logo .glue-header__logo--product,.glue-header__logo .glue-header__logo--subproduct .glue-header__logo--subproduct-text { line-height: .9545454545; font-size: 22px } .glue-header .glue-header__bar { height: 64px; min-height: 64px } .glue-header .glue-header__bar .glue-header__tier { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .glue-header .glue-header__bar.glue-header-is-wholly-scrolled { -webkit-transform: translate3d(0, -140px, 0); transform: translate3d(0, -140px, 0) } .glue-header .glue-header__bar.glue-header--rewind-box-shadow:not(.glue-header-is-wholly-scrolled).glue-header__drawer { -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15) } .glue-header .glue-header__bar.glue-header__bar--mobile { display: none } .glue-header.glue-header--single .glue-header__bar { height: 64px; min-height: 64px } .glue-header.glue-header--double { min-height: 128px } .glue-header.glue-header--double.glue-header--complex-stacked .glue-header__bar:after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header.glue-header--double .glue-header__bar { height: 128px; min-height: 128px } .glue-header.glue-header--double .glue-header__bar:not(.glue-header__drawer--is-open) .glue-header__tier:after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header.glue-header--simple .glue-header__bar { height: 64px; min-height: 64px } .glue-header.glue-header--complex-stacked .glue-header__bar:not(.glue-header__drawer--is-open) .glue-header__tier:after { background-color: #dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header__container { height: 100% } .glue-header__container.glue-header__container--cta { border-top: none; position: relative; width: auto } .glue-header__container--linkbar { -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .glue-header__hamburger { display: none } .glue-header__drawer,.glue-header__bar--desktop { visibility: visible } [dir=rtl] .glue-header__drawer,[dir=rtl] .glue-header__bar--desktop { right: 0; -webkit-transform: none; transform: none } .glue-header__drawer,.glue-header__bar--desktop { display: block; max-width: 100%; -webkit-transform: none; transform: none } .glue-header__drawer-backdrop { display: none } .glue-header--single .glue-header__item.glue-header__item--active::after { background-color: #1a73e8; bottom: -2px; content: ""; height: 2px; left: 12px; position: absolute; width: calc(100% - 24px); z-index: 840 } .glue-header--single .glue-header__deep-nav-dialog .glue-header__item.glue-header--is-active::after { display: none } .glue-header--double .glue-header__link-bar { height: 63px } .glue-header--double .glue-header__tier:after { background-color: #333; content: " "; height: 2px; position: absolute; top: 0 } .glue-header--double .glue-header__container>.glue-header__link-bar>.glue-header__list>.glue-header--is-active>.glue-header__link,.glue-header--double .glue-header__container>.glue-header__link-bar>.glue-header__list>.glue-header--is-active>.glue-header__logo-link { overflow: visible; position: relative } .glue-header--double .glue-header__container>.glue-header__link-bar>.glue-header__list>.glue-header--is-active>.glue-header__link:before,.glue-header--double .glue-header__container>.glue-header__link-bar>.glue-header__list>.glue-header--is-active>.glue-header__logo-link:before { background-color: #fff; border-bottom: 1px solid #dadce0; border-left: 1px solid #dadce0; bottom: -13px; content: " "; height: 10px; left: calc(50% - (10px * 0.5)); position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 10px; z-index: 850 } .glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active>.glue-header__link,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active>.glue-header__logo-link,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active>.glue-header__link,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active>.glue-header__logo-link { background: #fff } .glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active>.glue-header__link::after,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header__item--active>.glue-header__logo-link::after,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active>.glue-header__link::after,.glue-header--double .glue-header__container .glue-header__list--nested .glue-header__item.glue-header--is-active>.glue-header__logo-link::after { background-color: #1a73e8; bottom: -2px; content: " "; height: 2px; left: 12px; position: absolute; width: calc(100% - 24px); z-index: 840 } .glue-header--double .glue-header__container .glue-header__link-bar:last-child { padding-left: 0 } .glue-header__link-bar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: initial; height: 100%; overflow: visible; padding-top: 0; position: relative } .glue-header__link-bar:last-child { padding-left: 0 } .glue-header__link-bar .glue-header__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 64px } .glue-header__link-bar .glue-header__list .glue-header__list--nested { bottom: 0; display: none; left: 0; min-width: 500px; padding-left: 0; position: absolute } [dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested { min-width: initial } [dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__link,[dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__logo-link { padding-left: 12px; padding-right: 12px } .glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__link,.glue-header__link-bar .glue-header__list .glue-header__list--nested .glue-header__logo-link { padding-left: 12px; padding-right: 12px } .glue-header__link-bar .glue-header__list .glue-header__item { width: auto } .glue-header__link-bar .glue-header__list .glue-header__item { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .glue-header__link-bar .glue-header__list .glue-header__item:first-child { margin-left: 22px } [dir=rtl] .glue-header__link-bar .glue-header__list .glue-header__item:first-child { margin-left: 0; margin-right: 22px } .glue-header__link-bar .glue-header__list .glue-header__item .glue-header__link,.glue-header__link-bar .glue-header__list .glue-header__item .glue-header__logo-link { padding-top: 1px; width: initial } .glue-header__link:focus,.glue-header__logo-link:focus,.glue-header__link.is-focused,.is-focused.glue-header__logo-link { background-color: #f8f9fa; border-radius: 4px; color: #202124; z-index: 840 } .glue-header__link:active,.glue-header__logo-link:active { border-radius: 4px } .glue-header__link,.glue-header__logo-link { width: auto } .glue-header__drawer .glue-header__link.glue-header__skip-content,.glue-header__drawer .glue-header__skip-content.glue-header__logo-link { padding-left: 0; padding-right: 0 } .glue-header__skip-content { visibility: visible } .glue-header__skip-content:focus { height: 48px; left: 10vw; min-width: 150px; overflow: auto; top: 8px } [dir=rtl] .glue-header__skip-content:focus { left: 0; right: 10vw } .glue-header__drawer .glue-header__cta { -webkit-box-shadow: none; box-shadow: none; padding: 0 } .glue-header__cta { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100% } .glue-header__container .glue-header__cta { border: none } .glue-header__cta .glue-button { margin-left: 8px; width: auto } .glue-header__drawer .glue-header__cta .glue-button { margin-bottom: 0 !important } .glue-header__lock-up { width: auto } .glue-header__logo:focus,.glue-header__logo.is-focused { background-color: #f8f9fa; border-radius: 4px; color: #202124; z-index: 840 } .glue-header__logo:active { border-radius: 4px } .glue-header__logo { margin-left: 7px } [dir=rtl] .glue-header__logo { margin-left: initial; margin-right: 7px } .glue-header__logo { -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .glue-header--simple .glue-header__logo { padding: 0 } .glue-header--complex-stacked .glue-header__logo { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .glue-header--complex-stacked .glue-header__logo .glue-header__logo--product-campaign { padding-left: 8px; padding-right: 8px } [dir=rtl] .glue-header--complex-stacked .glue-header__logo .glue-header__logo--product-campaign { padding-left: 8px; padding-right: 8px } .glue-header__logo .glue-tile__icon { margin-left: 0 } [dir=rtl] .glue-header__logo .glue-tile__icon { margin-right: 5px } .glue-header--icon-lockup .glue-header__logo { margin-left: 22px } [dir=rtl] .glue-header--icon-lockup .glue-header__logo { margin-left: 0; margin-right: 22px } .glue-header__supplemental { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .glue-header__supplemental .glue-header__link:focus,.glue-header__supplemental .glue-header__link.is-focused { background-color: #f8f9fa; border-radius: 4px; color: #202124; z-index: 840 } .glue-header__supplemental .glue-header__link:active { border-radius: 4px } .glue-header__site-switcher-menu .glue-header__site-switcher-close-btn.glue-is-shown { display: block } .glue-footer__link { min-height: 0; min-width: 0; padding: 0 } .glue-footer__logo a { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; height: 24px } .glue-footer__global-links-list-item { display: inline; padding: 0 24px 16px 0 } .glue-footer__global-links-list-item:last-child { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; display: inline; padding-left: 0; padding-right: 48px } .glue-footer__lang-dropdown { height: 24px } .glue-jumplinks { padding: 0 } .glue-jumplinks::before,.glue-jumplinks::after { display: none } .glue-jumplinks__list { width: calc(100% - 96px) } .glue-jumplinks__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 2px solid transparent; border-radius: 50%; color: #5f6368; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; opacity: 0; outline: none; padding: 0; pointer-events: none; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 48px } .glue-jumplinks__button.glue-jumplinks__button--active { opacity: 1; pointer-events: auto } @supports(display: grid) { .glue-footer__site-links-grid { grid-column-gap:40px } } .glue-expansion-panels .glue-expansion-panel__button { padding: 28px 0 27px } .glue-expansion-panels .glue-expansion-panel__button:focus { padding-bottom: 26px } .glue-expansion-panels .glue-expansion-panel__header-text { margin-right: 24px } [dir=rtl] .glue-expansion-panels .glue-expansion-panel__header-text { margin-left: 24px; margin-right: 0 } .glue-expansion-panels .glue-expansion-panel__header-arrow { height: 36px; padding: 0 4px; width: 36px } .glue-expansion-panels .glue-expansion-panel__content>div { padding-right: 60px } [dir=rtl] .glue-expansion-panels .glue-expansion-panel__content>div { padding-left: 60px; padding-right: 0 } .glue-social__group+.glue-social__group { margin-top: 0 } .glue-spacer-5-bottom { margin-bottom: 60px } .glue-spacer-5-top { margin-top: 60px } .glue-spacer-6-bottom { margin-bottom: 80px } .glue-spacer-6-top { margin-top: 80px } .glue-spacer-7-bottom { margin-bottom: 120px } .glue-spacer-7-top { margin-top: 120px } .glue-spacer-8-bottom { margin-bottom: 180px } .glue-spacer-8-top { margin-top: 180px } .spacer-9-bottom { margin-bottom: 220px } .spacer-9-top { margin-top: 220px } .hero-video { margin-top: 120px } .hero-video { margin-bottom: 120px } .hero-video .hero-default__media-wrapper { margin-top: 60px } .hero-video .hero-default__cta-wrapper { margin-bottom: 80px } .showcase-banner__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 0 48px } .showcase-banner__content { max-width: 451px } .showcase-banner picture { margin-top: -90px } .get-latest__container { margin-top: 120px } .badge { --size: 100px; border-radius: 24px; padding: 12px 12px 8px } .badge svg { --svg-size: 42px } .badge span { --font-size: 12px } .hero-default { margin-top: 120px } .hero-default { margin-bottom: 120px } .hero-default--gray .hero-default__headline-wrapper { padding-top: 80px } .hero-default--gray .hero-default__cta-wrapper .hero-default__links-wrapper { margin-bottom: 80px } .split-content--60-40.float__float-section:nth-last-child(2) { padding-bottom: 120px } .split-content--60-40 .float__main-title .glue-headline { margin-top: 120px } .split-content__collection { padding-top: 120px } .split-content__collection { padding-bottom: 120px } .tips { margin-top: 120px } .tips { margin-bottom: 120px } .tips__cards-group .tips__card { margin-top: 60px } } @media only screen and (min-width: 1024px) { .glue-footer__global-links-list-item--extra:last-child { padding-right:0 } .cb .glue-headline.glue-headline--display-1 { font-size: 250px; letter-spacing: -10px; line-height: 250px } .cb .glue-headline.glue-headline--display-2 { font-size: 124px; letter-spacing: -3px; line-height: 124px } .cb .glue-headline.glue-headline--display-3 { font-size: 96px; letter-spacing: -3.5px; line-height: 104px } .cb .glue-headline.glue-headline--headline-1 { font-size: 72px; letter-spacing: -2px; line-height: 84px } .cb .glue-headline.glue-headline--headline-2 { font-size: 60px; letter-spacing: -1.5px; line-height: 72px } .cb .glue-headline.glue-headline--headline-3 { font-size: 48px; line-height: 56px } .cb .glue-headline.glue-headline--headline-4 { font-size: 36px; letter-spacing: -0.5px; line-height: 44px } .glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size: 22px; line-height: 34px } .cb #cookieBar .cookieBarInner .cookieBarText { width: 45% } .cb #cookieBar .cookieBarInner .cookieBarButtons { -ms-flex-item-align: center; align-self: center; margin: 0 12px } .cb .skip-to-content__button { display: block; -webkit-transform: translateY(-300%); transform: translateY(-300%) } .cb .skip-to-content__button:focus { background-color: inherit; -webkit-transform: translateY(0%); transform: translateY(0%) } .footer_old { padding: 6.6666666667%; padding-top: 0 } .footer_old .footer__column { -ms-flex-preferred-size: 15%; flex-basis: 15%; padding: 0 } .footer_old .footer__column-title { line-height: 1.55 } .footer_old .footer__column-links .link { line-height: 1.55 } .footer_old .footer__nav-link { font: 21px/1.55 "Google Sans",sans-serif } .footer_old .footer__locale-switcher::before { left: 7px; width: 217px } .footer_old .footer__locale-switcher select { margin: 0; padding: 0 0 0 5px } .cb-generic-footer .glue-footer__global { border: solid 1px #dadce0; border-width: 1px 0 0 0 } .cb .breadcrumbs__old__item { display: -webkit-box; display: -ms-flexbox; display: flex } .stacked__content-body { margin-top: 0 } .glue-modal.glue-grid__col .glue-modal__close-btn { height: 50px; margin: 48px 58px; width: 50px } .glue-modal.glue-grid__col .glue-modal__close-btn::before,.glue-modal.glue-grid__col .glue-modal__close-btn::after { left: 22px; top: 15px } .glue-modal__video { width: 77.638889vw } .glue-modal .modal__content { padding: 60px 40px } .play-button img { height: 105px; width: 105px } .get-latest__container .showcase-banner__content { max-width: 40% } .get-latest__container .showcase-banner__container { gap: 0; max-width: 1317px } .get-latest__container .showcase-banner__container picture { display: block; left: 50%; margin: -100px auto 0; max-height: none; max-width: none; min-width: auto; overflow: hidden; position: absolute; top: 0; -webkit-transition: left .4s ease-out,width .4s ease-out; transition: left .4s ease-out,width .4s ease-out; width: 50% } .get-latest__container .showcase-banner__container picture img { height: auto; max-width: 1000px; width: 780px } .hero-default { margin-top: 60px; margin-bottom: 48px } .hero-default__list.hero-default__list--no-video { margin-top: 80px } .hero-default__list.hero-default__list--no-video .hero-default__list-item { margin-bottom: 0 } .hero-default__list.hero-default__list--no-video .hero-default__list-icon { height: 48px; width: 48px } .hero-default__list-item { grid-column: span 4; margin-bottom: 0 } .hero-default__list-description { margin-bottom: 24px } .hero-default--gray .hero-default__headline-wrapper { text-align: center } .hero-default--gray .hero-default__copy-wrapper { text-align: center } .hero-default--gray .hero-default__cta-wrapper .glue-button--low-emphasis { margin-left: 12px; padding-left: 12px } .hero-default--gray .hero-default__cta-wrapper { margin-left: calc( ((100% - 84px) / 4) * 0 + 0px ); margin-right: auto; text-align: center } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 84px) / 4) * 0 + 0px ) } .hero-default .hero-default__card { display: initial; margin-bottom: 0 } .hero-default__card-image,.hero-default__card-contents { width: 100% } .hero-default__card-image { margin: 0 0 36px 0; max-height: 346px; max-width: 346px; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset } .hero-default.hero-default--parallax { z-index: 1 } .hero-default.hero-default--parallax .glue-page { margin: 0 auto } .hero-default.hero-default--parallax .hero-default__media-wrapper { background: #fff; line-height: 0 } .hero-default.hero-default--parallax picture::after { background: #fff; content: " "; display: block; height: 80px; position: absolute; right: 0; width: 100% } .parallax-sticky { position: sticky; top: 128px; z-index: 0 } .parallax-bg { background: #fff } .video-list .hero-default__video-wrapper { margin: 48px 0 } .video-list .hero-default__list-item { margin: 0 } .list--envelope { padding: 60px 32px } .list__item { padding: 32px 0 0 0 } .split-content { margin-top: 60px; margin-bottom: 60px } .split-content.split-content--alternate { margin: 0; padding: 60px 0 } .split-content__chrome-badge { height: 120px; width: 120px } .split-content__media-content { position: relative } .split-content__text-content { margin-bottom: 0 } .split-content--mobile-image-first .split-content__text-content { margin-top: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .split-content--pdp .split-content__media-content { margin-bottom: 0; max-height: none } .split-content--reversed.split-content--50 .split-content__media-content { grid-column: 7/span 6 } .split-content--reversed.split-content--50 .split-content__text-content { grid-column: 1/span 6 } .split-content--reversed.split-content--60-40 .split-content__media-content { grid-column: 6/span 7 } .split-content--reversed.split-content--60-40 .split-content__text-content { grid-column: 1/span 5 } .split-content--reversed.split-content--70-30 .split-content__media-content { grid-column: 5/span 8 } .split-content--reversed.split-content--70-30 .split-content__text-content { grid-column: 1/span 4 } .split-content--50 .split-content__main-container { grid-auto-flow: dense } .split-content--50 .split-content__text-content { grid-column: 7/span 6 } .split-content--50 .split-content__media-content { grid-column: 1/span 6 } .split-content--60-40 .split-content__main-container { grid-auto-flow: dense } .split-content--60-40 .split-content__text-content { grid-column: 8/span 5 } .split-content--60-40 .split-content__media-content { grid-column: 1/span 7 } .split-content--60-40 .youtube-video-player__play-button { height: 48px; width: 68px } .split-content--60-40 .float__media-content .float__icons-content picture { height: 64px; width: 64px } .split-content--60-40 .float__media-content .float__icons-content .icon-1 { -webkit-animation: float 8s ease-in-out infinite; animation: float 8s ease-in-out infinite; left: 2%; position: absolute; top: 10%; -webkit-transform: translateY(0); transform: translateY(0) } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 50% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 75% { -webkit-transform: translateY(5px); transform: translateY(5px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 50% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 75% { -webkit-transform: translateY(5px); transform: translateY(5px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .split-content--60-40 .float__media-content .float__icons-content .icon-2 { -webkit-animation: float-in 8s ease-in-out infinite; animation: float-in 8s ease-in-out infinite; left: 10%; position: absolute; top: -1%; -webkit-transform: translateX(0); transform: translateX(0) } @-webkit-keyframes float-in { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateX(3px); transform: translateX(3px) } 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px) } 75% { -webkit-transform: translateY(-3px); transform: translateY(-3px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes float-in { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateX(3px); transform: translateX(3px) } 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px) } 75% { -webkit-transform: translateY(-3px); transform: translateY(-3px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .split-content--60-40 .float__media-content .float__icons-content .icon-3 { -webkit-animation: float-out 8s ease-in-out infinite; animation: float-out 8s ease-in-out infinite; left: 12%; position: absolute; top: 13%; -webkit-transform: translateX(0); transform: translateX(0) } @-webkit-keyframes float-out { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 50% { -webkit-transform: translateX(5px); transform: translateX(5px) } 75% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes float-out { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } 50% { -webkit-transform: translateX(5px); transform: translateX(5px) } 75% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .split-content--60-40 .float__media-content .float__icons-content .instant-1 { -webkit-animation: float 8s ease-in-out infinite; animation: float 8s ease-in-out infinite; left: 21%; position: absolute; top: 15%; -webkit-transform: translateX(0); transform: translateX(0) } .split-content--60-40 .float__media-content .float__icons-content .instant-2 { -webkit-animation: float-in 8s ease-in-out infinite; animation: float-in 8s ease-in-out infinite; left: 30%; position: absolute; top: 6%; -webkit-transform: translateX(0); transform: translateX(0) } .split-content--60-40 .float__media-content .float__icons-content .instant-3 { -webkit-animation: float-out 8s ease-in-out infinite; animation: float-out 8s ease-in-out infinite; left: 31%; position: absolute; top: 19%; -webkit-transform: translateX(0); transform: translateX(0) } .split-content--70-30 .split-content__main-container { grid-auto-flow: dense } .split-content--70-30 .split-content__text-content { grid-column: 9/span 4 } .split-content--70-30 .split-content__media-content { grid-column: 1/span 8 } .split-content--70-30 .youtube-video-player__play-button { height: 48px; width: 68px } .split-content--bleed .split-content__media-content img { -o-object-fit: cover; object-fit: cover } .split-content--bleed .split-content__media-content picture { width: 150% } .split-content--bleed.split-content--50 .split-content__media-content { left: -50%; width: 150% } .split-content--bleed.split-content--60-40 .split-content__media-content { left: -42.5%; width: 142.5% } .split-content--bleed.split-content--70-30 .split-content__media-content { left: -36.5%; width: 136.5% } .split-content--bleed.split-content--reversed .split-content__media-content img { -o-object-fit: cover; object-fit: cover } .split-content--bleed.split-content--reversed.split-content--50 .split-content__media-content { left: 0; width: 150% } .split-content--bleed.split-content--reversed.split-content--60-40 .split-content__media-content { left: 0; width: 142.5% } .split-content--bleed.split-content--reversed.split-content--70-30 .split-content__media-content { left: 0; width: 136.5% } .split-content .glue-modal.glue-grid__col .glue-modal__close-btn { height: 50px; margin: 48px 58px; width: 50px } .split-content .glue-modal.glue-grid__col .glue-modal__close-btn::before,.split-content .glue-modal.glue-grid__col .glue-modal__close-btn::after { left: 22px; top: 15px } .split-content .glue-modal__video { width: 77.638889vw } .split-content .glue-modal .modal__content { padding: 60px 40px } .split-content .glue-modal .modal__content .modal__title { text-align: center } .tips__cards-group { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-column-gap: 49px } .tips__cards-group { margin-top: 20px } .tips__cards-group .tips__card { grid-column: span 6 } .tips__cards-group .tips__card .glue-headline { margin-bottom: 24px } } @media only screen and (min-width: 1024px)and (max-width: 1279px) { .hero-home-animated { --scene-img-offset: 160px } } @media only screen and (min-width: 1024px)and (min-width: 1024px) { .hero-default { margin-top:80px } .hero-default { margin-bottom: 60px } .hero-default--gray .hero-default__cta-wrapper { margin-left: calc( ((100% - 528px) / 12) * 0 + 0px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 528px) / 12) * 0 + 0px ) } .split-content { margin-top: 80px } .split-content { margin-bottom: 80px } } @media only screen and (min-width: 1024px)and (min-width: 1440px) { .hero-default--gray .hero-default__cta-wrapper { margin-left:calc( ((100% - 704px) / 12) * 0 + 0px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 704px) / 12) * 0 + 0px ) } } @media only screen and (min-width: 1024px)and (min-width: 600px) { .hero-default--gray .hero-default__cta-wrapper { margin-left:calc( ((100% - 440px) / 12) * 0 + 0px ); margin-right: auto } [dir=rtl] .hero-default--gray .hero-default__cta-wrapper { margin-left: auto; margin-right: calc( ((100% - 440px) / 12) * 0 + 0px ) } } @media only screen and (min-width: 1281px)and (max-width: 1439px) { .hero-home-animated { --scene-img-offset: 192px } } @media only screen and (min-width: 1292px) { .get-latest__container .showcase-banner__container picture { left:45%; width: 55% } } @media (min-width: 1440px) { body::after { content:"xl" } .glue-headline.glue-headline--fluid-1 { font-size: 5vw; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2em } .glue-headline.glue-headline--fluid-2 { font-size: 4vw; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2em } .glue-headline.glue-headline--headline-1 { font-size: 60px; font-weight: 400; letter-spacing: -0.5px; line-height: 72px } .glue-headline.glue-headline--headline-2 { font-size: 48px; font-weight: 400; letter-spacing: -0.5px; line-height: 56px } .glue-headline.glue-headline--headline-3 { font-size: 36px; font-weight: 400; letter-spacing: -0.25px; line-height: 44px } .glue-headline.glue-headline--headline-4 { font-size: 28px; font-weight: 400; letter-spacing: initial; line-height: 36px } .glue-headline.glue-headline--headline-5 { font-size: 20px; font-weight: 400; letter-spacing: initial; line-height: 28px } .glue-headline.glue-headline--headline-6 { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-body { font-size: 16px; font-weight: 400; letter-spacing: .1px; line-height: 24px } .glue-body .glue-body--large,.glue-body .hero-default--gray .hero-default__copy-wrapper .hero-default__paragraph,.hero-default--gray .hero-default__copy-wrapper .glue-body .hero-default__paragraph,.glue-body .hero-default__card-description p,.hero-default__card-description .glue-body p,.glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size: 18px; font-weight: 400; letter-spacing: initial; line-height: 28px } .glue-cta { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-caption { font-size: 14px; font-weight: 400; letter-spacing: .15px; line-height: 24px } .glue-small-text { font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px } .glue-eyebrow { font-size: 14px; font-weight: 500; letter-spacing: .5px; line-height: 24px; text-transform: uppercase } .glue-label { font-size: 11px; font-weight: 500; letter-spacing: .5px; line-height: 16px; text-transform: uppercase } .glue-expansion-panels .glue-expansion-panel__header-text,.glue-footer__site-links-header,.glue-footer .glue-social .glue-social__title.glue-social__title--inline { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-social__copy-input,.glue-breadcrumbs,.glue-breadcrumbs__item,.glue-header__site-switcher-item-description { font-size: 12px; font-weight: 500; letter-spacing: .2px; line-height: 20px } .glue-social__title { font-size: 16px; font-weight: 500; letter-spacing: initial; line-height: 24px } .glue-grid { grid-column-gap: 64px } .glue-grid .glue-grid__col--span-1 { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1 .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2 { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2 .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3 { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3 .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4 { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4 .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5 { display: block; grid-column-end: span 5 } .glue-grid .glue-grid__col--span-5 .glue-grid { grid-template-columns: repeat(5, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6 { display: block; grid-column-end: span 6 } .glue-grid .glue-grid__col--span-6 .glue-grid { grid-template-columns: repeat(6, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7 { display: block; grid-column-end: span 7 } .glue-grid .glue-grid__col--span-7 .glue-grid { grid-template-columns: repeat(7, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8 { display: block; grid-column-end: span 8 } .glue-grid .glue-grid__col--span-8 .glue-grid { grid-template-columns: repeat(8, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9 { display: block; grid-column-end: span 9 } .glue-grid .glue-grid__col--span-9 .glue-grid { grid-template-columns: repeat(9, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10 { display: block; grid-column-end: span 10 } .glue-grid .glue-grid__col--span-10 .glue-grid { grid-template-columns: repeat(10, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11 { display: block; grid-column-end: span 11 } .glue-grid .glue-grid__col--span-11 .glue-grid { grid-template-columns: repeat(11, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12 { display: block; grid-column-end: span 12 } .glue-grid .glue-grid__col--span-12 .glue-grid { grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-0-xl { display: none } .glue-grid .glue-grid__col--span-1-xl { display: block; grid-column-end: span 1 } .glue-grid .glue-grid__col--span-1-xl .glue-grid { grid-template-columns: repeat(1, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-2-xl { display: block; grid-column-end: span 2 } .glue-grid .glue-grid__col--span-2-xl .glue-grid { grid-template-columns: repeat(2, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-3-xl { display: block; grid-column-end: span 3 } .glue-grid .glue-grid__col--span-3-xl .glue-grid { grid-template-columns: repeat(3, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-4-xl { display: block; grid-column-end: span 4 } .glue-grid .glue-grid__col--span-4-xl .glue-grid { grid-template-columns: repeat(4, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-5-xl { display: block; grid-column-end: span 5 } .glue-grid .glue-grid__col--span-5-xl .glue-grid { grid-template-columns: repeat(5, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-6-xl { display: block; grid-column-end: span 6 } .glue-grid .glue-grid__col--span-6-xl .glue-grid { grid-template-columns: repeat(6, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-7-xl { display: block; grid-column-end: span 7 } .glue-grid .glue-grid__col--span-7-xl .glue-grid { grid-template-columns: repeat(7, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-8-xl { display: block; grid-column-end: span 8 } .glue-grid .glue-grid__col--span-8-xl .glue-grid { grid-template-columns: repeat(8, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-9-xl { display: block; grid-column-end: span 9 } .glue-grid .glue-grid__col--span-9-xl .glue-grid { grid-template-columns: repeat(9, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-10-xl { display: block; grid-column-end: span 10 } .glue-grid .glue-grid__col--span-10-xl .glue-grid { grid-template-columns: repeat(10, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-11-xl { display: block; grid-column-end: span 11 } .glue-grid .glue-grid__col--span-11-xl .glue-grid { grid-template-columns: repeat(11, minmax(5px, 1fr)) } .glue-grid .glue-grid__col--span-12-xl { display: block; grid-column-end: span 12 } .glue-grid .glue-grid__col--span-12-xl .glue-grid { grid-template-columns: repeat(12, minmax(5px, 1fr)) } .glue-footer__site-links,.glue-footer__global,.glue-footer__upper,.glue-page,.showcase-banner__container { margin: 0 auto; max-width: 1296px } .glue-carousel--cards .glue-carousel__list { grid-gap: 24px } .showcase-banner__container { gap: 92px } .showcase-banner picture { margin-top: -120px } .badge { --size: 130px; border-radius: 28px; padding: 12px 14px } .badge svg { --svg-size: 58px } .badge span { --font-size: 16px } } @media only screen and (min-width: 1440px) { .glue-body .glue-body--extra-large,.glue-body .showcase-banner__content p,.showcase-banner__content .glue-body p { font-size:22px; line-height: 34px } .header__old .header__nav-wrapper .navigation-item button { padding: 0 } .hero-default__card-image { max-height: 388px; max-width: 388px } .split-content--60-40 .split-content__text-footer .glue-button { margin-top: 36px } .split-content--60-40.float__float-section { padding-bottom: 48px } .split-content--70-30 .split-content__text-footer .glue-button { margin-top: 36px } .tips__cards-group { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-column-gap: 64px } } @media only screen and (min-width: 1920px) { .split-content--bleed .split-content__media-content img { -o-object-fit:contain; object-fit: contain } .split-content--bleed.split-content--reversed .split-content__media-content img { -o-object-fit: contain; object-fit: contain } } @media only screen and (min-device-width: 768px)and (max-device-width: 1280px)and (orientation: landscape) { .get-latest__container .showcase-banner__container picture img { max-width:556px } } @media only screen and (min-device-width: 769px)and (max-device-width: 1280px)and (orientation: landscape) { .get-latest__container .showcase-banner__container { margin-right:0 } .get-latest__container .showcase-banner__container picture { margin-top: -90px; min-width: auto } .split-content--60-40 .float__media-content .float__icons-content .icon-1 { left: -5%; top: 6% } .split-content--60-40 .float__media-content .float__icons-content .icon-2 { left: 7%; top: -8% } .split-content--60-40 .float__media-content .float__icons-content .icon-3 { left: 10%; top: 11% } .split-content--60-40 .float__media-content .float__icons-content .instant-1 { left: 16%; top: 10% } .split-content--60-40 .float__media-content .float__icons-content .instant-2 { left: 29%; top: -6% } .split-content--60-40 .float__media-content .float__icons-content .instant-3 { left: 31%; top: 14% } } @media (max-width: 1024px) { .glue-video__container { max-width:100% } .glue-video iframe { max-width: 100% } } @media only screen and (max-width: 1023px) { .cb .breadcrumbs__old__item.parent-item svg:first-child { display:block; margin-left: 0 } .cb .breadcrumbs__old__item.parent-item svg:last-child { display: none } .cb .breadcrumbs__old { border: none; padding: 9px 0 9px 24px } .hero-home-animated { --curtain-top: -60px; --img-height: 637px; --img-width: 768px; --scene-img-offset: 0; --spacer-section-bot: 92px; --spacer-section-top: 60px; --subtitle-letter-spacing: -8px; --subtitle-line-height: 136px; --subtitle-size: 136px } .hero-home-animated .curtain { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .hero-home-animated .curtain .drop { --from-x: -100vw } .hero-home-animated .curtain .lift { --from-x: 100vw } .hero-home-animated .curtain .drop,.hero-home-animated .curtain .lift { --from-y: 0 } .hero-home-animated .curtain .logo { -ms-flex-item-align: center; align-self: center; top: 0 } .hero-home-animated .curtain .media-player__video,.hero-home-animated .curtain .scenes { text-align: center; top: unset } .hero-home-animated .curtain__left .media-player__video { height: 50vh; width: 101vw } .hero-home-animated .curtain__right .scene2 picture>img { -webkit-animation-name: slow-fall; animation-name: slow-fall } @-webkit-keyframes slow-fall { 0% { -webkit-transform: translateY(-26%); transform: translateY(-26%) } 8% { -webkit-transform: translateY(8%); transform: translateY(8%) } 100% { -webkit-transform: translateY(26%); transform: translateY(26%) } } @keyframes slow-fall { 0% { -webkit-transform: translateY(-26%); transform: translateY(-26%) } 8% { -webkit-transform: translateY(8%); transform: translateY(8%) } 100% { -webkit-transform: translateY(26%); transform: translateY(26%) } } .hero-home-animated .curtain__right .scene3 picture>img { --scene-img-offset: 23% } .hero-home-animated .curtain__left,.hero-home-animated .curtain__right { height: 50% } .hero-home-animated .curtain.pull { -webkit-animation-name: none; animation-name: none } .hero-home-animated .curtain.pull .curtain__left { --to-x: 100vw } .hero-home-animated .curtain.pull .curtain__right { --to-x: -101vw } .hero-home-animated .curtain.pull .curtain__left,.hero-home-animated .curtain.pull .curtain__right { -webkit-animation: slide 450ms ease-in-out forwards; animation: slide 450ms ease-in-out forwards } .hero-video { padding-bottom: 92px; margin-bottom: 0 } .hero-video .hero-default__headline-wrapper .budou-break { display: inline-block } .split-content { margin-top: 92px; margin-bottom: 92px } .split-content--mobile-centered { margin-left: auto; margin-right: auto; max-width: 500px } .split-content--mobile-centered .split-content__text-content { text-align: center } .split-content--60-40 .float__main-title .budou-break { display: inline-block } .tips__headline-wrapper span { display: block } } @media only screen and (max-width: 1023px)and (min-width: 1024px) { .hero-video { padding-bottom:120px } .split-content { margin-top: 120px } .split-content { margin-bottom: 120px } } @media only screen and (max-width: 768px) { .header__old .header__nav-wrapper { background:#fff; display: none; height: calc(100vh - 68px); left: 0; max-height: 0; overflow-y: auto; padding: 30px 24px 100px; position: absolute; top: 68px; -webkit-transition: max-height .5s cubic-bezier(0.4, 0, 0.2, 1),visibility .3s linear; transition: max-height .5s cubic-bezier(0.4, 0, 0.2, 1),visibility .3s linear; visibility: hidden; width: 100vw } .header__old .header__nav-wrapper .navigation-item:not(:last-of-type) { border-bottom: 2px #f5f5f5 solid } .header__old .header__nav-wrapper .navigation-item:first-of-type { padding-top: 0 } .header__old .header__nav-wrapper .navigation-item__title.focus-visible:focus { outline-color: #1a73e8 } } @media (max-width: 599px) { .glue-header.glue-header--single .glue-header__bar--mobile .glue-header__tier { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glue-header.glue-header--single .glue-header__bar--mobile .glue-header__tier:after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 63px; width: 100% } .glue-header.glue-header--single .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 128px; width: 100% } .glue-header.glue-header--single.glue-header--complex-stacked .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 128px; width: 100% } .glue-header.glue-header--single.glue-header--no-cta .glue-header__bar--mobile { height: 64px; min-height: 64px; z-index: 800 } .glue-header.glue-header--double .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after { background-color: #dadce0; content: " "; display: block; height: 1px; left: 0; position: absolute; top: 128px; width: 100% } .glue-header.glue-header--double .glue-header__bar--mobile .glue-header__tier { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glue-header.glue-header--complex-stacked .glue-header__bar--mobile .glue-header__tier { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glue-header__bar--mobile .glue-header__tier .glue-header__container:last-child { padding-left: 8px; padding-right: 8px } .glue-header--no-cta .glue-header__bar--mobile .glue-header__tier .glue-header__container:last-child { padding-left: 0; padding-right: 0 } .glue-header__drawer.glue-is-not-visible,.glue-header__bar--desktop.glue-is-not-visible { -webkit-transition: -webkit-transform .2s cubic-bezier(0.24, 1, 0.32, 1); transition: -webkit-transform .2s cubic-bezier(0.24, 1, 0.32, 1); transition: transform .2s cubic-bezier(0.24, 1, 0.32, 1); transition: transform .2s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform .2s cubic-bezier(0.24, 1, 0.32, 1); visibility: visible } .glue-header__bar--mobile .glue-header__cta { width: 100% } .glue-header--complex-stacked .glue-header__bar--mobile .glue-header__cta { display: none } .glue-header__cta .glue-button { width: 100% } .glue-header__bar--mobile .glue-header__cta .glue-button { margin-left: 0 } .glue-header__bar--mobile .glue-header__cta .glue-button.glue-button--low-emphasis,.glue-header__bar--mobile .glue-header__cta .glue-button.glue-button--medium-emphasis { display: none } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-menu-link { width: calc(100% + 12px) } .glue-footer .glue-footer__upper { margin: 0; padding: 24px 28px } .glue-footer .glue-footer__site-links { margin: 0; padding: 0 28px } .glue-footer__site-links-list-item { margin-left: 2px } [dir=rtl] .glue-footer__site-links-list-item { margin-right: 2px } } @media (max-width: 599px)and (max-width: 599px) { .glue-header.glue-header--single.glue-header--no-cta .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after { background-color:#dadce0; content: " "; display: none; height: 1px; left: 0; position: absolute; top: 128px; width: 100% } } @media only screen and (max-width: 599px) { .glue-footer .glue-social .glue-social__title.glue-social__title--inline { -webkit-box-flex:initial; -ms-flex: initial; flex: initial; padding-bottom: 0 } .cb .glue-header.glue-header--single .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow)::after { display: none } .cb .glue-header__bar--mobile .glue-header__tier .glue-header__container:last-child { display: none } .hero-home-animated { --img-height: 352px; --img-width: 360px; --subtitle-letter-spacing: -5px; --subtitle-line-height: 100px; --subtitle-size: 83px } .hero-home-animated .curtain__right .scene2 picture>img { --scene-img-offset: 24% } .hero-home-animated .curtain__right .scene3 picture>img { --scene-img-offset: 28% } .hero-home-animated__content .subtitle .budou-break { display: inline-block } .stacked__content .glue-button.glue-button--low-emphasis svg { margin-left: 0 } .hero-video .hero-default__cta-wrapper .yt-video__trigger { max-width: 233px; text-align: left } .hero-video .hero-default__links-wrapper { margin-top: 30px } .hero-default--media-square-on-mobile img { display: block; height: 304px; margin: auto; -o-object-fit: cover; object-fit: cover; width: 304px } } @media only screen and (max-width: 359px) { .footer_old .footer__column-title--taller { min-height:53px } } @media screen and (-ms-high-contrast: active) { .glue-button.glue-button--low-emphasis.glue-button--reversed,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed.glue-social__copy-btn,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--reversed-alternate.glue-social__copy-btn { border-color: #202124; color: #e8f0fe } .glue-button.glue-button--low-emphasis.glue-button--reversed svg,.glue-button--reversed.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--reversed.glue-social__copy-btn svg,.glue-button.glue-button--low-emphasis.glue-button--reversed-alternate svg,.glue-button--reversed-alternate.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--reversed-alternate.glue-social__copy-btn svg { fill: #e8f0fe } .glue-header__logo .glue-header__logo--product,.glue-header__logo .glue-header__logo--subproduct .glue-header__logo--subproduct-text { color: currentColor } .glue-header__link:visited,.glue-header__logo-link:visited { forced-color-adjust: none } .glue-header__link,.glue-header__logo-link { forced-color-adjust: none } .glue-header__logo:visited { forced-color-adjust: none } .glue-header__supplemental .glue-header__link:visited { forced-color-adjust: none } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item.selected .glue-header__site-switcher-menu-link .glue-small-text { forced-color-adjust: none } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-menu-link { forced-color-adjust: none } .glue-header__site-switcher-item-description { forced-color-adjust: none } .glue-footer { border-top: 1px solid #dadce0 } .glue-footer__logo-img { background-color: #f8f9fa } .glue-jumplinks__link.glue-jumplinks__link--active { background-color: highlight; color: highlightText } .glue-modal__close-btn { forced-color-adjust: none } } @media screen and (-ms-high-contrast: active),(forced-colors-active: none) { .glue-icon--breadcrumb { fill: currentColor } } @media screen and (-ms-high-contrast: active),(forced-colors: active) { .glue-button.glue-button--high-emphasis,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--high-emphasis.glue-social__copy-btn { forced-color-adjust: none } .glue-button.glue-button--medium-emphasis,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis.glue-social__copy-btn { background: ButtonFace; border: 1px solid ButtonHighlight; forced-color-adjust: none } .glue-button.glue-button--medium-emphasis:focus,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--medium-emphasis.glue-social__copy-btn:focus { background-color: #fff; border-color: #1a73e8; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #1a73e8 } .glue-button.glue-button--medium-emphasis:focus svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--medium-emphasis.glue-social__copy-btn:focus svg { fill: #1a73e8 } .glue-button.glue-button--low-emphasis,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-social__copy-btn { background: ButtonFace; forced-color-adjust: none } .glue-button.glue-button--low-emphasis:focus,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-social__copy-btn:focus { background-color: #fff; border-color: #1a73e8; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #1a73e8 } .glue-button.glue-button--low-emphasis:focus svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-social__copy-btn:focus svg { fill: #1a73e8 } .glue-button.glue-button--low-emphasis:hover,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:hover,.glue-social__copy-btn:hover { border: 1px solid ButtonHighlight } .glue-button.glue-button--tonal,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--tonal.glue-social__copy-btn { background: ButtonFace; border: 1px solid ButtonHighlight; forced-color-adjust: none } .glue-button.glue-button--tonal:focus,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus,.glue-button--tonal.glue-social__copy-btn:focus { background-color: #fff; border-color: #1a73e8; -webkit-box-shadow: 0 0 0 2px #1a73e8; box-shadow: 0 0 0 2px #1a73e8; color: #1a73e8 } .glue-button.glue-button--tonal:focus svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button:focus svg,.glue-button--tonal.glue-social__copy-btn:focus svg { fill: #1a73e8 } .glue-carousel__button { forced-color-adjust: none } .glue-carousel__dot.glue-is-active:before { border: 5px solid #fff } } @media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none) { .glue-header__drawer--is-open .glue-header__link-bar .glue-header__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (-ms-high-contrast: active)and (-ms-high-contrast: black-on-white) { .glue-header__link:visited,.glue-header__logo-link:visited { color: #000 } .glue-header__link,.glue-header__logo-link { color: #000 } .glue-header__logo:visited { color: #000 } .glue-header__supplemental .glue-header__link:visited { color: #000 } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item.selected .glue-header__site-switcher-menu-link .glue-small-text { color: #fff } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-menu-link { color: #000 } .glue-header__site-switcher-item-description { color: #000 } .glue-modal__close-btn { background-color: #000 } } @media screen and (-ms-high-contrast: active)and (-ms-high-contrast: black-on-white),(forced-colors: active)and (-ms-high-contrast: black-on-white) { .glue-button.glue-button--high-emphasis,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--high-emphasis.glue-social__copy-btn { background: #000; color: #fff } .glue-button.glue-button--high-emphasis svg,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--high-emphasis.glue-social__copy-btn svg { fill: #fff } .glue-button.glue-button--medium-emphasis,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis.glue-social__copy-btn { color: #000 } .glue-button.glue-button--medium-emphasis svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--medium-emphasis.glue-social__copy-btn svg { fill: #000 } .glue-button.glue-button--low-emphasis,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-social__copy-btn { color: #000; border-color: #fff } .glue-button.glue-button--low-emphasis svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-social__copy-btn svg { fill: #000 } .glue-button.glue-button--tonal,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--tonal.glue-social__copy-btn { color: #000 } .glue-button.glue-button--tonal svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--tonal.glue-social__copy-btn svg { fill: #000 } } @media screen and (-ms-high-contrast: active)and (-ms-high-contrast: white-on-black) { .glue-header__link:visited,.glue-header__logo-link:visited { color: #fff } .glue-header__link,.glue-header__logo-link { color: #fff } .glue-header__logo:visited { color: #fff } .glue-header__supplemental .glue-header__link:visited { color: #fff } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item.selected .glue-header__site-switcher-menu-link .glue-small-text { color: #000 } .glue-header__site-switcher-menu .glue-header__site-switcher-menu-item .glue-header__site-switcher-menu-link { color: #fff } .glue-header__site-switcher-item-description { color: #fff } .glue-modal__close-btn { background-color: #fff } } @media screen and (-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(forced-colors: active)and (-ms-high-contrast: white-on-black) { .glue-button.glue-button--high-emphasis,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--high-emphasis.glue-social__copy-btn { background: #fff; color: #000 } .glue-button.glue-button--high-emphasis svg,.glue-button--high-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--high-emphasis.glue-social__copy-btn svg { fill: #000 } .glue-button.glue-button--medium-emphasis,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--medium-emphasis.glue-social__copy-btn { color: #fff } .glue-button.glue-button--medium-emphasis svg,.glue-button--medium-emphasis.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--medium-emphasis.glue-social__copy-btn svg { fill: #fff } .glue-button.glue-button--low-emphasis,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-social__copy-btn { color: #fff; border-color: #000 } .glue-button.glue-button--low-emphasis svg,.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-social__copy-btn svg { fill: #fff } .glue-button.glue-button--tonal,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button,.glue-button--tonal.glue-social__copy-btn { color: #fff } .glue-button.glue-button--tonal svg,.glue-button--tonal.glue-social__title.glue-social__title--zippy.glue-expansion-panel__button svg,.glue-button--tonal.glue-social__copy-btn svg { fill: #fff } }