Last active
February 22, 2022 19:55
-
-
Save Kielan/009644c4b007b1fd2d45916d5467f5ba to your computer and use it in GitHub Desktop.
Svelte.js tweets canvas gradient from Grafana
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script context="module"> | |
| export let name; | |
| </script> | |
| <div class="bg-gradient-tweets"> | |
| <div class="wrapper py-2 text-center"> | |
| <h2 class="pt-1 text-black">Real users getting real value</h2> | |
| <div> | |
| <div class="d-flex justify-content-center"> | |
| <div class="slider w-100 maxw-800" x-data="app_slider(6)"> | |
| <div class="slider-left"> | |
| <button x-on:click="previous()"><svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_da)"><ellipse cx="22.2157" cy="19.5" rx="16.2159" ry="16.5" transform="rotate(180 22.2157 19.5)" fill="#fff"></ellipse></g><rect width="11.8972" height="1.98286" transform="matrix(0.700941 -0.71322 0.700941 0.71322 15.8555 19.5147)" fill="#1866d4"></rect><rect width="11.8972" height="1.98286" transform="matrix(0.700941 0.713219 -0.700941 0.71322 17.2451 18.1006)" fill="#1866d4"></rect><defs><filter id="filter0_da" x="0" y="0" width="44.4319" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy="3"></feOffset><feGaussianBlur stdDeviation="3"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter></defs></svg> | |
| </button> | |
| </div> | |
| <div class="slider-content d-flex justify-content-center"> | |
| <div class="overflow-hidden maxw-100"> | |
| <div x-show="active === 0"> | |
| <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-0" scrolling="no" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 478px; height: 321px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=true&id=1349117043648450565&lang=en&origin=https%3A%2F%2Fgrafana.com%2F&sessionId=5f75e844c7d75c7e3c4dbacac05c51cdef3683be&siteScreenName=grafana&theme=light&widgetsVersion=2582c61%3A1645036219416&width=550px" data-tweet-id="1349117043648450565" frameborder="0"></iframe></div> | |
| </div> | |
| </div> | |
| <div class="overflow-hidden maxw-100"> | |
| <div x-show="active === 1" style="display: none;"> | |
| <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-1" scrolling="no" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 0px; height: 0px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-1&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=true&id=1449421251844325377&lang=en&origin=https%3A%2F%2Fgrafana.com%2F&sessionId=5f75e844c7d75c7e3c4dbacac05c51cdef3683be&siteScreenName=grafana&theme=light&widgetsVersion=2582c61%3A1645036219416&width=550px" data-tweet-id="1449421251844325377" frameborder="0"></iframe></div><blockquote class="twitter-tweet" data-conversation="none" data-twitter-extracted-i164555933013066206="true"><svg viewBox="0 0 24 24" fill="rgb(29, 161, 242)" width="25" height="25"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572.0-4.658 2.086-4.658 4.66.0.364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342.0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3.0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376.0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57.0 13.255-7.098 13.255-13.254.0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g></svg> | |
| <a href="https://twitter.com/xopek59/status/1449421251844325377?ref_src=twsrc%5Etfw"> | |
| <p class="mb-0"><small><strong>@xopek59</strong></small></p> | |
| <p dir="ltr" lang="en">Thanks [@grafana](https://twitter.com/grafana/) (cloud) for providing a free + easy/simple way to set up a Grafana + Prometheus to monitor various metrics on Postgres/NodeJS/Linux</p> | |
| </a> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="overflow-hidden maxw-100"> | |
| <div x-show="active === 2" style="display: none;"> | |
| <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-2" scrolling="no" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 0px; height: 0px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-2&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=true&id=1318085884902887425&lang=en&origin=https%3A%2F%2Fgrafana.com%2F&sessionId=5f75e844c7d75c7e3c4dbacac05c51cdef3683be&siteScreenName=grafana&theme=light&widgetsVersion=2582c61%3A1645036219416&width=550px" data-tweet-id="1318085884902887425" frameborder="0"></iframe></div><blockquote class="twitter-tweet" data-conversation="none" data-twitter-extracted-i164555933013066206="true"><svg viewBox="0 0 24 24" fill="rgb(29, 161, 242)" width="25" height="25"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572.0-4.658 2.086-4.658 4.66.0.364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342.0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3.0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376.0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57.0 13.255-7.098 13.255-13.254.0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g></svg> | |
| <a href="https://twitter.com/laszlocph/status/1318085884902887425?ref_src=twsrc%5Etfw"> | |
| <p class="mb-0"><small><strong>@laszlocph</strong></small></p> | |
| <p dir="ltr" lang="en">Loki is my goto log aggregator on my k8s clusters. Just so much nicer experience than others. Less moving parts, better integrated, familiar querying concepts.</p> | |
| </a> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="overflow-hidden maxw-100"> | |
| <div x-show="active === 3" style="display: none;"> | |
| <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-3" scrolling="no" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 0px; height: 0px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-3&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=true&id=1334917922624598020&lang=en&origin=https%3A%2F%2Fgrafana.com%2F&sessionId=5f75e844c7d75c7e3c4dbacac05c51cdef3683be&siteScreenName=grafana&theme=light&widgetsVersion=2582c61%3A1645036219416&width=550px" data-tweet-id="1334917922624598020" frameborder="0"></iframe></div><blockquote class="twitter-tweet" data-conversation="none" data-twitter-extracted-i164555933013066206="true"><svg viewBox="0 0 24 24" fill="rgb(29, 161, 242)" width="25" height="25"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572.0-4.658 2.086-4.658 4.66.0.364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342.0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3.0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376.0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57.0 13.255-7.098 13.255-13.254.0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g></svg> | |
| <a href="https://twitter.com/matteojoliveau/status/1334917922624598020?ref_src=twsrc%5Etfw"> | |
| <p class="mb-0"><small><strong>@matteojoliveau</strong></small></p> | |
| <p dir="ltr" lang="en">I'm amazed at | |
| @grafana | |
| Loki. So lightweight, yet so flexible and scalable. And the fact that 2.0 can run completely off a single S3 bucket is crazy I think I'm finally decommissioning ElasticSearch for log aggregation | |
| </p> | |
| </a> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="overflow-hidden maxw-100"> | |
| <div x-show="active === 4" style="display: none;"> | |
| <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-4" scrolling="no" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 0px; height: 0px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-4&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=true&id=1354239251534270464&lang=en&origin=https%3A%2F%2Fgrafana.com%2F&sessionId=5f75e844c7d75c7e3c4dbacac05c51cdef3683be&siteScreenName=grafana&theme=light&widgetsVersion=2582c61%3A1645036219416&width=550px" data-tweet-id="1354239251534270464" frameborder="0"></iframe></div><blockquote class="twitter-tweet" data-conversation="none" data-twitter-extracted-i164555933013066206="true"><svg viewBox="0 0 24 24" fill="rgb(29, 161, 242)" width="25" height="25"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572.0-4.658 2.086-4.658 4.66.0.364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342.0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3.0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376.0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57.0 13.255-7.098 13.255-13.254.0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g></svg> | |
| <a href="https://twitter.com/aesadde/status/1354239251534270464?ref_src=twsrc%5Etfw"> | |
| <p class="mb-0"><small><strong>@aesadde</strong></small></p> | |
| <p dir="ltr" lang="en">After being stuck with @stackdriver for so long to monitor our clusters we're finally moving to @grafana. | |
| Feels like going from an old unreliable car to a Ferrari.</p> | |
| </a> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="overflow-hidden maxw-100"> | |
| <div x-show="active === 5" style="display: none;"> | |
| <div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-5" scrolling="no" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 0px; height: 0px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-5&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=true&id=1147153752668983301&lang=en&origin=https%3A%2F%2Fgrafana.com%2F&sessionId=5f75e844c7d75c7e3c4dbacac05c51cdef3683be&siteScreenName=grafana&theme=light&widgetsVersion=2582c61%3A1645036219416&width=550px" data-tweet-id="1147153752668983301" frameborder="0"></iframe></div><blockquote class="twitter-tweet" data-conversation="none" data-twitter-extracted-i164555933013066206="true"><svg viewBox="0 0 24 24" fill="rgb(29, 161, 242)" width="25" height="25"><g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572.0-4.658 2.086-4.658 4.66.0.364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342.0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3.0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376.0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57.0 13.255-7.098 13.255-13.254.0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g></svg> | |
| <a href="https://twitter.com/lizrice/status/1147153752668983301?ref_src=twsrc%5Etfw"> | |
| <p class="mb-0"><small><strong>@lizrice</strong></small></p> | |
| <p dir="ltr" lang="en">Grafana dashboard #prometheus metrics behind the scenes at #wimbledon. Yep, they are running on #kubernetes in @ibm cloud</p> | |
| </a> | |
| </blockquote> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="slider-right"> | |
| <button x-on:click="next()"><svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_da)"><ellipse cx="22.6476" cy="19.5" rx="16.2159" ry="16.5" fill="#fff"></ellipse></g><rect width="11.8972" height="1.98286" transform="matrix(-0.700941 0.71322 -0.700941 -0.71322 29.0078 19.4853)" fill="#1866d4"></rect><rect width="11.8972" height="1.98286" transform="matrix(-0.700941 -0.71322 0.700941 -0.71322 27.6182 20.8994)" fill="#1866d4"></rect><defs><filter id="filter0_da" x=".431641" y="0" width="44.4319" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy="3"></feOffset><feGaussianBlur stdDeviation="3"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter></defs></svg> | |
| </button> | |
| </div> | |
| <div class="slider-indicators d-flex justify-content-center"> | |
| <button class="slider-indicator slider-indicator__active" :class="{ 'slider-indicator__active': active === 0 }" x-on:click="active = 0"> | |
| <template x-if="active === 0"> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| </template> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| <template x-if="active !== 0"> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </template> | |
| </button> | |
| <button class="slider-indicator" :class="{ 'slider-indicator__active': active === 1 }" x-on:click="active = 1"> | |
| <template x-if="active === 1"> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| </template> | |
| <template x-if="active !== 1"> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </template> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </button> | |
| <button class="slider-indicator" :class="{ 'slider-indicator__active': active === 2 }" x-on:click="active = 2"> | |
| <template x-if="active === 2"> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| </template> | |
| <template x-if="active !== 2"> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </template> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </button> | |
| <button class="slider-indicator" :class="{ 'slider-indicator__active': active === 3 }" x-on:click="active = 3"> | |
| <template x-if="active === 3"> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| </template> | |
| <template x-if="active !== 3"> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </template> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </button> | |
| <button class="slider-indicator" :class="{ 'slider-indicator__active': active === 4 }" x-on:click="active = 4"> | |
| <template x-if="active === 4"> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| </template> | |
| <template x-if="active !== 4"> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </template> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </button> | |
| <button class="slider-indicator" :class="{ 'slider-indicator__active': active === 5 }" x-on:click="active = 5"> | |
| <template x-if="active === 5"> | |
| <div class="slider-indicator__icon-active-blue"> | |
| <i class="fa fa-circle-o"></i> | |
| </div> | |
| </template> | |
| <template x-if="active !== 5"> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </template> | |
| <div class="slider-indicator__icon-inactive"> | |
| • | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-1"> | |
| <div class="btn-row"> | |
| <a target="" class="btn btn--primary btn--primary-inverted arrow" href="/success/"> | |
| Success stories | |
| </a> | |
| <a target="_blank" class="btn btn--outline-white arrow" href="https://twitter.com/grafana"> | |
| <i class="fa fa-twitter"></i> @grafana | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style global lang="postcss"> | |
| .bg-gradient-tweets { | |
| background: radial-gradient(122.08% 122.08% at 31.95% 0%,#fbaa5a 0%,#fb755a 50.52%,#fb5a67 100%); | |
| } | |
| @font-face { | |
| font-family:lg; | |
| src:url(../fonts/lg.eot?n1z373); | |
| src:url(../fonts/lg.eot?#iefixn1z373)format("embedded-opentype"), | |
| url(../fonts/lg.woff?n1z373)format("woff"), | |
| url(../fonts/lg.ttf?n1z373)format("truetype"), | |
| url(../fonts/lg.svg?n1z373#lg)format("svg"); | |
| font-weight:400; | |
| font-style:normal | |
| } | |
| .lg-icon { | |
| font-family:lg; | |
| speak:none; | |
| font-style:normal; | |
| font-weight:400; | |
| font-variant:normal; | |
| text-transform:none; | |
| line-height:1; | |
| -webkit-font-smoothing:antialiased; | |
| -moz-osx-font-smoothing:grayscale | |
| } | |
| .lg-actions .lg-next, | |
| .lg-actions .lg-prev { | |
| background-color:rgba(0,0,0,.45); | |
| border-radius:2px; | |
| color:#999; | |
| cursor:pointer; | |
| display:block; | |
| font-size:22px; | |
| margin-top:-10px; | |
| padding:8px 10px 9px; | |
| position:absolute; | |
| top:50%; | |
| z-index:1080 | |
| } | |
| .lg-actions .lg-next.disabled, | |
| .lg-actions .lg-prev.disabled { | |
| pointer-events:none; | |
| opacity:.5 | |
| } | |
| .lg-actions .lg-next:hover, | |
| .lg-actions .lg-prev:hover { | |
| color:#fff | |
| } | |
| .lg-actions .lg-next { | |
| right:20px | |
| } | |
| .lg-actions .lg-next:before { | |
| content:"\e095" | |
| } | |
| .lg-actions .lg-prev { | |
| left:20px | |
| } | |
| .lg-actions .lg-prev:after { | |
| content:"\e094" | |
| } | |
| @-webkit-keyframes lg-right-end { | |
| 0% { | |
| left:0 | |
| } | |
| 50% { | |
| left:-30px | |
| } | |
| 100% { | |
| left:0 | |
| } | |
| } | |
| @keyframes lg-right-end { | |
| 0% { | |
| left:0 | |
| } | |
| 50% { | |
| left:-30px | |
| } | |
| 100% { | |
| left:0 | |
| } | |
| } | |
| @-webkit-keyframes lg-left-end { | |
| 0% { | |
| left:0 | |
| } | |
| 50% { | |
| left:30px | |
| } | |
| 100% { | |
| left:0 | |
| } | |
| } | |
| @keyframes lg-left-end { | |
| 0% { | |
| left:0 | |
| } | |
| 50% { | |
| left:30px | |
| } | |
| 100% { | |
| left:0 | |
| } | |
| } | |
| .lg-outer.lg-right-end .lg-object { | |
| -webkit-animation:lg-right-end .3s; | |
| animation:lg-right-end .3s; | |
| position:relative | |
| } | |
| .lg-outer.lg-left-end .lg-object { | |
| -webkit-animation:lg-left-end .3s; | |
| animation:lg-left-end .3s; | |
| position:relative | |
| } | |
| .lg-toolbar { | |
| z-index:1082; | |
| left:0; | |
| position:absolute; | |
| top:0; | |
| width:100%; | |
| background-color:rgba(0,0,0,.45) | |
| } | |
| .lg-toolbar .lg-icon { | |
| color:#999; | |
| cursor:pointer; | |
| float:right; | |
| font-size:24px; | |
| height:47px; | |
| line-height:27px; | |
| padding:10px 0; | |
| text-align:center; | |
| width:50px; | |
| text-decoration:none!important; | |
| outline:none; | |
| transition:color .2s linear | |
| } | |
| .lg-toolbar .lg-icon:hover { | |
| color:#fff | |
| } | |
| .lg-toolbar .lg-close:after { | |
| content:"\e070" | |
| } | |
| .lg-toolbar .lg-download:after { | |
| content:"\e0f2" | |
| } | |
| .lg-sub-html { | |
| background-color:rgba(0,0,0,.45); | |
| bottom:0; | |
| color:#eee; | |
| font-size:16px; | |
| left:0; | |
| padding:10px 40px; | |
| position:fixed; | |
| right:0; | |
| text-align:center; | |
| z-index:1080 | |
| } | |
| .lg-sub-html h4 { | |
| margin:0; | |
| font-size:13px; | |
| font-weight:700 | |
| } | |
| .lg-sub-html p { | |
| font-size:12px; | |
| margin:5px 0 0 | |
| } | |
| #lg-counter { | |
| color:#999; | |
| display:inline-block; | |
| font-size:16px; | |
| padding-left:20px; | |
| padding-top:12px; | |
| vertical-align:middle | |
| } | |
| .lg-toolbar, | |
| .lg-prev, | |
| .lg-next { | |
| opacity:1; | |
| transition:transform .35s cubic-bezier(0,0,.25,1)0s,opacity .35s cubic-bezier(0,0,.25,1)0s,color .2s linear | |
| } | |
| .lg-hide-items .lg-prev { | |
| opacity:0; | |
| transform:translate3d(-10px,0,0) | |
| } | |
| .lg-hide-items .lg-next { | |
| opacity:0; | |
| transform:translate3d(10px,0,0) | |
| } | |
| .lg-hide-items .lg-toolbar { | |
| opacity:0; | |
| transform:translate3d(0,-10px,0) | |
| } | |
| body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { | |
| transform:scale3d(.5,.5,.5); | |
| opacity:0; | |
| transition:transform 250ms cubic-bezier(0,0,.25,1)0s,opacity 250ms cubic-bezier(0,0,.25,1)!important; | |
| transform-origin:50% 50% | |
| } | |
| body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-outer .lg-thumb-outer { | |
| background-color:#0d0a0a; | |
| bottom:0; | |
| position:absolute; | |
| width:100%; | |
| z-index:1080; | |
| max-height:350px; | |
| transform:translate3d(0,100%,0); | |
| transition:transform .25s cubic-bezier(0,0,.25,1)0s | |
| } | |
| .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { | |
| cursor:-webkit-grab; | |
| cursor:-o-grab; | |
| cursor:-ms-grab; | |
| cursor:grab | |
| } | |
| .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { | |
| cursor:move; | |
| cursor:-webkit-grabbing; | |
| cursor:-o-grabbing; | |
| cursor:-ms-grabbing; | |
| cursor:grabbing | |
| } | |
| .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { | |
| transition-duration:0s!important | |
| } | |
| .lg-outer.lg-thumb-open .lg-thumb-outer { | |
| transform:translate3d(0,0%,0) | |
| } | |
| .lg-outer .lg-thumb { | |
| padding:10px 0; | |
| height:100%; | |
| margin-bottom:-5px | |
| } | |
| .lg-outer .lg-thumb-item { | |
| border-radius:5px; | |
| cursor:pointer; | |
| float:left; | |
| overflow:hidden; | |
| height:100%; | |
| border:2px solid #fff; | |
| border-radius:4px; | |
| margin-bottom:5px | |
| } | |
| @media(min-width:1025px) { | |
| .lg-outer .lg-thumb-item { | |
| transition:border-color .25s ease | |
| } | |
| } | |
| .lg-outer .lg-thumb-item.active, | |
| .lg-outer .lg-thumb-item:hover { | |
| border-color:#a90707 | |
| } | |
| .lg-outer .lg-thumb-item img { | |
| width:100%; | |
| height:100%; | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| .lg-outer.lg-has-thumb .lg-item { | |
| padding-bottom:120px | |
| } | |
| .lg-outer.lg-can-toggle .lg-item { | |
| padding-bottom:0 | |
| } | |
| .lg-outer.lg-pull-caption-up .lg-sub-html { | |
| transition:bottom .25s ease | |
| } | |
| .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { | |
| bottom:100px | |
| } | |
| .lg-outer .lg-toggle-thumb { | |
| background-color:#0d0a0a; | |
| border-radius:2px 2px 0 0; | |
| color:#999; | |
| cursor:pointer; | |
| font-size:24px; | |
| height:39px; | |
| line-height:27px; | |
| padding:5px 0; | |
| position:absolute; | |
| right:20px; | |
| text-align:center; | |
| top:-39px; | |
| width:50px | |
| } | |
| .lg-outer .lg-toggle-thumb:after { | |
| content:"\e1ff" | |
| } | |
| .lg-outer .lg-toggle-thumb:hover { | |
| color:#fff | |
| } | |
| .lg-outer .lg-video-cont { | |
| display:inline-block; | |
| vertical-align:middle; | |
| max-width:1140px; | |
| max-height:100%; | |
| width:100%; | |
| padding:0 5px | |
| } | |
| .lg-outer .lg-video { | |
| width:100%; | |
| height:0; | |
| padding-bottom:56.25%; | |
| overflow:hidden; | |
| position:relative | |
| } | |
| .lg-outer .lg-video .lg-object { | |
| display:inline-block; | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| width:100%!important; | |
| height:100%!important | |
| } | |
| .lg-outer .lg-video .lg-video-play { | |
| width:84px; | |
| height:59px; | |
| position:absolute; | |
| left:50%; | |
| top:50%; | |
| margin-left:-42px; | |
| margin-top:-30px; | |
| z-index:1080; | |
| cursor:pointer | |
| } | |
| .lg-outer .lg-has-vimeo .lg-video-play { | |
| background:url(../img/vimeo-play.png)no-repeat | |
| } | |
| .lg-outer .lg-has-vimeo:hover .lg-video-play { | |
| background:url(../img/vimeo-play.png)no-repeat 0 -58px | |
| } | |
| .lg-outer .lg-has-html5 .lg-video-play { | |
| background:url(../img/video-play.png)no-repeat; | |
| height:64px; | |
| margin-left:-32px; | |
| margin-top:-32px; | |
| width:64px; | |
| opacity:.8 | |
| } | |
| .lg-outer .lg-has-html5:hover .lg-video-play { | |
| opacity:1 | |
| } | |
| .lg-outer .lg-has-youtube .lg-video-play { | |
| background:url(../img/youtube-play.png)no-repeat | |
| } | |
| .lg-outer .lg-has-youtube:hover .lg-video-play { | |
| background:url(../img/youtube-play.png)no-repeat 0 -60px | |
| } | |
| .lg-outer .lg-video-object { | |
| width:100%!important; | |
| height:100%!important; | |
| position:absolute; | |
| top:0; | |
| left:0 | |
| } | |
| .lg-outer .lg-has-video .lg-video-object { | |
| visibility:hidden | |
| } | |
| .lg-outer .lg-has-video.lg-video-playing .lg-object, | |
| .lg-outer .lg-has-video.lg-video-playing .lg-video-play { | |
| display:none | |
| } | |
| .lg-outer .lg-has-video.lg-video-playing .lg-video-object { | |
| visibility:visible | |
| } | |
| .lg-progress-bar { | |
| background-color:#333; | |
| height:5px; | |
| left:0; | |
| position:absolute; | |
| top:0; | |
| width:100%; | |
| z-index:1083; | |
| opacity:0; | |
| transition:opacity .08s ease 0s | |
| } | |
| .lg-progress-bar .lg-progress { | |
| background-color:#a90707; | |
| height:5px; | |
| width:0 | |
| } | |
| .lg-progress-bar.lg-start .lg-progress { | |
| width:100% | |
| } | |
| .lg-show-autoplay .lg-progress-bar { | |
| opacity:1 | |
| } | |
| .lg-autoplay-button:after { | |
| content:"\e01d" | |
| } | |
| .lg-show-autoplay .lg-autoplay-button:after { | |
| content:"\e01a" | |
| } | |
| .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, | |
| .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { | |
| transition-duration:0s | |
| } | |
| .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { | |
| transition:left .3s cubic-bezier(0,0,.25,1)0s,top .3s cubic-bezier(0,0,.25,1)0s; | |
| transform:translate3d(0,0,0); | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden | |
| } | |
| .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { | |
| transform:scale3d(1,1,1); | |
| transition:transform .3s cubic-bezier(0,0,.25,1)0s,opacity .15s!important; | |
| transform-origin:0 0; | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden | |
| } | |
| #lg-zoom-in:after { | |
| content:"\e311" | |
| } | |
| #lg-actual-size { | |
| font-size:20px | |
| } | |
| #lg-actual-size:after { | |
| content:"\e033" | |
| } | |
| #lg-zoom-out { | |
| opacity:.5; | |
| pointer-events:none | |
| } | |
| #lg-zoom-out:after { | |
| content:"\e312" | |
| } | |
| .lg-zoomed #lg-zoom-out { | |
| opacity:1; | |
| pointer-events:auto | |
| } | |
| .lg-outer .lg-pager-outer { | |
| bottom:60px; | |
| left:0; | |
| position:absolute; | |
| right:0; | |
| text-align:center; | |
| z-index:1080; | |
| height:10px | |
| } | |
| .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { | |
| overflow:visible | |
| } | |
| .lg-outer .lg-pager-cont { | |
| cursor:pointer; | |
| display:inline-block; | |
| overflow:hidden; | |
| position:relative; | |
| vertical-align:top; | |
| margin:0 5px | |
| } | |
| .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { | |
| opacity:1; | |
| transform:translate3d(0,0,0) | |
| } | |
| .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { | |
| box-shadow:0 0 0 2px white inset | |
| } | |
| .lg-outer .lg-pager-thumb-cont { | |
| background-color:#fff; | |
| color:#fff; | |
| bottom:100%; | |
| height:83px; | |
| left:0; | |
| margin-bottom:20px; | |
| margin-left:-60px; | |
| opacity:0; | |
| padding:5px; | |
| position:absolute; | |
| width:120px; | |
| border-radius:3px; | |
| transition:opacity .15s ease 0s,transform .15s ease 0s; | |
| transform:translate3d(0,5px,0) | |
| } | |
| .lg-outer .lg-pager-thumb-cont img { | |
| width:100%; | |
| height:100% | |
| } | |
| .lg-outer .lg-pager { | |
| background-color:rgba(255,255,255,.5); | |
| border-radius:50%; | |
| box-shadow:0 0 0 8px rgba(255,255,255,.7)inset; | |
| display:block; | |
| height:12px; | |
| transition:box-shadow .3s ease 0s; | |
| width:12px | |
| } | |
| .lg-outer .lg-pager:hover, | |
| .lg-outer .lg-pager:focus { | |
| box-shadow:0 0 0 8px white inset | |
| } | |
| .lg-outer .lg-caret { | |
| border-left:10px solid transparent; | |
| border-right:10px solid transparent; | |
| border-top:10px dashed; | |
| bottom:-10px; | |
| display:inline-block; | |
| height:0; | |
| left:50%; | |
| margin-left:-5px; | |
| position:absolute; | |
| vertical-align:middle; | |
| width:0 | |
| } | |
| .lg-fullscreen:after { | |
| content:"\e20c" | |
| } | |
| .lg-fullscreen-on .lg-fullscreen:after { | |
| content:"\e20d" | |
| } | |
| .lg-outer #lg-dropdown-overlay { | |
| background-color:rgba(0,0,0,.25); | |
| bottom:0; | |
| cursor:default; | |
| left:0; | |
| position:fixed; | |
| right:0; | |
| top:0; | |
| z-index:1081; | |
| opacity:0; | |
| visibility:hidden; | |
| transition:visibility 0s linear .18s,opacity .18s linear 0s | |
| } | |
| .lg-outer.lg-dropdown-active .lg-dropdown, | |
| .lg-outer.lg-dropdown-active #lg-dropdown-overlay { | |
| transition-delay:0s; | |
| transform:translate3d(0,0,0); | |
| opacity:1; | |
| visibility:visible | |
| } | |
| .lg-outer.lg-dropdown-active #lg-share { | |
| color:#fff | |
| } | |
| .lg-outer .lg-dropdown { | |
| background-color:#fff; | |
| border-radius:2px; | |
| font-size:14px; | |
| list-style-type:none; | |
| margin:0; | |
| padding:10px 0; | |
| position:absolute; | |
| right:0; | |
| text-align:left; | |
| top:50px; | |
| opacity:0; | |
| visibility:hidden; | |
| transform:translate3d(0,5px,0); | |
| transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s | |
| } | |
| .lg-outer .lg-dropdown:after { | |
| content:""; | |
| display:block; | |
| height:0; | |
| width:0; | |
| position:absolute; | |
| border:8px solid transparent; | |
| border-bottom-color:#fff; | |
| right:16px; | |
| top:-16px | |
| } | |
| .lg-outer .lg-dropdown>li:last-child { | |
| margin-bottom:0 | |
| } | |
| .lg-outer .lg-dropdown>li:hover a, | |
| .lg-outer .lg-dropdown>li:hover .lg-icon { | |
| color:#333 | |
| } | |
| .lg-outer .lg-dropdown a { | |
| color:#333; | |
| display:block; | |
| white-space:pre; | |
| padding:4px 12px; | |
| font-family:open sans,helvetica neue,Helvetica,Arial,sans-serif; | |
| font-size:12px | |
| } | |
| .lg-outer .lg-dropdown a:hover { | |
| background-color:rgba(0,0,0,7%) | |
| } | |
| .lg-outer .lg-dropdown .lg-dropdown-text { | |
| display:inline-block; | |
| line-height:1; | |
| margin-top:-3px; | |
| vertical-align:middle | |
| } | |
| .lg-outer .lg-dropdown .lg-icon { | |
| color:#333; | |
| display:inline-block; | |
| float:none; | |
| font-size:20px; | |
| height:auto; | |
| line-height:1; | |
| margin-right:8px; | |
| padding:0; | |
| vertical-align:middle; | |
| width:auto | |
| } | |
| .lg-outer #lg-share { | |
| position:relative | |
| } | |
| .lg-outer #lg-share:after { | |
| content:"\e80d" | |
| } | |
| .lg-outer #lg-share-facebook .lg-icon { | |
| color:#3b5998 | |
| } | |
| .lg-outer #lg-share-facebook .lg-icon:after { | |
| content:"\e901" | |
| } | |
| .lg-outer #lg-share-twitter .lg-icon { | |
| color:#00aced | |
| } | |
| .lg-outer #lg-share-twitter .lg-icon:after { | |
| content:"\e904" | |
| } | |
| .lg-outer #lg-share-googleplus .lg-icon { | |
| color:#dd4b39 | |
| } | |
| .lg-outer #lg-share-googleplus .lg-icon:after { | |
| content:"\e902" | |
| } | |
| .lg-outer #lg-share-pinterest .lg-icon { | |
| color:#cb2027 | |
| } | |
| .lg-outer #lg-share-pinterest .lg-icon:after { | |
| content:"\e903" | |
| } | |
| .group { | |
| *zoom:1 | |
| } | |
| .group:before, | |
| .group:after { | |
| display:table; | |
| content:""; | |
| line-height:0 | |
| } | |
| .group:after { | |
| clear:both | |
| } | |
| .lg-outer { | |
| width:100%; | |
| height:100%; | |
| position:fixed; | |
| top:0; | |
| left:0; | |
| z-index:1050; | |
| opacity:0; | |
| transition:opacity .15s ease 0s | |
| } | |
| .lg-outer * { | |
| box-sizing:border-box | |
| } | |
| .lg-outer.lg-visible { | |
| opacity:1 | |
| } | |
| .lg-outer.lg-css3 .lg-item.lg-prev-slide, | |
| .lg-outer.lg-css3 .lg-item.lg-next-slide, | |
| .lg-outer.lg-css3 .lg-item.lg-current { | |
| transition-duration:inherit!important; | |
| transition-timing-function:inherit!important | |
| } | |
| .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, | |
| .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, | |
| .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { | |
| transition-duration:0s!important; | |
| opacity:1 | |
| } | |
| .lg-outer.lg-grab img.lg-object { | |
| cursor:-webkit-grab; | |
| cursor:-o-grab; | |
| cursor:-ms-grab; | |
| cursor:grab | |
| } | |
| .lg-outer.lg-grabbing img.lg-object { | |
| cursor:move; | |
| cursor:-webkit-grabbing; | |
| cursor:-o-grabbing; | |
| cursor:-ms-grabbing; | |
| cursor:grabbing | |
| } | |
| .lg-outer .lg { | |
| height:100%; | |
| width:100%; | |
| position:relative; | |
| overflow:hidden; | |
| margin-left:auto; | |
| margin-right:auto; | |
| max-width:100%; | |
| max-height:100% | |
| } | |
| .lg-outer .lg-inner { | |
| width:100%; | |
| height:100%; | |
| position:absolute; | |
| left:0; | |
| top:0; | |
| white-space:nowrap | |
| } | |
| .lg-outer .lg-item { | |
| background:url(../img/loading.gif)no-repeat 50%; | |
| display:none!important | |
| } | |
| .lg-outer.lg-css3 .lg-prev-slide, | |
| .lg-outer.lg-css3 .lg-current, | |
| .lg-outer.lg-css3 .lg-next-slide { | |
| display:inline-block!important | |
| } | |
| .lg-outer.lg-css .lg-current { | |
| display:inline-block!important | |
| } | |
| .lg-outer .lg-item, | |
| .lg-outer .lg-img-wrap { | |
| display:inline-block; | |
| text-align:center; | |
| position:absolute; | |
| width:100%; | |
| height:100% | |
| } | |
| .lg-outer .lg-item:before, | |
| .lg-outer .lg-img-wrap:before { | |
| content:""; | |
| display:inline-block; | |
| height:50%; | |
| width:1px; | |
| margin-right:-1px | |
| } | |
| .lg-outer .lg-img-wrap { | |
| position:absolute; | |
| padding:0 5px; | |
| left:0; | |
| right:0; | |
| top:0; | |
| bottom:0 | |
| } | |
| .lg-outer .lg-item.lg-complete { | |
| background-image:none | |
| } | |
| .lg-outer .lg-item.lg-current { | |
| z-index:1060 | |
| } | |
| .lg-outer .lg-image { | |
| display:inline-block; | |
| vertical-align:middle; | |
| max-width:100%; | |
| max-height:100%; | |
| width:auto!important; | |
| height:auto!important | |
| } | |
| .lg-outer.lg-show-after-load .lg-item .lg-object, | |
| .lg-outer.lg-show-after-load .lg-item .lg-video-play { | |
| opacity:0; | |
| transition:opacity .15s ease 0s | |
| } | |
| .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, | |
| .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { | |
| opacity:1 | |
| } | |
| .lg-outer .lg-empty-html { | |
| display:none | |
| } | |
| .lg-outer.lg-hide-download #lg-download { | |
| display:none | |
| } | |
| .lg-backdrop { | |
| position:fixed; | |
| top:0; | |
| left:0; | |
| right:0; | |
| bottom:0; | |
| z-index:1040; | |
| background-color:#000; | |
| opacity:0; | |
| transition:opacity .15s ease 0s | |
| } | |
| .lg-backdrop.in { | |
| opacity:1 | |
| } | |
| .lg-css3.lg-no-trans .lg-prev-slide, | |
| .lg-css3.lg-no-trans .lg-next-slide, | |
| .lg-css3.lg-no-trans .lg-current { | |
| transition:none 0s ease 0s!important | |
| } | |
| .lg-css3.lg-use-css3 .lg-item { | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden | |
| } | |
| .lg-css3.lg-use-left .lg-item { | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden | |
| } | |
| .lg-css3.lg-fade .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-fade .lg-item.lg-current { | |
| opacity:1 | |
| } | |
| .lg-css3.lg-fade .lg-item.lg-prev-slide, | |
| .lg-css3.lg-fade .lg-item.lg-next-slide, | |
| .lg-css3.lg-fade .lg-item.lg-current { | |
| transition:opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { | |
| transform:translate3d(-100%,0,0) | |
| } | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { | |
| transform:translate3d(100%,0,0) | |
| } | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { | |
| transform:translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide.lg-use-left .lg-item { | |
| opacity:0; | |
| position:absolute; | |
| left:0 | |
| } | |
| .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { | |
| left:-100% | |
| } | |
| .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { | |
| left:100% | |
| } | |
| .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { | |
| left:0; | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { | |
| transition:left 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-zoom-in .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-zoom-in .lg-item.lg-prev-slide { | |
| transform:scale3d(1.3,1.3,1.3) | |
| } | |
| .lg-css3.lg-zoom-in .lg-item.lg-next-slide { | |
| transform:scale3d(1.3,1.3,1.3) | |
| } | |
| .lg-css3.lg-zoom-in .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, | |
| .lg-css3.lg-zoom-in .lg-item.lg-next-slide, | |
| .lg-css3.lg-zoom-in .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-zoom-in-big .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide { | |
| transform:scale3d(2,2,2) | |
| } | |
| .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide { | |
| transform:scale3d(2,2,2) | |
| } | |
| .lg-css3.lg-zoom-in-big .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, | |
| .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, | |
| .lg-css3.lg-zoom-in-big .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-zoom-out .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-zoom-out .lg-item.lg-prev-slide { | |
| transform:scale3d(.7,.7,.7) | |
| } | |
| .lg-css3.lg-zoom-out .lg-item.lg-next-slide { | |
| transform:scale3d(.7,.7,.7) | |
| } | |
| .lg-css3.lg-zoom-out .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, | |
| .lg-css3.lg-zoom-out .lg-item.lg-next-slide, | |
| .lg-css3.lg-zoom-out .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-zoom-out-big .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0) | |
| } | |
| .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0) | |
| } | |
| .lg-css3.lg-zoom-out-big .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, | |
| .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, | |
| .lg-css3.lg-zoom-out-big .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-zoom-out-in .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0) | |
| } | |
| .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { | |
| transform:scale3d(2,2,2) | |
| } | |
| .lg-css3.lg-zoom-out-in .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, | |
| .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, | |
| .lg-css3.lg-zoom-out-in .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-zoom-in-out .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { | |
| transform:scale3d(2,2,2) | |
| } | |
| .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0) | |
| } | |
| .lg-css3.lg-zoom-in-out .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, | |
| .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, | |
| .lg-css3.lg-zoom-in-out .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-soft-zoom .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { | |
| transform:scale3d(1.1,1.1,1.1) | |
| } | |
| .lg-css3.lg-soft-zoom .lg-item.lg-next-slide { | |
| transform:scale3d(.9,.9,.9) | |
| } | |
| .lg-css3.lg-soft-zoom .lg-item.lg-current { | |
| transform:scale3d(1,1,1); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, | |
| .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, | |
| .lg-css3.lg-soft-zoom .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-scale-up .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-scale-up .lg-item.lg-prev-slide { | |
| transform:scale3d(.8,.8,.8)translate3d(0%,10%,0) | |
| } | |
| .lg-css3.lg-scale-up .lg-item.lg-next-slide { | |
| transform:scale3d(.8,.8,.8)translate3d(0%,10%,0) | |
| } | |
| .lg-css3.lg-scale-up .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-scale-up .lg-item.lg-prev-slide, | |
| .lg-css3.lg-scale-up .lg-item.lg-next-slide, | |
| .lg-css3.lg-scale-up .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-circular .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-circular .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0)translate3d(-100%,0,0) | |
| } | |
| .lg-css3.lg-slide-circular .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0)translate3d(100%,0,0) | |
| } | |
| .lg-css3.lg-slide-circular .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-circular .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-circular .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-circular-up .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0)translate3d(-100%,-100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0)translate3d(100%,-100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-up .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-circular-up .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-circular-down .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0)translate3d(-100%,100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0)translate3d(100%,100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-down .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-circular-down .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-circular-vertical .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0)translate3d(0,-100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0)translate3d(0,100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0)translate3d(-100%,-100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0)translate3d(-100%,100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { | |
| transform:scale3d(0,0,0)translate3d(100%,-100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { | |
| transform:scale3d(0,0,0)translate3d(100%,100%,0) | |
| } | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity 1s ease 0s | |
| } | |
| .lg-css3.lg-slide-vertical .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { | |
| transform:translate3d(0,-100%,0) | |
| } | |
| .lg-css3.lg-slide-vertical .lg-item.lg-next-slide { | |
| transform:translate3d(0,100%,0) | |
| } | |
| .lg-css3.lg-slide-vertical .lg-item.lg-current { | |
| transform:translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-vertical .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-vertical-growth .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { | |
| transform:scale3d(.5,.5,.5)translate3d(0,-150%,0) | |
| } | |
| .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { | |
| transform:scale3d(.5,.5,.5)translate3d(0,150%,0) | |
| } | |
| .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-only .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { | |
| transform:skew(10deg,0) | |
| } | |
| .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { | |
| transform:skew(10deg,0) | |
| } | |
| .lg-css3.lg-slide-skew-only .lg-item.lg-current { | |
| transform:skew(0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-only .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-only-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { | |
| transform:skew(-10deg,0) | |
| } | |
| .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { | |
| transform:skew(-10deg,0) | |
| } | |
| .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { | |
| transform:skew(0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-only-y .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { | |
| transform:skew(0,10deg) | |
| } | |
| .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { | |
| transform:skew(0,10deg) | |
| } | |
| .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { | |
| transform:skew(0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { | |
| transform:skew(0,-10deg) | |
| } | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { | |
| transform:skew(0,-10deg) | |
| } | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { | |
| transform:skew(0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew .lg-item.lg-prev-slide { | |
| transform:skew(20deg,0)translate3d(-100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew .lg-item.lg-next-slide { | |
| transform:skew(20deg,0)translate3d(100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { | |
| transform:skew(-20deg,0)translate3d(-100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { | |
| transform:skew(-20deg,0)translate3d(100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew-rev .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-cross .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { | |
| transform:skew(0,60deg)translate3d(-100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { | |
| transform:skew(0,60deg)translate3d(100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew-cross .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-cross .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { | |
| transform:skew(0,-60deg)translate3d(-100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { | |
| transform:skew(0,-60deg)translate3d(100%,0%,0) | |
| } | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-ver .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { | |
| transform:skew(60deg,0)translate3d(0,-100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { | |
| transform:skew(60deg,0)translate3d(0,100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-ver .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { | |
| transform:skew(-60deg,0)translate3d(0,-100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { | |
| transform:skew(-60deg,0)translate3d(0,100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { | |
| transform:skew(0,20deg)translate3d(0,-100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { | |
| transform:skew(0,20deg)translate3d(0,100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { | |
| transform:skew(0,-20deg)translate3d(0,-100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { | |
| transform:skew(0,-20deg)translate3d(0,100%,0) | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { | |
| transform:skew(0,0)translate3d(0%,0%,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-lollipop .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-lollipop .lg-item.lg-prev-slide { | |
| transform:translate3d(-100%,0,0) | |
| } | |
| .lg-css3.lg-lollipop .lg-item.lg-next-slide { | |
| transform:translate3d(0,0,0)scale(.5) | |
| } | |
| .lg-css3.lg-lollipop .lg-item.lg-current { | |
| transform:translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-lollipop .lg-item.lg-prev-slide, | |
| .lg-css3.lg-lollipop .lg-item.lg-next-slide, | |
| .lg-css3.lg-lollipop .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-lollipop-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { | |
| transform:translate3d(0,0,0)scale(.5) | |
| } | |
| .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { | |
| transform:translate3d(100%,0,0) | |
| } | |
| .lg-css3.lg-lollipop-rev .lg-item.lg-current { | |
| transform:translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-lollipop-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-rotate .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-rotate .lg-item.lg-prev-slide { | |
| transform:rotate(-360deg) | |
| } | |
| .lg-css3.lg-rotate .lg-item.lg-next-slide { | |
| transform:rotate(360deg) | |
| } | |
| .lg-css3.lg-rotate .lg-item.lg-current { | |
| transform:rotate(0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-rotate .lg-item.lg-prev-slide, | |
| .lg-css3.lg-rotate .lg-item.lg-next-slide, | |
| .lg-css3.lg-rotate .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-rotate-rev .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { | |
| transform:rotate(360deg) | |
| } | |
| .lg-css3.lg-rotate-rev .lg-item.lg-next-slide { | |
| transform:rotate(-360deg) | |
| } | |
| .lg-css3.lg-rotate-rev .lg-item.lg-current { | |
| transform:rotate(0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, | |
| .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, | |
| .lg-css3.lg-rotate-rev .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .lg-css3.lg-tube .lg-item { | |
| opacity:0 | |
| } | |
| .lg-css3.lg-tube .lg-item.lg-prev-slide { | |
| transform:scale3d(1,0,1)translate3d(-100%,0,0) | |
| } | |
| .lg-css3.lg-tube .lg-item.lg-next-slide { | |
| transform:scale3d(1,0,1)translate3d(100%,0,0) | |
| } | |
| .lg-css3.lg-tube .lg-item.lg-current { | |
| transform:scale3d(1,1,1)translate3d(0,0,0); | |
| opacity:1 | |
| } | |
| .lg-css3.lg-tube .lg-item.lg-prev-slide, | |
| .lg-css3.lg-tube .lg-item.lg-next-slide, | |
| .lg-css3.lg-tube .lg-item.lg-current { | |
| transition:transform 1s cubic-bezier(0,0,.25,1)0s,opacity .1s ease 0s | |
| } | |
| .glide { | |
| position:relative; | |
| width:100%; | |
| box-sizing:border-box | |
| } | |
| .glide * { | |
| box-sizing:inherit | |
| } | |
| .glide__track { | |
| overflow:hidden | |
| } | |
| .glide__slides { | |
| position:relative; | |
| width:100%; | |
| list-style:none; | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| transform-style:preserve-3d; | |
| touch-action:pan-Y; | |
| overflow:hidden; | |
| padding:0; | |
| white-space:nowrap; | |
| display:flex; | |
| flex-wrap:nowrap; | |
| will-change:transform | |
| } | |
| .glide__slides--dragging { | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none | |
| } | |
| .glide__slide { | |
| width:100%; | |
| height:100%; | |
| flex-shrink:0; | |
| white-space:normal; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none; | |
| -webkit-touch-callout:none; | |
| -webkit-tap-highlight-color:transparent | |
| } | |
| .glide__slide a { | |
| -webkit-user-select:none; | |
| user-select:none; | |
| -webkit-user-drag:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none | |
| } | |
| .glide__arrows { | |
| -webkit-touch-callout:none; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none | |
| } | |
| .glide__bullets { | |
| -webkit-touch-callout:none; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none | |
| } | |
| .glide--rtl { | |
| direction:rtl | |
| } | |
| .tippy-box[data-animation=fade][data-state=hidden] { | |
| opacity:0 | |
| } | |
| [data-tippy-root] { | |
| max-width:calc(100vw - 10px) | |
| } | |
| .tippy-box { | |
| position:relative; | |
| background-color:#333; | |
| color:#fff; | |
| border-radius:4px; | |
| font-size:14px; | |
| line-height:1.4; | |
| white-space:normal; | |
| outline:0; | |
| transition-property:transform,visibility,opacity | |
| } | |
| .tippy-box[data-placement^=top]>.tippy-arrow { | |
| bottom:0 | |
| } | |
| .tippy-box[data-placement^=top]>.tippy-arrow:before { | |
| bottom:-7px; | |
| left:0; | |
| border-width:8px 8px 0; | |
| border-top-color:initial; | |
| transform-origin:center top | |
| } | |
| .tippy-box[data-placement^=bottom]>.tippy-arrow { | |
| top:0 | |
| } | |
| .tippy-box[data-placement^=bottom]>.tippy-arrow:before { | |
| top:-7px; | |
| left:0; | |
| border-width:0 8px 8px; | |
| border-bottom-color:initial; | |
| transform-origin:center bottom | |
| } | |
| .tippy-box[data-placement^=left]>.tippy-arrow { | |
| right:0 | |
| } | |
| .tippy-box[data-placement^=left]>.tippy-arrow:before { | |
| border-width:8px 0 8px 8px; | |
| border-left-color:initial; | |
| right:-7px; | |
| transform-origin:center left | |
| } | |
| .tippy-box[data-placement^=right]>.tippy-arrow { | |
| left:0 | |
| } | |
| .tippy-box[data-placement^=right]>.tippy-arrow:before { | |
| left:-7px; | |
| border-width:8px 8px 8px 0; | |
| border-right-color:initial; | |
| transform-origin:center right | |
| } | |
| .tippy-box[data-inertia][data-state=visible] { | |
| transition-timing-function:cubic-bezier(.54,1.5,.38,1.11) | |
| } | |
| .tippy-arrow { | |
| width:16px; | |
| height:16px; | |
| color:#333 | |
| } | |
| .tippy-arrow:before { | |
| content:""; | |
| position:absolute; | |
| border-color:transparent; | |
| border-style:solid | |
| } | |
| .tippy-content { | |
| position:relative; | |
| padding:5px 9px; | |
| z-index:1 | |
| } | |
| @-webkit-keyframes fade-in { | |
| 0% { | |
| opacity:0 | |
| } | |
| 50% { | |
| opacity:0 | |
| } | |
| 100% { | |
| opacity:1 | |
| } | |
| } | |
| @keyframes fade-in { | |
| 0% { | |
| opacity:0 | |
| } | |
| 50% { | |
| opacity:0 | |
| } | |
| 100% { | |
| opacity:1 | |
| } | |
| } | |
| .fade-in { | |
| -webkit-animation:fade-in 2s; | |
| -moz-animation:fade-in 2s; | |
| -o-animation:fade-in 2s; | |
| -ms-animation:fade-in 2s | |
| } | |
| /*!normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/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, | |
| menu, | |
| 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-color:transparent | |
| } | |
| a:active, | |
| a:hover { | |
| outline:0 | |
| } | |
| abbr[title] { | |
| border-bottom:1px dotted | |
| } | |
| b, | |
| strong { | |
| font-weight:700 | |
| } | |
| dfn { | |
| font-style:italic | |
| } | |
| small { | |
| font-size:80% | |
| } | |
| sub, | |
| sup { | |
| font-size:75%; | |
| line-height:0; | |
| position:relative; | |
| vertical-align:baseline | |
| } | |
| sup { | |
| top:-.5em | |
| } | |
| sub { | |
| bottom:-.25em | |
| } | |
| img { | |
| border:0 | |
| } | |
| svg:not(:root) { | |
| overflow:hidden | |
| } | |
| figure { | |
| margin:.75rem 40px | |
| } | |
| figcaption { | |
| margin-top:.75rem | |
| } | |
| hr { | |
| box-sizing:content-box; | |
| height:0 | |
| } | |
| pre { | |
| overflow:auto | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family:consolas,monospace,monospace; | |
| font-size:.95em | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color:inherit; | |
| font:inherit; | |
| margin:0 | |
| } | |
| button { | |
| overflow:visible | |
| } | |
| button, | |
| select { | |
| text-transform:none | |
| } | |
| button, | |
| html input[type=button], | |
| input[type=reset], | |
| input[type=submit] { | |
| -webkit-appearance:button; | |
| cursor:pointer | |
| } | |
| button[disabled], | |
| html input[disabled] { | |
| cursor:default | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border:0; | |
| padding:0 | |
| } | |
| input { | |
| line-height:normal | |
| } | |
| input[type=checkbox], | |
| input[type=radio] { | |
| box-sizing:border-box; | |
| padding:0 | |
| } | |
| input[type=number]::-webkit-inner-spin-button, | |
| input[type=number]::-webkit-outer-spin-button { | |
| height:auto | |
| } | |
| input[type=search] { | |
| -webkit-appearance:textfield; | |
| 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:700 | |
| } | |
| table { | |
| border-collapse:collapse; | |
| border-spacing:0 | |
| } | |
| td, | |
| th { | |
| padding:0 | |
| } | |
| .section-blog .main h1 { | |
| font-size:calc(1.355rem + 1.26vw); | |
| margin-bottom:24px | |
| } | |
| @media(min-width:1200px) { | |
| .section-blog .main h1 { | |
| font-size:2.3rem | |
| } | |
| } | |
| .section-docs .docs-content .docs-header { | |
| font-family:inter,sans-serif | |
| } | |
| .section-docs .docs-content h1 { | |
| font-size:calc(1.355rem + 1.26vw); | |
| margin-bottom:24px | |
| } | |
| @media(min-width:1200px) { | |
| .section-docs .docs-content h1 { | |
| font-size:2.3rem | |
| } | |
| } | |
| .section-docs .docs-content h2 { | |
| font-size:calc(1.305rem + .66vw) | |
| } | |
| @media(min-width:1200px) { | |
| .section-docs .docs-content h2 { | |
| font-size:1.8rem | |
| } | |
| } | |
| .section-docs .docs-content h3 { | |
| font-size:calc(1.275rem + .3vw) | |
| } | |
| @media(min-width:1200px) { | |
| .section-docs .docs-content h3 { | |
| font-size:1.5rem | |
| } | |
| } | |
| .section-docs .docs-content h4 { | |
| font-size:calc(1.2625rem + .15vw) | |
| } | |
| @media(min-width:1200px) { | |
| .section-docs .docs-content h4 { | |
| font-size:1.375rem | |
| } | |
| } | |
| .section-docs .docs-content p, | |
| .section-docs .docs-content li { | |
| font-size:16px; | |
| line-height:24px | |
| } | |
| .tutorial-content h3 { | |
| font-size:24px | |
| } | |
| * { | |
| box-sizing:border-box | |
| } | |
| html, | |
| body { | |
| font-family:inter,sans-serif; | |
| height:100% | |
| } | |
| body { | |
| font-size:16px; | |
| color:#393946; | |
| line-height:1.5; | |
| overflow-x:hidden | |
| } | |
| a { | |
| color:#1866d4; | |
| text-decoration:none; | |
| transition:color .2s | |
| } | |
| a:hover { | |
| color:#105ac1 | |
| } | |
| hr { | |
| border:solid #555; | |
| border-width:1px 0 0; | |
| clear:both; | |
| height:0; | |
| margin:1.25rem 0 1.1875rem | |
| } | |
| .d-flex>hr { | |
| width:100%; | |
| border-color:#bcbcc8 | |
| } | |
| img { | |
| border:0; | |
| max-width:100%; | |
| height:auto | |
| } | |
| figcaption { | |
| font-size:14px; | |
| line-height:18px | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin-top:0; | |
| padding-top:.2rem; | |
| margin-bottom:1rem; | |
| font-family:inter,sans-serif; | |
| font-weight:500; | |
| font-style:normal; | |
| line-height:1.2; | |
| color:#000 | |
| } | |
| h1, | |
| h2 { | |
| letter-spacing:-.04rem | |
| } | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| letter-spacing:-.015rem | |
| } | |
| h6 { | |
| font-family:inter,sans-serif | |
| } | |
| h1, | |
| .h1 { | |
| font-size:calc(1.3875rem + 1.65vw); | |
| line-height:1.3 | |
| } | |
| @media(min-width:1200px) { | |
| h1, | |
| .h1 { | |
| font-size:2.625rem | |
| } | |
| } | |
| h2, | |
| .h2 { | |
| font-size:calc(1.325rem + .9vw) | |
| } | |
| @media(min-width:1200px) { | |
| h2, | |
| .h2 { | |
| font-size:2rem | |
| } | |
| } | |
| h3, | |
| .h3, | |
| .company-pillar__heading { | |
| font-size:calc(1.2875rem + .45vw) | |
| } | |
| @media(min-width:1200px) { | |
| h3, | |
| .h3, | |
| .company-pillar__heading { | |
| font-size:1.625rem | |
| } | |
| } | |
| h4, | |
| .h4, | |
| .page-section__title { | |
| font-size:calc(1.2625rem + .15vw) | |
| } | |
| @media(min-width:1200px) { | |
| h4, | |
| .h4, | |
| .page-section__title { | |
| font-size:1.375rem | |
| } | |
| } | |
| h5, | |
| .h5, | |
| .page-section__title2, | |
| .page-section__paragraph--lead { | |
| font-size:1.125rem; | |
| line-height:1.55rem | |
| } | |
| h6, | |
| .h6, | |
| .company-pillar__subheading { | |
| font-size:1rem; | |
| line-height:1.5rem | |
| } | |
| b { | |
| color:#4b4b5c | |
| } | |
| hr { | |
| border-color:#dfe3e5 | |
| } | |
| p { | |
| margin-bottom:.875rem; | |
| font-size:inherit; | |
| line-height:1.5; | |
| text-rendering:optimizeLegibility | |
| } | |
| li { | |
| font-size:16px; | |
| line-height:24px | |
| } | |
| em, | |
| i { | |
| font-style:italic; | |
| line-height:inherit | |
| } | |
| strong, | |
| b { | |
| line-height:inherit; | |
| font-weight:600 | |
| } | |
| small { | |
| font-size:80%; | |
| line-height:inherit | |
| } | |
| .clearfix::before, | |
| .clearfix::after { | |
| display:table; | |
| content:' ' | |
| } | |
| .clearfix::after { | |
| clear:both | |
| } | |
| ul, | |
| ol { | |
| padding-left:1.5rem | |
| } | |
| p>a:hover, | |
| li>a:hover, | |
| strong>a:hover, | |
| small>a:hover { | |
| text-decoration:underline | |
| } | |
| .body-large { | |
| font-size:20px; | |
| line-height:1.5; | |
| letter-spacing:-.01rem | |
| } | |
| .body-medium { | |
| font-size:18px; | |
| line-height:1.5; | |
| letter-spacing:-.01rem | |
| } | |
| .body-small { | |
| font-size:14px; | |
| line-height:1.5; | |
| letter-spacing:-.01rem | |
| } | |
| .body-xsmall { | |
| font-size:13px; | |
| line-height:1.5 | |
| } | |
| .plugin-spotlight__badge { | |
| z-index:100 | |
| } | |
| .page-header, | |
| .site-nav-canvas { | |
| z-index:400 | |
| } | |
| .page-header>.row, | |
| .site-nav__toggle { | |
| z-index:500 | |
| } | |
| .page-submenu--sticky, | |
| .page-subnav--sticky { | |
| z-index:600 | |
| } | |
| .wrapper, | |
| .wrapper-wide { | |
| padding:0 20px | |
| } | |
| .wrapper::before, | |
| .wrapper-wide::before, | |
| .wrapper::after, | |
| .wrapper-wide::after { | |
| display:table; | |
| content:' ' | |
| } | |
| .wrapper::after, | |
| .wrapper-wide::after { | |
| clear:both | |
| } | |
| .wrapper__header-nav { | |
| display:flex; | |
| height:48px; | |
| align-items:center | |
| } | |
| @media(min-width:40.625rem) { | |
| .wrapper, | |
| .wrapper-wide { | |
| max-width:1240px; | |
| margin:0 | |
| } | |
| } | |
| @media(min-width:1240px) { | |
| .wrapper, | |
| .wrapper-wide { | |
| margin-left:calc(50vw - 620px); | |
| margin-right:0 | |
| } | |
| } | |
| .grid { | |
| box-sizing:border-box; | |
| margin:0; | |
| padding:0 | |
| } | |
| .grid--container { | |
| margin:0 auto; | |
| max-width:1200px; | |
| width:100% | |
| } | |
| .row { | |
| box-sizing:border-box; | |
| display:flex; | |
| flex:0 1 100%; | |
| flex-direction:row; | |
| flex-wrap:wrap; | |
| list-style:none; | |
| margin:.75rem; | |
| padding:0 | |
| } | |
| .row+.row { | |
| margin-top:-.75rem | |
| } | |
| .row--no-gutters, | |
| .row+.row--no-gutters { | |
| margin:0 | |
| } | |
| .row--lg-gutters { | |
| margin:1.5rem | |
| } | |
| .row+.row--lg-gutters { | |
| margin-top:-1.5rem | |
| } | |
| .row--internal-gutters { | |
| margin:-1.5rem 0 0 -1.5rem | |
| } | |
| .row--internal-gutters.row--lg-gutters { | |
| margin:-3rem 0 0 -3rem | |
| } | |
| .row--no-side-gutters { | |
| margin-left:-1.5rem; | |
| margin-right:0 | |
| } | |
| .row--no-side-gutters.row--lg-gutters { | |
| margin-left:-3rem | |
| } | |
| .row--no-bottom { | |
| margin:1.5rem 1.5rem 0 | |
| } | |
| .row--extra-bottom { | |
| margin-bottom:3rem | |
| } | |
| .row--flush { | |
| margin-right:-.75rem; | |
| margin-left:-.75rem | |
| } | |
| .col { | |
| box-sizing:border-box; | |
| flex:0 0 100%; | |
| max-width:100%; | |
| margin:0; | |
| padding:.75rem | |
| } | |
| .row--no-gutters>.col { | |
| padding:0 | |
| } | |
| .row--md-gutters>.col { | |
| padding:.75rem | |
| } | |
| .row--lg-gutters>.col { | |
| padding:1.5rem | |
| } | |
| .row--internal-gutters>.col { | |
| padding:1.5rem 0 0 1.5rem | |
| } | |
| .row--internal-gutters.row--lg-gutters>.col { | |
| padding:3rem 0 0 3rem | |
| } | |
| .row--no-side-gutters>.col { | |
| padding-left:1.5rem; | |
| padding-right:0 | |
| } | |
| .row--no-side-gutters.row--lg-gutters>.col { | |
| padding-left:3rem | |
| } | |
| .row--xs-top { | |
| align-items:flex-start | |
| } | |
| .row--xs-center { | |
| align-items:center | |
| } | |
| .row--xs-bottom { | |
| align-items:flex-end | |
| } | |
| .row--xs-stretch { | |
| align-items:stretch | |
| } | |
| .row--xs-reverse { | |
| flex-direction:row-reverse | |
| } | |
| .col--xs-align-top { | |
| align-self:flex-start | |
| } | |
| .col--xs-align-center { | |
| align-self:center | |
| } | |
| .col--xs-align-bottom { | |
| align-self:flex-end | |
| } | |
| .col--xs-first { | |
| order:-1 | |
| } | |
| .col--xs-last { | |
| order:1 | |
| } | |
| .col--xs-reset { | |
| order:0 | |
| } | |
| .col--xs-flex { | |
| display:flex; | |
| flex-basis:auto | |
| } | |
| .row--sm-top { | |
| align-items:flex-start | |
| } | |
| .row--sm-center { | |
| align-items:center | |
| } | |
| .row--sm-bottom { | |
| align-items:flex-end | |
| } | |
| .row--sm-stretch { | |
| align-items:stretch | |
| } | |
| .row--sm-reverse { | |
| flex-direction:row-reverse | |
| } | |
| @media(min-width:40.625rem) { | |
| .col--sm-align-top { | |
| align-self:flex-start | |
| } | |
| .col--sm-align-center { | |
| align-self:center | |
| } | |
| .col--sm-align-bottom { | |
| align-self:flex-end | |
| } | |
| .col--sm-first, | |
| .page-sidebar--left { | |
| order:-1 | |
| } | |
| .col--sm-last, | |
| .page-sidebar--right { | |
| order:1 | |
| } | |
| .col--sm-reset { | |
| order:0 | |
| } | |
| .col--sm-flex { | |
| display:flex; | |
| flex-basis:auto | |
| } | |
| } | |
| .row--md-top { | |
| align-items:flex-start | |
| } | |
| .row--md-center { | |
| align-items:center | |
| } | |
| .row--md-bottom { | |
| align-items:flex-end | |
| } | |
| .row--md-stretch { | |
| align-items:stretch | |
| } | |
| .row--md-reverse { | |
| flex-direction:row-reverse | |
| } | |
| @media(min-width:62rem) { | |
| .col--md-align-top { | |
| align-self:flex-start | |
| } | |
| .col--md-align-center { | |
| align-self:center | |
| } | |
| .col--md-align-bottom { | |
| align-self:flex-end | |
| } | |
| .col--md-first { | |
| order:-1 | |
| } | |
| .col--md-last { | |
| order:1 | |
| } | |
| .col--md-reset { | |
| order:0 | |
| } | |
| .col--md-flex { | |
| display:flex; | |
| flex-basis:auto | |
| } | |
| } | |
| .row--lg-top { | |
| align-items:flex-start | |
| } | |
| .row--lg-center { | |
| align-items:center | |
| } | |
| .row--lg-bottom { | |
| align-items:flex-end | |
| } | |
| .row--lg-stretch { | |
| align-items:stretch | |
| } | |
| .row--lg-reverse { | |
| flex-direction:row-reverse | |
| } | |
| @media(min-width:75rem) { | |
| .col--lg-align-top { | |
| align-self:flex-start | |
| } | |
| .col--lg-align-center { | |
| align-self:center | |
| } | |
| .col--lg-align-bottom { | |
| align-self:flex-end | |
| } | |
| .col--lg-first { | |
| order:-1 | |
| } | |
| .col--lg-last { | |
| order:1 | |
| } | |
| .col--lg-reset { | |
| order:0 | |
| } | |
| .col--lg-flex { | |
| display:flex; | |
| flex-basis:auto | |
| } | |
| } | |
| .col--xs { | |
| flex-grow:1; | |
| flex-basis:0; | |
| max-width:100% | |
| } | |
| .col--sm { | |
| flex-grow:1; | |
| flex-basis:0; | |
| max-width:100% | |
| } | |
| .col--md { | |
| flex-grow:1; | |
| flex-basis:0; | |
| max-width:100% | |
| } | |
| .col--lg { | |
| flex-grow:1; | |
| flex-basis:0; | |
| max-width:100% | |
| } | |
| .grid>.row>.col--xs-1, | |
| .row>.col--xs-1 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-2, | |
| .row>.col--xs-2 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-3, | |
| .row>.col--xs-3 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-4, | |
| .row>.col--xs-4 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-5, | |
| .row>.col--xs-5 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-6, | |
| .row>.col--xs-6 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-7, | |
| .row>.col--xs-7 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-8, | |
| .row>.col--xs-8 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-9, | |
| .row>.col--xs-9 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-10, | |
| .row>.col--xs-10 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-11, | |
| .row>.col--xs-11 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-12, | |
| .row>.col--xs-12 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid>.row>.col--xs-offset-1, | |
| .row>.col--xs-offset-1 { | |
| margin-left:8.33333333% | |
| } | |
| .grid>.row>.col--xs-offset-2, | |
| .row>.col--xs-offset-2 { | |
| margin-left:16.66666667% | |
| } | |
| .grid>.row>.col--xs-offset-3, | |
| .row>.col--xs-offset-3 { | |
| margin-left:25% | |
| } | |
| .grid>.row>.col--xs-offset-4, | |
| .row>.col--xs-offset-4 { | |
| margin-left:33.33333333% | |
| } | |
| .grid>.row>.col--xs-offset-5, | |
| .row>.col--xs-offset-5 { | |
| margin-left:41.66666667% | |
| } | |
| .grid>.row>.col--xs-offset-6, | |
| .row>.col--xs-offset-6 { | |
| margin-left:50% | |
| } | |
| .grid>.row>.col--xs-offset-7, | |
| .row>.col--xs-offset-7 { | |
| margin-left:58.33333333% | |
| } | |
| .grid>.row>.col--xs-offset-8, | |
| .row>.col--xs-offset-8 { | |
| margin-left:66.66666667% | |
| } | |
| .grid>.row>.col--xs-offset-9, | |
| .row>.col--xs-offset-9 { | |
| margin-left:75% | |
| } | |
| .grid>.row>.col--xs-offset-10, | |
| .row>.col--xs-offset-10 { | |
| margin-left:83.33333333% | |
| } | |
| .grid>.row>.col--xs-offset-11, | |
| .row>.col--xs-offset-11 { | |
| margin-left:91.66666667% | |
| } | |
| .grid>.row>.col--xs-offset-12, | |
| .row>.col--xs-offset-12 { | |
| margin-left:100% | |
| } | |
| @media(min-width:40.625rem) { | |
| .grid>.row>.col--sm-1, | |
| .row>.col--sm-1 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-2, | |
| .row>.col--sm-2 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-3, | |
| .row>.col--sm-3 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-4, | |
| .row>.col--sm-4 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-5, | |
| .row>.col--sm-5 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-6, | |
| .row>.col--sm-6 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-7, | |
| .row>.col--sm-7 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-8, | |
| .row>.col--sm-8 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-9, | |
| .row>.col--sm-9 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-10, | |
| .row>.col--sm-10 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-11, | |
| .row>.col--sm-11 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-12, | |
| .row>.col--sm-12 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid>.row>.col--sm-offset-1, | |
| .row>.col--sm-offset-1 { | |
| margin-left:8.33333333% | |
| } | |
| .grid>.row>.col--sm-offset-2, | |
| .row>.col--sm-offset-2 { | |
| margin-left:16.66666667% | |
| } | |
| .grid>.row>.col--sm-offset-3, | |
| .row>.col--sm-offset-3 { | |
| margin-left:25% | |
| } | |
| .grid>.row>.col--sm-offset-4, | |
| .row>.col--sm-offset-4 { | |
| margin-left:33.33333333% | |
| } | |
| .grid>.row>.col--sm-offset-5, | |
| .row>.col--sm-offset-5 { | |
| margin-left:41.66666667% | |
| } | |
| .grid>.row>.col--sm-offset-6, | |
| .row>.col--sm-offset-6 { | |
| margin-left:50% | |
| } | |
| .grid>.row>.col--sm-offset-7, | |
| .row>.col--sm-offset-7 { | |
| margin-left:58.33333333% | |
| } | |
| .grid>.row>.col--sm-offset-8, | |
| .row>.col--sm-offset-8 { | |
| margin-left:66.66666667% | |
| } | |
| .grid>.row>.col--sm-offset-9, | |
| .row>.col--sm-offset-9 { | |
| margin-left:75% | |
| } | |
| .grid>.row>.col--sm-offset-10, | |
| .row>.col--sm-offset-10 { | |
| margin-left:83.33333333% | |
| } | |
| .grid>.row>.col--sm-offset-11, | |
| .row>.col--sm-offset-11 { | |
| margin-left:91.66666667% | |
| } | |
| .grid>.row>.col--sm-offset-12, | |
| .row>.col--sm-offset-12 { | |
| margin-left:100% | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .grid>.row>.col--md-1, | |
| .row>.col--md-1 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-2, | |
| .row>.col--md-2 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-3, | |
| .row>.col--md-3 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-4, | |
| .row>.col--md-4 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-5, | |
| .row>.col--md-5 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-6, | |
| .row>.col--md-6 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-7, | |
| .row>.col--md-7 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-8, | |
| .row>.col--md-8 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-9, | |
| .row>.col--md-9 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-10, | |
| .row>.col--md-10 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-11, | |
| .row>.col--md-11 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-12, | |
| .row>.col--md-12 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid>.row>.col--md-offset-1, | |
| .row>.col--md-offset-1 { | |
| margin-left:8.33333333% | |
| } | |
| .grid>.row>.col--md-offset-2, | |
| .row>.col--md-offset-2 { | |
| margin-left:16.66666667% | |
| } | |
| .grid>.row>.col--md-offset-3, | |
| .row>.col--md-offset-3 { | |
| margin-left:25% | |
| } | |
| .grid>.row>.col--md-offset-4, | |
| .row>.col--md-offset-4 { | |
| margin-left:33.33333333% | |
| } | |
| .grid>.row>.col--md-offset-5, | |
| .row>.col--md-offset-5 { | |
| margin-left:41.66666667% | |
| } | |
| .grid>.row>.col--md-offset-6, | |
| .row>.col--md-offset-6 { | |
| margin-left:50% | |
| } | |
| .grid>.row>.col--md-offset-7, | |
| .row>.col--md-offset-7 { | |
| margin-left:58.33333333% | |
| } | |
| .grid>.row>.col--md-offset-8, | |
| .row>.col--md-offset-8 { | |
| margin-left:66.66666667% | |
| } | |
| .grid>.row>.col--md-offset-9, | |
| .row>.col--md-offset-9 { | |
| margin-left:75% | |
| } | |
| .grid>.row>.col--md-offset-10, | |
| .row>.col--md-offset-10 { | |
| margin-left:83.33333333% | |
| } | |
| .grid>.row>.col--md-offset-11, | |
| .row>.col--md-offset-11 { | |
| margin-left:91.66666667% | |
| } | |
| .grid>.row>.col--md-offset-12, | |
| .row>.col--md-offset-12 { | |
| margin-left:100% | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .grid>.row>.col--lg-1, | |
| .row>.col--lg-1 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-2, | |
| .row>.col--lg-2 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-3, | |
| .row>.col--lg-3 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-4, | |
| .row>.col--lg-4 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-5, | |
| .row>.col--lg-5 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-6, | |
| .row>.col--lg-6 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-7, | |
| .row>.col--lg-7 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-8, | |
| .row>.col--lg-8 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-9, | |
| .row>.col--lg-9 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-10, | |
| .row>.col--lg-10 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-11, | |
| .row>.col--lg-11 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-12, | |
| .row>.col--lg-12 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid>.row>.col--lg-offset-1, | |
| .row>.col--lg-offset-1 { | |
| margin-left:8.33333333% | |
| } | |
| .grid>.row>.col--lg-offset-2, | |
| .row>.col--lg-offset-2 { | |
| margin-left:16.66666667% | |
| } | |
| .grid>.row>.col--lg-offset-3, | |
| .row>.col--lg-offset-3 { | |
| margin-left:25% | |
| } | |
| .grid>.row>.col--lg-offset-4, | |
| .row>.col--lg-offset-4 { | |
| margin-left:33.33333333% | |
| } | |
| .grid>.row>.col--lg-offset-5, | |
| .row>.col--lg-offset-5 { | |
| margin-left:41.66666667% | |
| } | |
| .grid>.row>.col--lg-offset-6, | |
| .row>.col--lg-offset-6 { | |
| margin-left:50% | |
| } | |
| .grid>.row>.col--lg-offset-7, | |
| .row>.col--lg-offset-7 { | |
| margin-left:58.33333333% | |
| } | |
| .grid>.row>.col--lg-offset-8, | |
| .row>.col--lg-offset-8 { | |
| margin-left:66.66666667% | |
| } | |
| .grid>.row>.col--lg-offset-9, | |
| .row>.col--lg-offset-9 { | |
| margin-left:75% | |
| } | |
| .grid>.row>.col--lg-offset-10, | |
| .row>.col--lg-offset-10 { | |
| margin-left:83.33333333% | |
| } | |
| .grid>.row>.col--lg-offset-11, | |
| .row>.col--lg-offset-11 { | |
| margin-left:91.66666667% | |
| } | |
| .grid>.row>.col--lg-offset-12, | |
| .row>.col--lg-offset-12 { | |
| margin-left:100% | |
| } | |
| } | |
| .grid--24>.row>.col--xs-1, | |
| .row--24>.col--xs-1 { | |
| width:4.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-2, | |
| .row--24>.col--xs-2 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-3, | |
| .row--24>.col--xs-3 { | |
| width:12.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-4, | |
| .row--24>.col--xs-4 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-5, | |
| .row--24>.col--xs-5 { | |
| width:20.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-6, | |
| .row--24>.col--xs-6 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-7, | |
| .row--24>.col--xs-7 { | |
| width:29.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-8, | |
| .row--24>.col--xs-8 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-9, | |
| .row--24>.col--xs-9 { | |
| width:37.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-10, | |
| .row--24>.col--xs-10 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-11, | |
| .row--24>.col--xs-11 { | |
| width:45.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-12, | |
| .row--24>.col--xs-12 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-13, | |
| .row--24>.col--xs-13 { | |
| width:54.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-14, | |
| .row--24>.col--xs-14 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-15, | |
| .row--24>.col--xs-15 { | |
| width:62.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-16, | |
| .row--24>.col--xs-16 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-17, | |
| .row--24>.col--xs-17 { | |
| width:70.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-18, | |
| .row--24>.col--xs-18 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-19, | |
| .row--24>.col--xs-19 { | |
| width:79.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-20, | |
| .row--24>.col--xs-20 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-21, | |
| .row--24>.col--xs-21 { | |
| width:87.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-22, | |
| .row--24>.col--xs-22 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-23, | |
| .row--24>.col--xs-23 { | |
| width:95.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-24, | |
| .row--24>.col--xs-24 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--xs-offset-1, | |
| .row--24>.col--xs-offset-1 { | |
| margin-left:4.16666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-2, | |
| .row--24>.col--xs-offset-2 { | |
| margin-left:8.33333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-3, | |
| .row--24>.col--xs-offset-3 { | |
| margin-left:12.5% | |
| } | |
| .grid--24>.row>.col--xs-offset-4, | |
| .row--24>.col--xs-offset-4 { | |
| margin-left:16.66666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-5, | |
| .row--24>.col--xs-offset-5 { | |
| margin-left:20.83333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-6, | |
| .row--24>.col--xs-offset-6 { | |
| margin-left:25% | |
| } | |
| .grid--24>.row>.col--xs-offset-7, | |
| .row--24>.col--xs-offset-7 { | |
| margin-left:29.16666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-8, | |
| .row--24>.col--xs-offset-8 { | |
| margin-left:33.33333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-9, | |
| .row--24>.col--xs-offset-9 { | |
| margin-left:37.5% | |
| } | |
| .grid--24>.row>.col--xs-offset-10, | |
| .row--24>.col--xs-offset-10 { | |
| margin-left:41.66666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-11, | |
| .row--24>.col--xs-offset-11 { | |
| margin-left:45.83333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-12, | |
| .row--24>.col--xs-offset-12 { | |
| margin-left:50% | |
| } | |
| .grid--24>.row>.col--xs-offset-13, | |
| .row--24>.col--xs-offset-13 { | |
| margin-left:54.16666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-14, | |
| .row--24>.col--xs-offset-14 { | |
| margin-left:58.33333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-15, | |
| .row--24>.col--xs-offset-15 { | |
| margin-left:62.5% | |
| } | |
| .grid--24>.row>.col--xs-offset-16, | |
| .row--24>.col--xs-offset-16 { | |
| margin-left:66.66666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-17, | |
| .row--24>.col--xs-offset-17 { | |
| margin-left:70.83333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-18, | |
| .row--24>.col--xs-offset-18 { | |
| margin-left:75% | |
| } | |
| .grid--24>.row>.col--xs-offset-19, | |
| .row--24>.col--xs-offset-19 { | |
| margin-left:79.16666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-20, | |
| .row--24>.col--xs-offset-20 { | |
| margin-left:83.33333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-21, | |
| .row--24>.col--xs-offset-21 { | |
| margin-left:87.5% | |
| } | |
| .grid--24>.row>.col--xs-offset-22, | |
| .row--24>.col--xs-offset-22 { | |
| margin-left:91.66666667% | |
| } | |
| .grid--24>.row>.col--xs-offset-23, | |
| .row--24>.col--xs-offset-23 { | |
| margin-left:95.83333333% | |
| } | |
| .grid--24>.row>.col--xs-offset-24, | |
| .row--24>.col--xs-offset-24 { | |
| margin-left:100% | |
| } | |
| @media(min-width:40.625rem) { | |
| .grid--24>.row>.col--sm-1, | |
| .row--24>.col--sm-1 { | |
| width:4.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-2, | |
| .row--24>.col--sm-2 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-3, | |
| .row--24>.col--sm-3 { | |
| width:12.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-4, | |
| .row--24>.col--sm-4 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-5, | |
| .row--24>.col--sm-5 { | |
| width:20.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-6, | |
| .row--24>.col--sm-6 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-7, | |
| .row--24>.col--sm-7 { | |
| width:29.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-8, | |
| .row--24>.col--sm-8 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-9, | |
| .row--24>.col--sm-9 { | |
| width:37.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-10, | |
| .row--24>.col--sm-10 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-11, | |
| .row--24>.col--sm-11 { | |
| width:45.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-12, | |
| .row--24>.col--sm-12 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-13, | |
| .row--24>.col--sm-13 { | |
| width:54.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-14, | |
| .row--24>.col--sm-14 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-15, | |
| .row--24>.col--sm-15 { | |
| width:62.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-16, | |
| .row--24>.col--sm-16 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-17, | |
| .row--24>.col--sm-17 { | |
| width:70.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-18, | |
| .row--24>.col--sm-18 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-19, | |
| .row--24>.col--sm-19 { | |
| width:79.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-20, | |
| .row--24>.col--sm-20 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-21, | |
| .row--24>.col--sm-21 { | |
| width:87.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-22, | |
| .row--24>.col--sm-22 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-23, | |
| .row--24>.col--sm-23 { | |
| width:95.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-24, | |
| .row--24>.col--sm-24 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--sm-offset-1, | |
| .row--24>.col--sm-offset-1 { | |
| margin-left:4.16666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-2, | |
| .row--24>.col--sm-offset-2 { | |
| margin-left:8.33333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-3, | |
| .row--24>.col--sm-offset-3 { | |
| margin-left:12.5% | |
| } | |
| .grid--24>.row>.col--sm-offset-4, | |
| .row--24>.col--sm-offset-4 { | |
| margin-left:16.66666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-5, | |
| .row--24>.col--sm-offset-5 { | |
| margin-left:20.83333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-6, | |
| .row--24>.col--sm-offset-6 { | |
| margin-left:25% | |
| } | |
| .grid--24>.row>.col--sm-offset-7, | |
| .row--24>.col--sm-offset-7 { | |
| margin-left:29.16666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-8, | |
| .row--24>.col--sm-offset-8 { | |
| margin-left:33.33333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-9, | |
| .row--24>.col--sm-offset-9 { | |
| margin-left:37.5% | |
| } | |
| .grid--24>.row>.col--sm-offset-10, | |
| .row--24>.col--sm-offset-10 { | |
| margin-left:41.66666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-11, | |
| .row--24>.col--sm-offset-11 { | |
| margin-left:45.83333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-12, | |
| .row--24>.col--sm-offset-12 { | |
| margin-left:50% | |
| } | |
| .grid--24>.row>.col--sm-offset-13, | |
| .row--24>.col--sm-offset-13 { | |
| margin-left:54.16666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-14, | |
| .row--24>.col--sm-offset-14 { | |
| margin-left:58.33333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-15, | |
| .row--24>.col--sm-offset-15 { | |
| margin-left:62.5% | |
| } | |
| .grid--24>.row>.col--sm-offset-16, | |
| .row--24>.col--sm-offset-16 { | |
| margin-left:66.66666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-17, | |
| .row--24>.col--sm-offset-17 { | |
| margin-left:70.83333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-18, | |
| .row--24>.col--sm-offset-18 { | |
| margin-left:75% | |
| } | |
| .grid--24>.row>.col--sm-offset-19, | |
| .row--24>.col--sm-offset-19 { | |
| margin-left:79.16666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-20, | |
| .row--24>.col--sm-offset-20 { | |
| margin-left:83.33333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-21, | |
| .row--24>.col--sm-offset-21 { | |
| margin-left:87.5% | |
| } | |
| .grid--24>.row>.col--sm-offset-22, | |
| .row--24>.col--sm-offset-22 { | |
| margin-left:91.66666667% | |
| } | |
| .grid--24>.row>.col--sm-offset-23, | |
| .row--24>.col--sm-offset-23 { | |
| margin-left:95.83333333% | |
| } | |
| .grid--24>.row>.col--sm-offset-24, | |
| .row--24>.col--sm-offset-24 { | |
| margin-left:100% | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .grid--24>.row>.col--md-1, | |
| .row--24>.col--md-1 { | |
| width:4.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-2, | |
| .row--24>.col--md-2 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-3, | |
| .row--24>.col--md-3 { | |
| width:12.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-4, | |
| .row--24>.col--md-4 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-5, | |
| .row--24>.col--md-5 { | |
| width:20.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-6, | |
| .row--24>.col--md-6 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-7, | |
| .row--24>.col--md-7 { | |
| width:29.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-8, | |
| .row--24>.col--md-8 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-9, | |
| .row--24>.col--md-9 { | |
| width:37.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-10, | |
| .row--24>.col--md-10 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-11, | |
| .row--24>.col--md-11 { | |
| width:45.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-12, | |
| .row--24>.col--md-12 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-13, | |
| .row--24>.col--md-13 { | |
| width:54.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-14, | |
| .row--24>.col--md-14 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-15, | |
| .row--24>.col--md-15 { | |
| width:62.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-16, | |
| .row--24>.col--md-16 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-17, | |
| .row--24>.col--md-17 { | |
| width:70.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-18, | |
| .row--24>.col--md-18 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-19, | |
| .row--24>.col--md-19 { | |
| width:79.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-20, | |
| .row--24>.col--md-20 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-21, | |
| .row--24>.col--md-21 { | |
| width:87.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-22, | |
| .row--24>.col--md-22 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-23, | |
| .row--24>.col--md-23 { | |
| width:95.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-24, | |
| .row--24>.col--md-24 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--md-offset-1, | |
| .row--24>.col--md-offset-1 { | |
| margin-left:4.16666667% | |
| } | |
| .grid--24>.row>.col--md-offset-2, | |
| .row--24>.col--md-offset-2 { | |
| margin-left:8.33333333% | |
| } | |
| .grid--24>.row>.col--md-offset-3, | |
| .row--24>.col--md-offset-3 { | |
| margin-left:12.5% | |
| } | |
| .grid--24>.row>.col--md-offset-4, | |
| .row--24>.col--md-offset-4 { | |
| margin-left:16.66666667% | |
| } | |
| .grid--24>.row>.col--md-offset-5, | |
| .row--24>.col--md-offset-5 { | |
| margin-left:20.83333333% | |
| } | |
| .grid--24>.row>.col--md-offset-6, | |
| .row--24>.col--md-offset-6 { | |
| margin-left:25% | |
| } | |
| .grid--24>.row>.col--md-offset-7, | |
| .row--24>.col--md-offset-7 { | |
| margin-left:29.16666667% | |
| } | |
| .grid--24>.row>.col--md-offset-8, | |
| .row--24>.col--md-offset-8 { | |
| margin-left:33.33333333% | |
| } | |
| .grid--24>.row>.col--md-offset-9, | |
| .row--24>.col--md-offset-9 { | |
| margin-left:37.5% | |
| } | |
| .grid--24>.row>.col--md-offset-10, | |
| .row--24>.col--md-offset-10 { | |
| margin-left:41.66666667% | |
| } | |
| .grid--24>.row>.col--md-offset-11, | |
| .row--24>.col--md-offset-11 { | |
| margin-left:45.83333333% | |
| } | |
| .grid--24>.row>.col--md-offset-12, | |
| .row--24>.col--md-offset-12 { | |
| margin-left:50% | |
| } | |
| .grid--24>.row>.col--md-offset-13, | |
| .row--24>.col--md-offset-13 { | |
| margin-left:54.16666667% | |
| } | |
| .grid--24>.row>.col--md-offset-14, | |
| .row--24>.col--md-offset-14 { | |
| margin-left:58.33333333% | |
| } | |
| .grid--24>.row>.col--md-offset-15, | |
| .row--24>.col--md-offset-15 { | |
| margin-left:62.5% | |
| } | |
| .grid--24>.row>.col--md-offset-16, | |
| .row--24>.col--md-offset-16 { | |
| margin-left:66.66666667% | |
| } | |
| .grid--24>.row>.col--md-offset-17, | |
| .row--24>.col--md-offset-17 { | |
| margin-left:70.83333333% | |
| } | |
| .grid--24>.row>.col--md-offset-18, | |
| .row--24>.col--md-offset-18 { | |
| margin-left:75% | |
| } | |
| .grid--24>.row>.col--md-offset-19, | |
| .row--24>.col--md-offset-19 { | |
| margin-left:79.16666667% | |
| } | |
| .grid--24>.row>.col--md-offset-20, | |
| .row--24>.col--md-offset-20 { | |
| margin-left:83.33333333% | |
| } | |
| .grid--24>.row>.col--md-offset-21, | |
| .row--24>.col--md-offset-21 { | |
| margin-left:87.5% | |
| } | |
| .grid--24>.row>.col--md-offset-22, | |
| .row--24>.col--md-offset-22 { | |
| margin-left:91.66666667% | |
| } | |
| .grid--24>.row>.col--md-offset-23, | |
| .row--24>.col--md-offset-23 { | |
| margin-left:95.83333333% | |
| } | |
| .grid--24>.row>.col--md-offset-24, | |
| .row--24>.col--md-offset-24 { | |
| margin-left:100% | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .grid--24>.row>.col--lg-1, | |
| .row--24>.col--lg-1 { | |
| width:4.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-2, | |
| .row--24>.col--lg-2 { | |
| width:8.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-3, | |
| .row--24>.col--lg-3 { | |
| width:12.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-4, | |
| .row--24>.col--lg-4 { | |
| width:16.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-5, | |
| .row--24>.col--lg-5 { | |
| width:20.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-6, | |
| .row--24>.col--lg-6 { | |
| width:25%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-7, | |
| .row--24>.col--lg-7 { | |
| width:29.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-8, | |
| .row--24>.col--lg-8 { | |
| width:33.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-9, | |
| .row--24>.col--lg-9 { | |
| width:37.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-10, | |
| .row--24>.col--lg-10 { | |
| width:41.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-11, | |
| .row--24>.col--lg-11 { | |
| width:45.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-12, | |
| .row--24>.col--lg-12 { | |
| width:50%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-13, | |
| .row--24>.col--lg-13 { | |
| width:54.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-14, | |
| .row--24>.col--lg-14 { | |
| width:58.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-15, | |
| .row--24>.col--lg-15 { | |
| width:62.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-16, | |
| .row--24>.col--lg-16 { | |
| width:66.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-17, | |
| .row--24>.col--lg-17 { | |
| width:70.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-18, | |
| .row--24>.col--lg-18 { | |
| width:75%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-19, | |
| .row--24>.col--lg-19 { | |
| width:79.16666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-20, | |
| .row--24>.col--lg-20 { | |
| width:83.33333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-21, | |
| .row--24>.col--lg-21 { | |
| width:87.5%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-22, | |
| .row--24>.col--lg-22 { | |
| width:91.66666667%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-23, | |
| .row--24>.col--lg-23 { | |
| width:95.83333333%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-24, | |
| .row--24>.col--lg-24 { | |
| width:100%; | |
| flex:none | |
| } | |
| .grid--24>.row>.col--lg-offset-1, | |
| .row--24>.col--lg-offset-1 { | |
| margin-left:4.16666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-2, | |
| .row--24>.col--lg-offset-2 { | |
| margin-left:8.33333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-3, | |
| .row--24>.col--lg-offset-3 { | |
| margin-left:12.5% | |
| } | |
| .grid--24>.row>.col--lg-offset-4, | |
| .row--24>.col--lg-offset-4 { | |
| margin-left:16.66666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-5, | |
| .row--24>.col--lg-offset-5 { | |
| margin-left:20.83333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-6, | |
| .row--24>.col--lg-offset-6 { | |
| margin-left:25% | |
| } | |
| .grid--24>.row>.col--lg-offset-7, | |
| .row--24>.col--lg-offset-7 { | |
| margin-left:29.16666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-8, | |
| .row--24>.col--lg-offset-8 { | |
| margin-left:33.33333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-9, | |
| .row--24>.col--lg-offset-9 { | |
| margin-left:37.5% | |
| } | |
| .grid--24>.row>.col--lg-offset-10, | |
| .row--24>.col--lg-offset-10 { | |
| margin-left:41.66666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-11, | |
| .row--24>.col--lg-offset-11 { | |
| margin-left:45.83333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-12, | |
| .row--24>.col--lg-offset-12 { | |
| margin-left:50% | |
| } | |
| .grid--24>.row>.col--lg-offset-13, | |
| .row--24>.col--lg-offset-13 { | |
| margin-left:54.16666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-14, | |
| .row--24>.col--lg-offset-14 { | |
| margin-left:58.33333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-15, | |
| .row--24>.col--lg-offset-15 { | |
| margin-left:62.5% | |
| } | |
| .grid--24>.row>.col--lg-offset-16, | |
| .row--24>.col--lg-offset-16 { | |
| margin-left:66.66666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-17, | |
| .row--24>.col--lg-offset-17 { | |
| margin-left:70.83333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-18, | |
| .row--24>.col--lg-offset-18 { | |
| margin-left:75% | |
| } | |
| .grid--24>.row>.col--lg-offset-19, | |
| .row--24>.col--lg-offset-19 { | |
| margin-left:79.16666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-20, | |
| .row--24>.col--lg-offset-20 { | |
| margin-left:83.33333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-21, | |
| .row--24>.col--lg-offset-21 { | |
| margin-left:87.5% | |
| } | |
| .grid--24>.row>.col--lg-offset-22, | |
| .row--24>.col--lg-offset-22 { | |
| margin-left:91.66666667% | |
| } | |
| .grid--24>.row>.col--lg-offset-23, | |
| .row--24>.col--lg-offset-23 { | |
| margin-left:95.83333333% | |
| } | |
| .grid--24>.row>.col--lg-offset-24, | |
| .row--24>.col--lg-offset-24 { | |
| margin-left:100% | |
| } | |
| } | |
| .ui-list { | |
| margin:0; | |
| padding:0; | |
| list-style:none | |
| } | |
| .bullet-dot { | |
| display:list-item; | |
| list-style-type:"• "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-dot:first-child { | |
| display:block | |
| } | |
| .bullet-dot__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-dot__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-dot__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-dot__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-dot__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-dot__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-dot__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-dot__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-dot__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-dot__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-dot__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-dot__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-dot__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-dot__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-dot__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-dot__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-dot__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-dot__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-dot__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-dot__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-dot__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-dot__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-dot__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-dot__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-dot__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-dot__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-dot__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-dot__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-dot__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-dot__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-dot__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-dot__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-dot__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-dot__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-dot__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-dot__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-dot__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-dot__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-dot__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-dot__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-dot__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-dot__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-dot__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-dot__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-dot__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-dot__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-dot__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-dot__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-dot__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-dot__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-dot__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-dot__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-dot__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-dot__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-dot__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-dot__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-dot__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-dot__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-dot__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-dot__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-dot__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-dot__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-dot__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-dot__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-dot__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-dot__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-dot__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-dot__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-dot__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-dot__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-hyphen { | |
| display:list-item; | |
| list-style-type:"- "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-hyphen:first-child { | |
| display:block | |
| } | |
| .bullet-hyphen__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-hyphen__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-hyphen__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-hyphen__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-hyphen__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-hyphen__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-hyphen__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-hyphen__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-hyphen__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-hyphen__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-hyphen__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-hyphen__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-hyphen__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-hyphen__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-hyphen__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-hyphen__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-hyphen__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-hyphen__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-hyphen__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-hyphen__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-hyphen__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-hyphen__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-hyphen__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-hyphen__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-hyphen__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-hyphen__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-hyphen__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-hyphen__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-hyphen__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-hyphen__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-hyphen__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-hyphen__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-hyphen__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-hyphen__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-hyphen__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-hyphen__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-hyphen__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-hyphen__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-hyphen__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-hyphen__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-hyphen__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-hyphen__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-hyphen__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-hyphen__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-hyphen__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-hyphen__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-hyphen__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-hyphen__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-hyphen__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-hyphen__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-hyphen__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-hyphen__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-hyphen__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-hyphen__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-hyphen__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-hyphen__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-hyphen__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-hyphen__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-hyphen__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-hyphen__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-hyphen__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-hyphen__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-hyphen__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-hyphen__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-hyphen__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-hyphen__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-hyphen__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-hyphen__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-hyphen__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-hyphen__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-double-arrows { | |
| display:list-item; | |
| list-style-type:">> "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-double-arrows:first-child { | |
| display:block | |
| } | |
| .bullet-double-arrows__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-double-arrows__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-double-arrows__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-double-arrows__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-double-arrows__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-double-arrows__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-double-arrows__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-double-arrows__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-double-arrows__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-double-arrows__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-double-arrows__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-double-arrows__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-double-arrows__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-double-arrows__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-double-arrows__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-double-arrows__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-double-arrows__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-double-arrows__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-double-arrows__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-double-arrows__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-double-arrows__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-double-arrows__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-double-arrows__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-double-arrows__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-double-arrows__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-double-arrows__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-double-arrows__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-double-arrows__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-double-arrows__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-double-arrows__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-double-arrows__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-double-arrows__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-double-arrows__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-double-arrows__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-double-arrows__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-double-arrows__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-double-arrows__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-double-arrows__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-double-arrows__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-double-arrows__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-double-arrows__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-double-arrows__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-double-arrows__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-double-arrows__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-double-arrows__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-double-arrows__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-double-arrows__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-double-arrows__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-double-arrows__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-double-arrows__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-double-arrows__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-double-arrows__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-double-arrows__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-double-arrows__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-double-arrows__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-double-arrows__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-double-arrows__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-double-arrows__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-double-arrows__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-double-arrows__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-double-arrows__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-double-arrows__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-double-arrows__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-double-arrows__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-double-arrows__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-double-arrows__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-double-arrows__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-double-arrows__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-double-arrows__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-double-arrows__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-arrow { | |
| display:list-item; | |
| list-style-type:"→ "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-arrow:first-child { | |
| display:block | |
| } | |
| .bullet-arrow__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-arrow__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-arrow__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-arrow__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-arrow__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-arrow__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-arrow__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-arrow__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-arrow__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-arrow__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-arrow__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-arrow__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-arrow__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-arrow__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-arrow__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-arrow__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-arrow__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-arrow__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-arrow__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-arrow__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-arrow__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-arrow__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-arrow__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-arrow__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-arrow__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-arrow__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-arrow__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-arrow__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-arrow__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-arrow__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-arrow__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-arrow__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-arrow__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-arrow__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-arrow__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-arrow__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-arrow__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-arrow__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-arrow__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-arrow__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-arrow__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-arrow__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-arrow__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-arrow__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-arrow__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-arrow__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-arrow__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-arrow__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-arrow__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-arrow__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-arrow__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-arrow__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-arrow__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-arrow__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-arrow__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-arrow__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-arrow__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-arrow__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-arrow__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-arrow__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-arrow__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-arrow__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-arrow__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-arrow__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-arrow__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-arrow__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-arrow__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-arrow__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-arrow__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-arrow__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-none { | |
| display:list-item; | |
| list-style-type:none!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-none:first-child { | |
| display:block | |
| } | |
| .bullet-none__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-none__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-none__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-none__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-none__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-none__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-none__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-none__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-none__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-none__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-none__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-none__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-none__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-none__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-none__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-none__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-none__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-none__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-none__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-none__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-none__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-none__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-none__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-none__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-none__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-none__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-none__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-none__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-none__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-none__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-none__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-none__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-none__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-none__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-none__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-none__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-none__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-none__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-none__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-none__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-none__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-none__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-none__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-none__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-none__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-none__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-none__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-none__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-none__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-none__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-none__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-none__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-none__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-none__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-none__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-none__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-none__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-none__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-none__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-none__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-none__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-none__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-none__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-none__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-none__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-none__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-none__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-none__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-none__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-none__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-img-check { | |
| padding-left:0 | |
| } | |
| .bullet-img-check>li { | |
| list-style:none; | |
| background-image:url(/static/img/metrics/checkmark-green.svg); | |
| padding-left:24px; | |
| padding-bottom:1rem; | |
| background-position:0 4px; | |
| background-size:1rem 1rem; | |
| background-repeat:no-repeat | |
| } | |
| .bullet-img-alert { | |
| padding-left:0 | |
| } | |
| .bullet-img-alert>li { | |
| list-style:none; | |
| background-image:url(/static/img/metrics/alert-black-icon.svg); | |
| padding-left:24px; | |
| padding-bottom:1rem; | |
| background-position:0 4px; | |
| background-size:1rem 1rem; | |
| background-repeat:no-repeat | |
| } | |
| .bullet-color-white>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-color-black>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-color-yellow-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-color-amber-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-color-orange-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-color-red-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-color-gold-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-color-yellow-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-color-yellow-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-color-yellow-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-color-yellow-8>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-color-yellow-9>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-color-amber-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-color-amber-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-color-amber-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-color-orange-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-color-orange-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-color-orange-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-color-orange-10>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-color-red-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-color-red-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-color-red-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-color-pink-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-color-violet-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-color-purple-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-color-blue-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-color-pink-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-color-pink-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-color-violet-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-color-violet-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-color-purple-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-color-purple-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-color-blue-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-color-blue-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-color-gray-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-color-gray-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-color-gray-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-color-gray-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-color-gray-5>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-color-gray-6>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-color-gray-7>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-color-gray-8>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-color-gray-9>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-color-gray-10>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-color-gray-11>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-color-gray-12>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-color-gray-13>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-color-gray-14>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-color-gray-15>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-color-gray-16>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-color-gray-17>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-color-action-blue-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-color-action-blue-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-color-action-blue-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-color-action-blue-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-color-mine-shaft>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-color-wild-sand>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-color-mercury>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-color-athens-gray>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-color-gallery>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-color-mango>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-color-tan>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-color-tan-dark>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-color-coral>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-color-alto>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-color-tundora>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-color-solitude>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-color-green>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-color-default>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-color-flamingo>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .list-13>li { | |
| font-size:13px | |
| } | |
| .page { | |
| position:relative | |
| } | |
| .page__content { | |
| position:relative; | |
| padding-top:2rem | |
| } | |
| .page__content--no-padding { | |
| padding-top:0 | |
| } | |
| .page__content--with-breadcrumbs { | |
| padding-top:1rem | |
| } | |
| .page-section.page-section--hero { | |
| padding:1.25rem 0 3.125rem; | |
| background-color:#2e2e2e; | |
| background-image:linear-gradient(135deg,rgba(0,0,0,.41) 0%,rgba(46,46,46,0) 75%),linear-gradient(to right,rgba(0,0,0,.41) 0%,rgba(46,46,46,0) 75%); | |
| box-shadow:inset 100px 100px 260px -70px #000; | |
| text-align:center | |
| } | |
| @media(min-width:75rem) { | |
| .page-section--hero .page-section__subhead { | |
| padding:0 10% | |
| } | |
| } | |
| .page-section__paragraph { | |
| margin-bottom:1.875rem | |
| } | |
| .grafanacloud-hero { | |
| background:url(/static/img/platform/grafanacloud_hero.jpg)no-repeat; | |
| height:500px; | |
| background-position:50% 0; | |
| background-attachment:fixed; | |
| background-size:cover; | |
| padding-top:3.75rem | |
| } | |
| .loki-hero { | |
| background:url(../../static/img/loki_hero.jpg)no-repeat; | |
| background-position:50% 0; | |
| background-attachment:fixed; | |
| background-size:cover; | |
| padding-top:3.75rem | |
| } | |
| .loki-hero__img-container { | |
| min-height:4rem | |
| } | |
| .hero-bullet { | |
| padding:20px 26px; | |
| background:rgba(0,0,0,.7); | |
| border-radius:4px; | |
| box-shadow:-1px -1px rgba(255,255,255,.1),1px 1px rgba(0,0,0,.3) | |
| } | |
| .hero-bullet h3 { | |
| font-weight:400 | |
| } | |
| .page-section { | |
| padding:1.25rem 0 0 | |
| } | |
| .page-section--grafana h2 { | |
| padding:1.875rem; | |
| text-align:center | |
| } | |
| .page-section--hr { | |
| border-bottom:1px solid #f46800; | |
| -o-border-image:linear-gradient(to right,#ff8100 0%,#930 75%); | |
| border-image:linear-gradient(to right,#ff8100 0%,#930 75%); | |
| border-image-slice:1 | |
| } | |
| .page-section__padded { | |
| padding:1.25rem 0 | |
| } | |
| .page-section__headline { | |
| margin:0 0 1rem; | |
| padding:.9375rem 0; | |
| font-size:1.5rem; | |
| font-style:italic; | |
| font-weight:400; | |
| text-align:center | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-section__headline { | |
| padding:1.875rem 0; | |
| font-size:2.25rem | |
| } | |
| } | |
| .page-section__headline--left { | |
| text-align:left | |
| } | |
| .page-section__terms h2 { | |
| margin:0 0 1rem; | |
| padding:.9375rem 0; | |
| font-size:1.5rem; | |
| font-style:italic; | |
| font-weight:400 | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-section__terms h2 { | |
| padding:1.875rem 0; | |
| font-size:2.25rem | |
| } | |
| } | |
| .page-section__headline-img { | |
| display:block; | |
| margin:0 auto 1.25rem | |
| } | |
| .page-section__headline-img--huge { | |
| width:50%; | |
| margin-top:4.375rem; | |
| margin-bottom:3.125rem | |
| } | |
| .page-section__headline--hr { | |
| position:relative | |
| } | |
| .page-section__headline--hr::after { | |
| position:absolute; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| height:.0625rem; | |
| background:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| content:'' | |
| } | |
| .page-section__headline--hr--bottom-margin { | |
| margin-bottom:3.125rem | |
| } | |
| .page-section__headline--hr--bottom-padding { | |
| padding-bottom:3.125rem | |
| } | |
| .page-section__headline--hr--bottom-padding-narrow { | |
| padding-bottom:1rem | |
| } | |
| .page-section__margin-bottom { | |
| margin-bottom:3.125rem | |
| } | |
| .page-section__no-margin-bottom { | |
| margin-bottom:-4.375rem | |
| } | |
| .page-section__margin-bottom-narrow { | |
| margin-bottom:0 | |
| } | |
| .page-section__properties--hr { | |
| position:relative; | |
| width:70%; | |
| margin:1.25rem auto; | |
| padding:1.25rem 0 | |
| } | |
| .page-section__properties--hr::before { | |
| position:absolute; | |
| top:0; | |
| right:0; | |
| left:0; | |
| height:.0625rem; | |
| background:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| content:'' | |
| } | |
| .page-section__properties--hr::after { | |
| position:absolute; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| height:.0625rem; | |
| background:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| content:'' | |
| } | |
| .page-section__properties--hr img { | |
| margin:0 2.5rem | |
| } | |
| .page-section__properties--hr h5 { | |
| margin:0; | |
| padding:0; | |
| color:#fefefe | |
| } | |
| .page-section__subhead { | |
| margin:0 0 3.125rem; | |
| font-size:1.125rem; | |
| font-weight:400; | |
| line-height:1.875rem | |
| } | |
| .page-section__subhead>strong { | |
| font-weight:700 | |
| } | |
| .page-section__callout h3 { | |
| font-size:1.3125rem; | |
| font-style:italic; | |
| font-weight:400; | |
| color:#fefefe | |
| } | |
| .page-section__callout p { | |
| margin:0 0 1.5rem; | |
| font-size:1rem; | |
| color:#fefefe; | |
| font-weight:400 | |
| } | |
| .page-section__title>b, | |
| .page-section__headline>b, | |
| .page-section__subhead>b { | |
| color:#1f60c4; | |
| font-weight:400 | |
| } | |
| .page-section__title--short-rag { | |
| max-width:40.625rem; | |
| margin:0 auto; | |
| margin-bottom:2rem | |
| } | |
| .page-section__subtitle { | |
| margin:-.5rem 0 1rem; | |
| font-size:1rem; | |
| color:#fefefe; | |
| font-weight:400 | |
| } | |
| .page-section__subtitle--short-rag { | |
| max-width:53.125rem | |
| } | |
| .page-section__subtitle--bold { | |
| font-weight:700 | |
| } | |
| .page-section__subtitle--emphasis { | |
| font-size:1.125rem; | |
| padding-bottom:.1875rem; | |
| margin-bottom:1.6875rem | |
| } | |
| .page-section__subtitle--emphasis sup { | |
| font-size:60% | |
| } | |
| .page-section__subtitle--hr { | |
| position:relative | |
| } | |
| .page-section__subtitle--hr::after { | |
| position:absolute; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| height:.0625rem; | |
| background:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| content:'' | |
| } | |
| .page-section__subtitle--hr--modal { | |
| margin-bottom:.875rem | |
| } | |
| .page-section__subtitle--hr-emphasis { | |
| position:relative | |
| } | |
| .page-section__subtitle--hr-emphasis::after { | |
| position:absolute; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| height:.0625rem; | |
| background:#fefefe; | |
| content:'' | |
| } | |
| h3.page-section__title { | |
| font-size:1.625rem | |
| } | |
| h4.page-section__title { | |
| font-size:1.3125rem | |
| } | |
| .page-section__title--with-copy { | |
| margin-bottom:.3125rem | |
| } | |
| .page-section__sub-copy { | |
| font-size:.9375rem; | |
| margin-top:0; | |
| margin-bottom:.9375rem; | |
| display:block | |
| } | |
| .page-section__note { | |
| font-size:90% | |
| } | |
| .page-section__note-icon { | |
| margin-left:.3125rem; | |
| vertical-align:middle | |
| } | |
| .page-section__title .btn { | |
| font-style:initial | |
| } | |
| .page-section__center-padded { | |
| text-align:center | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-section__center-padded { | |
| padding:0 3.125rem | |
| } | |
| } | |
| .page-section__warning { | |
| font-size:90%; | |
| margin-top:-rem-calc(1); | |
| margin-bottom:.9375rem; | |
| display:block | |
| } | |
| .page-section--main { | |
| background:url(/static/img/background_polygon_pattern.png)repeat-y; | |
| background-size:55% | |
| } | |
| .page-section--secondary { | |
| background:url(/static/img/background_polygon_pattern.png)0 350px repeat-y; | |
| background-size:55% | |
| } | |
| .page-section--tertiary { | |
| background:url(/static/img/background_polygon_pattern.png)0 -550px repeat-y; | |
| background-size:55% | |
| } | |
| .page-section--no-bg { | |
| background:0 0 | |
| } | |
| .page-section--gray-subsection1 { | |
| background-color:#555; | |
| background-size:cover; | |
| margin-bottom:3rem; | |
| box-shadow:0 0 20px #111 | |
| } | |
| .page-section--darkgray-subsection1 { | |
| background:#eaeaea; | |
| background-size:cover; | |
| margin-bottom:3rem | |
| } | |
| .page-section--darkgray-subsection2 { | |
| background:linear-gradient(to bottom,#171717 0%,#1c1c1c 100%); | |
| background-size:cover; | |
| padding-bottom:3rem | |
| } | |
| .page-section--darkgray-subsection2 .btn--outline { | |
| color:#fefefe | |
| } | |
| .page-section--eu-subsection { | |
| background:url(../../static/img/eu_point_map.png)no-repeat,linear-gradient(to bottom,#000 0%,#000 100%); | |
| background-size:800px | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-section--eu-subsection { | |
| background:url(../../static/img/eu_point_map.png)100% 0 no-repeat,linear-gradient(to bottom,#000 0%,#000 100%); | |
| background-size:800px; | |
| padding:4rem 0 | |
| } | |
| } | |
| .page-section--eu-subsection p { | |
| color:#fefefe | |
| } | |
| .page-section--polygon-subsection1 { | |
| background:url(/static/img/polygon_texture_blue.jpg)repeat; | |
| background-size:cover; | |
| padding:1.875rem 0; | |
| margin-bottom:3rem; | |
| box-shadow:0 0 20px #111 | |
| } | |
| .page-section--polygon-subsection1 h3, | |
| .page-section--polygon-subsection1 h4 { | |
| text-align:center | |
| } | |
| .page-section--polygon-subsection2 { | |
| background:url(/static/img/polygon_texture_black.jpg)repeat; | |
| background-size:cover; | |
| padding:1.875rem 0; | |
| margin-bottom:3rem; | |
| box-shadow:0 0 20px #111 | |
| } | |
| .page-section--no-bottom { | |
| margin-bottom:0 | |
| } | |
| .page-section--narrow-bottom { | |
| margin-bottom:.625rem | |
| } | |
| .page-section__narrow p, | |
| .page-section__narrow ul, | |
| .page-section__narrow ol, | |
| .page-section__narrow h2, | |
| .page-section__narrow h3, | |
| .page-section__narrow h4, | |
| .page-section__narrow h5 { | |
| max-width:700px; | |
| margin-right:auto; | |
| margin-left:auto | |
| } | |
| .page-content { | |
| font-size:.875rem | |
| } | |
| .page-sidebar { | |
| text-align:left | |
| } | |
| .page-sidebar h4, | |
| .page-sidebar h5 { | |
| margin:0 0 .625rem; | |
| font-size:1rem; | |
| line-height:1.5rem | |
| } | |
| .page-sidebar h4 { | |
| color:#fefefe; | |
| font-weight:400 | |
| } | |
| .page-sidebar .ui-list { | |
| margin:0 0 1.25rem; | |
| font-size:.875rem | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-sidebar .ui-list { | |
| margin:0 0 2.5rem | |
| } | |
| } | |
| .page-sidebar .ui-list>li>label>b { | |
| color:#1f60c4 | |
| } | |
| .page-sidebar button { | |
| margin:0 0 1.25rem | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-sidebar button { | |
| margin:0 0 2.5rem | |
| } | |
| } | |
| .sidebar-subnav--active a { | |
| font-weight:600 | |
| } | |
| .page-sidebar--copy-section { | |
| margin-top:2.5rem | |
| } | |
| .page-sidebar--copy-section h4 { | |
| margin-bottom:0 | |
| } | |
| .page-sidebar--copy { | |
| max-width:14.0625rem; | |
| margin-top:0; | |
| color:#898989; | |
| font-size:.875rem; | |
| line-height:1.125rem | |
| } | |
| .page-footer { | |
| border:0 solid transparent; | |
| background:#000 | |
| } | |
| .page-footer a:hover { | |
| color:#fefefe!important; | |
| text-decoration:underline | |
| } | |
| .page-footer__form .alpine-form { | |
| height:46px; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| .page-footer__form .alpine-form__wrap { | |
| display:flex; | |
| height:46px | |
| } | |
| .page-footer__form .alpine-form__wrap .form-input label { | |
| display:none | |
| } | |
| .page-footer__form .alpine-form__wrap .form-input input { | |
| background:#fefefe | |
| } | |
| .page-footer__form .alpine-form__wrap .form-submit { | |
| margin:0 | |
| } | |
| .page-footer__form .form-response__success { | |
| color:#fefefe | |
| } | |
| .page-footer hr { | |
| border-color:#393946 | |
| } | |
| .page-footer__nav { | |
| margin-top:2rem; | |
| margin-bottom:2rem; | |
| display:flex; | |
| flex-wrap:wrap | |
| } | |
| .page-footer__nav .site-nav__item .btn { | |
| margin:0 0 .625rem | |
| } | |
| .page-footer__nav-copyright, | |
| .page-footer__nav-terms { | |
| margin:.5rem 0; | |
| color:#d8d8df; | |
| font-size:16px; | |
| line-height:25px | |
| } | |
| .page-footer__nav-copyright a, | |
| .page-footer__nav-terms a { | |
| color:#d8d8df | |
| } | |
| .page-footer__nav-copyright { | |
| font-size:13px; | |
| margin-bottom:2rem | |
| } | |
| .page-footer__nav-social { | |
| display:flex | |
| } | |
| .page-footer__nav-social a { | |
| margin-right:4px | |
| } | |
| .page-footer__nav-social .fa { | |
| color:#fefefe; | |
| border-radius:50%; | |
| background:#3d7bd9; | |
| width:30px; | |
| font-size:1.1rem; | |
| height:30px; | |
| text-align:center; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| padding-top:1px | |
| } | |
| .page-footer .site-nav { | |
| position:static; | |
| margin-top:0; | |
| margin-bottom:0; | |
| margin-right:0 | |
| } | |
| .page-footer .site-nav .site-nav__item { | |
| margin-bottom:.25rem | |
| } | |
| .page-footer .site-nav .site-nav__link { | |
| font-size:16px; | |
| line-height:23px; | |
| margin-top:0; | |
| padding:0; | |
| color:#d8d8df!important; | |
| font-weight:400 | |
| } | |
| .page-footer .site-nav .site-nav__link:hover { | |
| color:#fefefe!important | |
| } | |
| @media(min-width:61.25rem) { | |
| .page-footer .site-nav .site-nav__link { | |
| margin-bottom:.25rem; | |
| padding:0 | |
| } | |
| } | |
| .page-footer .site-nav .site-nav__link--small { | |
| font-size:13px | |
| } | |
| .page-footer .site-nav .site-nav__link--active { | |
| border-bottom:none | |
| } | |
| .page-footer .site-nav .ui-list { | |
| display:flex; | |
| flex-direction:column | |
| } | |
| .page-footer .meta { | |
| font-size:.875rem; | |
| margin-bottom:1.5625rem; | |
| color:#fefefe | |
| } | |
| .page-footer .meta>a { | |
| color:#d8d8df; | |
| font-weight:700 | |
| } | |
| .page-footer__row { | |
| margin:2rem 0 | |
| } | |
| .footer-grid { | |
| margin:0 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .footer-grid { | |
| flex-direction:column | |
| } | |
| } | |
| .footer-grid__column { | |
| flex:1 0 18%; | |
| justify-content:center | |
| } | |
| .border-switch-lr { | |
| border-left:1px solid #d8d8df; | |
| border-right:1px solid #d8d8df | |
| } | |
| @media only screen and (max-width:991px) { | |
| .border-switch-lr { | |
| border-left:none; | |
| border-right:none; | |
| border-top:1px solid #d8d8df; | |
| border-bottom:1px solid #d8d8df | |
| } | |
| .hide-border-mobile { | |
| border-left:none; | |
| border-right:none; | |
| border-top:none; | |
| border-bottom:none; | |
| border:none | |
| } | |
| } | |
| .btn { | |
| display:inline-block; | |
| width:auto; | |
| height:auto; | |
| min-height:2.5rem; | |
| padding:0 1.5rem; | |
| border:1px solid #1866d4; | |
| font-size:16px; | |
| font-weight:400; | |
| line-height:2.375rem; | |
| text-decoration:none; | |
| text-align:center; | |
| cursor:pointer; | |
| vertical-align:middle; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none; | |
| border-radius:0; | |
| transition:all .2s; | |
| letter-spacing:.2px; | |
| font-weight:500; | |
| border-radius:3px | |
| } | |
| .btn.arrow { | |
| padding:0 2.5rem 0 1.5rem | |
| } | |
| .btn.arrow:after { | |
| content:'\2192'; | |
| padding-left:.5rem; | |
| position:absolute; | |
| transition:.2s; | |
| transform:translate3d(0,0,0) | |
| } | |
| .btn.arrow:hover:after { | |
| transform:translate3d(5px,0,0) | |
| } | |
| .btn.btn--rounded { | |
| border-radius:5px | |
| } | |
| .btn.btn--rounded-2 { | |
| border-radius:2px | |
| } | |
| .btn--feature { | |
| margin-top:21px; | |
| border:1px solid #ddd; | |
| border-radius:5px | |
| } | |
| .btn--feature:hover:not(:disabled) { | |
| background-color:#3d7bd9; | |
| background:#3d7bd9; | |
| color:#fefefe | |
| } | |
| .btn--primary { | |
| border-color:#1866d4; | |
| background-color:#1866d4; | |
| color:#fefefe | |
| } | |
| .btn--primary:disabled { | |
| border-color:#1350a6; | |
| background-color:#1350a6; | |
| color:#aaa | |
| } | |
| .btn--primary:hover:not(:disabled) { | |
| border-color:#3d7bd9; | |
| background-color:#3d7bd9; | |
| background:#3d7bd9; | |
| color:#fefefe | |
| } | |
| .btn--primary-inverted:not(:disabled) { | |
| background-color:#fefefe; | |
| border-color:#fefefe; | |
| color:#1857b8 | |
| } | |
| .btn--primary-inverted:not(:disabled):hover { | |
| background-color:#021e40; | |
| color:#fefefe; | |
| border-color:#021e40 | |
| } | |
| .btn--primary--outline { | |
| border-color:#1866d4; | |
| background-color:#fefefe; | |
| color:#1866d4 | |
| } | |
| .btn--primary--outline:disabled { | |
| border-color:#1350a6; | |
| background-color:#d8d8df; | |
| color:#aaa | |
| } | |
| .btn--primary--outline:hover:not(:disabled) { | |
| border-color:#3d7bd9; | |
| background-color:#3d7bd9; | |
| background:#3d7bd9; | |
| color:#fefefe | |
| } | |
| .btn--primary--outline.small { | |
| min-height:2rem; | |
| height:2rem; | |
| line-height:2.2; | |
| font-size:14px; | |
| padding:0 .5rem | |
| } | |
| .btn--primary.btn--disabled { | |
| opacity:.5; | |
| outline:none | |
| } | |
| .btn--primary.btn--disabled:hover { | |
| border-color:#1857b8; | |
| background-color:#1857b8; | |
| color:#fefefe; | |
| opacity:.5; | |
| cursor:default | |
| } | |
| .btn--secondary { | |
| -webkit-font-smoothing:antialiased; | |
| -moz-osx-font-smoothing:grayscale; | |
| border-color:#3d7bd9; | |
| background:#fefefe; | |
| color:#021e40 | |
| } | |
| .btn--secondary:hover { | |
| opacity:.8 | |
| } | |
| .btn--secondary.btn--disabled { | |
| opacity:.5; | |
| outline:none | |
| } | |
| .btn--secondary.btn--disabled:hover { | |
| border-color:#3d7bd9; | |
| background-color:#3d7bd9; | |
| background:linear-gradient(#3d7bd9 0%,#2562be 100%); | |
| color:#fefefe; | |
| opacity:.5; | |
| cursor:default | |
| } | |
| .btn--white { | |
| border-color:#fefefe; | |
| background-color:#fefefe; | |
| color:#021e40 | |
| } | |
| .btn--white:hover { | |
| border-color:#021e40; | |
| background-color:#021e40; | |
| color:#fefefe | |
| } | |
| .btn--feature { | |
| margin-top:21px; | |
| border:1px solid #ddd; | |
| border-radius:5px | |
| } | |
| .btn--outline-white { | |
| border-color:#fefefe; | |
| background-color:transparent; | |
| color:#fefefe | |
| } | |
| .btn--outline-white:hover { | |
| border-color:#eaeaea; | |
| background-color:#eaeaea; | |
| color:#021e40 | |
| } | |
| .btn--outline-gray { | |
| border-color:#9292a5; | |
| background-color:transparent; | |
| color:#9292a5 | |
| } | |
| .btn--outline-gray:hover { | |
| border-color:#9292a5; | |
| color:#9292a5 | |
| } | |
| .btn--outline-blue { | |
| border-color:#1857b8; | |
| background-color:transparent; | |
| color:#fefefe | |
| } | |
| .btn--outline-blue:hover { | |
| border-color:#eaeaea; | |
| background-color:#eaeaea; | |
| color:#021e40 | |
| } | |
| .btn--success { | |
| border-color:#10a345; | |
| background-color:#10a345; | |
| color:#fefefe | |
| } | |
| .btn--orange { | |
| border-color:#fefefe; | |
| background-color:#ff6f1c; | |
| color:#000 | |
| } | |
| .btn--orange:hover { | |
| border-color:#fefefe; | |
| background-color:#1857b8; | |
| color:#fefefe | |
| } | |
| .btn--yellow { | |
| border-color:#fefefe; | |
| background-color:#ffc932; | |
| color:#000 | |
| } | |
| .btn--yellow:hover { | |
| border-color:#fefefe; | |
| background-color:#1857b8; | |
| color:#fefefe | |
| } | |
| .btn--gray { | |
| border-color:#fefefe; | |
| background-color:#3f3f3f; | |
| color:#fefefe | |
| } | |
| .btn--gray:hover { | |
| border-color:#fefefe; | |
| background-color:#1857b8; | |
| color:#fefefe | |
| } | |
| .btn--empty { | |
| border:none!important; | |
| padding-left:0!important; | |
| border:0; | |
| background:0 0 | |
| } | |
| .btn--empty:hover, | |
| .btn--empty:active, | |
| .btn--empty:focus { | |
| border:0; | |
| text-decoration:underline | |
| } | |
| .btn--none { | |
| border:none!important; | |
| padding-left:0!important; | |
| border:0; | |
| background:0 0 | |
| } | |
| .btn--none:hover, | |
| .btn--none:active, | |
| .btn--none:focus { | |
| border:0; | |
| text-decoration:none | |
| } | |
| .btn--add { | |
| -webkit-font-smoothing:antialiased; | |
| -moz-osx-font-smoothing:grayscale; | |
| border-color:#10a345; | |
| background:linear-gradient(#10a345 0%,#0d8739 100%); | |
| color:#fefefe; | |
| font-weight:400; | |
| padding:0 3.125rem | |
| } | |
| .btn--add a { | |
| color:#fefefe | |
| } | |
| .btn--add:hover { | |
| opacity:.8; | |
| color:#fefefe | |
| } | |
| .btn--add.btn--disabled { | |
| opacity:.5; | |
| outline:none | |
| } | |
| .btn--add.btn--disabled:hover { | |
| border-color:#10a345; | |
| background-color:#10a345; | |
| background:linear-gradient(#10a345 0%,#0d8739 100%); | |
| color:#fefefe; | |
| opacity:.5; | |
| cursor:default | |
| } | |
| .btn--delete { | |
| border-color:#d6041b; | |
| background:#d6041b; | |
| color:#fefefe | |
| } | |
| .btn--delete:hover { | |
| opacity:.8 | |
| } | |
| .btn--delete.btn--disabled { | |
| opacity:.5; | |
| outline:none | |
| } | |
| .btn--delete.btn--disabled:hover { | |
| border-color:#d6041b; | |
| background-color:#d6041b; | |
| background:linear-gradient(#d6041b 0%,#a40315 100%); | |
| color:#fefefe; | |
| opacity:.5; | |
| cursor:default | |
| } | |
| a.btn--delete { | |
| color:#fefefe | |
| } | |
| .btn--delete__confirm-delete::after { | |
| width:0; | |
| opacity:0; | |
| display:inline-block; | |
| padding-left:.3125rem; | |
| content:'CONFIRM DELETE'; | |
| -webkit-animation:btn--delete_grow 100ms cubic-bezier(.6,-.28,.74,.05)forwards; | |
| animation:btn--delete_grow 100ms cubic-bezier(.6,-.28,.74,.05)forwards | |
| } | |
| @-webkit-keyframes btn--delete_grow { | |
| 0% { | |
| width:0; | |
| opacity:0 | |
| } | |
| 95% { | |
| opacity:0 | |
| } | |
| 100% { | |
| width:100px; | |
| opacity:1 | |
| } | |
| } | |
| @keyframes btn--delete_grow { | |
| 0% { | |
| width:0; | |
| opacity:0 | |
| } | |
| 95% { | |
| opacity:0 | |
| } | |
| 100% { | |
| width:100px; | |
| opacity:1 | |
| } | |
| } | |
| a.btn--delete__cancel { | |
| cursor:pointer; | |
| color:#fefefe; | |
| font-weight:400 | |
| } | |
| .btn--edit { | |
| -webkit-font-smoothing:antialiased; | |
| -moz-osx-font-smoothing:grayscale; | |
| border-color:#555; | |
| background:#555; | |
| color:#fefefe; | |
| font-weight:400; | |
| padding:0 3.125rem | |
| } | |
| @media(min-width:40.625rem) { | |
| .btn--edit { | |
| padding:0 6.25rem | |
| } | |
| } | |
| .btn--edit:hover { | |
| opacity:.8 | |
| } | |
| .btn--edit:before { | |
| font-family:FontAwesome; | |
| display:inline-block; | |
| content:'\f044' | |
| } | |
| a.btn--edit { | |
| color:#fefefe | |
| } | |
| .btn--download:before { | |
| font-family:FontAwesome; | |
| display:inline-block; | |
| content:'\f019'; | |
| margin-right:.3125rem | |
| } | |
| .btn--copy { | |
| display:inline | |
| } | |
| .btn__sidebar { | |
| margin-bottom:1.25rem | |
| } | |
| .btn--reversed { | |
| border-color:#565656; | |
| background-color:#565656; | |
| background:linear-gradient(#565656,#3d3d3d 100%); | |
| color:#fefefe | |
| } | |
| .btn--reversed:hover { | |
| border-color:#898989; | |
| background-color:#898989; | |
| background:#898989; | |
| cursor:pointer | |
| } | |
| .btn--prom { | |
| border-color:#a9320b; | |
| background-color:#a9320b; | |
| background:linear-gradient(#a9320b,#792408 100%); | |
| color:#fefefe | |
| } | |
| .btn--prom:hover { | |
| opacity:.8; | |
| cursor:pointer; | |
| color:#fefefe | |
| } | |
| .btn--graf { | |
| border-color:#1c7580; | |
| background-color:#1c7580; | |
| background:linear-gradient(#1c7580,#134f56 100%); | |
| color:#fefefe | |
| } | |
| .btn--graf:hover { | |
| opacity:.8; | |
| cursor:pointer; | |
| color:#fefefe | |
| } | |
| .btn--slim { | |
| min-height:40px; | |
| padding-top:9px!important; | |
| padding-bottom:9px!important; | |
| font-size:14px; | |
| line-height:18px | |
| } | |
| .btn--slim.arrow { | |
| padding-right:2rem; | |
| padding-left:1rem | |
| } | |
| .btn--mini { | |
| padding:0 1rem; | |
| font-size:14px; | |
| min-height:32px; | |
| height:32px; | |
| line-height:30px | |
| } | |
| .btn--small { | |
| height:1.875rem; | |
| padding:0 1rem; | |
| font-size:.75rem; | |
| line-height:1.75rem | |
| } | |
| .btn--large { | |
| height:3.125rem; | |
| font-size:1rem; | |
| line-height:3rem | |
| } | |
| .btn--hero { | |
| height:2.5rem; | |
| font-size:1rem; | |
| line-height:2.375rem | |
| } | |
| .btn--outline { | |
| border-color:#1866d4; | |
| background:0 0; | |
| color:#1866d4 | |
| } | |
| .btn--outline:hover { | |
| background:#1866d4; | |
| color:#fff | |
| } | |
| .btn--outline-hero { | |
| border-color:#1857b8; | |
| background:0 0; | |
| color:#1857b8 | |
| } | |
| .btn--outline-hero:hover { | |
| background:#1857b8; | |
| color:#fff | |
| } | |
| .btn--outline-hero:hover { | |
| color:#3d7bd9; | |
| border-color:#3d7bd9 | |
| } | |
| .btn--outline-secondary { | |
| border-color:#777; | |
| background:0 0; | |
| color:#fefefe | |
| } | |
| .btn--outline-secondary:hover { | |
| opacity:.8 | |
| } | |
| .btn--outline-secondary__disabled { | |
| border-color:#777; | |
| background:0 0; | |
| color:#777 | |
| } | |
| .btn--outline-secondary__disabled:hover { | |
| background:#777; | |
| color:#fff | |
| } | |
| .btn--outline-tertiary { | |
| border-color:#3d7bd9; | |
| background:0 0; | |
| color:#3d7bd9 | |
| } | |
| .btn--outline-tertiary:hover { | |
| background:#1d4c93; | |
| color:#fff | |
| } | |
| .btn--outline-light { | |
| border-color:#fefefe; | |
| background:0 0; | |
| color:#fefefe | |
| } | |
| .btn--outline-light:hover { | |
| background:#989898; | |
| color:#fff | |
| } | |
| .btn--outline-dark { | |
| border-color:#333; | |
| background:0 0; | |
| color:#333 | |
| } | |
| .btn--outline-dark:hover { | |
| background:#000; | |
| color:#fff | |
| } | |
| .download__btn { | |
| position:absolute; | |
| bottom:20px; | |
| left:6rem; | |
| padding:0 1.875rem | |
| } | |
| a.btn--no-outline-secondary { | |
| border-color:transparent; | |
| background:0 0; | |
| color:#777 | |
| } | |
| a.btn--no-outline-secondary:hover { | |
| opacity:.8 | |
| } | |
| .btn--no-outline-tertiary { | |
| border-color:transparent; | |
| background:0 0; | |
| color:#3d7bd9 | |
| } | |
| .btn--close, | |
| .sticky-footer__close { | |
| float:right; | |
| border:0; | |
| background:0 0; | |
| font-size:1.3125rem; | |
| line-height:1; | |
| color:#fefefe | |
| } | |
| .interior-section.early-access-signup a.btn--outline-secondary { | |
| color:#777 | |
| } | |
| .btn-row { | |
| margin-bottom:.625rem | |
| } | |
| @media(max-width:61.1875rem) { | |
| .btn-row { | |
| text-align:center | |
| } | |
| } | |
| .btn-row .btn { | |
| margin-right:1.25rem; | |
| margin-bottom:1rem | |
| } | |
| .btn-row .btn:last-child { | |
| margin-right:0 | |
| } | |
| @media(max-width:40.625rem) { | |
| .btn-row .btn { | |
| margin-right:.25rem; | |
| margin-left:.25rem; | |
| height:auto; | |
| white-space:normal; | |
| line-height:1.5rem; | |
| padding:.75rem | |
| } | |
| .btn-row .btn.arrow { | |
| padding-right:2.5rem | |
| } | |
| } | |
| .btn-row p { | |
| display:inline | |
| } | |
| @media screen and (max-width:1380px) { | |
| .btn-row--hero { | |
| flex-wrap:wrap | |
| } | |
| } | |
| .btn-row .btn-row { | |
| width:100% | |
| } | |
| .btn-row__container { | |
| width:100% | |
| } | |
| .btn-row__container:first-of-type { | |
| margin-right:10px | |
| } | |
| @media screen and (max-width:1380px) { | |
| .btn-row__container:first-of-type { | |
| margin:0 | |
| } | |
| } | |
| .btn-row__container:last-of-type { | |
| margin-left:10px | |
| } | |
| @media screen and (max-width:1380px) { | |
| .btn-row__container:last-of-type { | |
| margin:0 | |
| } | |
| } | |
| .btn-row.narrow { | |
| margin-bottom:0 | |
| } | |
| .btn-row.tall { | |
| margin-bottom:2.5rem | |
| } | |
| .btn-inline { | |
| margin:0 .625rem .625rem | |
| } | |
| .btn--sub-text { | |
| display:block; | |
| margin-top:1.25rem; | |
| font-size:.8125rem | |
| } | |
| .btn--grafanacon { | |
| border-color:#ff6019; | |
| background-color:#fc4e00; | |
| background:linear-gradient(#fc4e00 0%,#c93e00 100%); | |
| color:#fefefe | |
| } | |
| .btn--grafanacon:hover { | |
| border-color:#ff6019; | |
| background-color:#ff6019; | |
| background:#ff6019; | |
| cursor:pointer; | |
| color:#fefefe | |
| } | |
| .btn--outline-grafanacon { | |
| border-color:#e3257d; | |
| background:0 0; | |
| color:#e3257d | |
| } | |
| .btn--outline-grafanacon:hover { | |
| background:#e3257d; | |
| color:#fff | |
| } | |
| .btn--outline-grafanacon:hover { | |
| background:0 0; | |
| border:1px solid #fefefe; | |
| border-radius:2px; | |
| color:#fefefe | |
| } | |
| .vertical-margin { | |
| margin:3rem 0 | |
| } | |
| .inline__social { | |
| display:inline-flex; | |
| align-items:center; | |
| justify-content:center; | |
| margin-right:.5rem; | |
| margin-bottom:.5rem; | |
| width:24px; | |
| height:24px; | |
| background-color:#d9d9d9; | |
| border-radius:50%; | |
| color:#999 | |
| } | |
| .inline__social i { | |
| font-size:14px | |
| } | |
| .inline__social i:before { | |
| color:#999; | |
| transition:.2s | |
| } | |
| .inline__social .icon-paragraph { | |
| font-size:13px | |
| } | |
| .inline__social:hover i:before { | |
| color:#353535 | |
| } | |
| a.arrow:after, | |
| span.arrow:after, | |
| p.arrow:after { | |
| content:'\2192'; | |
| padding-left:.5rem; | |
| position:absolute; | |
| transition:.2s; | |
| transform:translate3d(0,0,0) | |
| } | |
| a.arrow:hover:after, | |
| span.arrow:hover:after, | |
| p.arrow:hover:after { | |
| transform:translate3d(5px,0,0) | |
| } | |
| a.down-arrow:after { | |
| content:'\2192'; | |
| position:absolute; | |
| transition:.2s; | |
| transform:rotate(90deg) | |
| } | |
| .btn--observabilitycon { | |
| border:0; | |
| background-color:#ab320b; | |
| background:linear-gradient(0deg,#f15b2b -8.75%,#f5962b 14.89%,#fade2a 100%,#f9cb2a 100%); | |
| color:#021e40; | |
| transition:box-shadow .2s; | |
| line-height:40px | |
| } | |
| .btn--observabilitycon:hover { | |
| cursor:pointer; | |
| background:linear-gradient(0deg,#f15b2b -12.5%,#f5962b 50.25%,#fade2a 121.25%,#f9cb2a 121.25%); | |
| color:#021e40 | |
| } | |
| .close-btn { | |
| background:0 0; | |
| border:none; | |
| align-self:flex-end | |
| } | |
| .close-btn__blue { | |
| background:#1866d4; | |
| border-radius:50%; | |
| height:42px; | |
| width:42px; | |
| border-width:0; | |
| align-self:flex-end; | |
| position:absolute; | |
| display:flex; | |
| align-items:center; | |
| top:-20px; | |
| right:-20px | |
| } | |
| .close-btn__blue i { | |
| color:#fff | |
| } | |
| .close-btn__blue:hover { | |
| background:#105ac1 | |
| } | |
| .btn--form { | |
| height:46px; | |
| border-radius:4px | |
| } | |
| .btn--headline { | |
| margin-top:-6px | |
| } | |
| .btn--headline:hover { | |
| text-decoration:underline | |
| } | |
| .btn--black { | |
| border-color:#000; | |
| background-color:#000; | |
| color:#fefefe | |
| } | |
| .btn--black:hover { | |
| border-color:#fefefe; | |
| background-color:#fefefe; | |
| color:#000 | |
| } | |
| .btn--outline-black { | |
| border-color:#393946; | |
| background:rgba(255,255,255,0); | |
| transition:background .5; | |
| color:#393946 | |
| } | |
| .btn--outline-black:hover { | |
| border-color:#021e40; | |
| color:#021e40; | |
| background:rgba(251,193,82,.7) | |
| } | |
| .btn--black__lightBG { | |
| border-color:#000; | |
| background-color:#000; | |
| color:#fefefe | |
| } | |
| .btn--black__lightBG:hover { | |
| border-color:#505062; | |
| background-color:#505062; | |
| color:#fefefe | |
| } | |
| .card-container { | |
| height:100%; | |
| padding:1rem; | |
| border-radius:4px; | |
| background:#fefefe; | |
| box-shadow:0 2px 7px rgba(168,168,168,.5); | |
| overflow:hidden; | |
| text-overflow:clip | |
| } | |
| .card-container__light a { | |
| color:#3d7bd9; | |
| transition:all .2s | |
| } | |
| .card-container__light a:hover { | |
| color:#1857b8 | |
| } | |
| .card-container__light li { | |
| padding:.5rem 0 | |
| } | |
| .card-container__background { | |
| background:url(/static/img/heros/hero-blue.svg); | |
| background-size:cover; | |
| background-position:38%; | |
| height:200px; | |
| width:100% | |
| } | |
| .card-container__background a { | |
| color:#fefefe; | |
| transition:all .2s | |
| } | |
| .card-container__background a:hover { | |
| color:#eaeaea | |
| } | |
| .card-container--tall { | |
| min-height:13.5rem | |
| } | |
| .card-container--short { | |
| min-height:9.5rem | |
| } | |
| .card-container--no-min { | |
| min-height:0 | |
| } | |
| .card-container.card-container--min-height-1 { | |
| min-height:1rem | |
| } | |
| .card-container.card-container--min-height-2 { | |
| min-height:2rem | |
| } | |
| .card-container.card-container--min-height-3 { | |
| min-height:3rem | |
| } | |
| .card-container.card-container--min-height-4 { | |
| min-height:4rem | |
| } | |
| .card-container.card-container--min-height-5 { | |
| min-height:5rem | |
| } | |
| .card-container.card-container--min-height-6 { | |
| min-height:6rem | |
| } | |
| .card-container.card-container--min-height-7 { | |
| min-height:7rem | |
| } | |
| .card-container.card-container--min-height-8 { | |
| min-height:8rem | |
| } | |
| .card-container.card-container--min-height-9 { | |
| min-height:9rem | |
| } | |
| .card-container.card-container--min-height-10 { | |
| min-height:10rem | |
| } | |
| .card-container.card-container--min-height-11 { | |
| min-height:11rem | |
| } | |
| .card-container.card-container--min-height-12 { | |
| min-height:12rem | |
| } | |
| .card-container.card-container--min-height-13 { | |
| min-height:13rem | |
| } | |
| .card-container.card-container--min-height-14 { | |
| min-height:14rem | |
| } | |
| .card-container.card-container--min-height-15 { | |
| min-height:15rem | |
| } | |
| .card-container.card-container--min-height-16 { | |
| min-height:16rem | |
| } | |
| .card-container.card-container--min-height-17 { | |
| min-height:17rem | |
| } | |
| .card-container.card-container--min-height-18 { | |
| min-height:18rem | |
| } | |
| .card-container.card-container--min-height-19 { | |
| min-height:19rem | |
| } | |
| .card-container.card-container--min-height-20 { | |
| min-height:20rem | |
| } | |
| .card-container.card-container--min-height-21 { | |
| min-height:21rem | |
| } | |
| .card-container.card-container--min-height-22 { | |
| min-height:22rem | |
| } | |
| .card-container.card-container--min-height-23 { | |
| min-height:23rem | |
| } | |
| .card-container.card-container--min-height-24 { | |
| min-height:24rem | |
| } | |
| .card-container.card-container--min-height-25 { | |
| min-height:25rem | |
| } | |
| .card-container.card-container--min-height-26 { | |
| min-height:26rem | |
| } | |
| .card-container.card-container--min-height-27 { | |
| min-height:27rem | |
| } | |
| .card-container.card-container--min-height-28 { | |
| min-height:28rem | |
| } | |
| .card-container.card-container--min-height-29 { | |
| min-height:29rem | |
| } | |
| .card-container.card-container--min-height-30 { | |
| min-height:30rem | |
| } | |
| .card-container.card-container--min-height-31 { | |
| min-height:31rem | |
| } | |
| .card-container.card-container--min-height-32 { | |
| min-height:32rem | |
| } | |
| .card-container.card-container--min-height-33 { | |
| min-height:33rem | |
| } | |
| .card-container.card-container--min-height-34 { | |
| min-height:34rem | |
| } | |
| .card-container.card-container--min-height-35 { | |
| min-height:35rem | |
| } | |
| .card-container.card-container--min-height-36 { | |
| min-height:36rem | |
| } | |
| .card-container.card-container--min-height-37 { | |
| min-height:37rem | |
| } | |
| .card-container.card-container--min-height-38 { | |
| min-height:38rem | |
| } | |
| .card-container.card-container--min-height-39 { | |
| min-height:39rem | |
| } | |
| .card-container.card-container--min-height-40 { | |
| min-height:40rem | |
| } | |
| .card-container.card-container--min-height-41 { | |
| min-height:41rem | |
| } | |
| .card-container.card-container--min-height-42 { | |
| min-height:42rem | |
| } | |
| .card-container.card-container--min-height-43 { | |
| min-height:43rem | |
| } | |
| .card-container.card-container--min-height-44 { | |
| min-height:44rem | |
| } | |
| .card-container.card-container--min-height-45 { | |
| min-height:45rem | |
| } | |
| .card-container.card-container--min-height-46 { | |
| min-height:46rem | |
| } | |
| .card-container.card-container--min-height-47 { | |
| min-height:47rem | |
| } | |
| .card-container.card-container--min-height-48 { | |
| min-height:48rem | |
| } | |
| .card-container.card-container--min-height-49 { | |
| min-height:49rem | |
| } | |
| .card-container.card-container--min-height-50 { | |
| min-height:50rem | |
| } | |
| .card-container.card-container--min-height-51 { | |
| min-height:51rem | |
| } | |
| .card-container.card-container--min-height-52 { | |
| min-height:52rem | |
| } | |
| .card-container.card-container--min-height-53 { | |
| min-height:53rem | |
| } | |
| .card-container.card-container--min-height-54 { | |
| min-height:54rem | |
| } | |
| .card-container.card-container--min-height-55 { | |
| min-height:55rem | |
| } | |
| .card-container.card-container--min-height-56 { | |
| min-height:56rem | |
| } | |
| .card-container.card-container--min-height-57 { | |
| min-height:57rem | |
| } | |
| .card-container.card-container--min-height-58 { | |
| min-height:58rem | |
| } | |
| .card-container.card-container--min-height-59 { | |
| min-height:59rem | |
| } | |
| .card-container.card-container--min-height-60 { | |
| min-height:60rem | |
| } | |
| .card-container.card-container--height-1 { | |
| height:1rem | |
| } | |
| .card-container.card-container--height-2 { | |
| height:2rem | |
| } | |
| .card-container.card-container--height-3 { | |
| height:3rem | |
| } | |
| .card-container.card-container--height-4 { | |
| height:4rem | |
| } | |
| .card-container.card-container--height-5 { | |
| height:5rem | |
| } | |
| .card-container.card-container--height-6 { | |
| height:6rem | |
| } | |
| .card-container.card-container--height-7 { | |
| height:7rem | |
| } | |
| .card-container.card-container--height-8 { | |
| height:8rem | |
| } | |
| .card-container.card-container--height-9 { | |
| height:9rem | |
| } | |
| .card-container.card-container--height-10 { | |
| height:10rem | |
| } | |
| .card-container.card-container--height-11 { | |
| height:11rem | |
| } | |
| .card-container.card-container--height-12 { | |
| height:12rem | |
| } | |
| .card-container.card-container--height-13 { | |
| height:13rem | |
| } | |
| .card-container.card-container--height-14 { | |
| height:14rem | |
| } | |
| .card-container.card-container--height-15 { | |
| height:15rem | |
| } | |
| .card-container.card-container--height-16 { | |
| height:16rem | |
| } | |
| .card-container.card-container--height-17 { | |
| height:17rem | |
| } | |
| .card-container.card-container--height-18 { | |
| height:18rem | |
| } | |
| .card-container.card-container--height-19 { | |
| height:19rem | |
| } | |
| .card-container.card-container--height-20 { | |
| height:20rem | |
| } | |
| .card-container.card-container--height-21 { | |
| height:21rem | |
| } | |
| .card-container.card-container--height-22 { | |
| height:22rem | |
| } | |
| .card-container.card-container--height-23 { | |
| height:23rem | |
| } | |
| .card-container.card-container--height-24 { | |
| height:24rem | |
| } | |
| .card-container.card-container--height-25 { | |
| height:25rem | |
| } | |
| .card-container.card-container--height-26 { | |
| height:26rem | |
| } | |
| .card-container.card-container--height-27 { | |
| height:27rem | |
| } | |
| .card-container.card-container--height-28 { | |
| height:28rem | |
| } | |
| .card-container.card-container--height-29 { | |
| height:29rem | |
| } | |
| .card-container.card-container--height-30 { | |
| height:30rem | |
| } | |
| .card-container.card-container--height-31 { | |
| height:31rem | |
| } | |
| .card-container.card-container--height-32 { | |
| height:32rem | |
| } | |
| .card-container.card-container--height-33 { | |
| height:33rem | |
| } | |
| .card-container.card-container--height-34 { | |
| height:34rem | |
| } | |
| .card-container.card-container--height-35 { | |
| height:35rem | |
| } | |
| .card-container.card-container--height-36 { | |
| height:36rem | |
| } | |
| .card-container.card-container--height-37 { | |
| height:37rem | |
| } | |
| .card-container.card-container--height-38 { | |
| height:38rem | |
| } | |
| .card-container.card-container--height-39 { | |
| height:39rem | |
| } | |
| .card-container.card-container--height-40 { | |
| height:40rem | |
| } | |
| .card-container.card-container--height-41 { | |
| height:41rem | |
| } | |
| .card-container.card-container--height-42 { | |
| height:42rem | |
| } | |
| .card-container.card-container--height-43 { | |
| height:43rem | |
| } | |
| .card-container.card-container--height-44 { | |
| height:44rem | |
| } | |
| .card-container.card-container--height-45 { | |
| height:45rem | |
| } | |
| .card-container.card-container--height-46 { | |
| height:46rem | |
| } | |
| .card-container.card-container--height-47 { | |
| height:47rem | |
| } | |
| .card-container.card-container--height-48 { | |
| height:48rem | |
| } | |
| .card-container.card-container--height-49 { | |
| height:49rem | |
| } | |
| .card-container.card-container--height-50 { | |
| height:50rem | |
| } | |
| .card-container.card-container--height-51 { | |
| height:51rem | |
| } | |
| .card-container.card-container--height-52 { | |
| height:52rem | |
| } | |
| .card-container.card-container--height-53 { | |
| height:53rem | |
| } | |
| .card-container.card-container--height-54 { | |
| height:54rem | |
| } | |
| .card-container.card-container--height-55 { | |
| height:55rem | |
| } | |
| .card-container.card-container--height-56 { | |
| height:56rem | |
| } | |
| .card-container.card-container--height-57 { | |
| height:57rem | |
| } | |
| .card-container.card-container--height-58 { | |
| height:58rem | |
| } | |
| .card-container.card-container--height-59 { | |
| height:59rem | |
| } | |
| .card-container.card-container--height-60 { | |
| height:60rem | |
| } | |
| .card-container--flex { | |
| display:flex; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| .card-container--interactive:hover { | |
| background:linear-gradient(135deg,#343434 0%,#262626 100%); | |
| box-shadow:-1px -1px rgba(255,255,255,.1),1px 1px rgba(0,0,0,.3) | |
| } | |
| .card-container--interactive:active { | |
| background:linear-gradient(135deg,#2c2c2c 0%,#232323 100%); | |
| box-shadow:-1px -1px rgba(255,255,255,.1),1px 1px rgba(0,0,0,.3) | |
| } | |
| .card-resource { | |
| display:block; | |
| background:#fefefe; | |
| border-radius:5px; | |
| transition:.2s; | |
| color:#777; | |
| padding:1rem 1rem 1rem 1.35rem | |
| } | |
| .card-resource.bg-reverse { | |
| background:#f5f5f5 | |
| } | |
| .card-resource.bg-reverse:hover { | |
| background:#fefefe | |
| } | |
| .card-resource__bg-reverse .card-resource { | |
| background:#f5f5f5 | |
| } | |
| .card-resource__bg-reverse .card-resource:hover { | |
| background:#fefefe | |
| } | |
| .card-resource.with-img { | |
| padding:0 | |
| } | |
| .card-resource.nominh { | |
| height:100% | |
| } | |
| .card-resource__content { | |
| padding:1rem 1rem 1rem 1.35rem | |
| } | |
| .card-resource__content.flexb-100 { | |
| flex-basis:100% | |
| } | |
| .card-resource__icon { | |
| line-height:14px; | |
| font-size:.85rem; | |
| margin-bottom:.5rem | |
| } | |
| .card-resource__icon-small { | |
| height:18px; | |
| margin-right:4px | |
| } | |
| .card-resource__button { | |
| border:0; | |
| width:100%; | |
| text-align:left | |
| } | |
| .card-resource__flex { | |
| display:flex; | |
| flex-direction:column | |
| } | |
| .card-resource:hover { | |
| box-shadow:0 5px 20px rgba(0,0,0,8%); | |
| color:#777 | |
| } | |
| .card-resource:hover .card-resource__title { | |
| text-decoration:underline | |
| } | |
| .card-resource:hover .card-resource__underline { | |
| text-decoration:underline | |
| } | |
| .card-resource:hover .card-resource__play { | |
| opacity:1 | |
| } | |
| .card-resource__title { | |
| margin:0; | |
| padding-top:0; | |
| transition:.2s; | |
| color:#141414 | |
| } | |
| .card-resource__description { | |
| height:75px; | |
| overflow:hidden | |
| } | |
| .card-resource__description-tall { | |
| height:165px; | |
| line-height:24px | |
| } | |
| .card-resource__description.flexgrow { | |
| height:unset; | |
| flex-grow:1 | |
| } | |
| .card-resource__byline { | |
| margin-top:auto; | |
| font-weight:400; | |
| color:#505062; | |
| font-size:1rem; | |
| margin-bottom:0 | |
| } | |
| .card-resource__text.x-small { | |
| font-size:.65rem | |
| } | |
| .card-resource__text.small { | |
| font-size:.85rem | |
| } | |
| .card-resource__text.normal { | |
| font-size:1rem | |
| } | |
| .card-resource__headline { | |
| display:flex; | |
| align-items:center; | |
| height:60px; | |
| overflow:hidden; | |
| margin-bottom:.75rem | |
| } | |
| .card-resource__hero:hover { | |
| background-color:#ebebeb | |
| } | |
| .card-resource__img { | |
| height:200px; | |
| min-height:200px; | |
| width:100%; | |
| border-top-left-radius:5px; | |
| border-top-right-radius:5px; | |
| -o-object-fit:fill; | |
| object-fit:fill | |
| } | |
| .card-resource__img--small { | |
| height:125px; | |
| width:100%; | |
| border-top-left-radius:5px; | |
| border-top-right-radius:5px; | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| .card-resource__play { | |
| width:80px; | |
| height:80px; | |
| opacity:.3; | |
| transition:opacity .5s ease-out; | |
| -moz-transition:opacity .5s ease-out; | |
| -webkit-transition:opacity .5s ease-out; | |
| -o-transition:opacity .5s ease-out | |
| } | |
| .card-resource__logo { | |
| margin-right:1rem | |
| } | |
| .card-resource__logo-success { | |
| height:40px; | |
| width:auto; | |
| margin-bottom:.15rem | |
| } | |
| .card-resource__nohover:hover { | |
| box-shadow:none | |
| } | |
| .card-resource__expand { | |
| height:100% | |
| } | |
| .card-resource__dark { | |
| background:#2e2e38 | |
| } | |
| .card-resource__dark i { | |
| color:#4da0ff | |
| } | |
| .card-resource__border { | |
| border:1px solid transparent | |
| } | |
| .card-resource__border:hover { | |
| border:1px solid #393946 | |
| } | |
| .card-resource.yellow { | |
| background:#fde8be | |
| } | |
| .card-resource.orange { | |
| background:#fdc9be | |
| } | |
| .card-resource.purple { | |
| background:#cec6f6 | |
| } | |
| .card-icon { | |
| border-radius:50%; | |
| width:40px; | |
| height:40px; | |
| display:flex; | |
| align-content:center; | |
| justify-content:center | |
| } | |
| .card-icon.yellow { | |
| background:#fcda96 | |
| } | |
| .card-icon.orange { | |
| background:#f9a796 | |
| } | |
| .card-icon.purple { | |
| background:#b7acf2 | |
| } | |
| .card-icon>img { | |
| height:24px!important; | |
| width:24px!important; | |
| align-self:center!important; | |
| justify-self:center!important | |
| } | |
| .compare-cards { | |
| display:grid; | |
| grid-template-areas:'compareLeft' 'compareArrow' 'compareRight' | |
| } | |
| @media(min-width:62rem) { | |
| .compare-cards { | |
| grid-template-columns:1fr 50px 1fr; | |
| grid-template-areas:'compareLeft compareArrow compareRight' | |
| } | |
| } | |
| .compare-cards__card { | |
| display:flex; | |
| flex-direction:column; | |
| border-radius:5px; | |
| padding-left:2rem; | |
| padding-right:2rem; | |
| padding-top:1.5rem; | |
| padding-bottom:.3rem | |
| } | |
| .compare-cards__arrow { | |
| display:flex; | |
| flex-direction:column; | |
| align-items:center; | |
| justify-content:center; | |
| min-width:50px; | |
| min-height:50px | |
| } | |
| .compare-cards>.left { | |
| grid-area:compareLeft | |
| } | |
| .compare-cards>.arrow { | |
| grid-area:compareArrow | |
| } | |
| .compare-cards>.right { | |
| grid-area:compareRight | |
| } | |
| .card.h-header-50 { | |
| height:calc(100% - 50px) | |
| } | |
| .card-simple { | |
| border:1px solid #d8d8df; | |
| border-radius:5px; | |
| display:flex; | |
| align-items:start; | |
| justify-content:space-between; | |
| flex-direction:column; | |
| transition:all .2s ease; | |
| font-size:18px | |
| } | |
| .card-simple:hover { | |
| border:1px solid #000; | |
| box-shadow:0 5px 20px rgba(0,0,0,8%) | |
| } | |
| .card-simple:hover .card-simple__title { | |
| text-decoration:underline | |
| } | |
| .card-simple__title { | |
| color:#000; | |
| text-decoration:none; | |
| transition:all .5s ease | |
| } | |
| .card-simple__tag { | |
| background-color:#f4f4f6; | |
| color:#000 | |
| } | |
| .overlay { | |
| z-index:50; | |
| position:relative | |
| } | |
| .overlay-bg { | |
| width:100%; | |
| height:100%; | |
| background-color:#000; | |
| opacity:50%; | |
| z-index:5; | |
| position:absolute | |
| } | |
| .img-to-white { | |
| filter:brightness(0)invert(1) | |
| } | |
| .info-card { | |
| background:#fefefe; | |
| border-top:2px solid #f05a28; | |
| position:relative; | |
| box-shadow:0 10px 25px rgba(0,0,0,7%); | |
| padding:6px; | |
| margin:0 0 40px; | |
| border-radius:2px | |
| } | |
| .info-card:before { | |
| content:''; | |
| position:absolute; | |
| width:100%; | |
| height:2px; | |
| background:linear-gradient(to right,#f05a28,#fbca0a); | |
| top:-2px; | |
| left:0 | |
| } | |
| .info-card__highlight { | |
| background:#f4f6f8; | |
| margin:.5rem 0; | |
| padding:13px 20px; | |
| max-width:250px; | |
| font-size:16px; | |
| min-height:103px; | |
| margin-right:17px; | |
| border-radius:5px | |
| } | |
| .info-card.diagram img { | |
| max-width:100% | |
| } | |
| @media(min-width:40.625rem) { | |
| .info-card__separator { | |
| border-right:1px solid #e8ecee | |
| } | |
| } | |
| @media(max-width:40.625rem) { | |
| .info-card__separator { | |
| border-bottom:1px solid #e8ecee | |
| } | |
| } | |
| .filter .dropdown { | |
| display:relative; | |
| min-width:200px; | |
| margin-bottom:0; | |
| border:1px solid #e8ecee; | |
| transition:all .2s | |
| } | |
| @media(max-width:62rem) { | |
| .filter .dropdown { | |
| margin:.5rem 0; | |
| width:100% | |
| } | |
| } | |
| .filter .dropdown>select { | |
| width:100%; | |
| border:0!important; | |
| -webkit-appearance:none; | |
| -moz-appearance:none; | |
| appearance:none; | |
| background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown-arrow%3C/title%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M10.293 3.293 6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414.0l5-5a1 1 0 10-1.414-1.414z%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E"); | |
| background-size:.9rem; | |
| background-position:calc(100% - 1em); | |
| background-repeat:no-repeat; | |
| padding:0 40px 0 10px; | |
| background-color:#fefefe | |
| } | |
| .filter .dropdown:hover { | |
| box-shadow:0 2px 7px rgba(168,168,168,.5) | |
| } | |
| .filter .dropdown:hover select { | |
| cursor:pointer | |
| } | |
| .filter .filter__clear button { | |
| color:#555 | |
| } | |
| .filter .filter__clear i { | |
| margin-right:.5rem | |
| } | |
| .filter .form__label h4 { | |
| margin-top:6px; | |
| margin-bottom:0; | |
| margin-left:10px | |
| } | |
| input[type=email], | |
| input[type=number], | |
| input[type=search], | |
| input[type=text], | |
| input[type=tel], | |
| input[type=url], | |
| input[type=password], | |
| textarea, | |
| select { | |
| height:46px; | |
| line-height:23px; | |
| padding:6px 16px; | |
| background-color:#fff; | |
| border:transparent; | |
| color:#393946; | |
| transition:box-shadow .2s; | |
| border-radius:2px; | |
| box-shadow:none; | |
| box-sizing:border-box; | |
| font-family:inherit; | |
| font-size:16px; | |
| width:100% | |
| } | |
| input[type=email]::-moz-placeholder, | |
| input[type=number]::-moz-placeholder, | |
| input[type=search]::-moz-placeholder, | |
| input[type=text]::-moz-placeholder, | |
| input[type=tel]::-moz-placeholder, | |
| input[type=url]::-moz-placeholder, | |
| input[type=password]::-moz-placeholder, | |
| textarea::-moz-placeholder, | |
| select::-moz-placeholder { | |
| font-size:16px!important; | |
| color:#9292a5; | |
| vertical-align:middle!important | |
| } | |
| input[type=email]:-ms-input-placeholder, | |
| input[type=number]:-ms-input-placeholder, | |
| input[type=search]:-ms-input-placeholder, | |
| input[type=text]:-ms-input-placeholder, | |
| input[type=tel]:-ms-input-placeholder, | |
| input[type=url]:-ms-input-placeholder, | |
| input[type=password]:-ms-input-placeholder, | |
| textarea:-ms-input-placeholder, | |
| select:-ms-input-placeholder { | |
| font-size:16px!important; | |
| color:#9292a5; | |
| vertical-align:middle!important | |
| } | |
| input[type=email]::placeholder, | |
| input[type=number]::placeholder, | |
| input[type=search]::placeholder, | |
| input[type=text]::placeholder, | |
| input[type=tel]::placeholder, | |
| input[type=url]::placeholder, | |
| input[type=password]::placeholder, | |
| textarea::placeholder, | |
| select::placeholder { | |
| font-size:16px!important; | |
| color:#9292a5; | |
| vertical-align:middle!important | |
| } | |
| input[type=email].gray-border, | |
| input[type=number].gray-border, | |
| input[type=search].gray-border, | |
| input[type=text].gray-border, | |
| input[type=tel].gray-border, | |
| input[type=url].gray-border, | |
| input[type=password].gray-border, | |
| textarea.gray-border, | |
| select.gray-border { | |
| border:1px solid #aeaebc | |
| } | |
| input[type=email], | |
| input[type=number], | |
| input[type=search], | |
| input[type=text], | |
| input[type=tel], | |
| input[type=url], | |
| input[type=password], | |
| textarea { | |
| -webkit-appearance:none; | |
| -moz-appearance:none; | |
| appearance:none | |
| } | |
| textarea { | |
| min-height:65px; | |
| padding-top:6px; | |
| padding-bottom:6px | |
| } | |
| input[type=email]:focus, | |
| input[type=number]:focus, | |
| input[type=search]:focus, | |
| input[type=text]:focus, | |
| input[type=tel]:focus, | |
| input[type=url]:focus, | |
| input[type=password]:focus, | |
| textarea:focus, | |
| select:focus { | |
| outline:0; | |
| box-shadow:0 0 5px #898989 | |
| } | |
| select, | |
| label, | |
| legend { | |
| display:block; | |
| margin-bottom:0; | |
| font-size:14px; | |
| font-weight:500; | |
| color:#393946; | |
| display:block | |
| } | |
| select.light-placeholder, | |
| label.light-placeholder, | |
| legend.light-placeholder { | |
| color:#393946; | |
| font-weight:400 | |
| } | |
| fieldset { | |
| padding:0; | |
| border-width:0 | |
| } | |
| input[type=checkbox], | |
| input[type=radio] { | |
| display:inline | |
| } | |
| label>.label-body { | |
| display:inline-block; | |
| margin-left:.5rem; | |
| font-weight:400 | |
| } | |
| select { | |
| background-image:linear-gradient(45deg,transparent 50%,#021e40 50%),linear-gradient(135deg,#021e40 50%,transparent 50%),linear-gradient(to right,#fff,#fff); | |
| background-position:calc(100% - 20px)calc(1em + 5px),calc(100% - 15px)calc(1em + 5px),100% 0; | |
| background-size:5px 5px,5px 5px,2.5em 2.5em; | |
| background-repeat:no-repeat; | |
| padding:1px 36px 1px 16px; | |
| margin:0; | |
| box-sizing:border-box; | |
| -webkit-appearance:none; | |
| -moz-appearance:none; | |
| text-overflow:ellipsis | |
| } | |
| .form-input { | |
| margin-bottom:1rem; | |
| max-width:285px | |
| } | |
| .form__notice { | |
| font-size:13px!important; | |
| line-height:18px!important; | |
| max-width:400px; | |
| opacity:65% | |
| } | |
| .form-submit { | |
| margin-top:1rem | |
| } | |
| .form-response__success { | |
| color:#10a345 | |
| } | |
| .form-response__error { | |
| color:#ea2531 | |
| } | |
| .form-inline .form-main { | |
| display:flex; | |
| flex-wrap:wrap; | |
| justify-content:center | |
| } | |
| .form-inline .form-main .form-submit { | |
| margin-top:0; | |
| margin-left:.5rem | |
| } | |
| @media(max-width:600px) { | |
| .form-inline .form-main .form-submit { | |
| width:100% | |
| } | |
| } | |
| .form-inline .form-main .btn { | |
| height:46px | |
| } | |
| .input-white { | |
| background-color:#fefefe!important | |
| } | |
| .input-shadow { | |
| box-shadow:0 5px 20px rgba(0,0,0,8%)!important | |
| } | |
| .input-border { | |
| border:1px solid #d4d4d4!important | |
| } | |
| .select-blue { | |
| background-image:linear-gradient(45deg,transparent 50%,#fefefe 50%),linear-gradient(135deg,#fefefe 50%,transparent 50%),linear-gradient(to right,#1a53b7,#1a53b7); | |
| background-position:calc(100% - 20px)calc(1em + 5px),calc(100% - 15px)calc(1em + 5px),100% 0; | |
| background-size:5px 5px,5px 5px,2.5em 2.5em; | |
| background-repeat:no-repeat; | |
| color:#fefefe; | |
| background-color:#1a53b7 | |
| } | |
| .select-mercury { | |
| background-image:linear-gradient(45deg,transparent 50%,#fefefe 50%),linear-gradient(135deg,#fefefe 50%,transparent 50%),linear-gradient(to right,#e1e1e1,#e1e1e1); | |
| background-position:calc(100% - 20px)calc(1em + 5px),calc(100% - 15px)calc(1em + 5px),100% 0; | |
| background-size:5px 5px,5px 5px,2.5em 2.5em; | |
| background-repeat:no-repeat | |
| } | |
| .input-search { | |
| display:flex; | |
| position:relative | |
| } | |
| .input-search i.fa-search { | |
| position:absolute; | |
| top:14px; | |
| left:14px | |
| } | |
| .input-search i.fa-search:before { | |
| color:#c5c5c5 | |
| } | |
| .input-search input { | |
| padding-left:41px; | |
| border-radius:5px!important | |
| } | |
| @media(min-width:61.25rem) { | |
| .site-nav_container { | |
| height:64px; | |
| display:flex; | |
| flex-direction:column; | |
| background:#fefefe | |
| } | |
| } | |
| @media(min-width:61.25rem) and (min-width:61.25rem) { | |
| .site-nav_container { | |
| flex-direction:row | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .site-nav { | |
| display:block; | |
| padding-bottom:16px; | |
| margin-bottom:16px; | |
| width:100% | |
| } | |
| } | |
| .site-nav__item { | |
| display:block | |
| } | |
| @media(min-width:61.25rem) { | |
| .site-nav__item { | |
| display:inline-block | |
| } | |
| } | |
| .site-nav__item .ghost-button { | |
| border:1px solid #5794f2!important; | |
| color:#5794f2; | |
| margin-left:8px; | |
| padding:6px 8px!important; | |
| font-weight:700; | |
| font-size:.875rem | |
| } | |
| @media(max-width:61.1875rem) { | |
| .site-nav__item .ghost-button { | |
| padding:14px!important; | |
| text-align:center; | |
| margin:16px!important; | |
| width:auto!important | |
| } | |
| } | |
| .site-nav__item .btn { | |
| margin:0 .9375rem | |
| } | |
| .site-nav__item--home { | |
| display:block | |
| } | |
| @media(min-width:61.25rem) { | |
| .site-nav__item--home { | |
| display:none | |
| } | |
| } | |
| .site-nav__item--home a { | |
| font-weight:700; | |
| color:#fefefe; | |
| text-decoration:none; | |
| font-size:1.3125rem | |
| } | |
| @media(min-width:61.25rem) { | |
| .site-nav__item--home a { | |
| display:none | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .site-nav__item--inline { | |
| display:inline-block!important; | |
| margin-top:12px!important | |
| } | |
| } | |
| .site-nav__link { | |
| color:#393946; | |
| font-size:1rem; | |
| line-height:16px; | |
| font-weight:500; | |
| text-decoration:none; | |
| padding:16px 48px; | |
| display:block; | |
| transition:color .2s | |
| } | |
| .site-nav__link:hover { | |
| color:#1f60c4!important | |
| } | |
| .site-nav__link--highlight { | |
| color:#1f60c4!important | |
| } | |
| .site-nav__link--discrete { | |
| font-size:.75rem; | |
| color:#555!important | |
| } | |
| .site-nav__link--loud { | |
| font-size:.75rem; | |
| color:#eaeaea!important | |
| } | |
| .site-nav__link--affordance::after { | |
| font-family:FontAwesome; | |
| color:#393946; | |
| font-size:.625rem; | |
| margin-left:5px; | |
| display:inline-block; | |
| content:'\f0d7' | |
| } | |
| .site-nav__link--small { | |
| font-size:.875rem | |
| } | |
| .site-nav__link--bold { | |
| padding:8px; | |
| font-weight:700 | |
| } | |
| .site-nav__link--active { | |
| border-bottom:2px solid #f46800; | |
| box-sizing:border-box; | |
| padding-bottom:13px | |
| } | |
| .sticky-footer { | |
| position:fixed; | |
| bottom:0; | |
| width:100%; | |
| overflow:visible; | |
| z-index:600; | |
| background-color:#021e40; | |
| padding:.3125rem | |
| } | |
| .sticky-footer--career { | |
| background-color:#8497a5 | |
| } | |
| .sticky-footer--grafanacon { | |
| background:url(../../static/img/polygon_texture_grafanacon.jpg)0 200px repeat | |
| } | |
| .sticky-footer--grafanacon-la { | |
| background:url(../../static/img/polygon_texture_grafanacon_la.jpg)-100px 330px repeat | |
| } | |
| .sticky-footer__container { | |
| display:flex; | |
| flex-direction:column; | |
| justify-content:space-between; | |
| align-items:center; | |
| flex-wrap:wrap; | |
| height:100%; | |
| margin:10px | |
| } | |
| @media(min-width:75rem) { | |
| .sticky-footer__container { | |
| flex-direction:row; | |
| margin:0 40px | |
| } | |
| } | |
| .sticky-footer__copy { | |
| color:#333; | |
| padding:0 .625rem; | |
| text-align:center | |
| } | |
| .sticky-footer__copy span { | |
| font-weight:700; | |
| color:#fc4e00; | |
| filter:drop-shadow(2px 2px 0 #000) | |
| } | |
| .sticky-footer__copy p { | |
| margin-bottom:0 | |
| } | |
| .sticky-footer__copy--dark { | |
| color:#fefefe | |
| } | |
| .sticky-footer__copy--grafanacon { | |
| color:#fefefe; | |
| width:60% | |
| } | |
| .sticky-footer__copy--career { | |
| color:#fefefe | |
| } | |
| .sticky-footer__items a { | |
| color:#fefefe | |
| } | |
| .sticky-footer__cta { | |
| display:inline-block; | |
| margin-left:1.25rem; | |
| text-align:center | |
| } | |
| .sticky-footer__points { | |
| display:inline-block; | |
| margin-bottom:10px; | |
| margin-left:5px; | |
| line-height:1.8 | |
| } | |
| .sticky-footer__points .number { | |
| font-weight:700 | |
| } | |
| @media(min-width:40.625rem) { | |
| .sticky-footer__points .number { | |
| padding:3px 7px; | |
| border:3px solid #333; | |
| border-radius:50% | |
| } | |
| } | |
| .sticky-footer__footer-signup { | |
| display:inline-block; | |
| margin:.625rem 0 | |
| } | |
| .sticky-footer__image { | |
| position:absolute; | |
| top:-58px; | |
| width:130px; | |
| left:40px | |
| } | |
| .sticky-footer__image--container { | |
| width:255px; | |
| position:relative; | |
| height:35px; | |
| margin-bottom:1rem | |
| } | |
| .sticky-footer__image--grafanacloud { | |
| width:100%; | |
| position:absolute; | |
| top:-37px; | |
| left:0 | |
| } | |
| .sticky-footer__image--grafanacon { | |
| width:100%; | |
| position:absolute; | |
| top:-80px; | |
| left:0; | |
| filter:drop-shadow(0 -5px 5px #000) | |
| } | |
| @media(min-width:75rem) { | |
| .sticky-footer__image--grafanacon { | |
| left:80px | |
| } | |
| } | |
| .sticky-footer__image--career { | |
| width:200px; | |
| margin-bottom:-30px; | |
| position:absolute; | |
| left:40px; | |
| top:-110px; | |
| filter:drop-shadow(0 -5px 5px #000) | |
| } | |
| @media(min-width:75rem) { | |
| .sticky-footer__image--career { | |
| left:40px; | |
| top:-50px | |
| } | |
| } | |
| .sticky-footer__close { | |
| position:absolute; | |
| top:10px; | |
| right:10px; | |
| color:#333 | |
| } | |
| .sticky-footer__close--dark { | |
| color:#393946 | |
| } | |
| .sticky-footer__close--career { | |
| color:#393946 | |
| } | |
| .sticky-footer__close--grafanacon { | |
| color:#393946 | |
| } | |
| .sticky-footer__deny { | |
| margin-right:1.25rem; | |
| cursor:pointer | |
| } | |
| .consent-footer { | |
| display:none | |
| } | |
| .screenshot { | |
| max-height:25rem; | |
| border:1px solid #000; | |
| border-radius:.25rem; | |
| overflow:hidden; | |
| cursor:pointer; | |
| position:relative; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| margin-bottom:1rem | |
| } | |
| .screenshot:hover .screenshot__zoom>img { | |
| opacity:1 | |
| } | |
| .screenshot:hover .screenshot__animated-gif { | |
| display:block | |
| } | |
| .screenshot:hover .screenshot__still { | |
| display:none | |
| } | |
| .screenshot--round { | |
| border:none; | |
| padding-top:1rem; | |
| box-shadow:none | |
| } | |
| .screenshot--round img { | |
| width:200px; | |
| height:200px; | |
| border-radius:50%; | |
| border:1px solid #000; | |
| box-shadow:0 0 20px #111 | |
| } | |
| .screenshot--transparent { | |
| border:none; | |
| padding-top:1rem; | |
| box-shadow:none | |
| } | |
| .screenshot__animated-gif { | |
| display:none | |
| } | |
| .screenshot__zoom>img { | |
| left:50%; | |
| margin-left:-10px; | |
| margin-top:-10px; | |
| opacity:0; | |
| position:absolute; | |
| top:50%; | |
| transition:opacity .3s ease 0s | |
| } | |
| .screenshot__zoom .fa-play { | |
| font-size:1.5rem; | |
| color:#fefefe; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| transform:translate(-50%,-50%) | |
| } | |
| .shape, | |
| .shape-none, | |
| .shape-none__bg-flamingo, | |
| .shape-none__bg-default, | |
| .shape-none__bg-green, | |
| .shape-none__bg-solitude, | |
| .shape-none__bg-tundora, | |
| .shape-none__bg-alto, | |
| .shape-none__bg-coral, | |
| .shape-none__bg-tan-dark, | |
| .shape-none__bg-tan, | |
| .shape-none__bg-mango, | |
| .shape-none__bg-gallery, | |
| .shape-none__bg-athens-gray, | |
| .shape-none__bg-mercury, | |
| .shape-none__bg-wild-sand, | |
| .shape-none__bg-mine-shaft, | |
| .shape-none__bg-action-blue-4, | |
| .shape-none__bg-action-blue-3, | |
| .shape-none__bg-action-blue-2, | |
| .shape-none__bg-action-blue-1, | |
| .shape-none__bg-gray-17, | |
| .shape-none__bg-gray-16, | |
| .shape-none__bg-gray-15, | |
| .shape-none__bg-gray-14, | |
| .shape-none__bg-gray-13, | |
| .shape-none__bg-gray-12, | |
| .shape-none__bg-gray-11, | |
| .shape-none__bg-gray-10, | |
| .shape-none__bg-gray-9, | |
| .shape-none__bg-gray-8, | |
| .shape-none__bg-gray-7, | |
| .shape-none__bg-gray-6, | |
| .shape-none__bg-gray-5, | |
| .shape-none__bg-gray-4, | |
| .shape-none__bg-gray-3, | |
| .shape-none__bg-gray-2, | |
| .shape-none__bg-gray-1, | |
| .shape-none__bg-blue-3, | |
| .shape-none__bg-blue-2, | |
| .shape-none__bg-purple-3, | |
| .shape-none__bg-purple-2, | |
| .shape-none__bg-violet-3, | |
| .shape-none__bg-violet-2, | |
| .shape-none__bg-pink-3, | |
| .shape-none__bg-pink-2, | |
| .shape-none__bg-blue-1, | |
| .shape-none__bg-purple-1, | |
| .shape-none__bg-violet-1, | |
| .shape-none__bg-pink-1, | |
| .shape-none__bg-red-4, | |
| .shape-none__bg-red-3, | |
| .shape-none__bg-red-2, | |
| .shape-none__bg-orange-10, | |
| .shape-none__bg-orange-4, | |
| .shape-none__bg-orange-3, | |
| .shape-none__bg-orange-2, | |
| .shape-none__bg-amber-4, | |
| .shape-none__bg-amber-3, | |
| .shape-none__bg-amber-2, | |
| .shape-none__bg-yellow-9, | |
| .shape-none__bg-yellow-8, | |
| .shape-none__bg-yellow-4, | |
| .shape-none__bg-yellow-3, | |
| .shape-none__bg-yellow-2, | |
| .shape-none__bg-gold-1, | |
| .shape-none__bg-red-1, | |
| .shape-none__bg-orange-1, | |
| .shape-none__bg-amber-1, | |
| .shape-none__bg-yellow-1, | |
| .shape-none__bg-black, | |
| .shape-none__bg-white, | |
| .shape-200, | |
| .shape-200__bg-flamingo, | |
| .shape-200__bg-default, | |
| .shape-200__bg-green, | |
| .shape-200__bg-solitude, | |
| .shape-200__bg-tundora, | |
| .shape-200__bg-alto, | |
| .shape-200__bg-coral, | |
| .shape-200__bg-tan-dark, | |
| .shape-200__bg-tan, | |
| .shape-200__bg-mango, | |
| .shape-200__bg-gallery, | |
| .shape-200__bg-athens-gray, | |
| .shape-200__bg-mercury, | |
| .shape-200__bg-wild-sand, | |
| .shape-200__bg-mine-shaft, | |
| .shape-200__bg-action-blue-4, | |
| .shape-200__bg-action-blue-3, | |
| .shape-200__bg-action-blue-2, | |
| .shape-200__bg-action-blue-1, | |
| .shape-200__bg-gray-17, | |
| .shape-200__bg-gray-16, | |
| .shape-200__bg-gray-15, | |
| .shape-200__bg-gray-14, | |
| .shape-200__bg-gray-13, | |
| .shape-200__bg-gray-12, | |
| .shape-200__bg-gray-11, | |
| .shape-200__bg-gray-10, | |
| .shape-200__bg-gray-9, | |
| .shape-200__bg-gray-8, | |
| .shape-200__bg-gray-7, | |
| .shape-200__bg-gray-6, | |
| .shape-200__bg-gray-5, | |
| .shape-200__bg-gray-4, | |
| .shape-200__bg-gray-3, | |
| .shape-200__bg-gray-2, | |
| .shape-200__bg-gray-1, | |
| .shape-200__bg-blue-3, | |
| .shape-200__bg-blue-2, | |
| .shape-200__bg-purple-3, | |
| .shape-200__bg-purple-2, | |
| .shape-200__bg-violet-3, | |
| .shape-200__bg-violet-2, | |
| .shape-200__bg-pink-3, | |
| .shape-200__bg-pink-2, | |
| .shape-200__bg-blue-1, | |
| .shape-200__bg-purple-1, | |
| .shape-200__bg-violet-1, | |
| .shape-200__bg-pink-1, | |
| .shape-200__bg-red-4, | |
| .shape-200__bg-red-3, | |
| .shape-200__bg-red-2, | |
| .shape-200__bg-orange-10, | |
| .shape-200__bg-orange-4, | |
| .shape-200__bg-orange-3, | |
| .shape-200__bg-orange-2, | |
| .shape-200__bg-amber-4, | |
| .shape-200__bg-amber-3, | |
| .shape-200__bg-amber-2, | |
| .shape-200__bg-yellow-9, | |
| .shape-200__bg-yellow-8, | |
| .shape-200__bg-yellow-4, | |
| .shape-200__bg-yellow-3, | |
| .shape-200__bg-yellow-2, | |
| .shape-200__bg-gold-1, | |
| .shape-200__bg-red-1, | |
| .shape-200__bg-orange-1, | |
| .shape-200__bg-amber-1, | |
| .shape-200__bg-yellow-1, | |
| .shape-200__bg-black, | |
| .shape-200__bg-white, | |
| .shape-190, | |
| .shape-190__bg-flamingo, | |
| .shape-190__bg-default, | |
| .shape-190__bg-green, | |
| .shape-190__bg-solitude, | |
| .shape-190__bg-tundora, | |
| .shape-190__bg-alto, | |
| .shape-190__bg-coral, | |
| .shape-190__bg-tan-dark, | |
| .shape-190__bg-tan, | |
| .shape-190__bg-mango, | |
| .shape-190__bg-gallery, | |
| .shape-190__bg-athens-gray, | |
| .shape-190__bg-mercury, | |
| .shape-190__bg-wild-sand, | |
| .shape-190__bg-mine-shaft, | |
| .shape-190__bg-action-blue-4, | |
| .shape-190__bg-action-blue-3, | |
| .shape-190__bg-action-blue-2, | |
| .shape-190__bg-action-blue-1, | |
| .shape-190__bg-gray-17, | |
| .shape-190__bg-gray-16, | |
| .shape-190__bg-gray-15, | |
| .shape-190__bg-gray-14, | |
| .shape-190__bg-gray-13, | |
| .shape-190__bg-gray-12, | |
| .shape-190__bg-gray-11, | |
| .shape-190__bg-gray-10, | |
| .shape-190__bg-gray-9, | |
| .shape-190__bg-gray-8, | |
| .shape-190__bg-gray-7, | |
| .shape-190__bg-gray-6, | |
| .shape-190__bg-gray-5, | |
| .shape-190__bg-gray-4, | |
| .shape-190__bg-gray-3, | |
| .shape-190__bg-gray-2, | |
| .shape-190__bg-gray-1, | |
| .shape-190__bg-blue-3, | |
| .shape-190__bg-blue-2, | |
| .shape-190__bg-purple-3, | |
| .shape-190__bg-purple-2, | |
| .shape-190__bg-violet-3, | |
| .shape-190__bg-violet-2, | |
| .shape-190__bg-pink-3, | |
| .shape-190__bg-pink-2, | |
| .shape-190__bg-blue-1, | |
| .shape-190__bg-purple-1, | |
| .shape-190__bg-violet-1, | |
| .shape-190__bg-pink-1, | |
| .shape-190__bg-red-4, | |
| .shape-190__bg-red-3, | |
| .shape-190__bg-red-2, | |
| .shape-190__bg-orange-10, | |
| .shape-190__bg-orange-4, | |
| .shape-190__bg-orange-3, | |
| .shape-190__bg-orange-2, | |
| .shape-190__bg-amber-4, | |
| .shape-190__bg-amber-3, | |
| .shape-190__bg-amber-2, | |
| .shape-190__bg-yellow-9, | |
| .shape-190__bg-yellow-8, | |
| .shape-190__bg-yellow-4, | |
| .shape-190__bg-yellow-3, | |
| .shape-190__bg-yellow-2, | |
| .shape-190__bg-gold-1, | |
| .shape-190__bg-red-1, | |
| .shape-190__bg-orange-1, | |
| .shape-190__bg-amber-1, | |
| .shape-190__bg-yellow-1, | |
| .shape-190__bg-black, | |
| .shape-190__bg-white, | |
| .shape-100, | |
| .shape-100__bg-flamingo, | |
| .shape-100__bg-default, | |
| .shape-100__bg-green, | |
| .shape-100__bg-solitude, | |
| .shape-100__bg-tundora, | |
| .shape-100__bg-alto, | |
| .shape-100__bg-coral, | |
| .shape-100__bg-tan-dark, | |
| .shape-100__bg-tan, | |
| .shape-100__bg-mango, | |
| .shape-100__bg-gallery, | |
| .shape-100__bg-athens-gray, | |
| .shape-100__bg-mercury, | |
| .shape-100__bg-wild-sand, | |
| .shape-100__bg-mine-shaft, | |
| .shape-100__bg-action-blue-4, | |
| .shape-100__bg-action-blue-3, | |
| .shape-100__bg-action-blue-2, | |
| .shape-100__bg-action-blue-1, | |
| .shape-100__bg-gray-17, | |
| .shape-100__bg-gray-16, | |
| .shape-100__bg-gray-15, | |
| .shape-100__bg-gray-14, | |
| .shape-100__bg-gray-13, | |
| .shape-100__bg-gray-12, | |
| .shape-100__bg-gray-11, | |
| .shape-100__bg-gray-10, | |
| .shape-100__bg-gray-9, | |
| .shape-100__bg-gray-8, | |
| .shape-100__bg-gray-7, | |
| .shape-100__bg-gray-6, | |
| .shape-100__bg-gray-5, | |
| .shape-100__bg-gray-4, | |
| .shape-100__bg-gray-3, | |
| .shape-100__bg-gray-2, | |
| .shape-100__bg-gray-1, | |
| .shape-100__bg-blue-3, | |
| .shape-100__bg-blue-2, | |
| .shape-100__bg-purple-3, | |
| .shape-100__bg-purple-2, | |
| .shape-100__bg-violet-3, | |
| .shape-100__bg-violet-2, | |
| .shape-100__bg-pink-3, | |
| .shape-100__bg-pink-2, | |
| .shape-100__bg-blue-1, | |
| .shape-100__bg-purple-1, | |
| .shape-100__bg-violet-1, | |
| .shape-100__bg-pink-1, | |
| .shape-100__bg-red-4, | |
| .shape-100__bg-red-3, | |
| .shape-100__bg-red-2, | |
| .shape-100__bg-orange-10, | |
| .shape-100__bg-orange-4, | |
| .shape-100__bg-orange-3, | |
| .shape-100__bg-orange-2, | |
| .shape-100__bg-amber-4, | |
| .shape-100__bg-amber-3, | |
| .shape-100__bg-amber-2, | |
| .shape-100__bg-yellow-9, | |
| .shape-100__bg-yellow-8, | |
| .shape-100__bg-yellow-4, | |
| .shape-100__bg-yellow-3, | |
| .shape-100__bg-yellow-2, | |
| .shape-100__bg-gold-1, | |
| .shape-100__bg-red-1, | |
| .shape-100__bg-orange-1, | |
| .shape-100__bg-amber-1, | |
| .shape-100__bg-yellow-1, | |
| .shape-100__bg-black, | |
| .shape-100__bg-white, | |
| .shape-55, | |
| .shape-55__bg-flamingo, | |
| .shape-55__bg-default, | |
| .shape-55__bg-green, | |
| .shape-55__bg-solitude, | |
| .shape-55__bg-tundora, | |
| .shape-55__bg-alto, | |
| .shape-55__bg-coral, | |
| .shape-55__bg-tan-dark, | |
| .shape-55__bg-tan, | |
| .shape-55__bg-mango, | |
| .shape-55__bg-gallery, | |
| .shape-55__bg-athens-gray, | |
| .shape-55__bg-mercury, | |
| .shape-55__bg-wild-sand, | |
| .shape-55__bg-mine-shaft, | |
| .shape-55__bg-action-blue-4, | |
| .shape-55__bg-action-blue-3, | |
| .shape-55__bg-action-blue-2, | |
| .shape-55__bg-action-blue-1, | |
| .shape-55__bg-gray-17, | |
| .shape-55__bg-gray-16, | |
| .shape-55__bg-gray-15, | |
| .shape-55__bg-gray-14, | |
| .shape-55__bg-gray-13, | |
| .shape-55__bg-gray-12, | |
| .shape-55__bg-gray-11, | |
| .shape-55__bg-gray-10, | |
| .shape-55__bg-gray-9, | |
| .shape-55__bg-gray-8, | |
| .shape-55__bg-gray-7, | |
| .shape-55__bg-gray-6, | |
| .shape-55__bg-gray-5, | |
| .shape-55__bg-gray-4, | |
| .shape-55__bg-gray-3, | |
| .shape-55__bg-gray-2, | |
| .shape-55__bg-gray-1, | |
| .shape-55__bg-blue-3, | |
| .shape-55__bg-blue-2, | |
| .shape-55__bg-purple-3, | |
| .shape-55__bg-purple-2, | |
| .shape-55__bg-violet-3, | |
| .shape-55__bg-violet-2, | |
| .shape-55__bg-pink-3, | |
| .shape-55__bg-pink-2, | |
| .shape-55__bg-blue-1, | |
| .shape-55__bg-purple-1, | |
| .shape-55__bg-violet-1, | |
| .shape-55__bg-pink-1, | |
| .shape-55__bg-red-4, | |
| .shape-55__bg-red-3, | |
| .shape-55__bg-red-2, | |
| .shape-55__bg-orange-10, | |
| .shape-55__bg-orange-4, | |
| .shape-55__bg-orange-3, | |
| .shape-55__bg-orange-2, | |
| .shape-55__bg-amber-4, | |
| .shape-55__bg-amber-3, | |
| .shape-55__bg-amber-2, | |
| .shape-55__bg-yellow-9, | |
| .shape-55__bg-yellow-8, | |
| .shape-55__bg-yellow-4, | |
| .shape-55__bg-yellow-3, | |
| .shape-55__bg-yellow-2, | |
| .shape-55__bg-gold-1, | |
| .shape-55__bg-red-1, | |
| .shape-55__bg-orange-1, | |
| .shape-55__bg-amber-1, | |
| .shape-55__bg-yellow-1, | |
| .shape-55__bg-black, | |
| .shape-55__bg-white, | |
| .shape-45, | |
| .shape-45__bg-flamingo, | |
| .shape-45__bg-default, | |
| .shape-45__bg-green, | |
| .shape-45__bg-solitude, | |
| .shape-45__bg-tundora, | |
| .shape-45__bg-alto, | |
| .shape-45__bg-coral, | |
| .shape-45__bg-tan-dark, | |
| .shape-45__bg-tan, | |
| .shape-45__bg-mango, | |
| .shape-45__bg-gallery, | |
| .shape-45__bg-athens-gray, | |
| .shape-45__bg-mercury, | |
| .shape-45__bg-wild-sand, | |
| .shape-45__bg-mine-shaft, | |
| .shape-45__bg-action-blue-4, | |
| .shape-45__bg-action-blue-3, | |
| .shape-45__bg-action-blue-2, | |
| .shape-45__bg-action-blue-1, | |
| .shape-45__bg-gray-17, | |
| .shape-45__bg-gray-16, | |
| .shape-45__bg-gray-15, | |
| .shape-45__bg-gray-14, | |
| .shape-45__bg-gray-13, | |
| .shape-45__bg-gray-12, | |
| .shape-45__bg-gray-11, | |
| .shape-45__bg-gray-10, | |
| .shape-45__bg-gray-9, | |
| .shape-45__bg-gray-8, | |
| .shape-45__bg-gray-7, | |
| .shape-45__bg-gray-6, | |
| .shape-45__bg-gray-5, | |
| .shape-45__bg-gray-4, | |
| .shape-45__bg-gray-3, | |
| .shape-45__bg-gray-2, | |
| .shape-45__bg-gray-1, | |
| .shape-45__bg-blue-3, | |
| .shape-45__bg-blue-2, | |
| .shape-45__bg-purple-3, | |
| .shape-45__bg-purple-2, | |
| .shape-45__bg-violet-3, | |
| .shape-45__bg-violet-2, | |
| .shape-45__bg-pink-3, | |
| .shape-45__bg-pink-2, | |
| .shape-45__bg-blue-1, | |
| .shape-45__bg-purple-1, | |
| .shape-45__bg-violet-1, | |
| .shape-45__bg-pink-1, | |
| .shape-45__bg-red-4, | |
| .shape-45__bg-red-3, | |
| .shape-45__bg-red-2, | |
| .shape-45__bg-orange-10, | |
| .shape-45__bg-orange-4, | |
| .shape-45__bg-orange-3, | |
| .shape-45__bg-orange-2, | |
| .shape-45__bg-amber-4, | |
| .shape-45__bg-amber-3, | |
| .shape-45__bg-amber-2, | |
| .shape-45__bg-yellow-9, | |
| .shape-45__bg-yellow-8, | |
| .shape-45__bg-yellow-4, | |
| .shape-45__bg-yellow-3, | |
| .shape-45__bg-yellow-2, | |
| .shape-45__bg-gold-1, | |
| .shape-45__bg-red-1, | |
| .shape-45__bg-orange-1, | |
| .shape-45__bg-amber-1, | |
| .shape-45__bg-yellow-1, | |
| .shape-45__bg-black, | |
| .shape-45__bg-white, | |
| .shape-25, | |
| .shape-25__bg-flamingo, | |
| .shape-25__bg-default, | |
| .shape-25__bg-green, | |
| .shape-25__bg-solitude, | |
| .shape-25__bg-tundora, | |
| .shape-25__bg-alto, | |
| .shape-25__bg-coral, | |
| .shape-25__bg-tan-dark, | |
| .shape-25__bg-tan, | |
| .shape-25__bg-mango, | |
| .shape-25__bg-gallery, | |
| .shape-25__bg-athens-gray, | |
| .shape-25__bg-mercury, | |
| .shape-25__bg-wild-sand, | |
| .shape-25__bg-mine-shaft, | |
| .shape-25__bg-action-blue-4, | |
| .shape-25__bg-action-blue-3, | |
| .shape-25__bg-action-blue-2, | |
| .shape-25__bg-action-blue-1, | |
| .shape-25__bg-gray-17, | |
| .shape-25__bg-gray-16, | |
| .shape-25__bg-gray-15, | |
| .shape-25__bg-gray-14, | |
| .shape-25__bg-gray-13, | |
| .shape-25__bg-gray-12, | |
| .shape-25__bg-gray-11, | |
| .shape-25__bg-gray-10, | |
| .shape-25__bg-gray-9, | |
| .shape-25__bg-gray-8, | |
| .shape-25__bg-gray-7, | |
| .shape-25__bg-gray-6, | |
| .shape-25__bg-gray-5, | |
| .shape-25__bg-gray-4, | |
| .shape-25__bg-gray-3, | |
| .shape-25__bg-gray-2, | |
| .shape-25__bg-gray-1, | |
| .shape-25__bg-blue-3, | |
| .shape-25__bg-blue-2, | |
| .shape-25__bg-purple-3, | |
| .shape-25__bg-purple-2, | |
| .shape-25__bg-violet-3, | |
| .shape-25__bg-violet-2, | |
| .shape-25__bg-pink-3, | |
| .shape-25__bg-pink-2, | |
| .shape-25__bg-blue-1, | |
| .shape-25__bg-purple-1, | |
| .shape-25__bg-violet-1, | |
| .shape-25__bg-pink-1, | |
| .shape-25__bg-red-4, | |
| .shape-25__bg-red-3, | |
| .shape-25__bg-red-2, | |
| .shape-25__bg-orange-10, | |
| .shape-25__bg-orange-4, | |
| .shape-25__bg-orange-3, | |
| .shape-25__bg-orange-2, | |
| .shape-25__bg-amber-4, | |
| .shape-25__bg-amber-3, | |
| .shape-25__bg-amber-2, | |
| .shape-25__bg-yellow-9, | |
| .shape-25__bg-yellow-8, | |
| .shape-25__bg-yellow-4, | |
| .shape-25__bg-yellow-3, | |
| .shape-25__bg-yellow-2, | |
| .shape-25__bg-gold-1, | |
| .shape-25__bg-red-1, | |
| .shape-25__bg-orange-1, | |
| .shape-25__bg-amber-1, | |
| .shape-25__bg-yellow-1, | |
| .shape-25__bg-black, | |
| .shape-25__bg-white { | |
| min-width:60px; | |
| display:flex; | |
| align-items:top; | |
| justify-content:center | |
| } | |
| .shape-25, | |
| .shape-25__bg-flamingo, | |
| .shape-25__bg-default, | |
| .shape-25__bg-green, | |
| .shape-25__bg-solitude, | |
| .shape-25__bg-tundora, | |
| .shape-25__bg-alto, | |
| .shape-25__bg-coral, | |
| .shape-25__bg-tan-dark, | |
| .shape-25__bg-tan, | |
| .shape-25__bg-mango, | |
| .shape-25__bg-gallery, | |
| .shape-25__bg-athens-gray, | |
| .shape-25__bg-mercury, | |
| .shape-25__bg-wild-sand, | |
| .shape-25__bg-mine-shaft, | |
| .shape-25__bg-action-blue-4, | |
| .shape-25__bg-action-blue-3, | |
| .shape-25__bg-action-blue-2, | |
| .shape-25__bg-action-blue-1, | |
| .shape-25__bg-gray-17, | |
| .shape-25__bg-gray-16, | |
| .shape-25__bg-gray-15, | |
| .shape-25__bg-gray-14, | |
| .shape-25__bg-gray-13, | |
| .shape-25__bg-gray-12, | |
| .shape-25__bg-gray-11, | |
| .shape-25__bg-gray-10, | |
| .shape-25__bg-gray-9, | |
| .shape-25__bg-gray-8, | |
| .shape-25__bg-gray-7, | |
| .shape-25__bg-gray-6, | |
| .shape-25__bg-gray-5, | |
| .shape-25__bg-gray-4, | |
| .shape-25__bg-gray-3, | |
| .shape-25__bg-gray-2, | |
| .shape-25__bg-gray-1, | |
| .shape-25__bg-blue-3, | |
| .shape-25__bg-blue-2, | |
| .shape-25__bg-purple-3, | |
| .shape-25__bg-purple-2, | |
| .shape-25__bg-violet-3, | |
| .shape-25__bg-violet-2, | |
| .shape-25__bg-pink-3, | |
| .shape-25__bg-pink-2, | |
| .shape-25__bg-blue-1, | |
| .shape-25__bg-purple-1, | |
| .shape-25__bg-violet-1, | |
| .shape-25__bg-pink-1, | |
| .shape-25__bg-red-4, | |
| .shape-25__bg-red-3, | |
| .shape-25__bg-red-2, | |
| .shape-25__bg-orange-10, | |
| .shape-25__bg-orange-4, | |
| .shape-25__bg-orange-3, | |
| .shape-25__bg-orange-2, | |
| .shape-25__bg-amber-4, | |
| .shape-25__bg-amber-3, | |
| .shape-25__bg-amber-2, | |
| .shape-25__bg-yellow-9, | |
| .shape-25__bg-yellow-8, | |
| .shape-25__bg-yellow-4, | |
| .shape-25__bg-yellow-3, | |
| .shape-25__bg-yellow-2, | |
| .shape-25__bg-gold-1, | |
| .shape-25__bg-red-1, | |
| .shape-25__bg-orange-1, | |
| .shape-25__bg-amber-1, | |
| .shape-25__bg-yellow-1, | |
| .shape-25__bg-black, | |
| .shape-25__bg-white { | |
| max-width:calc(25px + 37px)!important; | |
| max-height:calc(25px + 37px)!important | |
| } | |
| .shape-25__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-25__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-25__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-25__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-25__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-25__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-25__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-25__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-25__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-25__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-25__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-25__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-25__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-25__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-25__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-25__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-25__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-25__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-25__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-25__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-25__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-25__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-25__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-25__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-25__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-25__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-25__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-25__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-25__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-25__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-25__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-25__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-25__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-25__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-25__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-25__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-25__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-25__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-25__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-25__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-25__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-25__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-25__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-25__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-25__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-25__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-25__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-25__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-25__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-25__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-25__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-25__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-25__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-25__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-25__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-25__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-25__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-25__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-25__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-25__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-25__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-25__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-25__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-25__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-25__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-25__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-25__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-25__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-25__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-25__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-25 { | |
| height:25px!important; | |
| width:25px!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .shape-45, | |
| .shape-45__bg-flamingo, | |
| .shape-45__bg-default, | |
| .shape-45__bg-green, | |
| .shape-45__bg-solitude, | |
| .shape-45__bg-tundora, | |
| .shape-45__bg-alto, | |
| .shape-45__bg-coral, | |
| .shape-45__bg-tan-dark, | |
| .shape-45__bg-tan, | |
| .shape-45__bg-mango, | |
| .shape-45__bg-gallery, | |
| .shape-45__bg-athens-gray, | |
| .shape-45__bg-mercury, | |
| .shape-45__bg-wild-sand, | |
| .shape-45__bg-mine-shaft, | |
| .shape-45__bg-action-blue-4, | |
| .shape-45__bg-action-blue-3, | |
| .shape-45__bg-action-blue-2, | |
| .shape-45__bg-action-blue-1, | |
| .shape-45__bg-gray-17, | |
| .shape-45__bg-gray-16, | |
| .shape-45__bg-gray-15, | |
| .shape-45__bg-gray-14, | |
| .shape-45__bg-gray-13, | |
| .shape-45__bg-gray-12, | |
| .shape-45__bg-gray-11, | |
| .shape-45__bg-gray-10, | |
| .shape-45__bg-gray-9, | |
| .shape-45__bg-gray-8, | |
| .shape-45__bg-gray-7, | |
| .shape-45__bg-gray-6, | |
| .shape-45__bg-gray-5, | |
| .shape-45__bg-gray-4, | |
| .shape-45__bg-gray-3, | |
| .shape-45__bg-gray-2, | |
| .shape-45__bg-gray-1, | |
| .shape-45__bg-blue-3, | |
| .shape-45__bg-blue-2, | |
| .shape-45__bg-purple-3, | |
| .shape-45__bg-purple-2, | |
| .shape-45__bg-violet-3, | |
| .shape-45__bg-violet-2, | |
| .shape-45__bg-pink-3, | |
| .shape-45__bg-pink-2, | |
| .shape-45__bg-blue-1, | |
| .shape-45__bg-purple-1, | |
| .shape-45__bg-violet-1, | |
| .shape-45__bg-pink-1, | |
| .shape-45__bg-red-4, | |
| .shape-45__bg-red-3, | |
| .shape-45__bg-red-2, | |
| .shape-45__bg-orange-10, | |
| .shape-45__bg-orange-4, | |
| .shape-45__bg-orange-3, | |
| .shape-45__bg-orange-2, | |
| .shape-45__bg-amber-4, | |
| .shape-45__bg-amber-3, | |
| .shape-45__bg-amber-2, | |
| .shape-45__bg-yellow-9, | |
| .shape-45__bg-yellow-8, | |
| .shape-45__bg-yellow-4, | |
| .shape-45__bg-yellow-3, | |
| .shape-45__bg-yellow-2, | |
| .shape-45__bg-gold-1, | |
| .shape-45__bg-red-1, | |
| .shape-45__bg-orange-1, | |
| .shape-45__bg-amber-1, | |
| .shape-45__bg-yellow-1, | |
| .shape-45__bg-black, | |
| .shape-45__bg-white { | |
| max-width:calc(45px + 37px)!important; | |
| max-height:calc(45px + 37px)!important | |
| } | |
| .shape-45__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-45__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-45__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-45__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-45__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-45__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-45__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-45__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-45__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-45__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-45__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-45__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-45__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-45__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-45__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-45__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-45__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-45__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-45__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-45__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-45__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-45__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-45__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-45__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-45__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-45__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-45__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-45__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-45__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-45__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-45__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-45__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-45__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-45__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-45__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-45__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-45__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-45__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-45__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-45__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-45__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-45__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-45__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-45__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-45__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-45__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-45__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-45__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-45__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-45__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-45__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-45__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-45__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-45__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-45__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-45__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-45__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-45__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-45__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-45__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-45__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-45__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-45__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-45__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-45__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-45__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-45__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-45__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-45__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-45__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-45 { | |
| height:45px!important; | |
| width:45px!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .shape-55, | |
| .shape-55__bg-flamingo, | |
| .shape-55__bg-default, | |
| .shape-55__bg-green, | |
| .shape-55__bg-solitude, | |
| .shape-55__bg-tundora, | |
| .shape-55__bg-alto, | |
| .shape-55__bg-coral, | |
| .shape-55__bg-tan-dark, | |
| .shape-55__bg-tan, | |
| .shape-55__bg-mango, | |
| .shape-55__bg-gallery, | |
| .shape-55__bg-athens-gray, | |
| .shape-55__bg-mercury, | |
| .shape-55__bg-wild-sand, | |
| .shape-55__bg-mine-shaft, | |
| .shape-55__bg-action-blue-4, | |
| .shape-55__bg-action-blue-3, | |
| .shape-55__bg-action-blue-2, | |
| .shape-55__bg-action-blue-1, | |
| .shape-55__bg-gray-17, | |
| .shape-55__bg-gray-16, | |
| .shape-55__bg-gray-15, | |
| .shape-55__bg-gray-14, | |
| .shape-55__bg-gray-13, | |
| .shape-55__bg-gray-12, | |
| .shape-55__bg-gray-11, | |
| .shape-55__bg-gray-10, | |
| .shape-55__bg-gray-9, | |
| .shape-55__bg-gray-8, | |
| .shape-55__bg-gray-7, | |
| .shape-55__bg-gray-6, | |
| .shape-55__bg-gray-5, | |
| .shape-55__bg-gray-4, | |
| .shape-55__bg-gray-3, | |
| .shape-55__bg-gray-2, | |
| .shape-55__bg-gray-1, | |
| .shape-55__bg-blue-3, | |
| .shape-55__bg-blue-2, | |
| .shape-55__bg-purple-3, | |
| .shape-55__bg-purple-2, | |
| .shape-55__bg-violet-3, | |
| .shape-55__bg-violet-2, | |
| .shape-55__bg-pink-3, | |
| .shape-55__bg-pink-2, | |
| .shape-55__bg-blue-1, | |
| .shape-55__bg-purple-1, | |
| .shape-55__bg-violet-1, | |
| .shape-55__bg-pink-1, | |
| .shape-55__bg-red-4, | |
| .shape-55__bg-red-3, | |
| .shape-55__bg-red-2, | |
| .shape-55__bg-orange-10, | |
| .shape-55__bg-orange-4, | |
| .shape-55__bg-orange-3, | |
| .shape-55__bg-orange-2, | |
| .shape-55__bg-amber-4, | |
| .shape-55__bg-amber-3, | |
| .shape-55__bg-amber-2, | |
| .shape-55__bg-yellow-9, | |
| .shape-55__bg-yellow-8, | |
| .shape-55__bg-yellow-4, | |
| .shape-55__bg-yellow-3, | |
| .shape-55__bg-yellow-2, | |
| .shape-55__bg-gold-1, | |
| .shape-55__bg-red-1, | |
| .shape-55__bg-orange-1, | |
| .shape-55__bg-amber-1, | |
| .shape-55__bg-yellow-1, | |
| .shape-55__bg-black, | |
| .shape-55__bg-white { | |
| max-width:calc(55px + 37px)!important; | |
| max-height:calc(55px + 37px)!important | |
| } | |
| .shape-55__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-55__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-55__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-55__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-55__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-55__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-55__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-55__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-55__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-55__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-55__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-55__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-55__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-55__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-55__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-55__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-55__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-55__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-55__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-55__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-55__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-55__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-55__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-55__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-55__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-55__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-55__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-55__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-55__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-55__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-55__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-55__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-55__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-55__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-55__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-55__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-55__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-55__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-55__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-55__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-55__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-55__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-55__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-55__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-55__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-55__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-55__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-55__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-55__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-55__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-55__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-55__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-55__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-55__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-55__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-55__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-55__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-55__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-55__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-55__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-55__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-55__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-55__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-55__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-55__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-55__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-55__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-55__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-55__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-55__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-55 { | |
| height:55px!important; | |
| width:55px!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .shape-100, | |
| .shape-100__bg-flamingo, | |
| .shape-100__bg-default, | |
| .shape-100__bg-green, | |
| .shape-100__bg-solitude, | |
| .shape-100__bg-tundora, | |
| .shape-100__bg-alto, | |
| .shape-100__bg-coral, | |
| .shape-100__bg-tan-dark, | |
| .shape-100__bg-tan, | |
| .shape-100__bg-mango, | |
| .shape-100__bg-gallery, | |
| .shape-100__bg-athens-gray, | |
| .shape-100__bg-mercury, | |
| .shape-100__bg-wild-sand, | |
| .shape-100__bg-mine-shaft, | |
| .shape-100__bg-action-blue-4, | |
| .shape-100__bg-action-blue-3, | |
| .shape-100__bg-action-blue-2, | |
| .shape-100__bg-action-blue-1, | |
| .shape-100__bg-gray-17, | |
| .shape-100__bg-gray-16, | |
| .shape-100__bg-gray-15, | |
| .shape-100__bg-gray-14, | |
| .shape-100__bg-gray-13, | |
| .shape-100__bg-gray-12, | |
| .shape-100__bg-gray-11, | |
| .shape-100__bg-gray-10, | |
| .shape-100__bg-gray-9, | |
| .shape-100__bg-gray-8, | |
| .shape-100__bg-gray-7, | |
| .shape-100__bg-gray-6, | |
| .shape-100__bg-gray-5, | |
| .shape-100__bg-gray-4, | |
| .shape-100__bg-gray-3, | |
| .shape-100__bg-gray-2, | |
| .shape-100__bg-gray-1, | |
| .shape-100__bg-blue-3, | |
| .shape-100__bg-blue-2, | |
| .shape-100__bg-purple-3, | |
| .shape-100__bg-purple-2, | |
| .shape-100__bg-violet-3, | |
| .shape-100__bg-violet-2, | |
| .shape-100__bg-pink-3, | |
| .shape-100__bg-pink-2, | |
| .shape-100__bg-blue-1, | |
| .shape-100__bg-purple-1, | |
| .shape-100__bg-violet-1, | |
| .shape-100__bg-pink-1, | |
| .shape-100__bg-red-4, | |
| .shape-100__bg-red-3, | |
| .shape-100__bg-red-2, | |
| .shape-100__bg-orange-10, | |
| .shape-100__bg-orange-4, | |
| .shape-100__bg-orange-3, | |
| .shape-100__bg-orange-2, | |
| .shape-100__bg-amber-4, | |
| .shape-100__bg-amber-3, | |
| .shape-100__bg-amber-2, | |
| .shape-100__bg-yellow-9, | |
| .shape-100__bg-yellow-8, | |
| .shape-100__bg-yellow-4, | |
| .shape-100__bg-yellow-3, | |
| .shape-100__bg-yellow-2, | |
| .shape-100__bg-gold-1, | |
| .shape-100__bg-red-1, | |
| .shape-100__bg-orange-1, | |
| .shape-100__bg-amber-1, | |
| .shape-100__bg-yellow-1, | |
| .shape-100__bg-black, | |
| .shape-100__bg-white { | |
| max-width:calc(100px + 37px)!important; | |
| max-height:calc(100px + 37px)!important | |
| } | |
| .shape-100__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-100__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-100__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-100__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-100__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-100__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-100__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-100__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-100__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-100__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-100__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-100__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-100__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-100__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-100__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-100__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-100__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-100__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-100__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-100__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-100__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-100__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-100__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-100__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-100__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-100__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-100__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-100__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-100__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-100__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-100__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-100__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-100__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-100__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-100__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-100__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-100__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-100__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-100__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-100__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-100__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-100__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-100__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-100__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-100__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-100__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-100__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-100__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-100__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-100__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-100__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-100__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-100__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-100__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-100__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-100__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-100__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-100__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-100__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-100__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-100__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-100__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-100__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-100__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-100__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-100__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-100__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-100__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-100__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-100__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-100 { | |
| height:100px!important; | |
| width:100px!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .shape-190, | |
| .shape-190__bg-flamingo, | |
| .shape-190__bg-default, | |
| .shape-190__bg-green, | |
| .shape-190__bg-solitude, | |
| .shape-190__bg-tundora, | |
| .shape-190__bg-alto, | |
| .shape-190__bg-coral, | |
| .shape-190__bg-tan-dark, | |
| .shape-190__bg-tan, | |
| .shape-190__bg-mango, | |
| .shape-190__bg-gallery, | |
| .shape-190__bg-athens-gray, | |
| .shape-190__bg-mercury, | |
| .shape-190__bg-wild-sand, | |
| .shape-190__bg-mine-shaft, | |
| .shape-190__bg-action-blue-4, | |
| .shape-190__bg-action-blue-3, | |
| .shape-190__bg-action-blue-2, | |
| .shape-190__bg-action-blue-1, | |
| .shape-190__bg-gray-17, | |
| .shape-190__bg-gray-16, | |
| .shape-190__bg-gray-15, | |
| .shape-190__bg-gray-14, | |
| .shape-190__bg-gray-13, | |
| .shape-190__bg-gray-12, | |
| .shape-190__bg-gray-11, | |
| .shape-190__bg-gray-10, | |
| .shape-190__bg-gray-9, | |
| .shape-190__bg-gray-8, | |
| .shape-190__bg-gray-7, | |
| .shape-190__bg-gray-6, | |
| .shape-190__bg-gray-5, | |
| .shape-190__bg-gray-4, | |
| .shape-190__bg-gray-3, | |
| .shape-190__bg-gray-2, | |
| .shape-190__bg-gray-1, | |
| .shape-190__bg-blue-3, | |
| .shape-190__bg-blue-2, | |
| .shape-190__bg-purple-3, | |
| .shape-190__bg-purple-2, | |
| .shape-190__bg-violet-3, | |
| .shape-190__bg-violet-2, | |
| .shape-190__bg-pink-3, | |
| .shape-190__bg-pink-2, | |
| .shape-190__bg-blue-1, | |
| .shape-190__bg-purple-1, | |
| .shape-190__bg-violet-1, | |
| .shape-190__bg-pink-1, | |
| .shape-190__bg-red-4, | |
| .shape-190__bg-red-3, | |
| .shape-190__bg-red-2, | |
| .shape-190__bg-orange-10, | |
| .shape-190__bg-orange-4, | |
| .shape-190__bg-orange-3, | |
| .shape-190__bg-orange-2, | |
| .shape-190__bg-amber-4, | |
| .shape-190__bg-amber-3, | |
| .shape-190__bg-amber-2, | |
| .shape-190__bg-yellow-9, | |
| .shape-190__bg-yellow-8, | |
| .shape-190__bg-yellow-4, | |
| .shape-190__bg-yellow-3, | |
| .shape-190__bg-yellow-2, | |
| .shape-190__bg-gold-1, | |
| .shape-190__bg-red-1, | |
| .shape-190__bg-orange-1, | |
| .shape-190__bg-amber-1, | |
| .shape-190__bg-yellow-1, | |
| .shape-190__bg-black, | |
| .shape-190__bg-white { | |
| max-width:calc(190px + 37px)!important; | |
| max-height:calc(190px + 37px)!important | |
| } | |
| .shape-190__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-190__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-190__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-190__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-190__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-190__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-190__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-190__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-190__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-190__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-190__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-190__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-190__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-190__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-190__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-190__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-190__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-190__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-190__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-190__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-190__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-190__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-190__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-190__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-190__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-190__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-190__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-190__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-190__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-190__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-190__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-190__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-190__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-190__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-190__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-190__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-190__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-190__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-190__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-190__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-190__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-190__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-190__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-190__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-190__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-190__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-190__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-190__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-190__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-190__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-190__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-190__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-190__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-190__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-190__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-190__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-190__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-190__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-190__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-190__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-190__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-190__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-190__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-190__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-190__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-190__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-190__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-190__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-190__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-190__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-190 { | |
| height:190px!important; | |
| width:190px!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .shape-200, | |
| .shape-200__bg-flamingo, | |
| .shape-200__bg-default, | |
| .shape-200__bg-green, | |
| .shape-200__bg-solitude, | |
| .shape-200__bg-tundora, | |
| .shape-200__bg-alto, | |
| .shape-200__bg-coral, | |
| .shape-200__bg-tan-dark, | |
| .shape-200__bg-tan, | |
| .shape-200__bg-mango, | |
| .shape-200__bg-gallery, | |
| .shape-200__bg-athens-gray, | |
| .shape-200__bg-mercury, | |
| .shape-200__bg-wild-sand, | |
| .shape-200__bg-mine-shaft, | |
| .shape-200__bg-action-blue-4, | |
| .shape-200__bg-action-blue-3, | |
| .shape-200__bg-action-blue-2, | |
| .shape-200__bg-action-blue-1, | |
| .shape-200__bg-gray-17, | |
| .shape-200__bg-gray-16, | |
| .shape-200__bg-gray-15, | |
| .shape-200__bg-gray-14, | |
| .shape-200__bg-gray-13, | |
| .shape-200__bg-gray-12, | |
| .shape-200__bg-gray-11, | |
| .shape-200__bg-gray-10, | |
| .shape-200__bg-gray-9, | |
| .shape-200__bg-gray-8, | |
| .shape-200__bg-gray-7, | |
| .shape-200__bg-gray-6, | |
| .shape-200__bg-gray-5, | |
| .shape-200__bg-gray-4, | |
| .shape-200__bg-gray-3, | |
| .shape-200__bg-gray-2, | |
| .shape-200__bg-gray-1, | |
| .shape-200__bg-blue-3, | |
| .shape-200__bg-blue-2, | |
| .shape-200__bg-purple-3, | |
| .shape-200__bg-purple-2, | |
| .shape-200__bg-violet-3, | |
| .shape-200__bg-violet-2, | |
| .shape-200__bg-pink-3, | |
| .shape-200__bg-pink-2, | |
| .shape-200__bg-blue-1, | |
| .shape-200__bg-purple-1, | |
| .shape-200__bg-violet-1, | |
| .shape-200__bg-pink-1, | |
| .shape-200__bg-red-4, | |
| .shape-200__bg-red-3, | |
| .shape-200__bg-red-2, | |
| .shape-200__bg-orange-10, | |
| .shape-200__bg-orange-4, | |
| .shape-200__bg-orange-3, | |
| .shape-200__bg-orange-2, | |
| .shape-200__bg-amber-4, | |
| .shape-200__bg-amber-3, | |
| .shape-200__bg-amber-2, | |
| .shape-200__bg-yellow-9, | |
| .shape-200__bg-yellow-8, | |
| .shape-200__bg-yellow-4, | |
| .shape-200__bg-yellow-3, | |
| .shape-200__bg-yellow-2, | |
| .shape-200__bg-gold-1, | |
| .shape-200__bg-red-1, | |
| .shape-200__bg-orange-1, | |
| .shape-200__bg-amber-1, | |
| .shape-200__bg-yellow-1, | |
| .shape-200__bg-black, | |
| .shape-200__bg-white { | |
| max-width:calc(200px + 37px)!important; | |
| max-height:calc(200px + 37px)!important | |
| } | |
| .shape-200__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-200__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-200__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-200__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-200__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-200__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-200__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-200__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-200__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-200__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-200__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-200__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-200__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-200__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-200__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-200__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-200__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-200__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-200__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-200__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-200__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-200__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-200__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-200__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-200__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-200__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-200__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-200__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-200__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-200__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-200__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-200__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-200__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-200__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-200__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-200__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-200__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-200__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-200__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-200__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-200__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-200__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-200__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-200__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-200__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-200__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-200__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-200__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-200__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-200__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-200__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-200__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-200__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-200__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-200__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-200__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-200__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-200__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-200__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-200__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-200__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-200__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-200__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-200__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-200__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-200__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-200__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-200__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-200__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-200__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-200 { | |
| height:200px!important; | |
| width:200px!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .shape-none, | |
| .shape-none__bg-flamingo, | |
| .shape-none__bg-default, | |
| .shape-none__bg-green, | |
| .shape-none__bg-solitude, | |
| .shape-none__bg-tundora, | |
| .shape-none__bg-alto, | |
| .shape-none__bg-coral, | |
| .shape-none__bg-tan-dark, | |
| .shape-none__bg-tan, | |
| .shape-none__bg-mango, | |
| .shape-none__bg-gallery, | |
| .shape-none__bg-athens-gray, | |
| .shape-none__bg-mercury, | |
| .shape-none__bg-wild-sand, | |
| .shape-none__bg-mine-shaft, | |
| .shape-none__bg-action-blue-4, | |
| .shape-none__bg-action-blue-3, | |
| .shape-none__bg-action-blue-2, | |
| .shape-none__bg-action-blue-1, | |
| .shape-none__bg-gray-17, | |
| .shape-none__bg-gray-16, | |
| .shape-none__bg-gray-15, | |
| .shape-none__bg-gray-14, | |
| .shape-none__bg-gray-13, | |
| .shape-none__bg-gray-12, | |
| .shape-none__bg-gray-11, | |
| .shape-none__bg-gray-10, | |
| .shape-none__bg-gray-9, | |
| .shape-none__bg-gray-8, | |
| .shape-none__bg-gray-7, | |
| .shape-none__bg-gray-6, | |
| .shape-none__bg-gray-5, | |
| .shape-none__bg-gray-4, | |
| .shape-none__bg-gray-3, | |
| .shape-none__bg-gray-2, | |
| .shape-none__bg-gray-1, | |
| .shape-none__bg-blue-3, | |
| .shape-none__bg-blue-2, | |
| .shape-none__bg-purple-3, | |
| .shape-none__bg-purple-2, | |
| .shape-none__bg-violet-3, | |
| .shape-none__bg-violet-2, | |
| .shape-none__bg-pink-3, | |
| .shape-none__bg-pink-2, | |
| .shape-none__bg-blue-1, | |
| .shape-none__bg-purple-1, | |
| .shape-none__bg-violet-1, | |
| .shape-none__bg-pink-1, | |
| .shape-none__bg-red-4, | |
| .shape-none__bg-red-3, | |
| .shape-none__bg-red-2, | |
| .shape-none__bg-orange-10, | |
| .shape-none__bg-orange-4, | |
| .shape-none__bg-orange-3, | |
| .shape-none__bg-orange-2, | |
| .shape-none__bg-amber-4, | |
| .shape-none__bg-amber-3, | |
| .shape-none__bg-amber-2, | |
| .shape-none__bg-yellow-9, | |
| .shape-none__bg-yellow-8, | |
| .shape-none__bg-yellow-4, | |
| .shape-none__bg-yellow-3, | |
| .shape-none__bg-yellow-2, | |
| .shape-none__bg-gold-1, | |
| .shape-none__bg-red-1, | |
| .shape-none__bg-orange-1, | |
| .shape-none__bg-amber-1, | |
| .shape-none__bg-yellow-1, | |
| .shape-none__bg-black, | |
| .shape-none__bg-white { | |
| max-width:calc(none + 37px)!important; | |
| max-height:calc(none + 37px)!important | |
| } | |
| .shape-none__bg-white { | |
| padding:16px!important; | |
| background-color:#fefefe!important | |
| } | |
| .shape-none__bg-black { | |
| padding:16px!important; | |
| background-color:#000!important | |
| } | |
| .shape-none__bg-yellow-1 { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-none__bg-amber-1 { | |
| padding:16px!important; | |
| background-color:#fb9d5a!important | |
| } | |
| .shape-none__bg-orange-1 { | |
| padding:16px!important; | |
| background-color:#fb755a!important | |
| } | |
| .shape-none__bg-red-1 { | |
| padding:16px!important; | |
| background-color:#fb5a67!important | |
| } | |
| .shape-none__bg-gold-1 { | |
| padding:16px!important; | |
| background-color:#d5850e!important | |
| } | |
| .shape-none__bg-yellow-2 { | |
| padding:16px!important; | |
| background-color:#fde8be!important | |
| } | |
| .shape-none__bg-yellow-3 { | |
| padding:16px!important; | |
| background-color:#eca313!important | |
| } | |
| .shape-none__bg-yellow-4 { | |
| padding:16px!important; | |
| background-color:#fef9ef!important | |
| } | |
| .shape-none__bg-yellow-8 { | |
| padding:16px!important; | |
| background-color:#feeed7!important | |
| } | |
| .shape-none__bg-yellow-9 { | |
| padding:16px!important; | |
| background-color:oldlace!important | |
| } | |
| .shape-none__bg-amber-2 { | |
| padding:16px!important; | |
| background-color:#fdd9be!important | |
| } | |
| .shape-none__bg-amber-3 { | |
| padding:16px!important; | |
| background-color:#ec6d13!important | |
| } | |
| .shape-none__bg-amber-4 { | |
| padding:16px!important; | |
| background-color:#fef0e6!important | |
| } | |
| .shape-none__bg-orange-2 { | |
| padding:16px!important; | |
| background-color:#fdc9be!important | |
| } | |
| .shape-none__bg-orange-3 { | |
| padding:16px!important; | |
| background-color:#ef5b3e!important | |
| } | |
| .shape-none__bg-orange-4 { | |
| padding:16px!important; | |
| background-color:#fdeae6!important | |
| } | |
| .shape-none__bg-orange-10 { | |
| padding:16px!important; | |
| background-color:#c86b59!important | |
| } | |
| .shape-none__bg-red-2 { | |
| padding:16px!important; | |
| background-color:#fdbec4!important | |
| } | |
| .shape-none__bg-red-3 { | |
| padding:16px!important; | |
| background-color:#f04c59!important | |
| } | |
| .shape-none__bg-red-4 { | |
| padding:16px!important; | |
| background-color:#fee6e8!important | |
| } | |
| .shape-none__bg-pink-1 { | |
| padding:16px!important; | |
| background-color:#ee679f!important | |
| } | |
| .shape-none__bg-violet-1 { | |
| padding:16px!important; | |
| background-color:#ce64ce!important | |
| } | |
| .shape-none__bg-purple-1 { | |
| padding:16px!important; | |
| background-color:#9584eb!important | |
| } | |
| .shape-none__bg-blue-1 { | |
| padding:16px!important; | |
| background-color:#5081e2!important | |
| } | |
| .shape-none__bg-pink-2 { | |
| padding:16px!important; | |
| background-color:#fac2d9!important | |
| } | |
| .shape-none__bg-pink-3 { | |
| padding:16px!important; | |
| background-color:#e0528d!important | |
| } | |
| .shape-none__bg-violet-2 { | |
| padding:16px!important; | |
| background-color:#eabdea!important | |
| } | |
| .shape-none__bg-violet-3 { | |
| padding:16px!important; | |
| background-color:#be55be!important | |
| } | |
| .shape-none__bg-purple-2 { | |
| padding:16px!important; | |
| background-color:#cec6f6!important | |
| } | |
| .shape-none__bg-purple-3 { | |
| padding:16px!important; | |
| background-color:#7e6cda!important | |
| } | |
| .shape-none__bg-blue-2 { | |
| padding:16px!important; | |
| background-color:#b0c6f2!important | |
| } | |
| .shape-none__bg-blue-3 { | |
| padding:16px!important; | |
| background-color:#4776d1!important | |
| } | |
| .shape-none__bg-gray-1 { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-none__bg-gray-2 { | |
| padding:16px!important; | |
| background-color:#e6e6ea!important | |
| } | |
| .shape-none__bg-gray-3 { | |
| padding:16px!important; | |
| background-color:#d8d8df!important | |
| } | |
| .shape-none__bg-gray-4 { | |
| padding:16px!important; | |
| background-color:#cacad3!important | |
| } | |
| .shape-none__bg-gray-5 { | |
| padding:16px!important; | |
| background-color:#bcbcc8!important | |
| } | |
| .shape-none__bg-gray-6 { | |
| padding:16px!important; | |
| background-color:#aeaebc!important | |
| } | |
| .shape-none__bg-gray-7 { | |
| padding:16px!important; | |
| background-color:#a0a0b1!important | |
| } | |
| .shape-none__bg-gray-8 { | |
| padding:16px!important; | |
| background-color:#9292a5!important | |
| } | |
| .shape-none__bg-gray-9 { | |
| padding:16px!important; | |
| background-color:#67677e!important | |
| } | |
| .shape-none__bg-gray-10 { | |
| padding:16px!important; | |
| background-color:#5c5c70!important | |
| } | |
| .shape-none__bg-gray-11 { | |
| padding:16px!important; | |
| background-color:#505062!important | |
| } | |
| .shape-none__bg-gray-12 { | |
| padding:16px!important; | |
| background-color:#454554!important | |
| } | |
| .shape-none__bg-gray-13 { | |
| padding:16px!important; | |
| background-color:#393946!important | |
| } | |
| .shape-none__bg-gray-14 { | |
| padding:16px!important; | |
| background-color:#2e2e38!important | |
| } | |
| .shape-none__bg-gray-15 { | |
| padding:16px!important; | |
| background-color:#23232a!important | |
| } | |
| .shape-none__bg-gray-16 { | |
| padding:16px!important; | |
| background-color:#17171c!important | |
| } | |
| .shape-none__bg-gray-17 { | |
| padding:16px!important; | |
| background-color:#f5f3f8!important | |
| } | |
| .shape-none__bg-action-blue-1 { | |
| padding:16px!important; | |
| background-color:#1866d4!important | |
| } | |
| .shape-none__bg-action-blue-2 { | |
| padding:16px!important; | |
| background-color:#105ac1!important | |
| } | |
| .shape-none__bg-action-blue-3 { | |
| padding:16px!important; | |
| background-color:#4da0ff!important | |
| } | |
| .shape-none__bg-action-blue-4 { | |
| padding:16px!important; | |
| background-color:#66adff!important | |
| } | |
| .shape-none__bg-mine-shaft { | |
| padding:16px!important; | |
| background-color:#252525!important | |
| } | |
| .shape-none__bg-wild-sand { | |
| padding:16px!important; | |
| background-color:#f5f5f5!important | |
| } | |
| .shape-none__bg-mercury { | |
| padding:16px!important; | |
| background-color:#e1e1e1!important | |
| } | |
| .shape-none__bg-athens-gray { | |
| padding:16px!important; | |
| background-color:#f4f4f6!important | |
| } | |
| .shape-none__bg-gallery { | |
| padding:16px!important; | |
| background-color:#ececec!important | |
| } | |
| .shape-none__bg-mango { | |
| padding:16px!important; | |
| background-color:#fbc55a!important | |
| } | |
| .shape-none__bg-tan { | |
| padding:16px!important; | |
| background-color:#fbaa5a!important | |
| } | |
| .shape-none__bg-tan-dark { | |
| padding:16px!important; | |
| background-color:#fb955a!important | |
| } | |
| .shape-none__bg-coral { | |
| padding:16px!important; | |
| background-color:#fb825a!important | |
| } | |
| .shape-none__bg-alto { | |
| padding:16px!important; | |
| background-color:#d4d4d4!important | |
| } | |
| .shape-none__bg-tundora { | |
| padding:16px!important; | |
| background-color:#404040!important | |
| } | |
| .shape-none__bg-solitude { | |
| padding:16px!important; | |
| background-color:#e6f1ff!important | |
| } | |
| .shape-none__bg-green { | |
| padding:16px!important; | |
| background-color:#10a345!important | |
| } | |
| .shape-none__bg-default { | |
| padding:16px!important; | |
| background-color:#5a5a5a!important | |
| } | |
| .shape-none__bg-flamingo { | |
| padding:16px!important; | |
| background-color:#ee5435!important | |
| } | |
| .circle-none { | |
| height:none!important; | |
| width:none!important; | |
| border-radius:50%; | |
| font-size:1.3rem; | |
| font-weight:600 | |
| } | |
| .rounded-box-190 { | |
| height:160px; | |
| width:100%; | |
| min-height:160px; | |
| min-width:200px; | |
| border-radius:30px; | |
| font-size:1.3rem; | |
| font-weight:400 | |
| } | |
| @media(min-width:62rem) { | |
| .rounded-box-190 { | |
| height:190px; | |
| width:190px; | |
| min-height:190px; | |
| min-width:190px | |
| } | |
| } | |
| .timeline { | |
| text-align:center; | |
| margin:20px; | |
| position:relative | |
| } | |
| .timeline:before { | |
| content:''; | |
| position:absolute; | |
| top:10.5%; | |
| left:0; | |
| border-top:1px solid #d8d8df; | |
| background:#d8d8df; | |
| width:100%; | |
| transform:translateY(-10%) | |
| } | |
| .columns { | |
| padding:0 10px; | |
| display:flex; | |
| justify-content:space-evenly; | |
| position:relative; | |
| flex-wrap:wrap | |
| } | |
| @media screen and (max-width:991px) { | |
| .timeline:before { | |
| border-top:none; | |
| background:0 0 | |
| } | |
| } | |
| .page-submenu { | |
| background:#f7f8fa; | |
| z-index:398 | |
| } | |
| .page-submenu .cta { | |
| position:absolute; | |
| top:10px; | |
| right:10px | |
| } | |
| .page-submenu .wrapper, | |
| .page-submenu .wrapper-wide { | |
| position:relative; | |
| height:50px; | |
| padding:0 14px; | |
| display:flex; | |
| align-items:center | |
| } | |
| @media(max-width:61.1875rem) { | |
| .page-submenu { | |
| width:100%; | |
| height:100%; | |
| overflow:hidden | |
| } | |
| .page-submenu .wrapper, | |
| .page-submenu .wrapper-wide { | |
| width:100vw; | |
| height:100%; | |
| overflow-y:hidden; | |
| overflow-x:scroll; | |
| padding:14px 18px 29px; | |
| margin-bottom:-15px; | |
| white-space:nowrap; | |
| max-height:68px | |
| } | |
| } | |
| .page-submenu__title { | |
| color:#393946; | |
| font-weight:500; | |
| margin-left:-1px | |
| } | |
| .page-submenu__list-item { | |
| display:inline-block; | |
| font-size:.875rem; | |
| position:relative; | |
| line-height:16px; | |
| transition:color .2s; | |
| letter-spacing:.5px; | |
| color:#393946; | |
| font-weight:500; | |
| margin-top:2px | |
| } | |
| .page-submenu__list-item:last-child { | |
| margin-right:0!important | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-submenu__list-item { | |
| font-size:.875rem | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .page-submenu__list-item { | |
| display:inline-block; | |
| font-size:.875rem; | |
| line-height:16px; | |
| padding-right:2rem | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .page-submenu__list-item { | |
| padding-right:1rem | |
| } | |
| } | |
| .page-submenu__list-item--active { | |
| color:#3779df | |
| } | |
| .page-submenu__logo { | |
| display:inline-block; | |
| width:24px; | |
| height:24px; | |
| margin-left:48px | |
| } | |
| .page-submenu__logo>img { | |
| width:24px; | |
| height:24px | |
| } | |
| .page-submenu .site-nav__toggle { | |
| position:absolute; | |
| right:7px; | |
| top:2px; | |
| opacity:0; | |
| display:none; | |
| transition:opacity 0s | |
| } | |
| .page-submenu--sticky .page-submenu { | |
| background:#000; | |
| transition:background 400ms ease-in; | |
| z-index:10000 | |
| } | |
| @media(min-width:40.625rem) { | |
| .page-submenu--sticky .page-submenu .page-submenu__logo { | |
| opacity:1; | |
| transition:opacity 400ms ease-in | |
| } | |
| } | |
| .org-submenu { | |
| background:#f7f8fa; | |
| border-bottom:1px solid #161616 | |
| } | |
| .org-submenu .cta { | |
| position:absolute; | |
| top:10px; | |
| right:10px | |
| } | |
| .org-submenu .wrapper, | |
| .org-submenu .wrapper-wide { | |
| padding:0 10px; | |
| position:relative | |
| } | |
| .org-submenu__list { | |
| display:flex; | |
| display:flex; | |
| justify-content:space-between; | |
| align-items:center | |
| } | |
| .org-submenu__list-item { | |
| color:#fefefe; | |
| border-bottom:1px solid #161616; | |
| display:inline-block; | |
| padding:.6875rem .4375rem; | |
| font-size:.875rem; | |
| position:relative; | |
| top:1px | |
| } | |
| .org-submenu__list-item:last-child { | |
| margin-right:0!important | |
| } | |
| @media(min-width:40.625rem) { | |
| .org-submenu__list-item { | |
| padding:.9375rem; | |
| font-size:1rem | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .org-submenu__list-item { | |
| padding:1.0625rem 1.5625rem .8125rem; | |
| font-size:1.125rem | |
| } | |
| } | |
| .org-submenu__list-item--active { | |
| border-bottom:1px solid #1f60c4; | |
| -o-border-image:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| border-image:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| border-image-slice:1; | |
| border-top:0; | |
| border-right:0; | |
| border-left:0 | |
| } | |
| .org-submenu__list-item:hover { | |
| color:#021e40 | |
| } | |
| .org-submenu .site-nav__toggle { | |
| position:absolute; | |
| right:7px; | |
| top:2px; | |
| opacity:0; | |
| display:none; | |
| transition:opacity 0s | |
| } | |
| .org-submenu .org-user-menu>* { | |
| margin-right:.9375rem | |
| } | |
| .org-submenu--sticky .org-submenu { | |
| background:#000; | |
| transition:background 400ms ease-in; | |
| z-index:10000 | |
| } | |
| .submenu { | |
| white-space:nowrap; | |
| border-bottom:1px solid #e5e5e5 | |
| } | |
| .submenu__container { | |
| display:flex; | |
| align-items:center; | |
| justify-content:space-between; | |
| max-width:1200px | |
| } | |
| .submenu__title { | |
| display:none | |
| } | |
| @media screen and (min-width:950px) { | |
| .submenu__title { | |
| display:block | |
| } | |
| } | |
| .submenu__item { | |
| display:inline-block; | |
| font-size:.875rem; | |
| position:relative; | |
| line-height:10px; | |
| transition:color .2s; | |
| letter-spacing:.5px; | |
| color:#393946; | |
| font-weight:500; | |
| margin-top:2px; | |
| padding:10px 0 12px | |
| } | |
| .submenu__item:last-child { | |
| margin-right:0!important | |
| } | |
| @media(min-width:40.625rem) { | |
| .submenu__item { | |
| font-size:.875rem | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .submenu__item { | |
| display:inline-block; | |
| font-size:.875rem; | |
| line-height:16px | |
| } | |
| } | |
| .submenu__item.active { | |
| font-weight:600; | |
| border-bottom:2px solid #000; | |
| color:#000 | |
| } | |
| .submenu__item:hover { | |
| color:#021e40 | |
| } | |
| .submenu__dropdown { | |
| position:absolute; | |
| background:#fefefe; | |
| list-style:none; | |
| margin:4px 0 0; | |
| left:-24px; | |
| padding:0; | |
| z-index:100; | |
| border-radius:5px; | |
| box-shadow:0 10px 30px rgba(0,0,0,.15); | |
| border:1px solid #d8d8df; | |
| padding:12px 22px; | |
| transition-duration:.25s; | |
| overflow:hidden; | |
| transform:translateX(0); | |
| will-change:transform,width,height; | |
| transition-property:transform,width,height | |
| } | |
| .submenu__dropdown .submenu__item { | |
| padding:6px 0 | |
| } | |
| .submenu__dropdown .submenu__item.active { | |
| border-bottom:none | |
| } | |
| .submenu__spacer { | |
| padding:0 16px | |
| } | |
| .submenu__spacer:first-of-type { | |
| padding-left:0 | |
| } | |
| .submenu__spacer:last-of-type { | |
| padding-right:0 | |
| } | |
| .submenu .btn { | |
| min-height:1px; | |
| height:32px; | |
| line-height:29px | |
| } | |
| .submenu-mobile__sidebar, | |
| .submenu-mobile__sidebar__child { | |
| height:100vh; | |
| position:absolute; | |
| margin-top:1px; | |
| right:0; | |
| width:319px; | |
| transform:translateX(340px); | |
| transition:transform 250ms ease-in-out; | |
| background-color:#fefefe; | |
| z-index:1 | |
| } | |
| .submenu-mobile__sidebar.open, | |
| .open.submenu-mobile__sidebar__child { | |
| transform:translateX(0); | |
| right:-14px; | |
| height:calc(100vh - 88px); | |
| overflow-y:scroll | |
| } | |
| .submenu-mobile__item a { | |
| color:#17171c; | |
| font-weight:500; | |
| font-size:20px | |
| } | |
| .submenu-mobile__item .active:before { | |
| content:''; | |
| background-color:#fb755a; | |
| display:block; | |
| width:2px; | |
| height:24px; | |
| float:left; | |
| position:relative; | |
| left:-10px; | |
| top:0 | |
| } | |
| .submenu-mobile__sidebar__child { | |
| margin-top:-84px | |
| } | |
| @media(min-width:979px) { | |
| .submenu { | |
| display:block | |
| } | |
| .submenu-mobile { | |
| display:none | |
| } | |
| } | |
| @media(max-width:980px) { | |
| .submenu { | |
| display:none | |
| } | |
| .submenu-mobile { | |
| display:block; | |
| position:relative | |
| } | |
| } | |
| .feature-image { | |
| position:relative; | |
| background:#000; | |
| width:100% | |
| } | |
| .feature-image img, | |
| .feature-image video { | |
| display:block | |
| } | |
| .feature-image--img-mode::after { | |
| font-family:FontAwesome; | |
| content:'\f01d'; | |
| color:rgba(235,235,235,.5); | |
| font-size:400%; | |
| position:absolute; | |
| top:0%; | |
| left:0%; | |
| height:100%; | |
| width:100%; | |
| display:flex; | |
| flex-direction:row; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| .feature-image--frame { | |
| box-shadow:0 0 20px #555 | |
| } | |
| .feature-image--fullscreen { | |
| position:fixed; | |
| top:0; | |
| left:0; | |
| right:0; | |
| bottom:0; | |
| transition:all .2s ease-in-out; | |
| z-index:1000 | |
| } | |
| .feature-image__element { | |
| position:absolute; | |
| z-index:-1 | |
| } | |
| .feature-image-fade-in { | |
| opacity:1; | |
| transition:opacity 1s linear; | |
| position:absolute; | |
| top:0; | |
| left:0 | |
| } | |
| .feature-image-fade-out { | |
| opacity:0; | |
| transition:opacity 1s linear | |
| } | |
| #whr_embed_hook { | |
| display:grid; | |
| padding:.9375rem 2.8125rem | |
| } | |
| .whr-group { | |
| color:#fefefe; | |
| font-size:1.375rem!important | |
| } | |
| .whr-title { | |
| line-height:20px; | |
| margin-top:1rem | |
| } | |
| .whr-title a { | |
| font-size:18px | |
| } | |
| .whr-item { | |
| margin-top:.5rem | |
| } | |
| .whr-group, | |
| .whr-title { | |
| color:#393946; | |
| margin:0 | |
| } | |
| .whr-items { | |
| margin:0; | |
| padding:0 0 2em; | |
| list-style:none | |
| } | |
| @media(min-width:62rem) { | |
| #whr_embed_hook { | |
| grid-column-gap:1em; | |
| grid-row-gap:.5em; | |
| grid-template-columns:40% 40%; | |
| justify-content:center | |
| } | |
| #whr_embed_hook .whr-group:nth-child(1) { | |
| grid-column-start:1; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(1) { | |
| grid-column-start:1; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(2) { | |
| grid-column-start:1; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(2) { | |
| grid-column-start:1; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(3) { | |
| grid-column-start:2; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(3) { | |
| grid-column-start:2; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(4) { | |
| grid-column-start:2; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(4) { | |
| grid-column-start:2; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(5) { | |
| grid-column-start:1; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(5) { | |
| grid-column-start:1; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(6) { | |
| grid-column-start:1; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(6) { | |
| grid-column-start:1; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(7) { | |
| grid-column-start:2; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(7) { | |
| grid-column-start:2; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(8) { | |
| grid-column-start:2; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(8) { | |
| grid-column-start:2; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(9) { | |
| grid-column-start:1; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(9) { | |
| grid-column-start:1; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(10) { | |
| grid-column-start:1; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(10) { | |
| grid-column-start:1; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(11) { | |
| grid-column-start:2; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(11) { | |
| grid-column-start:2; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(12) { | |
| grid-column-start:2; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(12) { | |
| grid-column-start:2; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(13) { | |
| grid-column-start:1; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(13) { | |
| grid-column-start:1; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(14) { | |
| grid-column-start:1; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(14) { | |
| grid-column-start:1; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(15) { | |
| grid-column-start:2; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(15) { | |
| grid-column-start:2; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(16) { | |
| grid-column-start:2; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(16) { | |
| grid-column-start:2; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(17) { | |
| grid-column-start:1; | |
| grid-row-start:9 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(17) { | |
| grid-column-start:1; | |
| grid-row-start:10 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(18) { | |
| grid-column-start:1; | |
| grid-row-start:9 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(18) { | |
| grid-column-start:1; | |
| grid-row-start:10 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(19) { | |
| grid-column-start:2; | |
| grid-row-start:9 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(19) { | |
| grid-column-start:2; | |
| grid-row-start:10 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(20) { | |
| grid-column-start:2; | |
| grid-row-start:9 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(20) { | |
| grid-column-start:2; | |
| grid-row-start:10 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(21) { | |
| grid-column-start:1; | |
| grid-row-start:11 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(21) { | |
| grid-column-start:1; | |
| grid-row-start:12 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(22) { | |
| grid-column-start:1; | |
| grid-row-start:11 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(22) { | |
| grid-column-start:1; | |
| grid-row-start:12 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(23) { | |
| grid-column-start:2; | |
| grid-row-start:11 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(23) { | |
| grid-column-start:2; | |
| grid-row-start:12 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(24) { | |
| grid-column-start:2; | |
| grid-row-start:11 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(24) { | |
| grid-column-start:2; | |
| grid-row-start:12 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(25) { | |
| grid-column-start:1; | |
| grid-row-start:13 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(25) { | |
| grid-column-start:1; | |
| grid-row-start:14 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(26) { | |
| grid-column-start:1; | |
| grid-row-start:13 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(26) { | |
| grid-column-start:1; | |
| grid-row-start:14 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(27) { | |
| grid-column-start:2; | |
| grid-row-start:13 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(27) { | |
| grid-column-start:2; | |
| grid-row-start:14 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(28) { | |
| grid-column-start:2; | |
| grid-row-start:13 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(28) { | |
| grid-column-start:2; | |
| grid-row-start:14 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(29) { | |
| grid-column-start:1; | |
| grid-row-start:15 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(29) { | |
| grid-column-start:1; | |
| grid-row-start:16 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(30) { | |
| grid-column-start:1; | |
| grid-row-start:15 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(30) { | |
| grid-column-start:1; | |
| grid-row-start:16 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(31) { | |
| grid-column-start:2; | |
| grid-row-start:15 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(31) { | |
| grid-column-start:2; | |
| grid-row-start:16 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(32) { | |
| grid-column-start:2; | |
| grid-row-start:15 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(32) { | |
| grid-column-start:2; | |
| grid-row-start:16 | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| #whr_embed_hook { | |
| grid-column-gap:1em; | |
| grid-template-columns:24% 24% 24% 24%; | |
| justify-content:center | |
| } | |
| #whr_embed_hook .whr-group:nth-child(1) { | |
| grid-column-start:1; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(1) { | |
| grid-column-start:1; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(2) { | |
| grid-column-start:1; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(2) { | |
| grid-column-start:1; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(3) { | |
| grid-column-start:2; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(3) { | |
| grid-column-start:2; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(4) { | |
| grid-column-start:2; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(4) { | |
| grid-column-start:2; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(5) { | |
| grid-column-start:3; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(5) { | |
| grid-column-start:3; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(6) { | |
| grid-column-start:3; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(6) { | |
| grid-column-start:3; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(7) { | |
| grid-column-start:4; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(7) { | |
| grid-column-start:4; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(8) { | |
| grid-column-start:4; | |
| grid-row-start:1 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(8) { | |
| grid-column-start:4; | |
| grid-row-start:2 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(9) { | |
| grid-column-start:1; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(9) { | |
| grid-column-start:1; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(10) { | |
| grid-column-start:1; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(10) { | |
| grid-column-start:1; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(11) { | |
| grid-column-start:2; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(11) { | |
| grid-column-start:2; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(12) { | |
| grid-column-start:2; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(12) { | |
| grid-column-start:2; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(13) { | |
| grid-column-start:3; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(13) { | |
| grid-column-start:3; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(14) { | |
| grid-column-start:3; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(14) { | |
| grid-column-start:3; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(15) { | |
| grid-column-start:4; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(15) { | |
| grid-column-start:4; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(16) { | |
| grid-column-start:4; | |
| grid-row-start:3 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(16) { | |
| grid-column-start:4; | |
| grid-row-start:4 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(17) { | |
| grid-column-start:1; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(17) { | |
| grid-column-start:1; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(18) { | |
| grid-column-start:1; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(18) { | |
| grid-column-start:1; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(19) { | |
| grid-column-start:2; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(19) { | |
| grid-column-start:2; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(20) { | |
| grid-column-start:2; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(20) { | |
| grid-column-start:2; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(21) { | |
| grid-column-start:3; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(21) { | |
| grid-column-start:3; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(22) { | |
| grid-column-start:3; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(22) { | |
| grid-column-start:3; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(23) { | |
| grid-column-start:4; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(23) { | |
| grid-column-start:4; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(24) { | |
| grid-column-start:4; | |
| grid-row-start:5 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(24) { | |
| grid-column-start:4; | |
| grid-row-start:6 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(25) { | |
| grid-column-start:1; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(25) { | |
| grid-column-start:1; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(26) { | |
| grid-column-start:1; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(26) { | |
| grid-column-start:1; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(27) { | |
| grid-column-start:2; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(27) { | |
| grid-column-start:2; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(28) { | |
| grid-column-start:2; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(28) { | |
| grid-column-start:2; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(29) { | |
| grid-column-start:3; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(29) { | |
| grid-column-start:3; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(30) { | |
| grid-column-start:3; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(30) { | |
| grid-column-start:3; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(31) { | |
| grid-column-start:4; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(31) { | |
| grid-column-start:4; | |
| grid-row-start:8 | |
| } | |
| #whr_embed_hook .whr-group:nth-child(32) { | |
| grid-column-start:4; | |
| grid-row-start:7 | |
| } | |
| #whr_embed_hook .whr-items:nth-child(32) { | |
| grid-column-start:4; | |
| grid-row-start:8 | |
| } | |
| } | |
| .whr-info { | |
| display:none | |
| } | |
| .video-hover { | |
| width:100%; | |
| padding-bottom:62.25%; | |
| position:relative; | |
| background:#000 | |
| } | |
| .video-hover__element { | |
| position:absolute; | |
| z-index:-1 | |
| } | |
| .video-hover__content { | |
| position:absolute; | |
| top:0; | |
| bottom:0; | |
| left:0; | |
| right:0; | |
| display:flex; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| .video-hover__content::after { | |
| font-family:FontAwesome; | |
| content:'\f01d'; | |
| color:rgba(235,235,235,.5); | |
| font-size:400%; | |
| position:absolute; | |
| top:0%; | |
| left:0%; | |
| height:100%; | |
| width:100%; | |
| display:flex; | |
| flex-direction:row; | |
| align-items:center; | |
| justify-content:center; | |
| transition:opacity .2s linear | |
| } | |
| .video-hover__content.active .video-hover__image { | |
| opacity:0 | |
| } | |
| .video-hover__content.active .video-hover__video { | |
| opacity:1 | |
| } | |
| .video-hover__content.active::after { | |
| opacity:0 | |
| } | |
| .video-hover__video { | |
| position:absolute; | |
| top:0; | |
| bottom:0; | |
| left:0; | |
| right:0; | |
| max-width:100%; | |
| height:auto; | |
| opacity:0; | |
| transition:opacity 1s linear | |
| } | |
| .video-hover__image { | |
| transition:opacity 1s linear | |
| } | |
| .video-hover__novideo .video-hover__content:after { | |
| display:none | |
| } | |
| .table-enterprise { | |
| border:0 | |
| } | |
| .table-enterprise th { | |
| display:none; | |
| border:0!important | |
| } | |
| .table-enterprise td { | |
| display:block; | |
| border:0 | |
| } | |
| .table-enterprise td:before { | |
| content:attr(data-th)"" | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-enterprise td:before { | |
| display:none | |
| } | |
| } | |
| .table-enterprise th:nth-child(1), | |
| .table-enterprise td:nth-child(1) { | |
| background:#fefefe | |
| } | |
| .table-enterprise th:nth-child(2), | |
| .table-enterprise td:nth-child(2) { | |
| background:#fefefe | |
| } | |
| .table-enterprise th:nth-child(3), | |
| .table-enterprise td:nth-child(3) { | |
| background:#fafbfd; | |
| max-width:215px | |
| } | |
| .table-enterprise th:last-child, | |
| .table-enterprise td:last-child { | |
| background:#f1f5f9; | |
| max-width:215px | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-enterprise th, | |
| .table-enterprise td { | |
| display:table-cell | |
| } | |
| } | |
| .table-enterprise__group-section { | |
| cursor:pointer; | |
| background:#3d7bd9; | |
| color:#fefefe; | |
| font-weight:500 | |
| } | |
| .table-enterprise__group-section td { | |
| background:#3d7bd9!important | |
| } | |
| .table-enterprise__group-section h4>strong { | |
| color:#fefefe | |
| } | |
| .table-enterprise__group-feature:not(:last-of-type) td { | |
| box-shadow:0 0 0 2px solid #c7d0d9 | |
| } | |
| .table-enterprise__group-text { | |
| max-width:450px; | |
| padding:.25rem 0 .5rem | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-enterprise th { | |
| background:0 0 | |
| } | |
| } | |
| .table-enterprise__group { | |
| border-bottom:3px solid #fefefe | |
| } | |
| .table-enterprise__group-trigger-wrap { | |
| display:flex; | |
| align-items:center; | |
| height:59px | |
| } | |
| .table-enterprise__group-trigger { | |
| display:flex; | |
| align-items:center; | |
| background:0 0; | |
| border:0; | |
| outline:none | |
| } | |
| .table-enterprise__group-trigger-closed { | |
| display:none | |
| } | |
| .table-enterprise__group-trigger-open { | |
| margin-top:7px | |
| } | |
| .table-enterprise__group-feature { | |
| visibility:visible; | |
| opacity:1; | |
| transition:opacity .2s ease-in-out; | |
| max-height:100% | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-feature { | |
| visibility:hidden; | |
| opacity:0; | |
| max-height:0; | |
| overflow:hidden; | |
| border:0 | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-feature td { | |
| visibility:hidden; | |
| opacity:0; | |
| max-height:0; | |
| overflow:hidden; | |
| padding:0; | |
| line-height:0; | |
| font-size:0 | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-feature td p { | |
| font-size:0; | |
| line-height:0 | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-feature svg { | |
| display:none | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-text { | |
| padding:0 | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-trigger-open { | |
| display:none | |
| } | |
| .table-enterprise__group-collapsed .table-enterprise__group-trigger-closed { | |
| display:flex | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-enterprise__group-section { | |
| display:flex; | |
| align-items:center | |
| } | |
| .table-enterprise__group-section td { | |
| padding:1rem | |
| } | |
| .table-enterprise__group-section td:nth-child(3), | |
| .table-enterprise__group-section td:nth-child(4) { | |
| display:none | |
| } | |
| .table-enterprise__group-text { | |
| margin:auto; | |
| max-width:325px | |
| } | |
| .table-enterprise__group-feature td { | |
| padding:1rem; | |
| max-width:100%!important; | |
| text-align:center | |
| } | |
| .table-enterprise__group-feature td:nth-child(1) { | |
| display:none | |
| } | |
| } | |
| .table-cloud { | |
| border-collapse:collapse; | |
| background:#f7faff; | |
| border-radius:10px; | |
| border:none; | |
| table-layout:fixed | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-cloud { | |
| box-shadow:0 10px 25px rgba(0,0,0,7%) | |
| } | |
| } | |
| .table-cloud h6 { | |
| padding:0 | |
| } | |
| .table-cloud th { | |
| padding:0 | |
| } | |
| .table-cloud td, | |
| .table-cloud th { | |
| display:block; | |
| border-bottom:2px solid #e8ecee; | |
| white-space:normal!important | |
| } | |
| .table-cloud td[data-th] { | |
| text-align:center | |
| } | |
| .table-cloud td[data-th]:before { | |
| content:attr(data-th)""; | |
| display:block; | |
| padding-top:.5rem; | |
| padding-bottom:.5rem; | |
| font-weight:500; | |
| margin-left:2rem | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-cloud td[data-th]:before { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud td[data-th] { | |
| display:flex; | |
| justify-content:space-between; | |
| align-items:center | |
| } | |
| } | |
| .table-cloud th[data-th]:after { | |
| content:attr(data-th)""; | |
| display:block; | |
| padding-top:.5rem; | |
| padding-bottom:.5rem; | |
| font-weight:500 | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-cloud th[data-th]:after { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud th[data-th] { | |
| display:flex; | |
| justify-content:center; | |
| align-items:center; | |
| flex-direction:column | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-cloud th, | |
| .table-cloud td { | |
| display:table-cell | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud th:first-of-type { | |
| display:none | |
| } | |
| } | |
| .table-cloud sub { | |
| font-size:16px | |
| } | |
| .table-cloud th, | |
| .table-cloud td, | |
| .table-cloud tr:nth-child(2n) td { | |
| background:#fefefe | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-cloud th, | |
| .table-cloud td, | |
| .table-cloud tr:nth-child(2n) td { | |
| width:25% | |
| } | |
| } | |
| .table-cloud td { | |
| padding:.5rem | |
| } | |
| .table-cloud__title { | |
| text-align:center; | |
| border-bottom:none | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud__wrap { | |
| margin-bottom:2rem; | |
| border:1px solid #e8ecee; | |
| box-shadow:0 10px 25px rgba(0,0,0,7%) | |
| } | |
| } | |
| .table-cloud__heading { | |
| min-height:640px | |
| } | |
| @media(max-width:1090px) { | |
| .table-cloud__heading { | |
| min-height:600px | |
| } | |
| } | |
| .table-cloud__subtext { | |
| min-height:90px | |
| } | |
| .table-cloud__divider td { | |
| background:#dfe5e7; | |
| height:50px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud__divider td { | |
| height:75px!important; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| } | |
| .table-cloud__header span { | |
| margin-top:-72px; | |
| padding-top:72px; | |
| display:block | |
| } | |
| .table-cloud__features { | |
| border-left:1px solid #e8ecee | |
| } | |
| .table-cloud__features td:first-of-type { | |
| text-align:right | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud__features td:first-of-type { | |
| text-align:center; | |
| border-top:1px solid #e8ecee | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-cloud__features-content { | |
| position:relative | |
| } | |
| } | |
| .table-cloud__bullet { | |
| position:absolute; | |
| top:5px; | |
| font-size:28px | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-cloud__bullet { | |
| display:none | |
| } | |
| } | |
| .table-cloud__orange .table-cloud__check svg path { | |
| fill:#ff6f1c | |
| } | |
| .table-cloud__orange hr { | |
| border:2px solid #ff6f1c | |
| } | |
| .table-cloud__orange .table-cloud__bullet { | |
| color:#ff6f1c | |
| } | |
| .table-cloud__yellow .table-cloud__check svg path { | |
| fill:#ffc932 | |
| } | |
| .table-cloud__yellow hr { | |
| border:2px solid #ffc932 | |
| } | |
| .table-cloud__yellow .table-cloud__bullet { | |
| color:#ffc932 | |
| } | |
| .table-cloud__gray .table-cloud__check svg path { | |
| fill:#353535 | |
| } | |
| .table-cloud__gray hr { | |
| border:2px solid #353535 | |
| } | |
| .table-cloud__gray .table-cloud__bullet { | |
| color:#353535 | |
| } | |
| .table-cloud__green .table-cloud__check svg path { | |
| fill:#36b263 | |
| } | |
| .table-cloud__green hr { | |
| border:2px solid #ff6f1c | |
| } | |
| .table-cloud__green .table-cloud__bullet { | |
| color:#a8a8a8 | |
| } | |
| .table-cloud .table-cloud__divider td { | |
| background:#e9edf2!important; | |
| height:50px | |
| } | |
| .table-cloud .table-cloud__divider td .gray-bg { | |
| background:#e6e6ea!important | |
| } | |
| .table-cloud .table-cloud__section td { | |
| background:#e6e6ea!important; | |
| height:40px; | |
| transition:background .2s ease | |
| } | |
| .table-cloud .table-cloud__section td:hover { | |
| background:#d8d8df!important | |
| } | |
| .table-metrics { | |
| table-layout:fixed | |
| } | |
| .table-metrics h6 { | |
| padding:0 | |
| } | |
| .table-metrics td:first-child, | |
| .table-metrics th:first-child { | |
| white-space:normal; | |
| word-wrap:break-word; | |
| word-break:break-word | |
| } | |
| .table-metrics td, | |
| .table-metrics th { | |
| display:block; | |
| border-bottom:1px solid #cecece; | |
| border-right:1px solid #cecece | |
| } | |
| .table-metrics td[data-th] { | |
| text-align:center; | |
| background:#fefefe | |
| } | |
| .table-metrics td[data-th]:before { | |
| content:attr(data-th)""; | |
| display:block; | |
| padding-top:.5rem; | |
| padding-bottom:.5rem; | |
| font-weight:500; | |
| font-size:14px | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-metrics td[data-th]:before { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-metrics td[data-th] { | |
| display:flex; | |
| justify-content:space-between; | |
| align-items:center; | |
| padding:1rem 2rem | |
| } | |
| } | |
| .table-metrics th[data-th]:after { | |
| content:attr(data-th)""; | |
| display:block; | |
| padding-top:.5rem; | |
| padding-bottom:.5rem; | |
| font-weight:500 | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-metrics th[data-th]:after { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-metrics th[data-th] { | |
| display:flex; | |
| justify-content:center; | |
| align-items:center; | |
| flex-direction:column | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-metrics th, | |
| .table-metrics td { | |
| display:table-cell | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-metrics th, | |
| .table-metrics td { | |
| border-right:0!important; | |
| border-left:0!important | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-metrics th:first-of-type { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-metrics td:first-of-type { | |
| background:rgba(233,237,242,.7)!important | |
| } | |
| } | |
| .table-metrics sub { | |
| font-size:16px | |
| } | |
| .table-metrics th, | |
| .table-metrics td, | |
| .table-metrics tr:nth-child(2n) td { | |
| background:#fefefe | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-metrics th, | |
| .table-metrics td, | |
| .table-metrics tr:nth-child(2n) td { | |
| width:25% | |
| } | |
| } | |
| .table-metrics th { | |
| background:#151617; | |
| color:#fefefe | |
| } | |
| .table-metrics th a { | |
| color:#4da0ff | |
| } | |
| .table-metrics td { | |
| padding:.5rem | |
| } | |
| .table-metrics__heading { | |
| height:220px | |
| } | |
| @media(max-width:1202px) { | |
| .table-metrics__heading { | |
| height:250px | |
| } | |
| } | |
| .table-metrics__description { | |
| color:#c4c4c4 | |
| } | |
| .table-metrics__divider td { | |
| background:#dfe5e7; | |
| height:50px | |
| } | |
| .table-metrics__features td:first-of-type { | |
| text-align:right | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-metrics__features td:first-of-type { | |
| text-align:center; | |
| border-top:1px solid #e8ecee | |
| } | |
| } | |
| .table-metrics .table-metrics__divider td { | |
| background:#e9edf2!important; | |
| height:50px | |
| } | |
| .table-grafana { | |
| border-collapse:collapse; | |
| border:none; | |
| table-layout:fixed; | |
| background:#fff | |
| } | |
| .table-grafana small { | |
| font-size:13px; | |
| line-height:18.85px; | |
| display:block | |
| } | |
| .table-grafana h6 { | |
| padding:0 | |
| } | |
| .table-grafana td, | |
| .table-grafana th { | |
| display:block; | |
| white-space:normal!important | |
| } | |
| .table-grafana td[data-th] { | |
| text-align:left | |
| } | |
| .table-grafana td[data-th]:before { | |
| content:attr(data-th)""; | |
| display:block; | |
| padding-top:.5rem; | |
| padding-bottom:.5rem; | |
| font-weight:500; | |
| margin-left:2rem | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana td[data-th]:before { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana td[data-th] { | |
| display:flex; | |
| justify-content:space-between; | |
| align-items:center | |
| } | |
| } | |
| .table-grafana th[data-th]:after { | |
| content:attr(data-th)""; | |
| display:block; | |
| padding-top:.5rem; | |
| padding-bottom:.5rem; | |
| font-weight:500 | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana th[data-th]:after { | |
| display:none | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana th[data-th] { | |
| display:flex; | |
| justify-content:center; | |
| align-items:center; | |
| flex-direction:column | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana th, | |
| .table-grafana td { | |
| display:table-cell | |
| } | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana th:first-of-type { | |
| display:none | |
| } | |
| } | |
| .table-grafana sub { | |
| font-size:16px | |
| } | |
| .table-grafana th, | |
| .table-grafana td, | |
| .table-grafana tr:nth-child(2n) td { | |
| background:#fff | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana th, | |
| .table-grafana td, | |
| .table-grafana tr:nth-child(2n) td { | |
| width:25% | |
| } | |
| } | |
| .table-grafana td { | |
| padding:.5rem | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana__hide-mobile { | |
| display:none!important | |
| } | |
| } | |
| .table-grafana__first { | |
| border-bottom:1px solid #e6e6ea!important | |
| } | |
| .table-grafana__wrap { | |
| vertical-align:top; | |
| padding:0; | |
| border-left:1px solid #e6e6ea!important; | |
| border-top:1px solid #e6e6ea!important; | |
| border-bottom:1px solid #e6e6ea!important | |
| } | |
| .table-grafana__wrap:first-of-type { | |
| border-right:1px solid #e6e6ea!important | |
| } | |
| .table-grafana__wrap:last-of-type { | |
| border-left:1px solid #e6e6ea!important; | |
| border-right:1px solid #e6e6ea!important; | |
| border-bottom:1px solid #e6e6ea!important | |
| } | |
| .table-grafana__wrap-gray { | |
| background:#f4f4f6!important | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana__wrap-extra { | |
| padding-top:124px | |
| } | |
| } | |
| @media(min-width:1250px) { | |
| .table-grafana__wrap-extra>div { | |
| min-height:175px; | |
| min-width:200px | |
| } | |
| } | |
| .table-grafana__wrap-flow { | |
| width:100%!important; | |
| top:0; | |
| border:1px solid #e6e6ea | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana__wrap-flow { | |
| position:absolute | |
| } | |
| } | |
| .table-grafana__wrap h4 { | |
| margin-bottom:.5rem | |
| } | |
| .table-grafana__border { | |
| border:1px solid #e6e6ea; | |
| border:1px solid #e6e6ea | |
| } | |
| .table-grafana__border-bottom { | |
| border-bottom:1px solid #e6e6ea | |
| } | |
| .table-grafana__border-right { | |
| border-right:1px solid #e6e6ea; | |
| width:50% | |
| } | |
| .table-grafana__subtext { | |
| min-height:90px | |
| } | |
| .table-grafana__divider td { | |
| background:#dfe5e7; | |
| height:50px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana__divider td { | |
| height:75px!important; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| } | |
| .table-grafana__header span { | |
| margin-top:-72px; | |
| padding-top:72px; | |
| display:block | |
| } | |
| .table-grafana__header-flow { | |
| white-space:nowrap | |
| } | |
| .table-grafana__overview td { | |
| border-bottom:2px solid #393946; | |
| border-left:1px solid #e6e6ea | |
| } | |
| .table-grafana__features td { | |
| border-top:1px solid #e6e6ea | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana__features td { | |
| border-left:1px solid #e6e6ea | |
| } | |
| } | |
| .table-grafana__features td:first-of-type { | |
| border-left:1px solid #e6e6ea!important | |
| } | |
| .table-grafana__features-content { | |
| color:#36b263 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .table-grafana__features-content { | |
| position:relative | |
| } | |
| } | |
| .table-grafana__features-gray { | |
| background:#f4f4f6!important | |
| } | |
| .table-grafana__features-gray-right { | |
| border-right:0 | |
| } | |
| .table-grafana__bullet { | |
| position:absolute; | |
| top:5px; | |
| font-size:28px | |
| } | |
| @media(min-width:61.25rem) { | |
| .table-grafana__bullet { | |
| display:none | |
| } | |
| } | |
| .table-grafana__orange .table-grafana__check svg path { | |
| fill:#ff6f1c | |
| } | |
| .table-grafana__orange hr { | |
| border:2px solid #ff6f1c | |
| } | |
| .table-grafana__orange .table-grafana__bullet { | |
| color:#ff6f1c | |
| } | |
| .table-grafana__yellow .table-grafana__check svg path { | |
| fill:#ffc932 | |
| } | |
| .table-grafana__yellow hr { | |
| border:2px solid #ffc932 | |
| } | |
| .table-grafana__yellow .table-grafana__bullet { | |
| color:#ffc932 | |
| } | |
| .table-grafana__gray .table-grafana__check svg path { | |
| fill:#353535 | |
| } | |
| .table-grafana__gray hr { | |
| border:2px solid #353535 | |
| } | |
| .table-grafana__gray .table-grafana__bullet { | |
| color:#353535 | |
| } | |
| .table-grafana .table-grafana__divider td { | |
| background:#e9edf2!important; | |
| height:50px | |
| } | |
| i.icon { | |
| font-size:16px; | |
| position:relative; | |
| min-height:1.25rem; | |
| float:left | |
| } | |
| i.icon-tall { | |
| min-height:3.125rem | |
| } | |
| i.icon a { | |
| color:#fefefe | |
| } | |
| i.icon a:hover { | |
| color:#1f60c4 | |
| } | |
| i.icon-inline { | |
| margin-left:36px; | |
| margin-right:-9px; | |
| min-height:23px | |
| } | |
| i.icon-default { | |
| min-height:23px; | |
| margin-bottom:.5rem | |
| } | |
| i.icon--spacer { | |
| min-height:0; | |
| height:0; | |
| margin-left:0; | |
| margin-bottom:0 | |
| } | |
| @media(min-width:62rem) { | |
| i.icon--spacer { | |
| margin-bottom:.625rem; | |
| height:1.6rem | |
| } | |
| } | |
| i.icon--no-icon { | |
| margin-left:0; | |
| height:23px | |
| } | |
| i.icon--check::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_check.svg); | |
| background-size:12px 12px; | |
| background-repeat:no-repeat; | |
| height:12px; | |
| width:12px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px | |
| } | |
| i.icon--grafana::before { | |
| content:' '; | |
| background-image:url(/static/img/platform/icon_grafana_orange1.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:2px; | |
| left:2px | |
| } | |
| i.icon--users::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_users.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px; | |
| left:2px | |
| } | |
| i.icon--dashboards::before { | |
| font-family:grafana-icons; | |
| content:'\e606'; | |
| font-size:130%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-4px | |
| } | |
| i.icon--app::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_app.svg); | |
| background-size:12px 12px; | |
| background-repeat:no-repeat; | |
| height:12px; | |
| width:12px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px | |
| } | |
| i.icon--panel::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_panel.svg); | |
| background-size:12px 12px; | |
| background-repeat:no-repeat; | |
| height:12px; | |
| width:12px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px | |
| } | |
| i.icon--datasource::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_datasource.svg); | |
| background-size:12px 12px; | |
| background-repeat:no-repeat; | |
| height:12px; | |
| width:12px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px | |
| } | |
| i.icon--rebuilds::before { | |
| font-family:grafana-icons; | |
| content:'\e626'; | |
| font-size:130%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-4px; | |
| left:2px | |
| } | |
| i.icon--community::before { | |
| font-family:fontawesome; | |
| content:'\f1cd'; | |
| font-size:130%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-4px; | |
| left:4px | |
| } | |
| i.icon--support::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_support.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px; | |
| left:2px | |
| } | |
| i.icon--diamond::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_diamond.svg); | |
| background-size:12px 12px; | |
| background-repeat:no-repeat; | |
| height:12px; | |
| width:12px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px; | |
| left:2px | |
| } | |
| i.icon--alerts::before { | |
| font-family:grafana-icons; | |
| content:'\e611'; | |
| font-size:130%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-4px | |
| } | |
| i.icon--ssl::before { | |
| font-family:fontawesome; | |
| content:'\f023'; | |
| font-size:150%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-6px; | |
| left:5px | |
| } | |
| i.icon--auth::before { | |
| font-family:fontawesome; | |
| content:'\f090'; | |
| font-size:130%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-4px; | |
| left:4px | |
| } | |
| i.icon--domain::before { | |
| font-family:fontawesome; | |
| content:'\f1fa'; | |
| font-size:130%; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-4px; | |
| left:4px | |
| } | |
| i.icon--prometheus::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_hosted_metrics--square.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px; | |
| left:2px | |
| } | |
| i.icon--prometheus-endpoint::before { | |
| content:' '; | |
| background-image:url(/static/img/platform/icon_prometheus.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| left:2px; | |
| top:6px | |
| } | |
| i.icon--graphite-endpoint::before { | |
| content:' '; | |
| background-image:url(/static/img/platform/icon_graphite_white.svg); | |
| background-size:28px 28px; | |
| height:28px; | |
| width:28px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px; | |
| left:2px | |
| } | |
| i.icon--loki::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_loki_color.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| left:2px | |
| } | |
| i.icon--logs::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_loki_grey.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.125rem; | |
| position:absolute; | |
| top:-2px; | |
| left:2px | |
| } | |
| i.icon--cortex::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_cortex.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| left:2px | |
| } | |
| i.icon--hard-hat::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_hard-hat.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:2px; | |
| left:2px | |
| } | |
| i.icon--spanner::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_spanner.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:2px; | |
| left:2px | |
| } | |
| i.icon--boxes::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_boxes.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:2px; | |
| left:2px | |
| } | |
| i.icon--graph::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_graph.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:11px; | |
| left:2px | |
| } | |
| i.icon--calendar::before { | |
| content:' '; | |
| background-image:url(/static/img/icon_calendar.svg); | |
| background-size:23px 23px; | |
| height:23px; | |
| width:23px; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:10px; | |
| left:2px | |
| } | |
| .fa-li { | |
| top:0!important | |
| } | |
| .pro-tip { | |
| font-weight:500; | |
| font-size:1.2rem | |
| } | |
| .pro-tip>img { | |
| height:25px | |
| } | |
| .tabs-content { | |
| transition:opacity .2s ease-in-out | |
| } | |
| .tabs-content__hidden { | |
| transition:0; | |
| visibility:hidden; | |
| opacity:0; | |
| height:0 | |
| } | |
| .grafana__tabs { | |
| border-right:1px solid #d4d4d4 | |
| } | |
| .grafana__tabs:last-child { | |
| border:none | |
| } | |
| .slider { | |
| position:relative | |
| } | |
| .slider-left { | |
| position:absolute; | |
| left:calc(50% - 527px); | |
| top:calc(50% - 43px); | |
| z-index:1; | |
| transition:filter .2s ease-in | |
| } | |
| .slider-left:hover { | |
| filter:brightness(70%) | |
| } | |
| @media(max-width:61.1875rem) { | |
| .slider-left { | |
| display:none | |
| } | |
| } | |
| .slider-right { | |
| position:absolute; | |
| right:calc(50% - 527px); | |
| top:calc(50% - 43px); | |
| transition:filter .2s ease-in | |
| } | |
| .slider-right:hover { | |
| filter:brightness(70%) | |
| } | |
| @media(max-width:61.1875rem) { | |
| .slider-right { | |
| display:none | |
| } | |
| } | |
| .slider-contained { | |
| display:flex; | |
| align-items:center | |
| } | |
| .slider-contained .slider-left, | |
| .slider-contained .slider-right { | |
| position:relative; | |
| left:0; | |
| top:0 | |
| } | |
| .slider button { | |
| background:0 0; | |
| border:none | |
| } | |
| .slider-content { | |
| transition:opacity .2s ease-in | |
| } | |
| .slider-content__hidden { | |
| visibility:hidden; | |
| opacity:0; | |
| height:0; | |
| width:0 | |
| } | |
| .slider-indicator { | |
| outline:none; | |
| padding:.5rem | |
| } | |
| .slider-indicator i { | |
| font-size:18px | |
| } | |
| .slider-indicator__icon-active-blue { | |
| color:#fefefe | |
| } | |
| .slider-indicator__icon-inactive { | |
| color:#fefefe | |
| } | |
| .slider-indicator .slider-indicator__icon-active { | |
| display:none | |
| } | |
| .slider-indicator__active .slider-indicator__icon-inactive { | |
| display:none | |
| } | |
| .slider-indicator__active .slider-indicator__icon-active { | |
| display:block | |
| } | |
| .glide__bullet { | |
| color:#cacad3; | |
| font-size:1.5rem | |
| } | |
| .glide__bullet--active { | |
| color:#000 | |
| } | |
| .section-solutions .figure-wrapper img { | |
| max-height:391px | |
| } | |
| .section-solutions .figure-wrapper figcaption { | |
| width:677px | |
| } | |
| .faq-trigger__closed, | |
| .faq-trigger__open { | |
| background:0 0; | |
| border:none; | |
| display:flex; | |
| align-items:center | |
| } | |
| .faq-content { | |
| cursor:pointer | |
| } | |
| .faq-content .faq-answer { | |
| transition:opacity .2s; | |
| visibility:visible; | |
| opacity:1; | |
| height:100%; | |
| padding-top:1rem | |
| } | |
| .faq-content .faq-trigger__closed { | |
| display:none | |
| } | |
| .faq-content__closed .faq-answer { | |
| visibility:hidden; | |
| opacity:0; | |
| height:0; | |
| padding-top:0 | |
| } | |
| .faq-content__closed .faq-trigger__closed { | |
| display:flex | |
| } | |
| .faq-content__closed .faq-trigger__open { | |
| display:none | |
| } | |
| .faq__icon { | |
| height:36px | |
| } | |
| .hero-metrics a:not(.btn) { | |
| color:#84aff1 | |
| } | |
| .hero-metrics a:not(.btn):hover { | |
| text-decoration:underline | |
| } | |
| .hero-metrics__container { | |
| max-width:1100px; | |
| margin-right:auto; | |
| margin-left:auto; | |
| background:rgba(196,196,196,.1); | |
| -webkit-backdrop-filter:blur(10px); | |
| backdrop-filter:blur(10px); | |
| border-radius:6px | |
| } | |
| .hero-metrics__arrow { | |
| position:absolute | |
| } | |
| @media(min-width:62rem) { | |
| .hero-metrics__arrow { | |
| top:50px | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .hero-metrics__arrow { | |
| display:none | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .hero-metrics__description { | |
| min-height:150px | |
| } | |
| } | |
| .hero-metrics__item { | |
| border-bottom:1px solid #555; | |
| min-height:75px | |
| } | |
| .hero-metrics__item:last-of-type { | |
| border:none | |
| } | |
| .hero-metrics__light { | |
| background-color:rgba(196,196,196,.2) | |
| } | |
| .hero-metrics__light .hero-metrics__item { | |
| border-bottom:2px solid #000 | |
| } | |
| .hero-metrics__light .hero-metrics__item:last-of-type { | |
| border:none | |
| } | |
| .hero-metrics__light .hero-metrics__arrow { | |
| background:#000; | |
| border-radius:50%; | |
| width:52px; | |
| height:52px | |
| } | |
| .hero-metrics__light .hero-metrics__arrow svg { | |
| position:absolute; | |
| top:13px; | |
| right:13px; | |
| width:25px | |
| } | |
| .hero-metrics__icon { | |
| height:20px; | |
| width:22px | |
| } | |
| @media screen and (max-width:1220px) { | |
| .section-oss .hero-content__image { | |
| filter:brightness(.45) | |
| } | |
| } | |
| @media screen and (max-width:991px) { | |
| .hide-bg-mobile { | |
| background-image:none!important | |
| } | |
| } | |
| .footer__banner { | |
| background-repeat:no-repeat; | |
| background-position:50%; | |
| background-size:cover | |
| } | |
| .footer__banner .wrapper, | |
| .footer__banner .wrapper-wide { | |
| min-height:75px | |
| } | |
| .footer__banner-content { | |
| color:#fefefe; | |
| text-align:center; | |
| display:flex; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| @media(max-width:61.1875rem) { | |
| .footer__banner-content { | |
| flex-direction:column; | |
| padding:0 | |
| } | |
| } | |
| .footer__banner p { | |
| margin:0; | |
| padding:1rem | |
| } | |
| @media(max-width:61.1875rem) { | |
| .footer__banner p { | |
| padding:.5rem | |
| } | |
| } | |
| .footer__banner small { | |
| line-height:20px; | |
| display:block | |
| } | |
| @media(max-width:61.1875rem) { | |
| .footer__banner-cta { | |
| margin-top:.5rem; | |
| margin-bottom:2rem | |
| } | |
| } | |
| .footer__banner-bleed { | |
| margin-bottom:-5px; | |
| border-radius:5px | |
| } | |
| .footer__banner .btn { | |
| margin-right:.25rem; | |
| margin-left:.25rem | |
| } | |
| .footer__banner-close { | |
| position:absolute; | |
| top:0; | |
| right:7px | |
| } | |
| .footer__banner-close_button { | |
| background:0 0; | |
| border:none; | |
| color:#fefefe; | |
| font-size:19px; | |
| transition:color .2s | |
| } | |
| .footer__banner-close_button:hover { | |
| color:#e5e5e5 | |
| } | |
| .footer__banner.grafanacon-footer { | |
| background-color:#010038; | |
| background-image:url(/static/img/grafanacon/bg-bug-banner.svg); | |
| opacity:1; | |
| width:294px; | |
| height:165px; | |
| top:auto; | |
| right:20px; | |
| bottom:20px; | |
| left:auto; | |
| border-radius:5px; | |
| box-shadow:0 4px 12px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25) | |
| } | |
| .footer__banner.grafanacon-footer .wrapper, | |
| .footer__banner.grafanacon-footer .wrapper-wide { | |
| height:auto; | |
| min-height:auto; | |
| padding:10px 65px | |
| } | |
| @media(min-width:61.25rem) { | |
| .footer__banner.grafanacon-footer .wrapper, | |
| .footer__banner.grafanacon-footer .wrapper-wide { | |
| padding-right:65px; | |
| padding-left:30px | |
| } | |
| } | |
| @media(min-width:1400px) { | |
| .footer__banner.grafanacon-footer .wrapper, | |
| .footer__banner.grafanacon-footer .wrapper-wide { | |
| padding-right:0; | |
| padding-left:0 | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .footer__banner.grafanacon-footer .wrapper, | |
| .footer__banner.grafanacon-footer .wrapper-wide { | |
| max-height:100px | |
| } | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-content { | |
| flex-flow:column wrap; | |
| align-items:center; | |
| justify-content:center; | |
| flex:1; | |
| height:100% | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-close { | |
| position:absolute; | |
| top:-10px; | |
| right:-10px; | |
| width:23px; | |
| height:23px; | |
| background-color:#393946; | |
| border-radius:50%; | |
| box-shadow:0 4px 12px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25) | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-close_button { | |
| position:absolute; | |
| width:23px; | |
| height:23px; | |
| background-image:url(/static/img/grafanacon/bug-banner-close.svg); | |
| background-size:23px 23px; | |
| padding:0 | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-close_button i.fa { | |
| display:none | |
| } | |
| .footer__banner.grafanacon-footer p { | |
| font-size:18px; | |
| color:#fd9b55; | |
| margin:0; | |
| padding:0 | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-logo-img { | |
| width:271.57px; | |
| height:auto; | |
| margin-top:5px; | |
| margin-bottom:15px | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-cta { | |
| flex-shrink:0; | |
| margin:0 | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-cta .btn--primary { | |
| background:#1271de; | |
| border:0; | |
| height:33px; | |
| line-height:33px; | |
| border-radius:5px; | |
| margin:0 | |
| } | |
| .footer__banner.grafanacon-footer .footer__banner-cta .btn--primary:hover { | |
| background:#3d7bd9 | |
| } | |
| .video-title { | |
| color:#393946; | |
| font-size:14px; | |
| line-height:20px; | |
| text-align:left; | |
| padding-top:.5rem | |
| } | |
| .video-thumb { | |
| position:relative; | |
| overflow:hidden; | |
| background:#021e40; | |
| display:flex; | |
| align-items:center; | |
| height:100px | |
| } | |
| @media(min-width:40.625rem) { | |
| .video-thumb { | |
| height:200px | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .video-thumb { | |
| height:125px | |
| } | |
| } | |
| .video-thumb__hero { | |
| height:160px | |
| } | |
| @media(min-width:62rem) { | |
| .video-thumb__hero { | |
| height:200px | |
| } | |
| } | |
| .video-thumb__play { | |
| margin:auto; | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| bottom:0; | |
| right:0; | |
| height:50px; | |
| text-align:center; | |
| opacity:0; | |
| visibility:hidden; | |
| transition:.2s all | |
| } | |
| .video-thumb__image { | |
| width:100% | |
| } | |
| .video-thumb__duration { | |
| position:absolute; | |
| bottom:10px; | |
| right:10px; | |
| background:#021e40; | |
| color:#fefefe; | |
| font-size:11px; | |
| font-weight:600; | |
| padding:0 4px | |
| } | |
| .video:hover .video-thumb__play { | |
| opacity:1; | |
| visibility:visible | |
| } | |
| .video:hover .video-thumb__image { | |
| opacity:.4 | |
| } | |
| .video:hover .video-title, | |
| .video:hover .video-title h5 { | |
| text-decoration:underline | |
| } | |
| .play-icon { | |
| margin-left:8px | |
| } | |
| .play-icon:before { | |
| font-family:FontAwesome; | |
| content:'\f144' | |
| } | |
| blockquote.twitter-tweet { | |
| display:inline-block; | |
| font-family:helvetica neue,Roboto,segoe ui,Calibri,sans-serif; | |
| font-size:12px; | |
| font-weight:700; | |
| line-height:16px; | |
| border-color:#eee #ddd #bbb; | |
| border-radius:5px; | |
| border-style:solid; | |
| border-width:1px; | |
| box-shadow:0 1px 3px rgba(0,0,0,.15); | |
| margin:10px 5px; | |
| padding:0 16px 16px; | |
| max-width:468px; | |
| background:#fff; | |
| -o-border-image:none; | |
| border-image:none; | |
| color:#000; | |
| text-align:left; | |
| padding:10px 15px 5px | |
| } | |
| blockquote.twitter-tweet svg { | |
| float:right | |
| } | |
| blockquote.twitter-tweet p { | |
| font-size:19px!important; | |
| font-weight:400!important; | |
| line-height:25px!important | |
| } | |
| blockquote.twitter-tweet a { | |
| color:inherit; | |
| font-weight:400; | |
| text-decoration:none; | |
| outline:0 | |
| } | |
| blockquote.twitter-tweet a:hover, | |
| blockquote.twitter-tweet a:focus { | |
| text-decoration:underline | |
| } | |
| .content-list { | |
| min-height:340px | |
| } | |
| .content-list__icon { | |
| margin-top:.25rem; | |
| margin-right:.75rem | |
| } | |
| .content-list__item { | |
| margin-bottom:1rem; | |
| display:flex | |
| } | |
| .content-list__item-type { | |
| font-size:11px; | |
| line-height:20px; | |
| padding:0 .25rem; | |
| margin:0 1rem; | |
| min-width:60px; | |
| color:#5787d1; | |
| background-color:#e9edf2; | |
| width:100%; | |
| text-transform:uppercase; | |
| font-family:inter,sans-serif; | |
| letter-spacing:.5px; | |
| max-width:65px; | |
| height:24px; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| @media(max-width:40.625rem) { | |
| .content-list__item-type { | |
| margin:0 0 .5rem | |
| } | |
| } | |
| .content-list__item-svg { | |
| background-color:#e9edf2; | |
| height:30px; | |
| width:30px; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| margin-right:1rem; | |
| margin-left:1rem; | |
| margin-top:-2px | |
| } | |
| @media(max-width:40.625rem) { | |
| .content-list__item-svg { | |
| margin:0 0 .5rem | |
| } | |
| } | |
| .content-list__item-title a { | |
| color:#393946 | |
| } | |
| .content-list__item-title a:hover { | |
| text-decoration:underline | |
| } | |
| .docs-explore__img { | |
| padding:.5rem; | |
| border-radius:2px; | |
| width:41px | |
| } | |
| .docs-explore__link a { | |
| display:flex; | |
| align-items:center; | |
| margin-left:-1rem; | |
| padding:.5rem; | |
| margin-bottom:.5rem; | |
| color:#393946 | |
| } | |
| .docs-explore__link a:hover { | |
| text-decoration:underline; | |
| box-shadow:0 2px 7px rgba(168,168,168,.5); | |
| color:#393946 | |
| } | |
| .docs-explore__link a img { | |
| margin-right:.5rem | |
| } | |
| .wide-list { | |
| list-style:none; | |
| margin-left:0; | |
| padding-left:1em | |
| } | |
| .wide-list li { | |
| line-height:32px | |
| } | |
| .wide-list li:before { | |
| display:inline-block; | |
| content:'-'; | |
| width:1em; | |
| margin-left:-1em | |
| } | |
| .image-grid { | |
| display:flex | |
| } | |
| .image-grid figure { | |
| margin:0 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .image-grid figure { | |
| margin-bottom:12px | |
| } | |
| } | |
| .image-grid figcaption { | |
| margin-top:.5rem | |
| } | |
| .image-grid__image { | |
| flex:1; | |
| min-width:0; | |
| padding-right:25px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .image-grid__image { | |
| padding-right:0; | |
| margin-bottom:12px | |
| } | |
| } | |
| .image-grid__image:last-of-type { | |
| padding-right:0 | |
| } | |
| .logo-grid { | |
| display:grid; | |
| grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); | |
| grid-auto-rows:45px; | |
| gap:40px; | |
| align-items:center; | |
| justify-items:center | |
| } | |
| .tags { | |
| list-style:none; | |
| padding:0; | |
| margin:0 0 0 .5rem | |
| } | |
| .tags li { | |
| display:inline-block; | |
| background-color:#d4d4d4; | |
| font-size:80%; | |
| padding-left:.5rem; | |
| border-radius:5px; | |
| margin:.15rem 0 | |
| } | |
| .tags li button { | |
| display:inline-block; | |
| cursor:pointer; | |
| padding:.25rem .5rem; | |
| background:0 0; | |
| border:none; | |
| border-left:1px solid #c6c6c6; | |
| transition:.2s; | |
| border-top-right-radius:5px; | |
| border-bottom-right-radius:5px | |
| } | |
| .tags li button:hover { | |
| background-color:#bbb | |
| } | |
| .tags__text { | |
| padding:0 4px | |
| } | |
| .tag { | |
| display:inline-block; | |
| background:#f5f5f5; | |
| font-size:12px; | |
| padding:.25rem; | |
| margin:.5rem 0 | |
| } | |
| .glide__button { | |
| border:0; | |
| background:#fefefe; | |
| border-radius:50%; | |
| color:#1a53b7; | |
| position:absolute; | |
| top:calc(50% - 26px); | |
| right:1rem; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| height:26px | |
| } | |
| .resource-logo { | |
| width:140px; | |
| height:140px | |
| } | |
| .resource-logo__image { | |
| width:61px; | |
| height:auto | |
| } | |
| .resource-orgs { | |
| margin:.25rem 0 | |
| } | |
| .resource-screenshots .glide__slides { | |
| max-height:292px | |
| } | |
| .resource-label { | |
| font-size:12px; | |
| margin-right:1rem; | |
| line-height:19px | |
| } | |
| .resource-label .icon { | |
| top:5px; | |
| margin-right:-17px | |
| } | |
| .resource-label__alert { | |
| background:#fde8be; | |
| border-radius:2px; | |
| margin:0; | |
| width:45px; | |
| height:25px; | |
| line-height:25px; | |
| text-align:center; | |
| text-transform:uppercase; | |
| color:#17171c; | |
| font-weight:500 | |
| } | |
| .resource-sidebar__section { | |
| min-height:70px | |
| } | |
| .resource-sidebar__section p, | |
| .resource-sidebar__section h5 { | |
| margin-top:-12px | |
| } | |
| .resource-sidebar .video-thumb { | |
| border-top-left-radius:5px; | |
| border-top-right-radius:5px | |
| } | |
| .site-search { | |
| background:0; | |
| border:0; | |
| padding:6px 11px!important | |
| } | |
| .site-search__dialogue { | |
| max-width:700px | |
| } | |
| .site-search:hover { | |
| border:2px solid #fefefe | |
| } | |
| .search-minimal { | |
| display:flex; | |
| justify-content:center; | |
| z-index:400; | |
| height:100% | |
| } | |
| .search-minimal__results { | |
| background:#000; | |
| width:700px; | |
| max-height:400px | |
| } | |
| .menu-search { | |
| display:flex; | |
| justify-content:center; | |
| height:44px | |
| } | |
| .menu-search__dialogue { | |
| width:700px; | |
| display:flex; | |
| align-items:center | |
| } | |
| .menu-search__dialogue i::before { | |
| color:#c5c5c5 | |
| } | |
| .menu-search__input { | |
| border:0; | |
| outline:0; | |
| width:100%; | |
| background-color:#000; | |
| color:#fff | |
| } | |
| .menu-search__select { | |
| width:250px; | |
| background-color:#2e2e38; | |
| color:#d8d8df; | |
| height:30px; | |
| background-position:calc(100% - 20px)calc(1em + 2px),calc(100% - 15px)calc(1em + 2px),100% 0 | |
| } | |
| .menu-search__results-item { | |
| margin-bottom:.5rem; | |
| color:#d8d8df | |
| } | |
| .menu-search__results-item a:hover { | |
| text-decoration:underline | |
| } | |
| .menu-search__results-active { | |
| text-decoration:underline | |
| } | |
| .search-results__wrap { | |
| margin-left:-1rem | |
| } | |
| .search-results__type { | |
| margin-bottom:.25rem | |
| } | |
| .search-results__type-description { | |
| padding-left:.25rem | |
| } | |
| .search-results__item { | |
| color:#404040; | |
| display:block; | |
| border:1px solid transparent; | |
| border-radius:5px; | |
| transition:.2s | |
| } | |
| .search-results__item:hover { | |
| color:#404040; | |
| border:1px solid #c7d0d9; | |
| background:#fefefe | |
| } | |
| .search-results__item:hover .search-results__item-title { | |
| text-decoration:underline; | |
| color:#1f60c4 | |
| } | |
| .search-results__item-title { | |
| margin:0; | |
| padding:0; | |
| font-weight:500 | |
| } | |
| select.menu-search__select { | |
| background-image:linear-gradient(45deg,transparent 50%,#fefefe 50%),linear-gradient(135deg,#fefefe 50%,transparent 50%),linear-gradient(to right,#2e2e38,#2e2e38) | |
| } | |
| .tooltip, | |
| .tooltip__left-align { | |
| cursor:pointer | |
| } | |
| .tooltip__left-align { | |
| text-align:left | |
| } | |
| .tippy-box { | |
| padding:9px 16px; | |
| background-color:#17171c; | |
| font-size:13px; | |
| line-height:145%; | |
| max-width:300px!important | |
| } | |
| .tippy-content { | |
| color:#fefefe | |
| } | |
| .tippy-arrow { | |
| background-color:#17171c; | |
| color:#17171c | |
| } | |
| .promo-hover { | |
| transition:all .2s; | |
| overflow:hidden; | |
| background:#22232b | |
| } | |
| .promo-hover:hover .promo-cta { | |
| background:#1558b4 | |
| } | |
| .promo-hover__logo { | |
| padding:1rem 1.75rem; | |
| border-bottom:1px solid #555 | |
| } | |
| .promo-hover__content { | |
| padding:1rem 1.25rem | |
| } | |
| .promo-hover__content p { | |
| margin-top:0; | |
| font-size:14px | |
| } | |
| .promo-banner { | |
| display:flex; | |
| justify-content:space-between; | |
| align-items:center; | |
| flex-direction:row; | |
| border-radius:5px; | |
| padding:8px 14px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .promo-banner { | |
| flex-direction:column; | |
| align-items:flex-start; | |
| justify-content:center | |
| } | |
| .promo-banner p { | |
| padding:6px 0 | |
| } | |
| } | |
| .promo-banner__promo { | |
| display:flex; | |
| line-height:0; | |
| align-items:center; | |
| width:200px; | |
| min-width:200px; | |
| max-width:200px; | |
| flex-grow:0 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .promo-banner__promo { | |
| width:100%; | |
| min-width:100%; | |
| max-width:100%; | |
| align-items:center | |
| } | |
| } | |
| .promo-banner__content { | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| flex-grow:1 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .promo-banner__content { | |
| align-items:center; | |
| justify-content:flex-start | |
| } | |
| } | |
| .promo-banner__cta { | |
| display:flex; | |
| align-items:center; | |
| justify-content:flex-end; | |
| flex-grow:0 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .promo-banner__cta { | |
| align-items:center; | |
| justify-content:flex-start; | |
| flex-grow:1 | |
| } | |
| } | |
| .promo-banner__icon-text { | |
| text-transform:uppercase; | |
| margin-left:10px | |
| } | |
| .promo-banner__orange { | |
| background-color:#feeee2 | |
| } | |
| .promo-banner__orange span { | |
| color:#ef5b3e | |
| } | |
| .promo-banner__red { | |
| background-color:#ffe8ed | |
| } | |
| .promo-banner__red span { | |
| color:#f04c59 | |
| } | |
| .promo-banner__blue { | |
| background-color:#e3ebfb | |
| } | |
| .promo-banner__blue span { | |
| color:#4776d1 | |
| } | |
| .promo-banner__amber { | |
| background-color:#fef1d8 | |
| } | |
| .promo-banner__amber span { | |
| color:#ec6d13 | |
| } | |
| .promo-banner__purple { | |
| background-color:#ebe8fb | |
| } | |
| .d-grid { | |
| display:grid | |
| } | |
| .d-grid__columns--2 { | |
| gap:.3rem | |
| } | |
| @media(min-width:40.625rem) { | |
| .d-grid__columns--2 { | |
| grid-template-columns:1fr | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--2 { | |
| grid-template-columns:repeat(2,1fr) | |
| } | |
| } | |
| .d-grid__columns--3 { | |
| gap:.3rem | |
| } | |
| @media(min-width:40.625rem) { | |
| .d-grid__columns--3 { | |
| grid-template-columns:1fr | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--3 { | |
| grid-template-columns:repeat(2,1fr) | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .d-grid__columns--3 { | |
| grid-template-columns:repeat(3,1fr) | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--3.noWrap { | |
| grid-template-columns:repeat(3,1fr) | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .d-grid__columns--3.noWrap { | |
| grid-template-columns:repeat(3,1fr) | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .d-grid__columns--3.wrapAndCenter { | |
| grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--3.wrapAndCenter { | |
| grid-template-columns:repeat(3,1fr) | |
| } | |
| } | |
| .d-grid__columns--4 { | |
| gap:.3rem | |
| } | |
| @media(min-width:40.625rem) { | |
| .d-grid__columns--4 { | |
| grid-template-columns:1fr | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--4 { | |
| grid-template-columns:repeat(2,1fr) | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .d-grid__columns--4 { | |
| grid-template-columns:repeat(4,1fr) | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--4.noWrap { | |
| display:grid!important; | |
| grid-template-columns:repeat(4,1fr) | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .d-grid__columns--4.noWrap { | |
| display:grid!important; | |
| grid-template-columns:repeat(4,1fr) | |
| } | |
| } | |
| .d-grid__columns--6 { | |
| display:grid!important | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--6 { | |
| display:grid!important; | |
| grid-template-columns:repeat(6,1fr); | |
| grid-template-areas:none | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .d-grid__columns--auto { | |
| grid-template-columns:1fr | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__columns--auto { | |
| grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) | |
| } | |
| } | |
| .d-grid__columns.align-end { | |
| align-items:end | |
| } | |
| .d-grid.tabs>.tab { | |
| text-align:center; | |
| border-bottom:2px solid #d8d8df; | |
| color:#9292a5 | |
| } | |
| .d-grid.tabs>.tab.selected { | |
| color:#000; | |
| border-bottom:2px solid #fb755a; | |
| font-weight:500 | |
| } | |
| .d-grid.tabs>a:hover { | |
| cursor:pointer; | |
| color:#3d7bd9 | |
| } | |
| .d-grid__sandwich { | |
| gap:.3rem; | |
| width:100%; | |
| grid-template-areas:'a' 'b' 'c'; | |
| grid-template-rows:auto | |
| } | |
| .d-grid__sandwich>.sandwich-top { | |
| grid-area:a | |
| } | |
| .d-grid__sandwich>.sandwich-middle { | |
| grid-area:b | |
| } | |
| .d-grid__sandwich>.sandwich-bottom { | |
| grid-area:c | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__sandwich.left { | |
| grid-template-areas:'a b' 'c b'!important; | |
| grid-template-rows:auto auto!important; | |
| grid-column:1/span 2 | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__sandwich.right { | |
| grid-template-areas:'b a' 'b c'!important; | |
| grid-template-rows:1fr auto!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--3-1 { | |
| grid-template-columns:3fr 1fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--3-6 { | |
| grid-template-columns:3fr 6fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--3-7 { | |
| grid-template-columns:3fr 7fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--4-5 { | |
| grid-template-columns:4fr 5fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--4-8 { | |
| grid-template-columns:4fr 8fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--5-4 { | |
| grid-template-columns:5fr 4fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--5-6 { | |
| grid-template-columns:5fr 6fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--5-7 { | |
| grid-template-columns:5fr 7fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--6-5 { | |
| grid-template-columns:6fr 5fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--6-6 { | |
| grid-template-columns:6fr 6fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--7-3 { | |
| grid-template-columns:7fr 3fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--7-4 { | |
| grid-template-columns:7fr 4fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--7-5 { | |
| grid-template-columns:7fr 5fr!important | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .d-grid__split--8-4 { | |
| grid-template-columns:8fr 4fr!important | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .d-grid.one-column-mobile { | |
| grid-template-columns:1fr!important | |
| } | |
| } | |
| .order-1 { | |
| order:1 | |
| } | |
| @media(min-width:75rem) { | |
| .order-lg-1 { | |
| order:1 | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .order-md-1 { | |
| order:1 | |
| } | |
| } | |
| @media(min-width:40.625rem) { | |
| .order-sm-1 { | |
| order:1 | |
| } | |
| } | |
| .order-2 { | |
| order:2 | |
| } | |
| @media(min-width:75rem) { | |
| .order-lg-2 { | |
| order:2 | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .order-md-2 { | |
| order:2 | |
| } | |
| } | |
| @media(min-width:40.625rem) { | |
| .order-sm-2 { | |
| order:2 | |
| } | |
| } | |
| .order-3 { | |
| order:3 | |
| } | |
| @media(min-width:75rem) { | |
| .order-lg-3 { | |
| order:3 | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .order-md-3 { | |
| order:3 | |
| } | |
| } | |
| @media(min-width:40.625rem) { | |
| .order-sm-3 { | |
| order:3 | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .nopromo { | |
| margin-top:48px!important; | |
| height:calc(100% - 48px) | |
| } | |
| } | |
| .nogap { | |
| grid-gap:unset | |
| } | |
| @media(max-width:62rem) { | |
| .col.border-l { | |
| border-top:1px solid #e6e6ea | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .col.border-l { | |
| border-left:1px solid #e6e6ea | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .col.border-r { | |
| border-bottom:1px solid #e6e6ea | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .col.border-r { | |
| border-right:1px solid #e6e6ea | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .col.border-x { | |
| border-top:1px solid #e6e6ea; | |
| border-bottom:1px solid #e6e6ea | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .col.border-x { | |
| border-left:1px solid #e6e6ea; | |
| border-right:1px solid #e6e6ea | |
| } | |
| } | |
| .span-grid { | |
| grid-column:1/-1 | |
| } | |
| @media(max-width:62rem) { | |
| .swap-mobile__default { | |
| display:none | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .swap-mobile__default { | |
| display:block | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .swap-mobile__mobile { | |
| display:block | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .swap-mobile__mobile { | |
| display:none | |
| } | |
| } | |
| .ranges>.row { | |
| padding-top:1rem; | |
| padding-bottom:1rem; | |
| margin:0; | |
| flex-direction:row; | |
| gap:3rem; | |
| width:100% | |
| } | |
| @media(max-width:62rem) { | |
| .ranges>.row { | |
| flex-direction:column; | |
| gap:1rem | |
| } | |
| } | |
| .ranges>.row:first-child { | |
| border-top:none | |
| } | |
| .ranges>.row:not(:first-child) { | |
| border-top:1px solid #d8d8df | |
| } | |
| .ranges>.row>.total { | |
| display:flex; | |
| flex-direction:row; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| @media(max-width:62rem) { | |
| .ranges>.row>.total { | |
| justify-content:flex-start | |
| } | |
| } | |
| .totals>.row { | |
| margin:0; | |
| justify-content:space-evenly; | |
| align-items:center; | |
| width:100%; | |
| gap:2rem; | |
| flex-direction:row | |
| } | |
| @media(max-width:62rem) { | |
| .totals>.row { | |
| flex-direction:column; | |
| justify-content:center; | |
| align-items:flex-start; | |
| gap:1rem | |
| } | |
| } | |
| .totals__boxes { | |
| display:flex; | |
| flex-direction:row; | |
| justify-content:space-between; | |
| flex-wrap:nowrap; | |
| gap:1rem; | |
| flex-grow:2; | |
| max-width:320px | |
| } | |
| .totals__box { | |
| background-color:#f4f4f6; | |
| border-radius:5px; | |
| padding:6px; | |
| text-align:center; | |
| min-width:150px | |
| } | |
| .totals__total { | |
| min-width:150px; | |
| text-align:right; | |
| flex-grow:1; | |
| font-weight:700 | |
| } | |
| @media(max-width:62rem) { | |
| .totals__total { | |
| text-align:left; | |
| margin-top:1rem | |
| } | |
| } | |
| .totals__cta { | |
| text-align:center; | |
| margin-top:2rem; | |
| width:100% | |
| } | |
| @media(max-width:62rem) { | |
| .totals__cta { | |
| text-align:left | |
| } | |
| } | |
| [type=range] { | |
| -webkit-appearance:none; | |
| background:0 0; | |
| margin:11px 0; | |
| width:100% | |
| } | |
| [type=range]::-moz-focus-outer { | |
| border:0 | |
| } | |
| [type=range]:focus { | |
| outline:0 | |
| } | |
| [type=range]::-webkit-slider-runnable-track { | |
| cursor:default; | |
| height:8px; | |
| -webkit-transition:all .2s ease; | |
| transition:all .2s ease; | |
| width:100%; | |
| box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2); | |
| background:#f4f4f6; | |
| border:1px solid #cacad3; | |
| border-radius:5px | |
| } | |
| [type=range]::-webkit-slider-thumb { | |
| box-shadow:none; | |
| background:#1866d4; | |
| border:0 solid; | |
| border-radius:11px; | |
| box-sizing:border-box; | |
| cursor:default; | |
| height:22px; | |
| width:22px; | |
| -webkit-transition:background .2s ease; | |
| transition:background .2s ease; | |
| -webkit-appearance:none; | |
| margin-top:-8px | |
| } | |
| [type=range]::-webkit-slider-thumb:hover { | |
| background:#000 | |
| } | |
| [type=range]::-moz-range-track { | |
| box-shadow:none; | |
| cursor:default; | |
| height:8px; | |
| -moz-transition:all .2s ease; | |
| transition:all .2s ease; | |
| width:100%; | |
| background:#f4f4f6; | |
| border:1px solid #cacad3; | |
| border-radius:5px; | |
| height:4px | |
| } | |
| [type=range]::-moz-range-thumb { | |
| box-shadow:none; | |
| background:#1866d4; | |
| border:0 solid; | |
| border-radius:11px; | |
| box-sizing:border-box; | |
| cursor:default; | |
| height:22px; | |
| width:22px; | |
| -moz-transition:background .2s ease; | |
| transition:background .2s ease | |
| } | |
| [type=range]::-moz-range-thumb:hover { | |
| background:#000 | |
| } | |
| [type=range]::-ms-track { | |
| cursor:default; | |
| height:8px; | |
| -ms-transition:all .2s ease; | |
| transition:all .2s ease; | |
| width:100%; | |
| background:0 0; | |
| border-color:transparent; | |
| border-width:11px 0; | |
| color:transparent | |
| } | |
| [type=range]::-ms-fill-lower { | |
| box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2); | |
| background:#e6e6eb; | |
| border:1px solid #cacad3; | |
| border-radius:10px | |
| } | |
| [type=range]::-ms-fill-upper { | |
| box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2); | |
| background:#f4f4f6; | |
| border:1px solid #cacad3; | |
| border-radius:10px | |
| } | |
| [type=range]::-ms-thumb { | |
| box-shadow:none; | |
| background:#1866d4; | |
| border:0 solid; | |
| border-radius:11px; | |
| box-sizing:border-box; | |
| cursor:default; | |
| height:22px; | |
| width:22px; | |
| -ms-transition:background .2s ease; | |
| transition:background .2s ease; | |
| margin-top:2px | |
| } | |
| [type=range]::-ms-thumb:hover { | |
| background:#000 | |
| } | |
| [type=range]:disabled::-webkit-slider-thumb, | |
| [type=range]:disabled::-moz-range-thumb, | |
| [type=range]:disabled::-ms-thumb, | |
| [type=range]:disabled::-webkit-slider-runnable-track, | |
| [type=range]:disabled::-ms-fill-lower, | |
| [type=range]:disabled::-ms-fill-upper { | |
| cursor:not-allowed | |
| } | |
| @-moz-document url-prefix() { | |
| [type=range] { | |
| margin:0 | |
| } | |
| } | |
| .input-range-labels>.min { | |
| padding-right:16px; | |
| min-width:40px | |
| } | |
| @supports(-moz-appearance:none) { | |
| .input-range-labels>.min { | |
| padding-right:18px | |
| } | |
| } | |
| .ui-list { | |
| margin:0; | |
| padding:0; | |
| list-style:none | |
| } | |
| .bullet-dot { | |
| display:list-item; | |
| list-style-type:"• "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-dot:first-child { | |
| display:block | |
| } | |
| .bullet-dot__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-dot__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-dot__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-dot__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-dot__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-dot__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-dot__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-dot__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-dot__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-dot__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-dot__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-dot__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-dot__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-dot__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-dot__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-dot__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-dot__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-dot__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-dot__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-dot__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-dot__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-dot__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-dot__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-dot__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-dot__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-dot__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-dot__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-dot__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-dot__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-dot__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-dot__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-dot__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-dot__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-dot__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-dot__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-dot__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-dot__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-dot__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-dot__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-dot__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-dot__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-dot__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-dot__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-dot__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-dot__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-dot__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-dot__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-dot__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-dot__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-dot__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-dot__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-dot__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-dot__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-dot__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-dot__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-dot__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-dot__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-dot__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-dot__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-dot__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-dot__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-dot__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-dot__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-dot__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-dot__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-dot__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-dot__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-dot__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-dot__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-dot__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-hyphen { | |
| display:list-item; | |
| list-style-type:"- "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-hyphen:first-child { | |
| display:block | |
| } | |
| .bullet-hyphen__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-hyphen__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-hyphen__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-hyphen__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-hyphen__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-hyphen__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-hyphen__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-hyphen__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-hyphen__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-hyphen__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-hyphen__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-hyphen__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-hyphen__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-hyphen__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-hyphen__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-hyphen__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-hyphen__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-hyphen__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-hyphen__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-hyphen__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-hyphen__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-hyphen__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-hyphen__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-hyphen__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-hyphen__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-hyphen__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-hyphen__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-hyphen__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-hyphen__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-hyphen__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-hyphen__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-hyphen__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-hyphen__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-hyphen__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-hyphen__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-hyphen__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-hyphen__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-hyphen__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-hyphen__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-hyphen__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-hyphen__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-hyphen__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-hyphen__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-hyphen__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-hyphen__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-hyphen__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-hyphen__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-hyphen__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-hyphen__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-hyphen__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-hyphen__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-hyphen__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-hyphen__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-hyphen__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-hyphen__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-hyphen__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-hyphen__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-hyphen__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-hyphen__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-hyphen__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-hyphen__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-hyphen__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-hyphen__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-hyphen__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-hyphen__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-hyphen__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-hyphen__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-hyphen__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-hyphen__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-hyphen__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-double-arrows { | |
| display:list-item; | |
| list-style-type:">> "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-double-arrows:first-child { | |
| display:block | |
| } | |
| .bullet-double-arrows__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-double-arrows__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-double-arrows__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-double-arrows__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-double-arrows__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-double-arrows__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-double-arrows__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-double-arrows__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-double-arrows__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-double-arrows__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-double-arrows__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-double-arrows__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-double-arrows__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-double-arrows__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-double-arrows__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-double-arrows__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-double-arrows__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-double-arrows__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-double-arrows__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-double-arrows__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-double-arrows__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-double-arrows__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-double-arrows__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-double-arrows__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-double-arrows__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-double-arrows__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-double-arrows__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-double-arrows__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-double-arrows__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-double-arrows__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-double-arrows__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-double-arrows__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-double-arrows__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-double-arrows__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-double-arrows__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-double-arrows__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-double-arrows__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-double-arrows__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-double-arrows__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-double-arrows__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-double-arrows__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-double-arrows__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-double-arrows__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-double-arrows__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-double-arrows__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-double-arrows__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-double-arrows__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-double-arrows__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-double-arrows__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-double-arrows__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-double-arrows__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-double-arrows__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-double-arrows__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-double-arrows__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-double-arrows__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-double-arrows__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-double-arrows__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-double-arrows__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-double-arrows__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-double-arrows__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-double-arrows__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-double-arrows__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-double-arrows__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-double-arrows__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-double-arrows__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-double-arrows__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-double-arrows__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-double-arrows__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-double-arrows__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-double-arrows__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-arrow { | |
| display:list-item; | |
| list-style-type:"→ "!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-arrow:first-child { | |
| display:block | |
| } | |
| .bullet-arrow__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-arrow__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-arrow__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-arrow__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-arrow__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-arrow__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-arrow__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-arrow__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-arrow__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-arrow__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-arrow__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-arrow__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-arrow__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-arrow__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-arrow__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-arrow__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-arrow__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-arrow__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-arrow__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-arrow__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-arrow__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-arrow__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-arrow__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-arrow__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-arrow__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-arrow__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-arrow__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-arrow__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-arrow__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-arrow__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-arrow__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-arrow__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-arrow__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-arrow__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-arrow__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-arrow__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-arrow__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-arrow__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-arrow__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-arrow__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-arrow__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-arrow__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-arrow__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-arrow__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-arrow__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-arrow__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-arrow__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-arrow__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-arrow__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-arrow__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-arrow__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-arrow__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-arrow__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-arrow__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-arrow__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-arrow__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-arrow__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-arrow__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-arrow__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-arrow__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-arrow__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-arrow__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-arrow__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-arrow__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-arrow__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-arrow__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-arrow__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-arrow__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-arrow__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-arrow__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-none { | |
| display:list-item; | |
| list-style-type:none!important; | |
| -webkit-padding-start:1ch; | |
| padding-inline-start:1ch | |
| } | |
| .bullet-none:first-child { | |
| display:block | |
| } | |
| .bullet-none__white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-none__black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-none__yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-none__amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-none__orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-none__red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-none__gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-none__yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-none__yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-none__yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-none__yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-none__yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-none__amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-none__amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-none__amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-none__orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-none__orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-none__orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-none__orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-none__red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-none__red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-none__red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-none__pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-none__violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-none__purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-none__blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-none__pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-none__pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-none__violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-none__violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-none__purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-none__purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-none__blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-none__blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-none__gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-none__gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-none__gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-none__gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-none__gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-none__gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-none__gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-none__gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-none__gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-none__gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-none__gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-none__gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-none__gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-none__gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-none__gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-none__gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-none__gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-none__action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-none__action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-none__action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-none__action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-none__mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-none__wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-none__mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-none__athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-none__gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-none__mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-none__tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-none__tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-none__coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-none__alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-none__tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-none__solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-none__green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-none__default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-none__flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .bullet-img-check { | |
| padding-left:0 | |
| } | |
| .bullet-img-check>li { | |
| list-style:none; | |
| background-image:url(/static/img/icons/icon-check-green.svg); | |
| padding-left:24px; | |
| padding-bottom:.7rem; | |
| background-position:0 2px; | |
| background-size:1rem 1rem; | |
| background-repeat:no-repeat | |
| } | |
| .bullet-img-plus { | |
| padding-left:0 | |
| } | |
| .bullet-img-plus>li { | |
| list-style:none; | |
| background-image:url(/static/img/icons/icon-plus-green.svg); | |
| padding-left:24px!important; | |
| padding-bottom:.7rem!important; | |
| background-position:0 8px!important; | |
| background-size:1rem 1rem; | |
| background-repeat:no-repeat | |
| } | |
| .bullet-img-alert { | |
| padding-left:0 | |
| } | |
| .bullet-img-alert>li { | |
| list-style:none; | |
| background-image:url(/static/img/metrics/alert-black-icon.svg); | |
| padding-left:24px; | |
| padding-bottom:.7rem; | |
| background-position:0 4px; | |
| background-size:1rem 1rem; | |
| background-repeat:no-repeat | |
| } | |
| .bullet-color-white>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-white>li::marker { | |
| color:#fefefe | |
| } | |
| .bullet-color-black>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-black>li::marker { | |
| color:#000 | |
| } | |
| .bullet-color-yellow-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-1>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-color-amber-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-1>li::marker { | |
| color:#fb9d5a | |
| } | |
| .bullet-color-orange-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-1>li::marker { | |
| color:#fb755a | |
| } | |
| .bullet-color-red-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-1>li::marker { | |
| color:#fb5a67 | |
| } | |
| .bullet-color-gold-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gold-1>li::marker { | |
| color:#d5850e | |
| } | |
| .bullet-color-yellow-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-2>li::marker { | |
| color:#fde8be | |
| } | |
| .bullet-color-yellow-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-3>li::marker { | |
| color:#eca313 | |
| } | |
| .bullet-color-yellow-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-4>li::marker { | |
| color:#fef9ef | |
| } | |
| .bullet-color-yellow-8>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-8>li::marker { | |
| color:#feeed7 | |
| } | |
| .bullet-color-yellow-9>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-yellow-9>li::marker { | |
| color:oldlace | |
| } | |
| .bullet-color-amber-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-2>li::marker { | |
| color:#fdd9be | |
| } | |
| .bullet-color-amber-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-3>li::marker { | |
| color:#ec6d13 | |
| } | |
| .bullet-color-amber-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-amber-4>li::marker { | |
| color:#fef0e6 | |
| } | |
| .bullet-color-orange-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-2>li::marker { | |
| color:#fdc9be | |
| } | |
| .bullet-color-orange-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-3>li::marker { | |
| color:#ef5b3e | |
| } | |
| .bullet-color-orange-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-4>li::marker { | |
| color:#fdeae6 | |
| } | |
| .bullet-color-orange-10>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-orange-10>li::marker { | |
| color:#c86b59 | |
| } | |
| .bullet-color-red-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-2>li::marker { | |
| color:#fdbec4 | |
| } | |
| .bullet-color-red-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-3>li::marker { | |
| color:#f04c59 | |
| } | |
| .bullet-color-red-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-red-4>li::marker { | |
| color:#fee6e8 | |
| } | |
| .bullet-color-pink-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-pink-1>li::marker { | |
| color:#ee679f | |
| } | |
| .bullet-color-violet-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-violet-1>li::marker { | |
| color:#ce64ce | |
| } | |
| .bullet-color-purple-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-purple-1>li::marker { | |
| color:#9584eb | |
| } | |
| .bullet-color-blue-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-blue-1>li::marker { | |
| color:#5081e2 | |
| } | |
| .bullet-color-pink-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-pink-2>li::marker { | |
| color:#fac2d9 | |
| } | |
| .bullet-color-pink-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-pink-3>li::marker { | |
| color:#e0528d | |
| } | |
| .bullet-color-violet-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-violet-2>li::marker { | |
| color:#eabdea | |
| } | |
| .bullet-color-violet-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-violet-3>li::marker { | |
| color:#be55be | |
| } | |
| .bullet-color-purple-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-purple-2>li::marker { | |
| color:#cec6f6 | |
| } | |
| .bullet-color-purple-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-purple-3>li::marker { | |
| color:#7e6cda | |
| } | |
| .bullet-color-blue-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-blue-2>li::marker { | |
| color:#b0c6f2 | |
| } | |
| .bullet-color-blue-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-blue-3>li::marker { | |
| color:#4776d1 | |
| } | |
| .bullet-color-gray-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-1>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-color-gray-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-2>li::marker { | |
| color:#e6e6ea | |
| } | |
| .bullet-color-gray-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-3>li::marker { | |
| color:#d8d8df | |
| } | |
| .bullet-color-gray-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-4>li::marker { | |
| color:#cacad3 | |
| } | |
| .bullet-color-gray-5>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-5>li::marker { | |
| color:#bcbcc8 | |
| } | |
| .bullet-color-gray-6>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-6>li::marker { | |
| color:#aeaebc | |
| } | |
| .bullet-color-gray-7>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-7>li::marker { | |
| color:#a0a0b1 | |
| } | |
| .bullet-color-gray-8>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-8>li::marker { | |
| color:#9292a5 | |
| } | |
| .bullet-color-gray-9>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-9>li::marker { | |
| color:#67677e | |
| } | |
| .bullet-color-gray-10>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-10>li::marker { | |
| color:#5c5c70 | |
| } | |
| .bullet-color-gray-11>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-11>li::marker { | |
| color:#505062 | |
| } | |
| .bullet-color-gray-12>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-12>li::marker { | |
| color:#454554 | |
| } | |
| .bullet-color-gray-13>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-13>li::marker { | |
| color:#393946 | |
| } | |
| .bullet-color-gray-14>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-14>li::marker { | |
| color:#2e2e38 | |
| } | |
| .bullet-color-gray-15>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-15>li::marker { | |
| color:#23232a | |
| } | |
| .bullet-color-gray-16>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-16>li::marker { | |
| color:#17171c | |
| } | |
| .bullet-color-gray-17>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gray-17>li::marker { | |
| color:#f5f3f8 | |
| } | |
| .bullet-color-action-blue-1>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-1>li::marker { | |
| color:#1866d4 | |
| } | |
| .bullet-color-action-blue-2>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-2>li::marker { | |
| color:#105ac1 | |
| } | |
| .bullet-color-action-blue-3>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-3>li::marker { | |
| color:#4da0ff | |
| } | |
| .bullet-color-action-blue-4>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-action-blue-4>li::marker { | |
| color:#66adff | |
| } | |
| .bullet-color-mine-shaft>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-mine-shaft>li::marker { | |
| color:#252525 | |
| } | |
| .bullet-color-wild-sand>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-wild-sand>li::marker { | |
| color:#f5f5f5 | |
| } | |
| .bullet-color-mercury>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-mercury>li::marker { | |
| color:#e1e1e1 | |
| } | |
| .bullet-color-athens-gray>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-athens-gray>li::marker { | |
| color:#f4f4f6 | |
| } | |
| .bullet-color-gallery>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-gallery>li::marker { | |
| color:#ececec | |
| } | |
| .bullet-color-mango>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-mango>li::marker { | |
| color:#fbc55a | |
| } | |
| .bullet-color-tan>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-tan>li::marker { | |
| color:#fbaa5a | |
| } | |
| .bullet-color-tan-dark>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-tan-dark>li::marker { | |
| color:#fb955a | |
| } | |
| .bullet-color-coral>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-coral>li::marker { | |
| color:#fb825a | |
| } | |
| .bullet-color-alto>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-alto>li::marker { | |
| color:#d4d4d4 | |
| } | |
| .bullet-color-tundora>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-tundora>li::marker { | |
| color:#404040 | |
| } | |
| .bullet-color-solitude>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-solitude>li::marker { | |
| color:#e6f1ff | |
| } | |
| .bullet-color-green>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-green>li::marker { | |
| color:#10a345 | |
| } | |
| .bullet-color-default>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-default>li::marker { | |
| color:#5a5a5a | |
| } | |
| .bullet-color-flamingo>li { | |
| margin-left:15px; | |
| margin-top:20px | |
| } | |
| .bullet-color-flamingo>li::marker { | |
| color:#ee5435 | |
| } | |
| .responsive-table { | |
| border:1px solid #e6e6ea | |
| } | |
| .responsive-table__thead { | |
| height:60px | |
| } | |
| @media(max-width:62rem) { | |
| .responsive-table__thead { | |
| display:none | |
| } | |
| } | |
| .responsive-table__headerCell { | |
| background:#f4f4f6; | |
| color:#17171c; | |
| text-align:center; | |
| font-size:18px; | |
| font-weight:500 | |
| } | |
| .responsive-table__tbody>tr:nth-child(even) td { | |
| background:0 0 | |
| } | |
| @media(max-width:62rem) { | |
| .responsive-table__tbody>tr:nth-child(odd) { | |
| background:#f4f4f6 | |
| } | |
| } | |
| .responsive-table__bodyCell { | |
| padding:1rem; | |
| display:table-cell | |
| } | |
| @media(max-width:62rem) { | |
| .responsive-table__bodyCell { | |
| display:block | |
| } | |
| } | |
| .responsive-table__bodyCell:before { | |
| display:none | |
| } | |
| @media(max-width:62rem) { | |
| .responsive-table__bodyCell:before { | |
| display:inline-block; | |
| font-weight:500; | |
| content:attr(data-header); | |
| padding-right:1rem; | |
| font-size:18px; | |
| color:#17171c | |
| } | |
| } | |
| @media(max-width:62rem) { | |
| .responsive-table__bodyCell>.responsive-table__content { | |
| position:relative; | |
| left:100px | |
| } | |
| } | |
| .grid-table--2cols>.grid-table__cell { | |
| width:50% | |
| } | |
| .grid-table--3cols>.grid-table__cell { | |
| width:33.33% | |
| } | |
| .grid-table--4cols>.grid-table__cell { | |
| width:25% | |
| } | |
| .grid-table--5cols>.grid-table__cell { | |
| width:20% | |
| } | |
| .grid-table--6cols>.grid-table__cell { | |
| width:16.6% | |
| } | |
| .grid-table { | |
| display:flex; | |
| flex-wrap:wrap; | |
| margin:0; | |
| padding:0 | |
| } | |
| .grid-table__cell { | |
| box-sizing:border-box; | |
| flex-grow:1; | |
| width:100%; | |
| padding:.8em 1.2em; | |
| overflow:hidden; | |
| list-style:none; | |
| border-bottom:1px solid #e6e6ea; | |
| background:fade(slategrey,20%); | |
| border-right:1px solid #e6e6ea; | |
| min-height:48px | |
| } | |
| .grid-table__cell>h1, | |
| .grid-table__cell>h2, | |
| .grid-table__cell>h3, | |
| .grid-table__cell>h4, | |
| .grid-table__cell>h5, | |
| .grid-table__cell>h6 { | |
| margin:0 | |
| } | |
| .grid-table__cell.firstColumn { | |
| border-left:1px solid #e6e6ea | |
| } | |
| .grid-table__headerCell { | |
| font-size:18px; | |
| color:#17171c; | |
| background:#f4f4f6; | |
| text-align:center; | |
| border-top:1px solid #e6e6ea; | |
| border-left:1px solid #e6e6ea; | |
| height:55px | |
| } | |
| @media(max-width:62rem) { | |
| .grid-table--collapse { | |
| display:block | |
| } | |
| .grid-table--collapse>.grid-table__cell { | |
| width:100%!important; | |
| border-left:1px solid #e6e6ea | |
| } | |
| .grid-table--collapse>.grid-table__footCell { | |
| margin-bottom:1em | |
| } | |
| } | |
| .no-flexbox .grid-table { | |
| display:block | |
| } | |
| .no-flexbox .grid-table>.grid-table__cell { | |
| width:100% | |
| } | |
| .no-flexbox .grid-table>.grid-table__cell__footCell { | |
| margin-bottom:1em | |
| } | |
| .plugins { | |
| margin-bottom:3.75rem; | |
| padding-top:1.25rem; | |
| text-align:center | |
| } | |
| @media(min-width:62rem) { | |
| .plugins { | |
| padding:1.25rem 1.875rem | |
| } | |
| } | |
| .plugins .page-section__title { | |
| margin:0 0 .625rem; | |
| text-align:left | |
| } | |
| .plugins>p { | |
| font-size:1.25rem; | |
| text-align:left | |
| } | |
| .home-card { | |
| position:relative; | |
| flex-grow:1; | |
| padding-bottom:3.75rem; | |
| display:flex; | |
| align-items:center; | |
| flex-direction:column; | |
| text-align:center | |
| } | |
| .home-card .home-card__cta { | |
| position:absolute; | |
| bottom:1.25rem | |
| } | |
| .company-pillar { | |
| margin-bottom:2rem | |
| } | |
| .company-pillar__heading { | |
| margin-bottom:.2rem; | |
| font-weight:500!important | |
| } | |
| .company-pillar__subheading { | |
| color:#393946 | |
| } | |
| .company-pillar__paragraph { | |
| margin-bottom:1rem | |
| } | |
| .home-grid .btn--empty { | |
| border:none!important; | |
| padding-left:0!important | |
| } | |
| .home-grid .new-callout { | |
| display:inline-block; | |
| margin-bottom:1rem; | |
| font-size:16px | |
| } | |
| .home-grid__feature-top, | |
| .home-grid__subfeature-top { | |
| background-color:#105ac0 | |
| } | |
| .home-grid__feature-item, | |
| .home-grid__subfeature-item { | |
| width:100%; | |
| height:100%; | |
| background-size:cover; | |
| background-repeat:no-repeat; | |
| background-position:top; | |
| display:flex; | |
| align-items:center | |
| } | |
| .home-grid__feature-item-content, | |
| .home-grid__subfeature-item-content { | |
| max-width:550px | |
| } | |
| @media(min-width:979px) { | |
| .home-grid { | |
| display:flex; | |
| flex-wrap:wrap; | |
| flex-direction:row; | |
| min-height:450px | |
| } | |
| .home-grid__feature { | |
| width:55%; | |
| height:auto | |
| } | |
| .home-grid__feature-item { | |
| flex-direction:row-reverse | |
| } | |
| .home-grid__feature-item-content { | |
| margin-right:18%; | |
| margin-left:4rem; | |
| max-width:580px; | |
| width:100% | |
| } | |
| .home-grid__subfeature { | |
| width:45%; | |
| height:auto | |
| } | |
| .home-grid__subfeature-top, | |
| .home-grid__subfeature-bottom { | |
| height:50% | |
| } | |
| .home-grid__subfeature-item-content { | |
| margin-right:5%; | |
| margin-left:2rem; | |
| max-width:460px; | |
| width:100% | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .home-grid__feature-item, | |
| .home-grid__subfeature-item { | |
| justify-content:center; | |
| padding:2rem | |
| } | |
| .home-grid__feature { | |
| height:33.3% | |
| } | |
| .home-grid__subfeature { | |
| height:66.6% | |
| } | |
| } | |
| .home-blog-post { | |
| transition:.2 -webkit-text-decoration; | |
| transition:.2 text-decoration; | |
| transition:.2 text-decoration,.2 -webkit-text-decoration; | |
| background-color:#fefefe; | |
| border-radius:5px | |
| } | |
| .home-blog-post:hover .home-blog-post__excerpt, | |
| .home-blog-post:hover .home-blog-post__title { | |
| text-decoration:underline | |
| } | |
| .notice-card { | |
| border-radius:5px; | |
| transition:.2s; | |
| border:1px solid transparent; | |
| overflow:hidden | |
| } | |
| .notice-card__inner { | |
| min-height:289px | |
| } | |
| @media(max-width:980px) { | |
| .notice-card__inner { | |
| min-height:0 | |
| } | |
| } | |
| .notice-card__cta { | |
| margin-top:auto | |
| } | |
| .notice-card:hover { | |
| box-shadow:0 5px 20px rgba(0,0,0,8%); | |
| border:1px solid #17171c | |
| } | |
| .notice-card:hover .notice-card__cta, | |
| .notice-card:hover .notice-card__title { | |
| text-decoration:underline | |
| } | |
| .blog-card { | |
| transition:all .2s; | |
| position:relative; | |
| max-width:353px; | |
| margin-right:auto; | |
| margin-left:auto; | |
| flex:1 0 auto | |
| } | |
| .blog-card:hover h4 { | |
| text-decoration:underline | |
| } | |
| .blog-card__inner { | |
| min-height:375px; | |
| padding:1rem 1.25rem 0 | |
| } | |
| @media(max-width:980px) { | |
| .blog-card__inner { | |
| min-height:0 | |
| } | |
| } | |
| .blog-card__inner p { | |
| margin:.5rem 0; | |
| font-size:14px | |
| } | |
| @media screen and (max-width:1235px) { | |
| .home-blog-post { | |
| width:100% | |
| } | |
| .blog-card { | |
| max-width:none; | |
| margin-left:0; | |
| margin-right:0 | |
| } | |
| } | |
| .feature-tabs { | |
| display:flex; | |
| flex-direction:column | |
| } | |
| @media(min-width:592px) { | |
| .feature-tabs { | |
| flex-direction:row | |
| } | |
| } | |
| .feature-tabs__wrap { | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| margin:1.5rem | |
| } | |
| .feature-tabs__tabs { | |
| display:flex; | |
| flex-direction:column; | |
| z-index:0 | |
| } | |
| @media(min-width:62rem) { | |
| .feature-tabs__tabs { | |
| flex-direction:row | |
| } | |
| } | |
| .feature-tabs__tab-link { | |
| font-size:1.125rem; | |
| font-style:italic; | |
| line-height:5rem; | |
| text-align:center; | |
| width:6.25rem; | |
| border:0; | |
| outline:none; | |
| padding:0; | |
| background:#f7faff; | |
| transition:background .2s; | |
| width:100% | |
| } | |
| @media(max-width:62rem) { | |
| .feature-tabs__tab-link { | |
| height:80px | |
| } | |
| } | |
| .feature-tabs__tab-link:not(:first-of-type) { | |
| border-left:1px solid #dae8fd | |
| } | |
| .feature-tabs__tab-link--active { | |
| background:#fefefe | |
| } | |
| .feature-tabs__tab-link img, | |
| .feature-tabs__tab-link h5 { | |
| height:3rem; | |
| vertical-align:middle | |
| } | |
| .feature-tabs__tab-link h5 { | |
| line-height:3rem | |
| } | |
| .feature-tabs__tab-link:hover { | |
| background:#fff | |
| } | |
| .feature-tabs__tab-link--active { | |
| z-index:100 | |
| } | |
| .feature-tabs__pane { | |
| border-radius:.1875rem; | |
| margin-bottom:2.5rem; | |
| flex-direction:row; | |
| display:none | |
| } | |
| .feature-tabs__pane ul { | |
| padding:0 .625rem | |
| } | |
| .feature-tabs__pane ul li { | |
| line-height:1.5625rem; | |
| margin-left:.625rem | |
| } | |
| .feature-tabs__pane-active { | |
| display:block; | |
| background:#fefefe; | |
| min-height:500px | |
| } | |
| .feature-tab-content__list { | |
| padding:0 .625rem | |
| } | |
| .feature-tab-content__list li { | |
| line-height:1.5625rem; | |
| margin-left:.625rem | |
| } | |
| .feature-showcase { | |
| margin:2rem 0; | |
| padding:4rem 0 6rem; | |
| border-bottom:2px solid #dae8fd | |
| } | |
| .feature-showcase:last-of-type { | |
| border-bottom:none | |
| } | |
| .section-training .training-features img { | |
| width:50px | |
| } | |
| .section-training .training-features { | |
| width:278px | |
| } | |
| .section-training .pill { | |
| border:1px solid #393946; | |
| border-radius:27.5px; | |
| padding:15px 24px; | |
| color:#393946; | |
| font-weight:600; | |
| margin-right:16px | |
| } | |
| .section-training .pill:last-child { | |
| margin-right:0 | |
| } | |
| .section-training .pill__grey { | |
| background-color:#434343; | |
| color:#fefefe | |
| } | |
| .section-training .pill i { | |
| margin-right:8px | |
| } | |
| .section-training .session-block { | |
| height:250px | |
| } | |
| @media screen and (max-width:1150px) { | |
| .section-training .session-block { | |
| height:auto | |
| } | |
| } | |
| .section-training h3 { | |
| margin-bottom:24px | |
| } | |
| .section-training .session-block h4 { | |
| font-size:24px; | |
| color:#021e40; | |
| font-weight:500 | |
| } | |
| .video-card-container { | |
| display:flex; | |
| flex-direction:row; | |
| flex-wrap:wrap | |
| } | |
| .video-card { | |
| margin:0; | |
| padding:0 2rem 2rem 0; | |
| text-align:center; | |
| position:relative | |
| } | |
| @media(min-width:40.625rem) { | |
| .video-card { | |
| width:33% | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .video-card { | |
| width:20% | |
| } | |
| } | |
| .video-card img { | |
| box-shadow:0 0 20px #000 | |
| } | |
| .video-card a { | |
| display:block; | |
| position:relative | |
| } | |
| .video-card .fa-play { | |
| position:absolute; | |
| font-size:1.5rem; | |
| color:#fefefe; | |
| opacity:.5; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| transform:translate(-50%,-50%) | |
| } | |
| .video-card figcaption a { | |
| font-size:.9375rem; | |
| font-style:italic | |
| } | |
| .video-card:hover .fa-play { | |
| opacity:.7 | |
| } | |
| .video-card:hover figcaption a { | |
| color:#3779df | |
| } | |
| .fit-image { | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| .success-content .wrapper p, | |
| .success-content .wrapper-wide p { | |
| padding-right:0; | |
| padding-left:0 | |
| } | |
| .success-content blockquote { | |
| background:#fef9ef; | |
| position:relative; | |
| border-image-slice:0; | |
| border:none; | |
| border-radius:5px; | |
| padding:37px 50px; | |
| margin-top:2rem | |
| } | |
| .success-content blockquote:before { | |
| content:url(/static/img/icons/quote.svg); | |
| display:block | |
| } | |
| .success-content blockquote p { | |
| max-width:1200px; | |
| margin:21px auto; | |
| padding:0; | |
| font-size:23px; | |
| font-weight:500; | |
| line-height:31.05px | |
| } | |
| .success-content blockquote .author, | |
| .success-content blockquote p:last-of-type { | |
| font-size:18px; | |
| font-weight:400 | |
| } | |
| .success-card { | |
| box-shadow:0 4px 8px rgba(0,0,0,.1); | |
| height:255px | |
| } | |
| @media(min-width:680px) { | |
| .success-card { | |
| width:480px | |
| } | |
| } | |
| .success-card img { | |
| max-height:45px; | |
| padding-top:0; | |
| padding-bottom:.25rem | |
| } | |
| .success-card__content-inner { | |
| height:190px | |
| } | |
| .success-card__content-inner .success-card__content-stats { | |
| display:flex; | |
| justify-content:space-evenly | |
| } | |
| @media(max-width:61.1875rem) { | |
| .success-card__content-inner .success-card__content-stats { | |
| flex-direction:row | |
| } | |
| } | |
| .success-card__content-inner .success-card__content-stats h2 { | |
| font-size:36px!important; | |
| font-weight:600; | |
| color:#1a53b7; | |
| margin-bottom:0!important | |
| } | |
| .success-card__content-inner .success-card__content-stats h2 sub { | |
| display:block; | |
| font-size:13px; | |
| line-height:16px; | |
| max-width:110px | |
| } | |
| .success-card__time { | |
| padding-top:.5rem | |
| } | |
| .success-card__time i { | |
| padding-right:.5rem | |
| } | |
| .success-quote__link { | |
| color:#021e40; | |
| background:0 0; | |
| border:none; | |
| text-align:left; | |
| padding:0 | |
| } | |
| .success-quote__link:hover { | |
| text-decoration:underline; | |
| color:#021e40 | |
| } | |
| .success-filter .dropdown { | |
| display:inline-block; | |
| min-width:200px; | |
| margin-bottom:0; | |
| border:1px solid #e8ecee; | |
| transition:all .2s | |
| } | |
| @media(max-width:62rem) { | |
| .success-filter .dropdown { | |
| margin:.5rem 0; | |
| width:100% | |
| } | |
| } | |
| .success-filter .dropdown>select { | |
| background-image:linear-gradient(45deg,transparent 50%,#021e40 50%),linear-gradient(135deg,#021e40 50%,transparent 50%),linear-gradient(to right,#fefefe,#fefefe); | |
| background-color:#fefefe | |
| } | |
| .success-filter .dropdown:hover { | |
| box-shadow:0 2px 7px rgba(168,168,168,.5) | |
| } | |
| .success-filter .dropdown:hover select { | |
| cursor:pointer | |
| } | |
| .success-filter .success-filter__clear button { | |
| color:#555 | |
| } | |
| .success-filter .success-filter__clear i { | |
| margin-right:.5rem | |
| } | |
| .success-filter .form__label h4 { | |
| margin-top:6px; | |
| margin-bottom:0; | |
| margin-left:10px | |
| } | |
| .success-header { | |
| max-width:353px; | |
| position:relative; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| transition:box-shadow .2s | |
| } | |
| .success-header__logo { | |
| max-width:150px | |
| } | |
| .success-header:hover { | |
| box-shadow:0 4px 40px rgba(0,0,0,.3) | |
| } | |
| .success-info { | |
| padding:20px | |
| } | |
| .mobile-filter-dropdown { | |
| display:none | |
| } | |
| @media(max-width:62rem) { | |
| .mobile-filter-dropdown { | |
| display:flex | |
| } | |
| } | |
| .section-go .main ul { | |
| margin-top:0; | |
| padding-top:0 | |
| } | |
| .section-go .main .webinar .btn { | |
| height:46px; | |
| line-height:46px; | |
| border-radius:2px | |
| } | |
| .section-go .main .webinar .btn--primary { | |
| background:#245eff; | |
| border:0 | |
| } | |
| .section-go .main .webinar .btn--primary:hover { | |
| background:#5783ff | |
| } | |
| .section-go .alpine-form { | |
| margin:.5rem 0 | |
| } | |
| .section-go .webinar label { | |
| display:none | |
| } | |
| .section-go .webinar-spacer { | |
| margin:0 .5rem | |
| } | |
| .section-go .webinar-timer h4 { | |
| margin:0 .5rem; | |
| padding:0; | |
| color:#1a53b7 | |
| } | |
| .section-go .webinar-timer__date { | |
| align-items:center; | |
| text-align:center; | |
| width:80px; | |
| margin:.5rem; | |
| font-weight:600; | |
| background:#e9edf2; | |
| padding:.6rem .5rem; | |
| color:#1a53b7; | |
| display:flex; | |
| flex-direction:column | |
| } | |
| .section-go .webinar .form-response__error { | |
| color:#fefefe | |
| } | |
| .section-go .webinar .form-response__error a { | |
| color:#fefefe; | |
| text-decoration:underline | |
| } | |
| @media screen and (max-width:666px) { | |
| .flex-center-mobile .countdown-hero-container { | |
| flex-direction:column | |
| } | |
| .flex-center-mobile .register-cta { | |
| margin:.5rem 0 | |
| } | |
| } | |
| @media screen and (max-width:460px) { | |
| .flex-center-mobile { | |
| justify-content:center!important | |
| } | |
| .flex-center-mobile .countdown-hero-container { | |
| flex-direction:column | |
| } | |
| .flex-center-mobile .register-cta { | |
| margin:0 0 1rem | |
| } | |
| } | |
| .register-cta { | |
| background-color:#245eff; | |
| font-family:space mono,monospace; | |
| font-weight:700; | |
| font-size:17px; | |
| text-transform:uppercase; | |
| text-align:center; | |
| display:block; | |
| width:132px; | |
| margin-right:1rem; | |
| align-self:center | |
| } | |
| .hero-countdown { | |
| width:200px | |
| } | |
| .hero-countdown__time { | |
| background:#393946; | |
| border-radius:17px; | |
| padding:4px 21px; | |
| color:#fefefe | |
| } | |
| .hero-countdown__obcon { | |
| border:2px solid #245eff; | |
| border-radius:17px; | |
| padding:2px 16px; | |
| color:#fefefe | |
| } | |
| .hero-countdown__obcon-live { | |
| background-color:#ed5a29; | |
| border:none; | |
| text-align:center | |
| } | |
| .hero-countdown__obcon-live p { | |
| margin:0; | |
| font-weight:700; | |
| padding:3px 0 | |
| } | |
| .product-subnav { | |
| position:-webkit-sticky; | |
| position:sticky; | |
| top:0; | |
| z-index:398; | |
| line-height:1.25rem; | |
| height:52px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .product-subnav { | |
| overflow:scroll | |
| } | |
| .product-subnav .wrapper, | |
| .product-subnav .wrapper-wide { | |
| padding-left:0 | |
| } | |
| } | |
| .product-subnav .active { | |
| color:#3d7bd9!important; | |
| background:#fefefe; | |
| font-weight:500!important | |
| } | |
| .product-subnav .active:after { | |
| display:none | |
| } | |
| .product-subnav a { | |
| color:#555; | |
| font-weight:500; | |
| padding:1rem; | |
| transition:all .2s; | |
| position:relative | |
| } | |
| .product-subnav a:not(:last-of-type):after { | |
| content:''; | |
| width:0; | |
| height:25px; | |
| position:absolute; | |
| border:1px solid #fefefe; | |
| top:25%; | |
| right:-2px | |
| } | |
| .product-subnav a:hover { | |
| color:#3c3c3c | |
| } | |
| @media(max-width:61.1875rem) { | |
| .product-subnav a { | |
| padding-right:.5rem; | |
| padding-left:.5rem; | |
| white-space:pre; | |
| font-size:14px | |
| } | |
| } | |
| .partner-submenu { | |
| white-space:nowrap; | |
| overflow:hidden; | |
| top:0; | |
| z-index:99; | |
| border-bottom:1px solid #e5e5e5 | |
| } | |
| .partner-submenu .nav-container { | |
| list-style:none; | |
| display:flex; | |
| justify-content:space-between; | |
| max-width:1200px; | |
| padding:0 20px 15px; | |
| margin:0 auto; | |
| margin-bottom:-15px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .partner-submenu .nav-container { | |
| overflow-x:scroll | |
| } | |
| } | |
| .partner-submenu__list-item { | |
| padding:16px | |
| } | |
| .partner-submenu__list-active { | |
| font-weight:600; | |
| border-bottom:2px solid #f1582b | |
| } | |
| .cloud-card { | |
| width:369px; | |
| border-radius:2px; | |
| background-color:#fefefe; | |
| display:flex; | |
| flex-direction:column; | |
| padding:0 | |
| } | |
| .cloud-card div h4 { | |
| font-size:34px | |
| } | |
| .cloud-card div p { | |
| font-size:18px | |
| } | |
| .cloud-card div h5 { | |
| font-size:24px | |
| } | |
| .cloud-card .card-content { | |
| margin:27px 36px | |
| } | |
| .cloud-card .cloud-card__footer { | |
| display:flex; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| .cloud-card__grey h4 { | |
| color:#3f3f3f | |
| } | |
| .cloud-card__grey .cloud-card__footer { | |
| background:#3f3f3f; | |
| width:100%; | |
| height:78px; | |
| margin-top:24px | |
| } | |
| .cloud-card__blue h4 { | |
| color:#1857b8 | |
| } | |
| .cloud-card__blue .cloud-card__footer { | |
| background:#1857b8; | |
| width:100%; | |
| height:78px | |
| } | |
| .cloud-card__purple h4 { | |
| color:#5917c1 | |
| } | |
| .cloud-card__purple .cloud-card__footer { | |
| background:#5917c1; | |
| width:100%; | |
| height:78px | |
| } | |
| .slider-content h4 { | |
| padding:0 24px | |
| } | |
| .slider-content p { | |
| font-weight:500; | |
| color:#000 | |
| } | |
| @media screen and (max-width:1200px) { | |
| #aws-enterprise-hero .hero-container { | |
| text-align:center; | |
| justify-content:center | |
| } | |
| } | |
| @media screen and (max-width:1200px) { | |
| .plugin-container { | |
| justify-content:center | |
| } | |
| } | |
| @media screen and (max-width:1200px) { | |
| .aws-header div, | |
| .plugin-container div { | |
| text-align:center | |
| } | |
| } | |
| .pricing h2 { | |
| max-width:765px; | |
| margin:0 auto; | |
| padding-bottom:68px | |
| } | |
| @media screen and (max-width:1200px) { | |
| .pricing h2 { | |
| width:80vw; | |
| padding-bottom:24px | |
| } | |
| } | |
| @media screen and (max-width:1200px) { | |
| .pricing .pricing-content { | |
| align-items:center | |
| } | |
| } | |
| .pricing .card-container { | |
| padding:29px 0 0; | |
| width:369px; | |
| box-shadow:0 8px 20px rgba(168,168,168,.6) | |
| } | |
| @media screen and (max-width:1200px) { | |
| .pricing .card-container { | |
| width:80vw; | |
| margin-top:24px | |
| } | |
| } | |
| .pricing .card-container h4 { | |
| font-weight:600; | |
| font-size:30px; | |
| color:#1857b8 | |
| } | |
| .pricing .card-container p { | |
| font-size:20px | |
| } | |
| .pricing .card-container p:last-child { | |
| font-size:18px; | |
| margin-bottom:24px | |
| } | |
| .pricing .card-container div:last-child { | |
| background-color:#1857b8; | |
| padding:18px 0 | |
| } | |
| .pricing .card-container div:last-child .btn { | |
| width:246px; | |
| display:inline; | |
| padding:12px 24px; | |
| border:1px solid #fefefe; | |
| border-radius:2px | |
| } | |
| .pricing .footnote { | |
| padding-bottom:38px | |
| } | |
| .pricing .footnote p { | |
| margin:0 | |
| } | |
| .logo-bar { | |
| padding:0 20px; | |
| margin:0 auto; | |
| display:grid; | |
| align-items:center; | |
| justify-items:center; | |
| grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); | |
| max-width:1500px | |
| } | |
| @media screen and (max-width:1555px) { | |
| .logo-bar { | |
| grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); | |
| gap:25px | |
| } | |
| } | |
| @media screen and (max-width:700px) { | |
| .logo-bar { | |
| grid-template-columns:repeat(3,1fr); | |
| gap:25px | |
| } | |
| .logo-bar .logo-bar__item svg { | |
| width:100px | |
| } | |
| } | |
| #learn h2 { | |
| max-width:672px; | |
| margin:0 auto 20px | |
| } | |
| .aws-square-container { | |
| display:grid; | |
| grid-template-columns:auto; | |
| grid-column-gap:50px; | |
| grid-row-gap:50px; | |
| margin-bottom:50px | |
| } | |
| @media screen and (min-width:620px) { | |
| .aws-square-container { | |
| grid-template-columns:265px 265px; | |
| grid-row:228px 228px; | |
| place-content:center | |
| } | |
| } | |
| @media screen and (min-width:1242px) { | |
| .aws-square-container { | |
| grid-template-columns:265px 265px 265px 265px; | |
| grid-row:228px 228px 228px 228px; | |
| place-content:center | |
| } | |
| } | |
| .aws-square { | |
| font-size:16px; | |
| height:228px | |
| } | |
| @media screen and (max-width:768px) { | |
| .aws-square { | |
| display:flex; | |
| justify-content:center; | |
| flex-direction:column | |
| } | |
| } | |
| li.visible, | |
| a.visible { | |
| font-weight:500 | |
| } | |
| li.visible~li, | |
| a.visible~a { | |
| font-weight:400 | |
| } | |
| .visible-heading { | |
| margin-top:-64px; | |
| padding-top:64px | |
| } | |
| .toc-container { | |
| padding-left:45px | |
| } | |
| .toc-container .toc--header { | |
| text-transform:uppercase; | |
| font-weight:500; | |
| font-size:14px; | |
| padding-bottom:18px; | |
| position:-webkit-sticky; | |
| position:sticky; | |
| top:64px | |
| } | |
| .toc-container .toc--list { | |
| list-style:none; | |
| margin:0; | |
| padding:0; | |
| position:-webkit-sticky; | |
| position:sticky; | |
| top:106px; | |
| display:flex; | |
| flex-direction:column | |
| } | |
| .toc-container .toc--list__item { | |
| padding-bottom:8px; | |
| color:#393946 | |
| } | |
| .toc-container .toc--list__item:hover { | |
| color:#1f60c4; | |
| text-decoration:underline | |
| } | |
| .toc-container .toc--list__item.active { | |
| color:#17171c; | |
| font-weight:bolder | |
| } | |
| .toc-container .toc--list.visible { | |
| color:#17171c; | |
| font-weight:bolder | |
| } | |
| .toc-container .toc--list.visible~a { | |
| color:#393946; | |
| font-weight:400 | |
| } | |
| .resource-subnav { | |
| list-style:none; | |
| padding:0; | |
| display:flex; | |
| margin:0 0 45px | |
| } | |
| .resource-subnav__item { | |
| border-bottom:2px solid #e2e2e8; | |
| flex-shrink:0; | |
| cursor:pointer; | |
| padding:15px | |
| } | |
| .resource-subnav__item.active { | |
| font-weight:bolder; | |
| border-bottom:2px solid #f15b2b; | |
| z-index:1 | |
| } | |
| .resource-subnav__item--highlight { | |
| background-color:#e6f1ff | |
| } | |
| .resource-subnav::after { | |
| position:relative; | |
| content:' '; | |
| display:block; | |
| width:100%; | |
| border-bottom:2px solid #e2e2e8 | |
| } | |
| .resource-subnav__border { | |
| position:absolute; | |
| height:2px; | |
| background:#e2e2e8; | |
| bottom:0; | |
| width:100%; | |
| z-index:0 | |
| } | |
| .resource-subnav__link { | |
| color:#393946 | |
| } | |
| .resource-subnav__link:hover { | |
| text-decoration:none; | |
| color:#393946 | |
| } | |
| .showcase { | |
| background-color:#f4f6f8; | |
| text-align:center | |
| } | |
| .showcase p img:not(:last-of-type) { | |
| border-right:1px solid #c2c4c7 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .showcase p { | |
| flex-direction:column | |
| } | |
| .showcase p img:not(:last-of-type) { | |
| border:none | |
| } | |
| .feature-cards>div { | |
| margin-right:0; | |
| margin-bottom:16px | |
| } | |
| } | |
| .feature-cards { | |
| -moz-column-gap:5px; | |
| column-gap:5px | |
| } | |
| .feature-card:hover { | |
| background-color:#f4f4f6 | |
| } | |
| .feature-card:hover strong { | |
| text-decoration:underline | |
| } | |
| @media screen and (max-width:1024px) { | |
| .video-chat-mobile { | |
| display:block!important | |
| } | |
| } | |
| @media screen and (max-width:460px) { | |
| #logo-container { | |
| justify-content:center | |
| } | |
| #timer-container { | |
| width:100%; | |
| padding-bottom:12px | |
| } | |
| #timer-container .timer { | |
| justify-content:center | |
| } | |
| .width-override { | |
| width:100%!important | |
| } | |
| #timer-container, | |
| #logo-container { | |
| justify-content:center | |
| } | |
| } | |
| .observabilitycon { | |
| color:#fefefe; | |
| position:relative; | |
| overflow:hidden | |
| } | |
| .observabilitycon-datehuman { | |
| margin-top:-100px | |
| } | |
| @media(min-width:700px) { | |
| .observabilitycon-logo img { | |
| margin-top:-40px | |
| } | |
| } | |
| @media(max-width:700px) { | |
| .observabilitycon-datehuman { | |
| margin-top:-17%; | |
| margin-bottom:-30px | |
| } | |
| .observabilitycon-logo { | |
| margin-right:-50px; | |
| margin-left:-50px | |
| } | |
| } | |
| .observabilitycon-icons__wrap { | |
| background:#00002f; | |
| border-radius:50%; | |
| height:60px; | |
| width:60px; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| .observabilitycon-icons__text { | |
| max-width:165px; | |
| margin:auto | |
| } | |
| .observabilitycon-form .js-form { | |
| display:flex; | |
| flex-flow:wrap; | |
| overflow:hidden; | |
| justify-content:center | |
| } | |
| .observabilitycon-form .js-form .btn--primary { | |
| background:#245eff; | |
| border:0; | |
| border-radius:2px | |
| } | |
| .observabilitycon-form .js-form .btn--primary:hover { | |
| background:#5783ff | |
| } | |
| .observabilitycon-form .js-form .form-response { | |
| width:100%; | |
| color:#fefefe | |
| } | |
| .observabilitycon-form .js-form .form-response__success { | |
| color:#10a345 | |
| } | |
| .observabilitycon-form .form-group { | |
| margin-right:2px | |
| } | |
| .observabilitycon-form label { | |
| display:none | |
| } | |
| .observabilitycon-form__light { | |
| background:#e3ebff | |
| } | |
| .observabilitycon-form__light .form-response__success { | |
| color:#021e40!important | |
| } | |
| .observabilitycon-form__clear { | |
| background:0 0 | |
| } | |
| .observabilitycon-form__clear h4.observabilitycon-header { | |
| font-size:34px!important | |
| } | |
| .observabilitycon-form__clear input[type=email] { | |
| background:#fefefe | |
| } | |
| .observabilitycon-form__clear .form-response.form-response--success { | |
| color:#000 | |
| } | |
| .observabilitycon a { | |
| color:#f0c80d | |
| } | |
| .observabilitycon a:hover { | |
| text-decoration:underline | |
| } | |
| .observabilitycon a:hover p.card-watch { | |
| text-decoration:underline | |
| } | |
| .observabilitycon p.card-watch { | |
| font-weight:600; | |
| color:#245eff | |
| } | |
| .observabilitycon-social { | |
| text-align:center; | |
| background:rgba(20,20,123,.5); | |
| border-radius:50%; | |
| height:60px; | |
| width:60px; | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| transition:all .2s | |
| } | |
| .observabilitycon-social:hover { | |
| text-decoration:none!important; | |
| background:rgba(27,27,167,.5) | |
| } | |
| .observabilitycon-social i { | |
| color:#245eff | |
| } | |
| .observabilitycon-notice { | |
| font-family:space mono,monospace!important | |
| } | |
| .observabilitycon-header { | |
| font-family:space mono,monospace!important; | |
| z-index:1; | |
| display:inline-block; | |
| position:relative | |
| } | |
| .observabilitycon-header:after { | |
| content:''; | |
| background:#dfe8ff; | |
| width:115%; | |
| height:21px; | |
| position:absolute; | |
| right:-7.5%; | |
| z-index:-1; | |
| top:21px | |
| } | |
| .observabilitycon-header__dark:after { | |
| background:#1e1ed7 | |
| } | |
| .observabilitycon-header__yellow:after { | |
| background:#f7dc2b | |
| } | |
| .observabilitycon-bg { | |
| position:absolute; | |
| background-repeat:no-repeat; | |
| height:100%; | |
| width:100%; | |
| background-size:cover | |
| } | |
| .observabilitycon-bg__dark { | |
| background-color:#0d0d3d; | |
| background-image:url(/about/events/observabilitycon/assets/background.svg); | |
| background-position:50% | |
| } | |
| .observabilitycon-bg__schedule { | |
| background-color:#f4f7ff; | |
| background-image:url(/about/events/observabilitycon/assets/bg-schedule.svg); | |
| background-position:50% 100% | |
| } | |
| .observabilitycon-bg__speakers { | |
| background:#14147b | |
| } | |
| .observabilitycon-bg__top_right { | |
| top:300px; | |
| right:0; | |
| background-image:url(/about/events/observabilitycon/assets/bg-top_right.svg) | |
| } | |
| .observabilitycon-bg__bottom_right { | |
| top:600px; | |
| right:0; | |
| background-image:url(/about/events/observabilitycon/assets/bg-bottom_right.svg) | |
| } | |
| .observabilitycon-bg__top_left { | |
| top:25px; | |
| left:0; | |
| background-image:url(/about/events/observabilitycon/assets/bg-top_left.svg) | |
| } | |
| .observabilitycon-bg__bottom_left { | |
| top:300px; | |
| left:0; | |
| background-image:url(/about/events/observabilitycon/assets/bg-bottom_left.svg) | |
| } | |
| .observabilitycon-bg__slack { | |
| background-position:50%; | |
| background-color:#14147b; | |
| background-image:url(/about/events/observabilitycon/assets/bg-slack.svg) | |
| } | |
| .observabilitycon-date { | |
| position:absolute; | |
| right:0 | |
| } | |
| .observabilitycon-date__timer { | |
| background:#14147b; | |
| border-radius:17px; | |
| padding:4px 21px | |
| } | |
| .observabilitycon hr { | |
| border:solid #bccfff; | |
| border-width:1px 0 | |
| } | |
| .observabilitycon-speaker { | |
| background:#14147b; | |
| height:auto; | |
| display:flex; | |
| justify-content:center; | |
| align-items:center; | |
| margin-bottom:.5rem; | |
| max-width:176px | |
| } | |
| .observabilitycon-speaker img { | |
| opacity:.85 | |
| } | |
| .observabilitycon-speaker__name { | |
| font-size:13px; | |
| line-height:16px | |
| } | |
| .observabilitycon-speaker__name div { | |
| padding-bottom:4px | |
| } | |
| .observabilitycon-weekday { | |
| font-family:inter!important; | |
| font-weight:600 | |
| } | |
| .observabilitycon .tab-container { | |
| padding-top:57px; | |
| padding-bottom:65px; | |
| justify-content:center | |
| } | |
| .observabilitycon .tab { | |
| border-right:1px solid #d1d4e2; | |
| color:#0d0d3d; | |
| cursor:pointer | |
| } | |
| .observabilitycon .tab:hover .tab__date, | |
| .observabilitycon .tab:hover .tab__day { | |
| text-decoration:underline | |
| } | |
| .observabilitycon .tab .tab__today { | |
| font-family:space mono; | |
| font-style:normal; | |
| font-weight:700; | |
| font-size:20px; | |
| text-transform:uppercase; | |
| position:relative; | |
| bottom:20px | |
| } | |
| .observabilitycon .tab .tab__today:after { | |
| top:15px; | |
| height:16px | |
| } | |
| .observabilitycon .tab .tab__date { | |
| font-family:space mono; | |
| font-size:30px; | |
| padding-bottom:32px | |
| } | |
| @media screen and (min-width:994px) { | |
| .observabilitycon .tab .tab__date { | |
| font-size:81px | |
| } | |
| } | |
| .observabilitycon .tab .tab__day { | |
| font-family:space mono; | |
| font-style:normal; | |
| font-weight:400; | |
| font-size:16px | |
| } | |
| @media screen and (min-width:994px) { | |
| .observabilitycon .tab .tab__day { | |
| font-size:20px | |
| } | |
| } | |
| .observabilitycon .tab.active { | |
| background:#dfe8ff | |
| } | |
| .observabilitycon .time-container { | |
| margin-bottom:32px | |
| } | |
| .observabilitycon .talk-container { | |
| border-bottom:1.5px solid #bccfff | |
| } | |
| .observabilitycon .talk-container .talk-title { | |
| font-size:20px; | |
| font-weight:700 | |
| } | |
| .observabilitycon .talk-container .talk-link { | |
| text-decoration:none; | |
| display:block | |
| } | |
| .observabilitycon .talk-container:last-child { | |
| border:none | |
| } | |
| .observabilitycon .talk-title, | |
| .observabilitycon .speaker-names, | |
| .observabilitycon .photos { | |
| margin-bottom:12px | |
| } | |
| .observabilitycon .circle-photo { | |
| border-radius:100%; | |
| text-decoration:none | |
| } | |
| .observabilitycon .slack-logo { | |
| margin-bottom:25px | |
| } | |
| .observabilitycon .slack-wrapper { | |
| padding:60px 0 | |
| } | |
| .observabilitycon .slack-mingle { | |
| font-size:16px; | |
| font-weight:500 | |
| } | |
| .observabilitycon .slack-link { | |
| font-weight:500; | |
| font-size:21px | |
| } | |
| .observabilitycon__highlight { | |
| max-width:845px; | |
| margin:76px auto | |
| } | |
| .observabilitycon__highlight .highlight-card { | |
| background:#fefefe; | |
| box-shadow:0 0 20px rgba(0,0,0,.1); | |
| margin-bottom:30px; | |
| transition:box-shadow .2s ease | |
| } | |
| @media screen and (min-width:994px) { | |
| .observabilitycon__highlight .highlight-card { | |
| height:322px | |
| } | |
| } | |
| @media screen and (min-width:994px) { | |
| .observabilitycon__highlight .highlight-card .video-thumb { | |
| height:322px | |
| } | |
| } | |
| .observabilitycon__highlight .highlight-card .video-thumb__image { | |
| transform:scale(1.5) | |
| } | |
| .observabilitycon__highlight .highlight-card .card-header { | |
| font-family:space mono; | |
| font-style:normal; | |
| font-weight:700; | |
| font-size:20px; | |
| line-height:30px; | |
| transition:color .2s ease,-webkit-text-decoration .2s ease; | |
| transition:color .2s ease,text-decoration .2s ease; | |
| transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease | |
| } | |
| .observabilitycon__highlight .highlight-card .card-paragraph { | |
| color:#0d0d3d | |
| } | |
| .observabilitycon__highlight .highlight-card .card-watch { | |
| font-weight:600; | |
| color:#245eff | |
| } | |
| .observabilitycon__highlight .highlight-card:hover { | |
| box-shadow:0 0 20px rgba(0,0,0,.2) | |
| } | |
| .observabilitycon__highlight .highlight-card:hover .card-header { | |
| color:#ed5a29; | |
| text-decoration:underline | |
| } | |
| .observabilitycon .highlight-header { | |
| margin-top:45px; | |
| margin-bottom:45px | |
| } | |
| .observabilitycon-live p, | |
| .observabilitycon-live h4 { | |
| margin-bottom:.25rem | |
| } | |
| .observabilitycon-live__session { | |
| background:#1552fa; | |
| border-radius:1px; | |
| color:#fefefe; | |
| display:inline; | |
| text-transform:uppercase; | |
| padding:.25rem; | |
| font-size:12px!important; | |
| font-weight:600 | |
| } | |
| .observabilitycon-live__description { | |
| color:#bccfff; | |
| padding-right:2rem | |
| } | |
| .partner-block { | |
| transition:all .5s ease | |
| } | |
| .partner-block__info-bar { | |
| padding:25px 0 | |
| } | |
| .partner-block__info-bar svg, | |
| .partner-block__info-bar__icon { | |
| margin-right:8px | |
| } | |
| .partner-block__logo { | |
| max-height:90px | |
| } | |
| .partner-block__description { | |
| visibility:hidden; | |
| opacity:0; | |
| height:0; | |
| padding-top:0 | |
| } | |
| .partner-block__description.active { | |
| transition:opacity .2s; | |
| visibility:visible; | |
| height:100%; | |
| opacity:1; | |
| font-size:16px | |
| } | |
| .partner-block__collapser { | |
| cursor:pointer; | |
| color:#999 | |
| } | |
| .partner-block__collapser:hover { | |
| text-decoration:underline | |
| } | |
| .get-tabs { | |
| list-style:none; | |
| display:flex; | |
| width:100%; | |
| margin:0; | |
| padding:0; | |
| cursor:pointer | |
| } | |
| .get-tabs--item { | |
| width:50%; | |
| text-align:center | |
| } | |
| .get-tabs li { | |
| border-bottom:2px solid #ccc; | |
| line-height:50px; | |
| color:#878787 | |
| } | |
| .get-tabs li:hover { | |
| color:#1866d4 | |
| } | |
| .get-tabs li.active { | |
| border-bottom:2px solid #1866d4; | |
| color:#1866d4 | |
| } | |
| .get-wrapper { | |
| max-width:1100px; | |
| margin:0 auto | |
| } | |
| .get-wrapper--small { | |
| max-width:811px; | |
| margin:0 auto | |
| } | |
| .get-card { | |
| background-color:#fefefe; | |
| box-shadow:0 10px 20px rgba(0,0,0,7%); | |
| height:547px; | |
| display:flex; | |
| flex-direction:column | |
| } | |
| @media screen and (max-width:991px) { | |
| .get-card { | |
| height:auto | |
| } | |
| } | |
| .get-card--oauth .btn:hover { | |
| background-color:#f5f5f5; | |
| text-decoration:underline | |
| } | |
| @media screen and (max-width:500px) { | |
| .get-card--oauth { | |
| flex-direction:column; | |
| align-items:center | |
| } | |
| .get-card--oauth .btn { | |
| width:100%; | |
| margin:5px 0 | |
| } | |
| } | |
| .get-card__content-cloud { | |
| padding:12px 0 | |
| } | |
| @media screen and (min-width:975px) { | |
| .get-card__content-cloud { | |
| padding:32px 24px | |
| } | |
| } | |
| @media screen and (min-width:975px) { | |
| .get-card__content-cloud--right { | |
| padding-left:70px | |
| } | |
| } | |
| .get-card__content-top { | |
| padding:12px 0 | |
| } | |
| @media screen and (min-width:975px) { | |
| .get-card__content-top { | |
| padding:32px 24px 0 | |
| } | |
| } | |
| .get-card__content__header { | |
| height:24px; | |
| margin-bottom:8px | |
| } | |
| .get-card__content__header__icon { | |
| height:20px; | |
| width:20px | |
| } | |
| .get-card__content__header__text { | |
| color:#141414; | |
| margin:0; | |
| padding:0 | |
| } | |
| .get-card__content__features { | |
| color:#737373; | |
| width:278px | |
| } | |
| .legalese { | |
| font-size:12px; | |
| color:#737373 | |
| } | |
| .legalese a { | |
| color:#000 | |
| } | |
| .grafanacon2021 { | |
| position:relative; | |
| background:#010038 | |
| } | |
| .grafanacon2021 .wrapper, | |
| .grafanacon2021 .wrapper-wide { | |
| position:relative; | |
| z-index:100 | |
| } | |
| .grafanacon2021__text-link { | |
| color:#e1e1e5; | |
| text-decoration:underline | |
| } | |
| .grafanacon2021__text-link:hover { | |
| color:#e1e1e5; | |
| text-decoration:none | |
| } | |
| .grafanacon2021__full-width { | |
| width:100% | |
| } | |
| .grafanacon2021__subhead { | |
| margin-top:20px | |
| } | |
| .grafanacon2021.pre-event { | |
| padding:20px 0 0; | |
| background-color:#010038; | |
| background-image:url(/about/events/grafanacon/assets/2021/bg-starfield-lg.svg); | |
| background-repeat:no-repeat; | |
| background-position:50% 0; | |
| color:#e1e1e5; | |
| overflow-x:hidden | |
| } | |
| @media(min-width:979px) { | |
| .grafanacon2021.pre-event { | |
| padding:40px 0 0 | |
| } | |
| } | |
| .grafanacon2021.aurora { | |
| padding:20px 0 0; | |
| background-color:#010038; | |
| background-image:url(/about/events/grafanacon/assets/2021/bg-aurora.svg); | |
| background-repeat:no-repeat; | |
| background-position:50% 0; | |
| color:#e1e1e5; | |
| overflow-x:hidden | |
| } | |
| @media(min-width:979px) { | |
| .grafanacon2021.aurora { | |
| padding:40px 0 0 | |
| } | |
| } | |
| .grafanacon2021.dawn { | |
| padding:20px 0 0; | |
| background-color:#010038; | |
| background-image:url(/about/events/grafanacon/assets/2021/bg-dawn.svg); | |
| background-repeat:no-repeat; | |
| background-position:50% -137px; | |
| color:#e1e1e5; | |
| overflow-x:hidden | |
| } | |
| @media(min-width:979px) { | |
| .grafanacon2021.dawn { | |
| padding:40px 0 0 | |
| } | |
| } | |
| .grafanacon2021__gradient-bg { | |
| position:relative | |
| } | |
| .grafanacon2021__gradient-bg::after { | |
| content:''; | |
| position:absolute; | |
| bottom:0; | |
| width:100%; | |
| z-index:1; | |
| background:radial-gradient(45.85% 23.93% at 50% 103.7%,#f2be56 0%,rgba(243,127,45,0) 100%),radial-gradient(104.53% 54.3% at 50% 100%,#e8404e 0%,rgba(233,59,131,.5) 46.15%,rgba(75,47,215,0) 100%),linear-gradient(360deg,#4c34c5 0%,rgba(2,0,65,0) 100%) | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__gradient-bg::after { | |
| height:600px | |
| } | |
| } | |
| .grafanacon2021__simple-bg-gradient { | |
| background:linear-gradient(360deg,rgba(76,52,197,.15) 0%,rgba(2,0,65,.15) 100%),#010038 | |
| } | |
| .grafanacon2021__h2 { | |
| display:block; | |
| font-size:26px; | |
| font-weight:500; | |
| line-height:1.5; | |
| margin-bottom:1em; | |
| color:#fefefe | |
| } | |
| .grafanacon2021__h2>a { | |
| font-size:18px; | |
| color:#fbc55a; | |
| font-weight:400 | |
| } | |
| .grafanacon2021__h2>a:hover { | |
| text-decoration:underline | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__h2>a { | |
| display:block | |
| } | |
| } | |
| .grafanacon2021__h2--orange { | |
| color:#fd9c55 | |
| } | |
| .grafanacon2021__h3 { | |
| display:block; | |
| font-size:30px | |
| } | |
| .grafanacon2021__gradient-subhead { | |
| margin-bottom:0; | |
| font-size:36px; | |
| font-weight:500; | |
| line-height:1; | |
| background:linear-gradient(#ffe090,#fb9d5a); | |
| -webkit-background-clip:text; | |
| background-clip:text; | |
| -webkit-text-fill-color:transparent | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__gradient-subhead { | |
| font-size:It’s 42px | |
| } | |
| } | |
| .grafanacon2021__p { | |
| margin-bottom:1em; | |
| font-size:18px; | |
| line-height:1.5 | |
| } | |
| .grafanacon2021__p>h2 { | |
| font-size:24px; | |
| line-height:1.4 | |
| } | |
| .grafanacon2021__p>h3 { | |
| font-size:20px | |
| } | |
| .grafanacon2021__p a { | |
| color:#ffbe5b | |
| } | |
| .grafanacon2021 .half-width { | |
| width:calc(50% - 10px) | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021 .half-width { | |
| width:100% | |
| } | |
| } | |
| .grafanacon2021__hr { | |
| opacity:.1 | |
| } | |
| .grafanacon2021__page-hero { | |
| display:flex; | |
| flex-flow:column wrap; | |
| position:relative; | |
| width:100% | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__page-hero { | |
| flex-flow:row wrap; | |
| justify-content:space-between | |
| } | |
| } | |
| .grafanacon2021__page-hero .grafanacon2021__p h2 { | |
| font-size:24px; | |
| line-height:1.4 | |
| } | |
| .grafanacon2021__hero-graphic { | |
| -webkit-animation:FADEIN 5s forwards; | |
| animation:FADEIN 5s forwards | |
| } | |
| .grafanacon2021__hero-graphic img { | |
| width:100%; | |
| max-width:397px | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__hero-graphic { | |
| display:none | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__hero-graphic { | |
| padding:calc(13% - 100px)0 0 10% | |
| } | |
| } | |
| .grafanacon2021__hero-logo { | |
| display:block; | |
| margin-bottom:30px; | |
| width:100%; | |
| max-width:575px | |
| } | |
| .grafanacon2021__hero-logo--small { | |
| display:block; | |
| margin-bottom:20px; | |
| width:100%; | |
| max-width:305px; | |
| height:auto | |
| } | |
| .grafanacon2021__hero-logo-link { | |
| display:block | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__hero-logo-link { | |
| max-width:218px | |
| } | |
| } | |
| .grafanacon2021__hero-logo-link>svg { | |
| display:block; | |
| width:100%; | |
| height:auto | |
| } | |
| .grafanacon2021__hero-title { | |
| margin-bottom:10px; | |
| font-size:84px; | |
| font-weight:600; | |
| line-height:1; | |
| background:linear-gradient(#fc5852,#fb9d5a); | |
| -webkit-background-clip:text; | |
| background-clip:text; | |
| -webkit-text-fill-color:transparent | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__hero-title { | |
| font-size:60px | |
| } | |
| } | |
| .grafanacon2021__hero-link { | |
| display:block; | |
| font-size:16px; | |
| padding:15px 0; | |
| color:#e1e1e5; | |
| text-decoration:none | |
| } | |
| .grafanacon2021__page-title { | |
| display:block; | |
| font-size:42px; | |
| font-weight:500; | |
| background:linear-gradient(#ffdd85,#ff7d21); | |
| -webkit-background-clip:text; | |
| background-clip:text; | |
| -webkit-text-fill-color:transparent; | |
| line-height:1.2; | |
| margin-bottom:.125em | |
| } | |
| .grafanacon2021__page-subtitle { | |
| display:flex; | |
| flex-flow:row wrap; | |
| align-items:center; | |
| font-size:18px; | |
| font-weight:500; | |
| margin-bottom:15px | |
| } | |
| .grafanacon2021__page-subtitle>span { | |
| margin-right:10px | |
| } | |
| .grafanacon2021__calendar-link { | |
| display:block; | |
| border:1px solid rgba(255,255,255,.4); | |
| border-radius:3px; | |
| font-size:16px; | |
| color:#fff; | |
| font-weight:500; | |
| padding:7px 10px 7px 40px; | |
| background:url(/about/events/grafanacon/assets/2021/icon-calendar.svg)10px no-repeat; | |
| line-height:normal; | |
| margin-bottom:25px | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__calendar-link { | |
| display:none | |
| } | |
| } | |
| .grafanacon2021__register-form { | |
| width:100%; | |
| display:inline-flex; | |
| flex-flow:column; | |
| padding:30px; | |
| background:#fff; | |
| border-radius:5px; | |
| align-items:flex-start | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__register-form { | |
| max-width:500px | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__register-form { | |
| margin-top:20px | |
| } | |
| } | |
| .grafanacon2021__register-form--full-width { | |
| max-width:100% | |
| } | |
| .grafanacon2021__register-form .form-inline { | |
| width:100% | |
| } | |
| .grafanacon2021__register-form .form-input label, | |
| .grafanacon2021__register-form .form-main label { | |
| display:none | |
| } | |
| .grafanacon2021__register-form .form-input { | |
| max-width:100%; | |
| margin:0 | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__register-form .form-input { | |
| margin-bottom:20px | |
| } | |
| } | |
| .grafanacon2021__register-form .form-input input { | |
| border:1px solid #c7c7c7; | |
| border-radius:5px | |
| } | |
| .grafanacon2021__register-form .form-submit { | |
| flex-shrink:0 | |
| } | |
| @media(max-width:600px) { | |
| .grafanacon2021__register-form .form-main .form-submit { | |
| margin-left:0 | |
| } | |
| } | |
| .grafanacon2021__register-form .btn { | |
| border-radius:5px!important | |
| } | |
| .grafanacon2021__register-form .btn>span { | |
| vertical-align:middle | |
| } | |
| .grafanacon2021__register-form .btn>span+span { | |
| margin-left:8px | |
| } | |
| @media(max-width:600px) { | |
| .grafanacon2021__register-form .btn { | |
| width:100% | |
| } | |
| } | |
| .grafanacon2021__register-form .form-inline .form-main { | |
| flex:auto; | |
| justify-content:flex-start | |
| } | |
| .grafanacon2021__register-form .form-inline .form-main div:first-of-type { | |
| flex:auto | |
| } | |
| .grafanacon2021__register-form .form__notice { | |
| color:#a8a8a8; | |
| font-size:12px!important; | |
| margin-top:20px!important; | |
| width:100%; | |
| text-align:center; | |
| max-width:100% | |
| } | |
| .grafanacon2021__register-form-title { | |
| font-size:24px; | |
| font-weight:500; | |
| color:#222; | |
| line-height:1.2; | |
| margin-bottom:5px; | |
| width:100% | |
| } | |
| .grafanacon2021__register-form-subtitle { | |
| font-size:18px; | |
| color:#222; | |
| margin-bottom:20px; | |
| width:100% | |
| } | |
| .grafanacon2021__register-form .form-response.form-response--success { | |
| color:#222; | |
| margin:0 | |
| } | |
| .grafanacon2021__register-form .form__confirmation { | |
| color:#222; | |
| text-align:center | |
| } | |
| .grafanacon2021__register-form.dark { | |
| background:#111954; | |
| height:100% | |
| } | |
| .grafanacon2021__register-form.dark .form-response.form-response--success { | |
| color:#fff | |
| } | |
| .dark .grafanacon2021__register-form-subtitle { | |
| color:#fff | |
| } | |
| .grafanacon2021__register-form-horiz { | |
| max-width:100%; | |
| padding:25px | |
| } | |
| .grafanacon2021__register-form-horiz .form-wrap { | |
| width:100%; | |
| flex-flow:column nowrap; | |
| justify-content:center; | |
| align-items:center; | |
| text-align:center | |
| } | |
| .grafanacon2021__register-form-horiz .form-section { | |
| display:flex; | |
| flex-flow:column wrap; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| @media(min-width:1075px) { | |
| .grafanacon2021__register-form-horiz .form-section { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| .grafanacon2021__register-form-horiz .form-inline { | |
| width:100% | |
| } | |
| .grafanacon2021__register-form-horiz .form-inline .form-main { | |
| justify-content:center; | |
| align-items:center; | |
| flex:initial | |
| } | |
| @media(min-width:601px) { | |
| .grafanacon2021__register-form-horiz .form-inline .form-main { | |
| margin-left:20px | |
| } | |
| } | |
| .grafanacon2021__register-form-horiz .grafanacon2021__register-form-title { | |
| color:#fff; | |
| font-size:18px; | |
| margin:0; | |
| width:auto | |
| } | |
| @media(max-width:1074px) { | |
| .grafanacon2021__register-form-horiz .grafanacon2021__register-form-title { | |
| margin-bottom:15px | |
| } | |
| } | |
| .grafanacon2021__register-form-horiz .grafanacon2021__register-form-subtitletitle { | |
| margin-bottom:0 | |
| } | |
| .grafanacon2021__register-form-horiz .form-input { | |
| flex:unset; | |
| width:100%; | |
| margin-bottom:10px | |
| } | |
| @media(min-width:601px) { | |
| .grafanacon2021__register-form-horiz .form-input { | |
| width:285px; | |
| margin-bottom:0 | |
| } | |
| } | |
| .grafanacon2021__register-form-horiz .form-inline .form-main div:first-of-type { | |
| flex:unset; | |
| width:100% | |
| } | |
| @media(min-width:601px) { | |
| .grafanacon2021__register-form-horiz .form-inline .form-main div:first-of-type { | |
| width:285px | |
| } | |
| } | |
| .grafanacon2021__areas-list { | |
| display:flex; | |
| flex-flow:column; | |
| margin:0; | |
| padding:0; | |
| list-style:none | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__areas-list { | |
| flex-flow:row; | |
| flex-wrap:wrap; | |
| justify-content:space-between | |
| } | |
| } | |
| .grafanacon2021__areas-list>li { | |
| padding:20px; | |
| border:1px solid #443179; | |
| border-radius:5px | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__areas-list>li { | |
| margin-bottom:20px | |
| } | |
| .grafanacon2021__areas-list>li:last-child { | |
| margin-bottom:0 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__areas-list>li { | |
| width:calc(50% - 10px); | |
| margin-bottom:20px | |
| } | |
| } | |
| .grafanacon2021__areas-list-title { | |
| display:block; | |
| margin-bottom:10px; | |
| font-size:20px; | |
| font-weight:600 | |
| } | |
| .grafanacon2021__areas-list-title.yellow { | |
| color:#fbc55a | |
| } | |
| .grafanacon2021__areas-list-title.orange { | |
| color:#fb9d5a | |
| } | |
| .grafanacon2021__areas-list-title.red { | |
| color:#fb755a | |
| } | |
| .grafanacon2021__areas-list-title.dark-red { | |
| color:#fb5a67 | |
| } | |
| .grafanacon2021__areas-list-title.pink { | |
| color:#ee679f | |
| } | |
| .grafanacon2021__areas-list-description { | |
| margin:0; | |
| font-size:16px | |
| } | |
| .grafanacon2021__areas-list-centered { | |
| display:flex; | |
| align-items:center; | |
| justify-content:center; | |
| text-align:center | |
| } | |
| .grafanacon2021__prior-session-list { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| margin:0; | |
| padding:0; | |
| list-style:none | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__prior-session-list { | |
| flex-flow:row nowrap; | |
| justify-content:space-between | |
| } | |
| } | |
| .grafanacon2021__prior-session-list>li { | |
| display:flex; | |
| flex-flow:column nowrap | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__prior-session-list>li { | |
| max-width:360px; | |
| margin-bottom:20px | |
| } | |
| .grafanacon2021__prior-session-list>li:last-child { | |
| margin-bottom:0 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__prior-session-list>li { | |
| width:calc(33.33% - 24px) | |
| } | |
| } | |
| .grafanacon2021__prior-session-card { | |
| display:flex; | |
| background:#fff; | |
| border-radius:5px; | |
| overflow:hidden; | |
| flex-grow:1; | |
| flex-flow:column nowrap | |
| } | |
| .grafanacon2021__prior-session-thumbnail { | |
| position:relative; | |
| flex-shrink:0; | |
| width:100% | |
| } | |
| .grafanacon2021__prior-session-thumbnail img { | |
| display:block; | |
| width:100%; | |
| height:auto | |
| } | |
| .grafanacon2021__prior-session-card:hover .grafanacon2021__prior-session-thumbnail:after { | |
| content:''; | |
| position:absolute; | |
| display:block; | |
| top:0; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| width:100%; | |
| height:100%; | |
| background-color:rgba(0,0,0,5%); | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-play-button.svg); | |
| background-position:50%; | |
| background-repeat:no-repeat | |
| } | |
| .grafanacon2021__prior-session-body { | |
| display:flex; | |
| flex-flow:column; | |
| justify-content:space-between; | |
| padding:20px; | |
| font-weight:500; | |
| flex-grow:1 | |
| } | |
| .grafanacon2021__prior-session-title { | |
| display:block; | |
| margin-bottom:20px; | |
| color:#222; | |
| font-size:18px | |
| } | |
| .grafanacon2021__prior-session-card:hover .grafanacon2021__prior-session-title { | |
| text-decoration:underline | |
| } | |
| .grafanacon2021__prior-session-meta { | |
| display:inline-flex; | |
| font-size:12px; | |
| line-height:normal | |
| } | |
| .grafanacon2021__prior-session-type { | |
| font-weight:600; | |
| color:#757575; | |
| margin-right:10px; | |
| padding:0 10px 0 20px; | |
| border-right:1px solid #a8a8a8; | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-webinar.svg); | |
| background-position:0; | |
| background-repeat:no-repeat | |
| } | |
| .grafanacon2021__prior-session-time { | |
| color:#222; | |
| font-weight:600 | |
| } | |
| .grafanacon2021__logo-banner { | |
| background:#010020 | |
| } | |
| .grafanacon2021 .form .mktoForm { | |
| width:auto!important; | |
| font-family:inter,sans-serif!important | |
| } | |
| .grafanacon2021 .form .mktoAsterix, | |
| .grafanacon2021 .form .mktoGutter, | |
| .grafanacon2021 .form .mktoOffset { | |
| display:none!important | |
| } | |
| .grafanacon2021 .form .mktoField, | |
| .grafanacon2021 .form .mktoFieldWrap, | |
| .grafanacon2021 .form .mktoFormCol, | |
| .grafanacon2021 .form .mktoLabel { | |
| float:none!important | |
| } | |
| .grafanacon2021 .form .mktoFieldWrap { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| align-items:center | |
| } | |
| .grafanacon2021 .form .mktoFieldWrap .mktoLabel { | |
| order:2 | |
| } | |
| .grafanacon2021 .form .mktoFormCol { | |
| min-height:auto | |
| } | |
| .grafanacon2021 .form .mktoFormCol .mktoLabel { | |
| order:1; | |
| font-size:14px | |
| } | |
| .grafanacon2021 .form .mktoFormCol { | |
| margin-bottom:0!important | |
| } | |
| .grafanacon2021 .form .mktoFormRow { | |
| margin-bottom:.5rem | |
| } | |
| .grafanacon2021 .form .mktoLabel { | |
| width:100%!important; | |
| font-size:16px; | |
| padding:0 | |
| } | |
| .grafanacon2021 .form .mktoCheckboxList, | |
| .grafanacon2021 .form .mktoRadioList { | |
| width:auto!important; | |
| float:none!important; | |
| padding:0 | |
| } | |
| .grafanacon2021 .form .mktoCheckboxList label { | |
| width:100% | |
| } | |
| .grafanacon2021 .form .mktoCheckboxList label, | |
| .grafanacon2021 .form .mktoRadioList label { | |
| font-size:16px; | |
| margin-top:-18px!important | |
| } | |
| .grafanacon2021 .form .mktoField:not([type=radio]):not([type=checkbox]) { | |
| display:block; | |
| width:100%!important; | |
| font-size:16px!important; | |
| padding:.625rem!important; | |
| border:1px solid transparent!important; | |
| border-radius:4px!important; | |
| background:#f0f0f0!important | |
| } | |
| .grafanacon2021 .form .mktoField:not([type=radio]):not([type=checkbox]):focus { | |
| border-color:#898989!important; | |
| box-shadow:0 0 5px #898989!important; | |
| outline:none!important | |
| } | |
| .grafanacon2021 .form .mktoButtonRow { | |
| margin-top:.5rem | |
| } | |
| .grafanacon2021 .form .mktoButtonWrap { | |
| margin-left:0!important | |
| } | |
| .grafanacon2021 .form .mktoButton { | |
| height:46px; | |
| line-height:46px; | |
| font-size:16px!important; | |
| font-weight:500; | |
| color:#fefefe!important; | |
| padding:0 1.5rem!important; | |
| border:0!important; | |
| background:#1857b8!important; | |
| transition:all .2s; | |
| border-radius:5px | |
| } | |
| .grafanacon2021 .form .mktoButton:focus, | |
| .grafanacon2021 .form .mktoButton:hover { | |
| background:#3d7bd9!important | |
| } | |
| .grafanacon2021 .form .mktoHtmlText { | |
| width:100%!important; | |
| font-weight:700; | |
| font-size:21px | |
| } | |
| .grafanacon2021__icon-list { | |
| display:flex; | |
| flex-flow:row wrap; | |
| justify-content:space-between; | |
| list-style:none; | |
| margin:0; | |
| padding:0 | |
| } | |
| .grafanacon2021__icon-list-item { | |
| width:calc(50% - 15px) | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__icon-list-item { | |
| width:calc(33% - 15px) | |
| } | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021__icon-list-item:nth-child(-n+3) { | |
| margin-bottom:25px | |
| } | |
| } | |
| .grafanacon2021__icon-list-icon { | |
| display:block; | |
| margin-bottom:15px | |
| } | |
| .grafanacon2021__icon-list-title { | |
| display:block; | |
| margin-bottom:.5em; | |
| font-size:18px; | |
| font-weight:500 | |
| } | |
| .grafanacon2021__icon-list-copy { | |
| font-size:16px; | |
| line-height:27px | |
| } | |
| .grafanacon2021 .star { | |
| display:block; | |
| position:absolute; | |
| width:4px; | |
| height:4px; | |
| background:#ad90ff; | |
| border-radius:50%; | |
| -webkit-animation:TWINKLE 2.5s infinite; | |
| animation:TWINKLE 2.5s infinite; | |
| box-shadow:0 0 8px white | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon2021 .star { | |
| display:none | |
| } | |
| } | |
| .grafanacon2021 .star.a { | |
| transform:translate(692px,515px); | |
| -webkit-animation-delay:.5s; | |
| animation-delay:.5s | |
| } | |
| .grafanacon2021 .star.b { | |
| transform:translate(650px,300px); | |
| -webkit-animation-delay:1s; | |
| animation-delay:1s | |
| } | |
| .grafanacon2021 .star.c { | |
| transform:translate(850px,120px) | |
| } | |
| .grafanacon2021 .star.d { | |
| transform:translate(1157px,133px); | |
| -webkit-animation-delay:2s; | |
| animation-delay:2s | |
| } | |
| .grafanacon2021 .star.e { | |
| transform:translate(1170px,505px); | |
| -webkit-animation-delay:1.5s; | |
| animation-delay:1.5s | |
| } | |
| @-webkit-keyframes TWINKLE { | |
| 0%, | |
| 100% { | |
| opacity:5% | |
| } | |
| 50% { | |
| opacity:100% | |
| } | |
| } | |
| @keyframes TWINKLE { | |
| 0%, | |
| 100% { | |
| opacity:5% | |
| } | |
| 50% { | |
| opacity:100% | |
| } | |
| } | |
| @-webkit-keyframes FADEIN { | |
| 0%, | |
| 7% { | |
| opacity:0 | |
| } | |
| 100% { | |
| opacity:1 | |
| } | |
| } | |
| @keyframes FADEIN { | |
| 0%, | |
| 7% { | |
| opacity:0 | |
| } | |
| 100% { | |
| opacity:1 | |
| } | |
| } | |
| .grafanacon2021__site-topper { | |
| background-color:#010020; | |
| background-image:url(/about/events/grafanacon/assets/2021/grafanacon2021-site-topper.svg); | |
| background-repeat:no-repeat; | |
| background-position:50%; | |
| background-size:cover; | |
| display:flex; | |
| justify-content:center; | |
| align-items:center; | |
| padding:45px 20px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__site-topper { | |
| min-height:400px | |
| } | |
| } | |
| .grafanacon2021__site-topper .grafanacon2021__hero-title { | |
| font-size:60px | |
| } | |
| .grafanacon2021__site-topper .btn.btn--primary { | |
| background-color:#1271de; | |
| border-color:#1271de; | |
| border-radius:5px; | |
| font-size:18px; | |
| height:48px; | |
| line-height:46px | |
| } | |
| .grafanacon2021__site-topper .btn.btn--primary:hover { | |
| background:#3d7bd9; | |
| border-color:#3d7bd9 | |
| } | |
| .grafanacon2021__site-topper-body { | |
| text-align:center; | |
| max-width:550px | |
| } | |
| .grafanacon2021__site-topper-intro { | |
| display:block; | |
| color:#fb9d5b; | |
| font-size:24px; | |
| font-weight:500; | |
| margin-bottom:10px | |
| } | |
| .grafanacon2021__site-topper-copy { | |
| color:#fff; | |
| font-size:20px; | |
| display:block; | |
| margin-bottom:30px | |
| } | |
| .grafanacon2021__speaker-cards { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| width:100% | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__speaker-cards { | |
| flex-flow:row wrap; | |
| align-items:stretch; | |
| margin:-15px 0 0 -15px; | |
| width:calc(100% + $speaker-card-gap) | |
| } | |
| } | |
| .grafanacon2021__speaker-card { | |
| text-align:left; | |
| padding:20px; | |
| background:rgba(65,114,196,.15); | |
| border:1px solid #1f2e7a; | |
| border-radius:5px; | |
| color:#fff; | |
| font-weight:unset; | |
| position:relative | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__speaker-card { | |
| margin-bottom:15px | |
| } | |
| .grafanacon2021__speaker-card:last-child { | |
| margin-bottom:0 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__speaker-card { | |
| width:calc(33.33% - 15px); | |
| margin:15px 0 0 15px | |
| } | |
| } | |
| .grafanacon2021__speaker-card:hover { | |
| background:linear-gradient(180deg,#fcc55b -33.14%,#fb755a 139.24%); | |
| border:1px solid transparent; | |
| color:#000 | |
| } | |
| .grafanacon2021__speaker-card-avatar { | |
| width:100px; | |
| height:100px; | |
| overflow:hidden; | |
| border-radius:50%; | |
| margin-bottom:10px | |
| } | |
| .grafanacon2021__speaker-card-avatar img { | |
| display:block | |
| } | |
| .grafanacon2021__speaker-card-name, | |
| .grafanacon2021__speaker-card-position, | |
| .grafanacon2021__speaker-card-company { | |
| font-size:18px | |
| } | |
| .grafanacon2021__speaker-card-name { | |
| font-weight:500 | |
| } | |
| .grafanacon2021__speaker-card:hover .grafanacon2021__speaker-card-name { | |
| text-decoration:underline | |
| } | |
| .grafanacon2021__speaker-overlay { | |
| min-height:100%; | |
| min-width:100%; | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| z-index:10; | |
| color:#000; | |
| cursor:default; | |
| background:#fff; | |
| border-radius:5px | |
| } | |
| .grafanacon2021__speaker-overlay-wrap { | |
| padding:20px | |
| } | |
| .grafanacon2021__speaker-card-btn { | |
| position:absolute; | |
| top:18px; | |
| right:18px; | |
| display:block; | |
| width:25px; | |
| height:25px; | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-circle-plus.svg) | |
| } | |
| .grafanacon2021__speaker-overlay .grafanacon2021__speaker-card-btn { | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-circle-x.svg) | |
| } | |
| .grafanacon2021__speaker-card-toggle:checked~.grafanacon2021__speaker-overlay { | |
| display:block | |
| } | |
| .grafanacon2021__speaker-overlay-avatar { | |
| width:100px; | |
| width:100px; | |
| border-radius:50%; | |
| overflow:hidden; | |
| margin-bottom:10px | |
| } | |
| .grafanacon2021__speaker-overlay-avatar>img { | |
| display:block | |
| } | |
| .grafanacon2021__speaker-overlay-meta { | |
| font-size:18px | |
| } | |
| .grafanacon2021__speaker-overlay-name { | |
| font-weight:500 | |
| } | |
| .grafanacon2021__speaker-overlay-social-list { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| list-style:none; | |
| margin:0 0 15px; | |
| padding:0; | |
| align-items:center | |
| } | |
| .grafanacon2021__speaker-overlay-social-list>li+li { | |
| margin-left:8px | |
| } | |
| .grafanacon2021__speaker-overlay-social-list .social-link { | |
| display:block | |
| } | |
| .grafanacon2021__speaker-overlay-social-list .fa-linkedin { | |
| color:#2d73c6 | |
| } | |
| .grafanacon2021__speaker-overlay-social-list .fa-twitter { | |
| color:#4da0ff | |
| } | |
| .grafanacon2021__speaker-overlay-social-list .fa-github { | |
| color:#000 | |
| } | |
| .grafanacon2021__featured-session-cards { | |
| display:flex; | |
| flex-flow:column wrap; | |
| width:100% | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__featured-session-cards { | |
| flex-flow:row wrap; | |
| justify-content:space-between | |
| } | |
| } | |
| .grafanacon2021__featured-session-card { | |
| padding:20px; | |
| background:linear-gradient(180deg,rgba(172,55,138,.7) 0%,rgba(102,42,146,0) 158.85%),#0f0d57; | |
| border-radius:5px; | |
| color:#fff!important | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__featured-session-card { | |
| width:calc(33.33% - 15px) | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__featured-session-card { | |
| margin-bottom:15px | |
| } | |
| } | |
| .grafanacon2021__featured-session-card:hover { | |
| background:linear-gradient(180deg,rgba(208,60,105,.7) 0%,rgba(174,55,136,0) 158.08%),#0f0d57 | |
| } | |
| .grafanacon2021__featured-session-card-date { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| align-items:center; | |
| margin-bottom:15px; | |
| font-size:18px; | |
| font-weight:500; | |
| line-height:normal | |
| } | |
| .grafanacon2021__featured-session-card-date img { | |
| margin-right:10px | |
| } | |
| .grafanacon2021__featured-session-card-desc { | |
| font-size:18px | |
| } | |
| .grafanacon2021__session-cards { | |
| width:100%; | |
| display:flex; | |
| flex-flow:column nowrap | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__session-cards { | |
| flex-flow:row wrap | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__session-cards--neg-margin { | |
| margin-right:-15px; | |
| margin-left:-15px | |
| } | |
| } | |
| .grafanacon2021__session-card-header { | |
| display:flex; | |
| width:100%; | |
| padding:12.5px | |
| } | |
| .grafanacon2021__session-card { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| padding:20px; | |
| background:rgba(65,114,196,.15); | |
| border:1px solid #1f2e7a; | |
| border-radius:5px; | |
| color:#fff | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__session-card { | |
| width:calc(33.33% - 25px); | |
| margin:0 12.5px 25px | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__session-card { | |
| margin-bottom:15px | |
| } | |
| } | |
| .grafanacon2021__session-card:hover { | |
| background:linear-gradient(180deg,#fcc55b -33.14%,#fb755a 139.24%); | |
| border:0; | |
| color:#000; | |
| border:1px solid transparent; | |
| transition:none | |
| } | |
| .grafanacon2021__session-card-time { | |
| margin-bottom:20px; | |
| font-size:14px | |
| } | |
| .grafanacon2021__session-card-title { | |
| margin-bottom:15px; | |
| font-size:16px; | |
| font-weight:500 | |
| } | |
| :hover>.grafanacon2021__session-card-title { | |
| text-decoration:underline | |
| } | |
| .grafanacon2021__session-card-footer { | |
| margin-top:auto | |
| } | |
| .grafanacon2021__session-card-speaker { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| line-height:normal; | |
| align-items:center; | |
| margin-bottom:10px | |
| } | |
| .grafanacon2021__session-card-speaker-avatar { | |
| display:flex; | |
| flex-flow:row nowrap | |
| } | |
| .grafanacon2021__session-card-speaker-avatar+.grafanacon2021__session-card-speaker-avatar { | |
| margin-left:-5px | |
| } | |
| .grafanacon2021__session-card-speaker-img { | |
| overflow:hidden; | |
| border-radius:50% | |
| } | |
| .grafanacon2021__session-card-speaker-img>img { | |
| display:block; | |
| width:30px; | |
| height:30px | |
| } | |
| .grafanacon2021__session-card-speaker-img+.grafanacon2021__session-card-speaker-img { | |
| margin-left:-4px | |
| } | |
| .grafanacon2021__session-card-tags { | |
| display:flex; | |
| flex-flow:row wrap; | |
| margin:0; | |
| padding:0; | |
| list-style:none | |
| } | |
| .grafanacon2021__session-card-tag { | |
| padding:6px 10px; | |
| font-size:12px; | |
| border:1px solid rgba(255,255,255,.2); | |
| line-height:normal; | |
| border-radius:3px; | |
| margin-right:10px; | |
| margin-top:10px | |
| } | |
| .grafanacon2021__session-card:hover .grafanacon2021__session-card-tag { | |
| border-color:rgba(0,0,0,.2) | |
| } | |
| .grafanacon2021__related-content-list { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| width:100%; | |
| list-style:none; | |
| margin:0; | |
| padding:0 | |
| } | |
| .grafanacon2021__related-content-list-link { | |
| color:#4da0ff; | |
| text-decoration:none | |
| } | |
| .grafanacon2021__related-content-list-link:hover { | |
| color:#4da0ff; | |
| text-decoration:underline | |
| } | |
| .grafanacon2021__page-head { | |
| width:100%; | |
| display:flex; | |
| flex-flow:column nowrap | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__page-head { | |
| flex-flow:row nowrap; | |
| justify-content:space-between | |
| } | |
| } | |
| .grafanacon2021__page-head.space-between { | |
| justify-content:space-between | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__page-head .grafanacon2021__site-nav { | |
| order:2 | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__site-nav { | |
| min-height:40px; | |
| position:absolute; | |
| top:0; | |
| right:0 | |
| } | |
| } | |
| .grafanacon2021__site-nav-btn { | |
| background:0 0; | |
| color:#fff; | |
| border:0; | |
| padding:0; | |
| position:absolute; | |
| top:0; | |
| z-index:1025; | |
| right:20px; | |
| font-size:20px; | |
| line-height:normal; | |
| -webkit-appearance:none | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__site-nav-btn { | |
| display:none!important | |
| } | |
| } | |
| .grafanacon2021__site-nav-logo { | |
| display:block | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__site-nav-logo { | |
| display:none!important | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__site-nav-wrap { | |
| display:block!important | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__site-nav-wrap { | |
| position:fixed; | |
| top:64px; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| background:#010038; | |
| z-index:1000; | |
| padding:20px | |
| } | |
| } | |
| .grafanacon2021__site-nav-list { | |
| display:flex; | |
| flex-direction:row; | |
| list-style:none; | |
| padding:0; | |
| margin:0 | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__site-nav-list { | |
| padding:20px!important; | |
| flex-flow:column nowrap | |
| } | |
| } | |
| .grafanacon2021__site-nav-list-link { | |
| display:block; | |
| color:#fefefe; | |
| padding-bottom:4px | |
| } | |
| .grafanacon2021__site-nav-list-link:hover { | |
| color:#fbc55a | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__site-nav-list-item { | |
| font-size:18px; | |
| border-bottom:1px solid #233c7e | |
| } | |
| .grafanacon2021__site-nav-list-item:last-child { | |
| border-bottom:0 | |
| } | |
| } | |
| .grafanacon2021__site-nav-list-item.current .grafanacon2021__site-nav-list-link { | |
| border-bottom:1px solid #fff | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__site-nav-list-link { | |
| display:block; | |
| font-size:18px; | |
| padding:12px 0 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__faq { | |
| max-width:800px; | |
| margin:0 auto | |
| } | |
| } | |
| .grafanacon2021__faq+.grafanacon2021__faq { | |
| margin-top:15px | |
| } | |
| .grafanacon2021__faq-item { | |
| position:relative; | |
| margin:0; | |
| list-style:none; | |
| background-color:rgba(65,114,196,.15); | |
| border:1px solid #1f2e7a; | |
| border-radius:5px; | |
| line-height:normal; | |
| padding:25px 50px 25px 25px | |
| } | |
| .grafanacon2021__faq-item:after { | |
| content:''; | |
| position:absolute; | |
| top:25px; | |
| right:20px; | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-circle-plus.svg); | |
| width:25px; | |
| height:25px; | |
| display:block; | |
| cursor:pointer | |
| } | |
| .grafanacon2021__faq-item.open { | |
| background-color:#fff; | |
| color:#000 | |
| } | |
| .grafanacon2021__faq-item.open:after { | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-circle-x.svg) | |
| } | |
| .grafanacon2021__faq-question, | |
| .grafanacon2021__faq-answer { | |
| margin:0; | |
| padding:0; | |
| cursor:pointer | |
| } | |
| .grafanacon2021__faq-question { | |
| display:block; | |
| font-size:20px; | |
| font-weight:700; | |
| cursor:pointer | |
| } | |
| .grafanacon2021__faq-answer { | |
| font-size:16px; | |
| font-weight:400; | |
| margin-top:10px; | |
| line-height:1.3 | |
| } | |
| .grafanacon2021__workshop-date { | |
| margin:0; | |
| font-size:24px; | |
| font-weight:500 | |
| } | |
| .grafanacon2021__workshop-divider { | |
| margin:15px 0; | |
| border-color:rgba(255,255,255,.1) | |
| } | |
| .grafanacon2021__filters .dropdown { | |
| margin:12px 0 | |
| } | |
| .grafanacon2021__filters .dropdown select { | |
| background-color:#3f1c7f; | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-caret-down.svg); | |
| background-size:unset; | |
| background-position:calc(100% - 20px); | |
| color:#fff; | |
| border:1px solid rgba(255,255,255,.7); | |
| min-width:163px; | |
| height:34px; | |
| line-height:32px; | |
| font-size:16px; | |
| font-weight:400 | |
| } | |
| .grafanacon2021__filters .btn--default { | |
| display:inline-flex; | |
| align-items:center; | |
| justify-content:space-between; | |
| background:rgba(1,0,56,.2); | |
| height:34px; | |
| border-radius:3px; | |
| padding:0 7px | |
| } | |
| .grafanacon2021__filters .btn--default .fa { | |
| height:100%; | |
| border-left:1px solid rgba(255,255,255,.15); | |
| display:inline-flex; | |
| align-items:center; | |
| justify-content:center; | |
| padding-left:7px; | |
| margin-left:7px | |
| } | |
| .grafanacon2021__site-banner { | |
| background-color:#060262; | |
| padding:10px 45px; | |
| font-size:14px; | |
| color:#fefefe; | |
| text-align:center; | |
| display:flex; | |
| flex-direction:column; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| @media(min-width:61.25rem) { | |
| .grafanacon2021__site-banner { | |
| height:45px; | |
| flex-direction:row; | |
| font-size:16px; | |
| padding:0 | |
| } | |
| } | |
| .grafanacon2021__site-banner-icon { | |
| display:inline-block; | |
| font-size:21px; | |
| margin-right:5px | |
| } | |
| .grafanacon2021__site-banner-link { | |
| display:inline-block; | |
| margin-left:10px; | |
| color:#fbc55a; | |
| font-weight:500 | |
| } | |
| .grafanacon2021__site-banner-link:hover { | |
| transition:none; | |
| color:#fbc55a; | |
| text-decoration:underline | |
| } | |
| @media(max-width:61.1875rem) { | |
| .grafanacon2021__site-banner-link { | |
| margin-top:5px | |
| } | |
| } | |
| .grafanacon2021__slack-banner { | |
| width:100%; | |
| display:flex; | |
| flex-flow:row nowrap; | |
| align-items:center; | |
| justify-content:center; | |
| padding:13px; | |
| color:#fff; | |
| text-align:center; | |
| font-size:16px; | |
| height:100%; | |
| line-height:normal | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__slack-banner { | |
| margin-top:20px | |
| } | |
| } | |
| .grafanacon2021__slack-banner:hover { | |
| transition:none; | |
| color:#fff | |
| } | |
| .grafanacon2021__slack-banner:hover b { | |
| text-decoration:underline | |
| } | |
| .grafanacon2021__slack-banner b { | |
| color:#fbc55a; | |
| font-weight:400 | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__slack-banner-content { | |
| text-align:left!important | |
| } | |
| } | |
| .grafanacon2021__slack-banner-icon { | |
| flex-shrink:0; | |
| margin-right:8px | |
| } | |
| .grafanacon2021__slack-banner-icon img { | |
| display:block | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__slack-banner-icon { | |
| margin-right:20px | |
| } | |
| } | |
| .grafanacon2021__live-feed { | |
| width:100%; | |
| display:flex; | |
| flex-flow:column wrap | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__live-feed { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| .grafanacon2021__live-feed-video { | |
| display:flex; | |
| width:100% | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__live-feed-video { | |
| width:80% | |
| } | |
| } | |
| .grafanacon2021__live-feed-video-wrap { | |
| display:flex; | |
| width:100%; | |
| height:0; | |
| position:relative; | |
| padding-bottom:56.25% | |
| } | |
| .grafanacon2021__live-feed-video-wrap iframe, | |
| .grafanacon2021__live-feed-video-wrap img { | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| width:100%; | |
| height:100% | |
| } | |
| .grafanacon2021__live-feed-widget { | |
| background:#1f2e7a | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon2021__live-feed-widget { | |
| min-height:560px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__live-feed-widget { | |
| width:330px | |
| } | |
| } | |
| @media(min-width:1265px) { | |
| .grafanacon2021__live-feed-widget { | |
| width:280px | |
| } | |
| } | |
| .grafanacon2021__session-preview { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| background:rgba(65,114,196,.15); | |
| border:1px solid #1f2e7a; | |
| padding:20px; | |
| border-radius:5px; | |
| align-items:flex-start | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__session-preview { | |
| flex-flow:row nowrap; | |
| align-items:center | |
| } | |
| } | |
| .grafanacon2021__session-preview-thumbnail { | |
| margin-bottom:20px; | |
| flex-shrink:0; | |
| position:relative; | |
| border-radius:4px; | |
| overflow:hidden; | |
| cursor:pointer; | |
| background:0 0; | |
| border:0; | |
| -webkit-appearance:none; | |
| padding:0; | |
| width:167px; | |
| height:167px; | |
| background:#1f2e7a | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon2021__session-preview-thumbnail { | |
| margin:0 20px 0 0 | |
| } | |
| } | |
| .grafanacon2021__session-preview-thumbnail>img { | |
| display:block; | |
| background:0 0 | |
| } | |
| .grafanacon2021__session-preview-thumbnail::after { | |
| content:''; | |
| width:50%; | |
| height:50%; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| transform:translate(-50%,-50%); | |
| background-image:url(/about/events/grafanacon/assets/2021/icon-play-button-white.svg); | |
| background-position:50%; | |
| background-repeat:no-repeat | |
| } | |
| .grafanacon2021__session-preview-modal { | |
| background:rgba(1,0,56,.9); | |
| border:1px solid #1f2e7a; | |
| padding:0 20px 20px; | |
| border-radius:5px | |
| } | |
| .grafanacon2021__session-preview-video-wrap { | |
| display:flex; | |
| width:100%; | |
| height:0; | |
| position:relative; | |
| padding-bottom:56.25% | |
| } | |
| .grafanacon2021__session-preview-video-wrap iframe { | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| width:100%; | |
| height:100% | |
| } | |
| .grafanacon2021__sponsor-callout { | |
| font-size:18px; | |
| flex-direction:column; | |
| text-align:center | |
| } | |
| @media(min-width:800px) { | |
| .grafanacon2021__sponsor-callout { | |
| flex-flow:row nowrap; | |
| text-align:left | |
| } | |
| } | |
| .grafanacon2021__sponsor-callout-img { | |
| display:block | |
| } | |
| @media(max-width:799px) { | |
| .grafanacon2021__sponsor-callout-img { | |
| margin-top:15px | |
| } | |
| } | |
| @media(min-width:800px) { | |
| .grafanacon2021__sponsor-callout-img { | |
| margin-left:14px | |
| } | |
| } | |
| .obscon2021 { | |
| color:#fcf8ec; | |
| background-color:#201b35; | |
| background-image:url(/about/events/observabilitycon/assets/2021/bg_observabilityland.svg); | |
| background-repeat:no-repeat; | |
| background-position:50% -75px; | |
| -webkit-font-smoothing:antialiased; | |
| -moz-osx-font-smoothing:grayscale | |
| } | |
| .obscon2021 .obscon2021-yellow { | |
| color:#fabb42 | |
| } | |
| .obscon2021 .obscon2021-orange { | |
| color:#fc7951 | |
| } | |
| .obscon2021 .obscon2021-blue { | |
| color:#70bbf1 | |
| } | |
| .obscon2021 .obscon2021-pink { | |
| color:#f886af | |
| } | |
| .obscon2021 .obscon2021-light-pink { | |
| color:#ff7eaf | |
| } | |
| .obscon2021__h2 { | |
| margin:0 0 .5em; | |
| font-size:30px; | |
| font-weight:500; | |
| color:#fcf8ec | |
| } | |
| .obscon2021__h3 { | |
| margin:0; | |
| font-size:22px; | |
| font-weight:500 | |
| } | |
| .obscon2021 __p { | |
| font-size:16px | |
| } | |
| .obscon2021__p--lg { | |
| font-size:20px; | |
| max-width:650px | |
| } | |
| .obscon2021__link { | |
| color:#70bbf1 | |
| } | |
| .obscon2021 hr { | |
| border:1px solid #3e3663; | |
| width:100% | |
| } | |
| .obscon2021__slack-link { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| color:#fabb42; | |
| align-items:center; | |
| font-size:13px; | |
| font-weight:600; | |
| margin-bottom:10px | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__slack-link { | |
| justify-content:flex-end | |
| } | |
| } | |
| .obscon2021__slack-link:hover { | |
| text-decoration:underline; | |
| color:#fabb42 | |
| } | |
| .obscon2021__slack-link-icon { | |
| display:block; | |
| flex-shrink:0; | |
| width:14.37px; | |
| height:14.37px; | |
| margin-right:5px | |
| } | |
| .obscon2021__page-title { | |
| width:100%; | |
| font-size:36px; | |
| color:#fabb42; | |
| margin:0 | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__page-title { | |
| font-size:42px | |
| } | |
| } | |
| .obscon2021__page-subtitle { | |
| font-size:18px; | |
| color:#fcf8ec; | |
| margin:0 | |
| } | |
| .obscon2021>.wrapper, | |
| .obscon2021>.wrapper-wide { | |
| position:relative; | |
| z-index:100 | |
| } | |
| .obscon2021__wrapper-dark { | |
| background:#120f1e; | |
| position:relative; | |
| z-index:100 | |
| } | |
| .obscon2021__page-header { | |
| margin-top:15px; | |
| margin-bottom:0; | |
| min-height:20px | |
| } | |
| .obscon2021__page-header .col { | |
| position:relative | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__page-header { | |
| margin-top:25px | |
| } | |
| } | |
| .obscon2021__page-header-logo-link { | |
| display:block | |
| } | |
| .obscon2021__page-header-logo--small { | |
| display:block; | |
| max-width:330px | |
| } | |
| .obscon2021__site-nav-btn svg, | |
| .obscon2021__site-nav-btn svg * { | |
| stroke:currentColor | |
| } | |
| .obscon2021__site-nav { | |
| position:relative | |
| } | |
| .obscon2021__site-nav-btn { | |
| background:0 0; | |
| color:#fcf8ec; | |
| border:0; | |
| padding:0; | |
| position:absolute; | |
| top:0; | |
| z-index:1025; | |
| right:0; | |
| font-size:14px; | |
| line-height:normal; | |
| -webkit-appearance:none; | |
| display:inline-flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__site-nav-btn { | |
| display:none!important | |
| } | |
| } | |
| .obscon2021__site-nav-btn>span+span { | |
| margin-left:3px | |
| } | |
| .obscon2021__site-nav-btn.open { | |
| color:#201b35 | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__site-nav-wrap { | |
| display:block!important | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__site-nav-wrap { | |
| position:absolute; | |
| top:-15px; | |
| right:-1.5rem; | |
| left:56px; | |
| background:#fefefe; | |
| z-index:1000; | |
| padding:50px 20px 20px | |
| } | |
| } | |
| .obscon2021__site-nav-list { | |
| display:flex; | |
| flex-direction:row; | |
| list-style:none; | |
| padding:0; | |
| margin:0 | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__site-nav-list { | |
| flex-flow:column nowrap | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__site-nav-list { | |
| justify-content:flex-end | |
| } | |
| } | |
| .obscon2021__site-nav-list-link { | |
| display:block; | |
| color:#fcf8ec | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__site-nav-list-link { | |
| font-size:20px; | |
| margin-top:10px; | |
| margin-bottom:10px; | |
| padding-top:2px; | |
| padding-bottom:2px; | |
| padding-left:10px; | |
| color:#201b35; | |
| border-left:2px solid transparent | |
| } | |
| .obscon2021__site-nav-list-link:hover { | |
| text-decoration:none; | |
| color:#201b35; | |
| border-color:#fc7951 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__site-nav-list-link { | |
| padding:5px 0; | |
| font-size:16px; | |
| font-weight:500 | |
| } | |
| .obscon2021__site-nav-list-link:hover { | |
| color:#fabb42; | |
| text-decoration:none | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__site-nav-list-item { | |
| font-size:20px | |
| } | |
| .obscon2021__site-nav-list-item:last-child { | |
| border-bottom:0 | |
| } | |
| .obscon2021__site-nav-list-item:last-child a { | |
| margin-bottom:0 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__site-nav-list-item+.obscon2021__site-nav-list-item { | |
| margin-left:25px | |
| } | |
| } | |
| .obscon2021__site-nav-list-item.current .obscon2021__site-nav-list-link { | |
| color:#fabb42 | |
| } | |
| .obscon2021__btn { | |
| color:#201b35; | |
| min-width:180px; | |
| min-height:46px; | |
| display:inline-flex; | |
| font-size:18px; | |
| transition:all .2s; | |
| justify-content:center; | |
| align-items:center; | |
| font-size:18px; | |
| font-weight:500; | |
| border-radius:5px | |
| } | |
| .obscon2021__btn:hover { | |
| color:#201b35; | |
| background:#fcf8ec | |
| } | |
| .obscon2021__btn-icon { | |
| margin-right:5px | |
| } | |
| .obscon2021__btn--pink { | |
| background:#f886af | |
| } | |
| .obscon2021__btn--orange { | |
| background:#fc7951 | |
| } | |
| .obscon2021__icon-btn { | |
| display:inline-flex; | |
| align-items:center; | |
| justify-content:center; | |
| font-size:13px; | |
| color:#70bbf1; | |
| border:1px solid #70bbf1; | |
| border-radius:3px; | |
| padding:3px 8px | |
| } | |
| .obscon2021__icon-btn:hover { | |
| color:#70bbf1; | |
| opacity:.75 | |
| } | |
| .obscon2021__icon-btn-img { | |
| margin-right:7px | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__page-hero { | |
| margin-top:-25px | |
| } | |
| } | |
| .obscon2021__page-hero-logo { | |
| display:block | |
| } | |
| .obscon2021__feature-item:nth-child(1) .obscon2021__feature-title { | |
| color:#fc7951 | |
| } | |
| .obscon2021__feature-item:nth-child(2) .obscon2021__feature-title { | |
| color:#70bbf1 | |
| } | |
| .obscon2021__feature-item:nth-child(3) .obscon2021__feature-title { | |
| color:#f886af | |
| } | |
| .obscon2021__feature-item:nth-child(4) .obscon2021__feature-title { | |
| color:#fabb42 | |
| } | |
| @media(max-width:40.625rem) { | |
| .obscon2021__feature-item { | |
| margin-bottom:1em | |
| } | |
| .obscon2021__feature-item:last-child { | |
| margin-bottom:0 | |
| } | |
| } | |
| .obscon2021__feature-title { | |
| font-size:22px; | |
| font-weight:500; | |
| line-height:1.3em; | |
| margin-bottom:.25em | |
| } | |
| .obscon2021__feature-desc { | |
| font-size:16px; | |
| line-height:1.5em | |
| } | |
| .obscon2021__feature-icon { | |
| margin:0; | |
| min-height:75px | |
| } | |
| .obscon2021__feature-icon>img { | |
| display:block | |
| } | |
| .obscon2021__register-form { | |
| width:100%; | |
| display:inline-flex; | |
| flex-flow:column; | |
| padding:30px; | |
| background:#fff; | |
| border-radius:5px; | |
| align-items:flex-start | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__register-form { | |
| max-width:500px | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__register-form { | |
| margin-top:20px | |
| } | |
| } | |
| .obscon2021__register-form--full-width { | |
| max-width:100% | |
| } | |
| .obscon2021__register-form .form-inline { | |
| width:100% | |
| } | |
| .obscon2021__register-form .form-input label, | |
| .obscon2021__register-form .form-main label { | |
| display:none | |
| } | |
| .obscon2021__register-form .form-input { | |
| max-width:100%; | |
| margin:0 | |
| } | |
| @media(max-width:980px) { | |
| .obscon2021__register-form .form-input { | |
| margin-bottom:20px | |
| } | |
| } | |
| .obscon2021__register-form .form-input input { | |
| border:1px solid #c7c7c7; | |
| border-radius:5px | |
| } | |
| .obscon2021__register-form .form-submit { | |
| flex-shrink:0 | |
| } | |
| @media(max-width:600px) { | |
| .obscon2021__register-form .form-main .form-submit { | |
| margin-left:0 | |
| } | |
| } | |
| .obscon2021__register-form .btn { | |
| border-radius:5px!important; | |
| transition:all .2s; | |
| border:0 | |
| } | |
| .obscon2021__register-form .btn>span { | |
| vertical-align:middle | |
| } | |
| .obscon2021__register-form .btn>span+span { | |
| margin-left:8px | |
| } | |
| @media(max-width:600px) { | |
| .obscon2021__register-form .btn { | |
| width:100% | |
| } | |
| } | |
| .obscon2021__register-form .form-inline .form-main { | |
| flex:auto; | |
| justify-content:flex-start | |
| } | |
| .obscon2021__register-form .form-inline .form-main div:first-of-type { | |
| flex:auto | |
| } | |
| .obscon2021__register-form .form__notice { | |
| color:#a8a8a8; | |
| font-size:12px!important; | |
| margin-top:20px!important; | |
| width:100%; | |
| text-align:center; | |
| max-width:100% | |
| } | |
| .obscon2021__register-form-title { | |
| width:100%; | |
| font-size:26px; | |
| font-weight:500; | |
| color:#222; | |
| line-height:1.2; | |
| margin-bottom:5px; | |
| width:100%; | |
| text-align:center | |
| } | |
| .obscon2021__register-form-subtitle { | |
| font-size:18px; | |
| color:#222; | |
| margin-bottom:20px; | |
| width:100% | |
| } | |
| .obscon2021__register-form .form-response.form-response--success { | |
| color:#222; | |
| margin:0 | |
| } | |
| .obscon2021__register-form .form__confirmation { | |
| color:#222; | |
| text-align:center | |
| } | |
| .obscon2021__register-form.dark { | |
| background:0 0; | |
| height:100% | |
| } | |
| .obscon2021__register-form.dark .form-response.form-response--success { | |
| color:#fff | |
| } | |
| .obscon2021__register-form.dark .btn { | |
| background:#fc7951; | |
| color:#201b35 | |
| } | |
| .obscon2021__register-form.dark .btn:hover { | |
| color:#201b35; | |
| background:#fcf8ec | |
| } | |
| .dark .obscon2021__register-form-subtitle { | |
| color:#fff | |
| } | |
| .obscon2021__register-form-horiz { | |
| max-width:100%; | |
| padding:0 25px | |
| } | |
| .obscon2021__register-form-horiz .form-wrap { | |
| width:100%; | |
| flex-flow:column nowrap; | |
| justify-content:center; | |
| align-items:center; | |
| text-align:center | |
| } | |
| .obscon2021__register-form-horiz .form-section { | |
| display:flex; | |
| flex-flow:column wrap; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| @media(min-width:1075px) { | |
| .obscon2021__register-form-horiz .form-section { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| .obscon2021__register-form-horiz .form-inline { | |
| width:100% | |
| } | |
| .obscon2021__register-form-horiz .form-inline .form-main { | |
| justify-content:center; | |
| align-items:center; | |
| flex:initial | |
| } | |
| @media(min-width:601px) { | |
| .obscon2021__register-form-horiz .form-inline .form-main { | |
| margin-left:20px | |
| } | |
| } | |
| .obscon2021__register-form-horiz .obscon2021__register-form-title { | |
| color:#fff; | |
| font-size:18px; | |
| margin:0; | |
| width:100%; | |
| margin-bottom:25px | |
| } | |
| .obscon2021__register-form-horiz .obscon2021__register-form-subtitletitle { | |
| margin-bottom:0 | |
| } | |
| .obscon2021__register-form-horiz .form-input { | |
| flex:unset; | |
| width:100%; | |
| margin-bottom:10px | |
| } | |
| @media(min-width:601px) { | |
| .obscon2021__register-form-horiz .form-input { | |
| width:285px; | |
| margin-bottom:0 | |
| } | |
| } | |
| .obscon2021__register-form-horiz .form__notice { | |
| margin-top:10px!important; | |
| color:#9094b9 | |
| } | |
| .obscon2021__register-form-horiz .form-inline .form-main div:first-of-type { | |
| flex:unset; | |
| width:100% | |
| } | |
| @media(min-width:601px) { | |
| .obscon2021__register-form-horiz .form-inline .form-main div:first-of-type { | |
| width:285px | |
| } | |
| } | |
| .obscon2021__schedule-item { | |
| align-items:stretch | |
| } | |
| .obscon2021__schedule-body { | |
| background:#3e3663; | |
| border-radius:10px; | |
| padding:25px; | |
| height:100% | |
| } | |
| .obscon2021__schedule-title { | |
| font-size:22px; | |
| font-weight:500; | |
| margin-bottom:.5em | |
| } | |
| .obscon2021__schedule-list { | |
| list-style:none; | |
| padding:0 0 0 .75em; | |
| list-style-type:'– ' | |
| } | |
| .obscon2021__schedule-list-item { | |
| margin-bottom:.25em | |
| } | |
| .obscon2021__schedule-list-item:last-child { | |
| margin-bottom:0 | |
| } | |
| .obscon2021__highlights { | |
| align-items:stretch; | |
| justify-content:center | |
| } | |
| .obscon2021__highlights-card { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| border-radius:5px; | |
| overflow:hidden; | |
| background:#fcf8ec; | |
| height:100% | |
| } | |
| .obscon2021__highlights-link { | |
| color:#120f1e | |
| } | |
| .obscon2021__highlights-link:hover { | |
| color:#120f1e | |
| } | |
| .obscon2021__highlights-link:hover .obscon2021__highlights-card-body { | |
| background:#fabb42 | |
| } | |
| .obscon2021__highlights-link:hover .obscon2021__highlights-card-title { | |
| text-decoration:underline | |
| } | |
| .obscon2021__highlights-card-body { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| padding:15px; | |
| flex-grow:1 | |
| } | |
| .obscon2021__highlights-card-title { | |
| font-size:18px | |
| } | |
| .obscon2021__highlights-card-image { | |
| position:relative; | |
| margin:0 | |
| } | |
| .obscon2021__highlights-card-image>img { | |
| display:block | |
| } | |
| .obscon2021__highlights-link:hover .obscon2021__highlights-card-image::after { | |
| content:''; | |
| position:absolute; | |
| top:0; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| background:rgba(0,0,0,.1) | |
| } | |
| .obscon2021__highlights-card-meta { | |
| font-size:12px; | |
| margin-top:auto; | |
| padding-top:30px | |
| } | |
| .obscon2021__bug-banner { | |
| background-color:#3e3663; | |
| background-image:url(/about/events/observabilitycon/assets/2021/bg_bug-banner.svg); | |
| opacity:1; | |
| width:294px; | |
| height:165px; | |
| top:auto; | |
| right:20px; | |
| bottom:20px; | |
| left:auto; | |
| border-radius:5px; | |
| box-shadow:0 4px 12px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25) | |
| } | |
| .obscon2021__bug-banner-link { | |
| display:block; | |
| position:absolute; | |
| top:0; | |
| right:0; | |
| bottom:0; | |
| left:0 | |
| } | |
| .obscon2021__bug-banner:hover .obscon2021__btn--banner { | |
| background:#fabb42 | |
| } | |
| .obscon2021__bug-banner .footer__banner-close { | |
| position:absolute; | |
| top:-10px; | |
| right:-10px; | |
| width:23px; | |
| height:23px; | |
| background-color:#393946; | |
| border-radius:50%; | |
| box-shadow:0 4px 12px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25); | |
| z-index:1000 | |
| } | |
| .obscon2021__bug-banner .footer__banner-close_button { | |
| position:absolute; | |
| width:23px; | |
| height:23px; | |
| background-image:url(/static/img/grafanacon/bug-banner-close.svg); | |
| background-size:23px 23px; | |
| padding:0 | |
| } | |
| .obscon2021__bug-banner .footer__banner-close_button i.fa { | |
| display:none | |
| } | |
| .obscon2021__btn--banner { | |
| position:absolute; | |
| top:auto; | |
| right:15px; | |
| bottom:15px; | |
| left:auto; | |
| background:#70bbf1; | |
| color:#201b35; | |
| min-height:33px; | |
| min-width:auto; | |
| padding:0 15px | |
| } | |
| .obscon2021__agenda-day-picker { | |
| list-style:none; | |
| margin:0; | |
| padding:0; | |
| display:flex; | |
| flex-flow:row nowrap; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| .obscon2021__agenda-day-picker-item { | |
| line-height:1; | |
| width:100%; | |
| max-width:150px; | |
| margin:0 5px; | |
| font-size:16px; | |
| font-weight:500 | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__agenda-day-picker-item { | |
| margin:0 10px; | |
| font-size:18px | |
| } | |
| } | |
| .obscon2021__agenda-day-picker-card { | |
| display:flex; | |
| flex-flow:column wrap; | |
| align-items:center; | |
| background:#3e3663; | |
| border-radius:5px; | |
| padding:15px 0 20px; | |
| cursor:pointer | |
| } | |
| .obscon2021__agenda-day-picker-card.active, | |
| .obscon2021__agenda-day-picker-card:hover { | |
| background:#fabb42; | |
| color:#201b35 | |
| } | |
| .obscon2021__agenda-day-picker-date { | |
| font-size:50px; | |
| font-weight:600; | |
| margin-bottom:5px | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__agenda-day-picker-date { | |
| font-size:76px | |
| } | |
| } | |
| .obscon2021__agenda-day-picker-day { | |
| font-size:14px | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__agenda-day-picker-day { | |
| font-size:18px | |
| } | |
| } | |
| .obscon2021__session-meta { | |
| display:flex; | |
| flex-flow:column wrap | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__session-meta { | |
| flex-flow:row wrap | |
| } | |
| } | |
| .obscon2021__session-meta>.obscon2021__icon-btn { | |
| align-self:flex-start | |
| } | |
| @media(max-width:62rem) { | |
| .obscon2021__session-meta>.obscon2021__icon-btn { | |
| display:none | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__session-meta>.obscon2021__icon-btn { | |
| margin-left:1em | |
| } | |
| } | |
| .obscon2021__session-cards { | |
| display:flex; | |
| flex-flow:column wrap; | |
| width:100%; | |
| max-width:844px; | |
| margin:0 auto | |
| } | |
| .obscon2021__session-card { | |
| display:flex; | |
| flex-flow:column wrap; | |
| background:#fcf8ec; | |
| color:#201b35; | |
| width:100%; | |
| border-radius:5px; | |
| padding:30px | |
| } | |
| .obscon2021__session-card:hover { | |
| background:#fabb42; | |
| color:#201b35 | |
| } | |
| .obscon2021__session-card b { | |
| color:#201b35 | |
| } | |
| .obscon2021__session-card-wrapper { | |
| margin-bottom:20px | |
| } | |
| .obscon2021__session-card-date { | |
| font-size:16px; | |
| font-weight:400 | |
| } | |
| .obscon2021__session-card-title { | |
| font-size:24px; | |
| font-weight:500 | |
| } | |
| .obscon2021__session-card-footer { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| margin-top:6px | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__session-card-footer { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| .obscon2021__session-card-speaker-avatars { | |
| display:flex; | |
| flex-flow:row wrap; | |
| flex-shrink:0 | |
| } | |
| @media(max-width:62rem) { | |
| .obscon2021__session-card-speaker-avatars { | |
| margin-bottom:3px | |
| } | |
| } | |
| .obscon2021__session-card-speaker-avatar+.obscon2021__session-card-speaker-avatar { | |
| margin-left:-3px | |
| } | |
| .obscon2021__session-card-speaker-img { | |
| border-radius:50%; | |
| overflow:hidden; | |
| display:block; | |
| border:1px solid #fc7951 | |
| } | |
| .obscon2021__session-card-speaker-img>img { | |
| display:block; | |
| height:30px; | |
| width:30px | |
| } | |
| .obscon2021__session-card-speaker-names { | |
| display:flex; | |
| flex-flow:column wrap | |
| } | |
| @media(min-width:62rem) { | |
| .obscon2021__session-card-speaker-names { | |
| padding-left:15px | |
| } | |
| } | |
| .obscon2021__session-card:hover .obscon2021__session-card-title, | |
| .obscon2021__session-card:hover .obscon2021__session-card-link { | |
| text-decoration:underline | |
| } | |
| .obscon2021__speaker-cards { | |
| display:flex; | |
| flex-flow:column nowrap; | |
| width:100% | |
| } | |
| @media(min-width:40.625rem) { | |
| .obscon2021__speaker-cards { | |
| flex-flow:row wrap; | |
| align-items:stretch; | |
| margin:-30px 0 0 -30px; | |
| width:calc(100% + 30px) | |
| } | |
| } | |
| .obscon2021__speaker-card { | |
| text-align:left; | |
| padding:20px; | |
| border-radius:5px; | |
| border:0; | |
| color:#201b35; | |
| font-weight:unset; | |
| font-size:16px; | |
| position:relative; | |
| display:flex; | |
| width:100% | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+1) { | |
| background:#f886af | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+2) { | |
| background:#fabb42 | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+3) { | |
| background:#fc7951 | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+4) { | |
| background:#70bbf1 | |
| } | |
| .obscon2021__speaker-card:hover { | |
| background:#fcf8ec | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__speaker-card { | |
| margin-bottom:30px | |
| } | |
| .obscon2021__speaker-card:last-child { | |
| margin-bottom:0 | |
| } | |
| } | |
| @media(min-width:40.625rem) { | |
| .obscon2021__speaker-card { | |
| width:calc(50% - 30px); | |
| margin:30px 0 0 30px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__speaker-card { | |
| width:calc(33.33% - 30px); | |
| margin:30px 0 0 30px | |
| } | |
| } | |
| .obscon2021__speaker-card-avatar { | |
| width:100px; | |
| height:100px; | |
| overflow:hidden; | |
| margin-bottom:10px | |
| } | |
| .obscon2021__speaker-card-avatar img { | |
| display:block | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+1) .obscon2021__speaker-card-avatar { | |
| border-radius:50% | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+2) .obscon2021__speaker-card-avatar { | |
| border-radius:50% 0 | |
| } | |
| .obscon2021__speaker-card:nth-child(4n+3) .obscon2021__speaker-card-avatar { | |
| border-radius:0 50% 0 0 | |
| } | |
| .obscon2021__speaker-card-name { | |
| font-weight:500; | |
| font-size:18px | |
| } | |
| .obscon2021__speaker-card:hover .obscon2021__speaker-card-name { | |
| text-decoration:underline | |
| } | |
| .obscon2021__speaker-overlay { | |
| min-height:100%; | |
| min-width:100%; | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| z-index:10; | |
| color:#000; | |
| cursor:default; | |
| background:#fcf8ec; | |
| border-radius:5px; | |
| box-shadow:0 5px 30px rgba(0,0,0,.3) | |
| } | |
| .obscon2021__speaker-overlay-wrap { | |
| padding:20px | |
| } | |
| .obscon2021__speaker-card-btn { | |
| position:absolute; | |
| top:18px; | |
| right:18px; | |
| display:block; | |
| width:25px; | |
| height:25px; | |
| background-image:url(/about/events/observabilitycon/assets/2021/icon-circle-plus.svg); | |
| cursor:pointer | |
| } | |
| .obscon2021__speaker-overlay .obscon2021__speaker-card-btn { | |
| background-image:url(/about/events/observabilitycon/assets/2021/icon-circle-x.svg) | |
| } | |
| .obscon2021__speaker-card-toggle:checked~.obscon2021__speaker-overlay { | |
| display:block | |
| } | |
| .obscon2021__speaker-overlay-avatar { | |
| width:100px; | |
| width:100px; | |
| border-radius:50%; | |
| overflow:hidden; | |
| margin-bottom:10px | |
| } | |
| .obscon2021__speaker-overlay-avatar>img { | |
| display:block | |
| } | |
| .obscon2021__speaker-overlay-meta { | |
| font-size:18px | |
| } | |
| .obscon2021__speaker-overlay-name { | |
| font-weight:500 | |
| } | |
| .obscon2021__speaker-overlay-social-list { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| list-style:none; | |
| margin:0 0 15px; | |
| padding:0; | |
| align-items:center | |
| } | |
| .obscon2021__speaker-overlay-social-list>li+li { | |
| margin-left:8px | |
| } | |
| .obscon2021__speaker-overlay-social-list .social-link { | |
| display:block | |
| } | |
| .obscon2021__speaker-overlay-social-list .fa-linkedin { | |
| color:#2d73c6 | |
| } | |
| .obscon2021__speaker-overlay-social-list .fa-twitter { | |
| color:#4da0ff | |
| } | |
| .obscon2021__speaker-overlay-social-list .fa-github { | |
| color:#000 | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__faq { | |
| max-width:800px; | |
| margin:0 auto | |
| } | |
| } | |
| .obscon2021__faq+.obscon2021__faq { | |
| margin-top:15px | |
| } | |
| .obscon2021__faq-item { | |
| position:relative; | |
| margin:0; | |
| list-style:none; | |
| background-color:#fcf8ec; | |
| border:0; | |
| border-radius:5px; | |
| line-height:normal; | |
| padding:25px 50px 25px 25px; | |
| color:#201b35 | |
| } | |
| .obscon2021__faq-item:after { | |
| content:''; | |
| position:absolute; | |
| top:25px; | |
| right:20px; | |
| background-image:url(/about/events/observabilitycon/assets/2021/icon-circle-plus.svg); | |
| width:25px; | |
| height:25px; | |
| display:block; | |
| cursor:pointer | |
| } | |
| .obscon2021__faq-item.open { | |
| background-color:#fcf8ec; | |
| color:#201b35 | |
| } | |
| .obscon2021__faq-item.open:after { | |
| background-image:url(/about/events/observabilitycon/assets/2021/icon-circle-x.svg) | |
| } | |
| .obscon2021__faq-question, | |
| .obscon2021__faq-answer { | |
| margin:0; | |
| padding:0; | |
| cursor:pointer | |
| } | |
| .obscon2021__faq-question { | |
| display:block; | |
| font-size:20px; | |
| font-weight:600; | |
| cursor:pointer | |
| } | |
| .obscon2021__faq-answer { | |
| font-size:16px; | |
| font-weight:400; | |
| margin-top:10px; | |
| line-height:1.3 | |
| } | |
| .obscon2021__faq-answer a { | |
| color:inherit; | |
| text-decoration:underline | |
| } | |
| .obscon2021__faq:hover .obscon2021__faq-item { | |
| background:#fabb42 | |
| } | |
| .obscon2021__faq:hover .obscon2021__faq-question { | |
| text-decoration:underline | |
| } | |
| .obscon2021__live-feed { | |
| width:100%; | |
| display:flex; | |
| flex-flow:column wrap | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__live-feed { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__live-feed--small { | |
| margin:0 auto; | |
| max-width:80% | |
| } | |
| } | |
| .obscon2021__live-feed-video { | |
| display:flex; | |
| width:100% | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__live-feed-video { | |
| width:80% | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__live-feed--small .obscon2021__live-feed-video { | |
| width:100% | |
| } | |
| } | |
| .obscon2021__live-feed-video-wrap { | |
| display:flex; | |
| width:100%; | |
| height:0; | |
| position:relative; | |
| padding-bottom:56.25% | |
| } | |
| .obscon2021__live-feed-video-wrap iframe, | |
| .obscon2021__live-feed-video-wrap img { | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| width:100%; | |
| height:100% | |
| } | |
| .obscon2021__live-feed-widget, | |
| .obscon2021__live-feed-widget>iframe { | |
| background:#1f2e7a | |
| } | |
| @media(max-width:979px) { | |
| .obscon2021__live-feed-widget, | |
| .obscon2021__live-feed-widget>iframe { | |
| min-height:560px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .obscon2021__live-feed-widget, | |
| .obscon2021__live-feed-widget>iframe { | |
| width:330px | |
| } | |
| } | |
| @media(min-width:1265px) { | |
| .obscon2021__live-feed-widget, | |
| .obscon2021__live-feed-widget>iframe { | |
| width:290px | |
| } | |
| } | |
| .obscon2021__site-banner { | |
| background-color:#3e3663; | |
| padding:10px 45px; | |
| font-size:14px; | |
| color:#fefefe; | |
| text-align:center; | |
| display:flex; | |
| flex-direction:column; | |
| justify-content:center; | |
| align-items:center | |
| } | |
| @media(min-width:61.25rem) { | |
| .obscon2021__site-banner { | |
| height:45px; | |
| flex-direction:row; | |
| font-size:16px; | |
| padding:0 | |
| } | |
| } | |
| .obscon2021__site-banner-icon { | |
| display:inline-block; | |
| font-size:21px; | |
| margin-right:5px | |
| } | |
| .obscon2021__site-banner-link { | |
| display:inline-block; | |
| margin-left:10px; | |
| color:#fbc55a; | |
| font-weight:500 | |
| } | |
| .obscon2021__site-banner-link:hover { | |
| transition:none; | |
| color:#fbc55a; | |
| text-decoration:underline | |
| } | |
| @media(max-width:61.1875rem) { | |
| .obscon2021__site-banner-link { | |
| margin-top:5px | |
| } | |
| } | |
| .dashboard-card { | |
| height:311px | |
| } | |
| .dashboard-card__inner { | |
| height:100% | |
| } | |
| .dashboard-card__img { | |
| height:125px | |
| } | |
| .dashboard-card__copy { | |
| text-overflow:ellipsis; | |
| height:65px | |
| } | |
| .dashboard__hero--link { | |
| color:#4da0ff | |
| } | |
| .dashboard__hero--link:hover { | |
| color:#66adff | |
| } | |
| pre:not([class*=language-]), | |
| code:not([class*=language-]) { | |
| color:#354044; | |
| background:#f7faff; | |
| padding:.25rem .4rem; | |
| margin:0; | |
| text-shadow:none; | |
| font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace; | |
| direction:ltr; | |
| text-align:left; | |
| line-height:1.8; | |
| -moz-tab-size:4; | |
| -o-tab-size:4; | |
| tab-size:4; | |
| -webkit-hyphens:none; | |
| -ms-hyphens:none; | |
| hyphens:none | |
| } | |
| pre:not([class*=language-])+p, | |
| code:not([class*=language-])+p { | |
| margin-top:1rem | |
| } | |
| pre[class*=language-], | |
| code[class*=language-] { | |
| color:#354044; | |
| text-shadow:none; | |
| font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace; | |
| direction:ltr; | |
| text-align:left; | |
| white-space:pre; | |
| word-spacing:normal; | |
| word-break:normal; | |
| line-height:1.8; | |
| -moz-tab-size:4; | |
| -o-tab-size:4; | |
| tab-size:4; | |
| -webkit-hyphens:none; | |
| -ms-hyphens:none; | |
| hyphens:none; | |
| margin-bottom:1rem | |
| } | |
| pre:not([class*=language-])>code:not([class*=language-]), | |
| pre[class*=language-]>code[class*=language-] { | |
| font-size:14px | |
| } | |
| pre[class*=language-]::-moz-selection, | |
| code[class*=language-]::-moz-selection { | |
| text-shadow:none; | |
| background:#b3d4fc | |
| } | |
| pre[class*=language-]::selection, | |
| code[class*=language-]::selection, | |
| pre[class*=language-]::mozselection, | |
| code[class*=language-]::mozselection { | |
| text-shadow:none; | |
| background:#b3d4fc | |
| } | |
| @media print { | |
| pre[class*=language-], | |
| code[class*=language-] { | |
| text-shadow:none | |
| } | |
| } | |
| pre[class*=language-] { | |
| padding:.5rem; | |
| margin:.5rem 0; | |
| overflow:auto; | |
| background:#f7faff | |
| } | |
| :not(pre)>code[class*=language-] { | |
| padding:.5rem .25rem; | |
| border-radius:.25rem; | |
| color:#db4c69; | |
| background:#f7faff | |
| } | |
| pre:not([class*=language-])>code:not([class*=language-]) { | |
| padding:0; | |
| margin:0 | |
| } | |
| pre:not([class*=language-]) { | |
| margin:0 0 1rem | |
| } | |
| .namespace { | |
| opacity:.7 | |
| } | |
| .token.comment, | |
| .token.prolog, | |
| .token.doctype, | |
| .token.cdata { | |
| color:#93a1a1 | |
| } | |
| .token.punctuation { | |
| color:#999 | |
| } | |
| .token.property, | |
| .token.tag, | |
| .token.boolean, | |
| .token.number, | |
| .token.constant, | |
| .token.symbol, | |
| .token.deleted { | |
| color:#905 | |
| } | |
| .token.tag { | |
| margin:0; | |
| padding:0; | |
| background:0 0; | |
| font-size:14px | |
| } | |
| .token.selector, | |
| .token.attr-name, | |
| .token.string, | |
| .token.char, | |
| .token.builtin, | |
| .token.inserted { | |
| color:#690 | |
| } | |
| .token.operator, | |
| .token.entity, | |
| .token.url, | |
| .language-css .token.string, | |
| .style .token.string { | |
| color:#a67f59; | |
| background:#fefefe | |
| } | |
| .token.atrule, | |
| .token.attr-value, | |
| .token.keyword { | |
| color:#07a | |
| } | |
| .token.function { | |
| color:#dd4a68 | |
| } | |
| .token.regex, | |
| .token.important, | |
| .token.variable { | |
| color:#e90 | |
| } | |
| .token.important, | |
| .token.bold { | |
| font-weight:700 | |
| } | |
| .token.italic { | |
| font-style:italic | |
| } | |
| .token.entity { | |
| cursor:help | |
| } | |
| pre[data-line] { | |
| position:relative | |
| } | |
| pre[class*=language-]>code[class*=language-] { | |
| position:relative; | |
| z-index:1 | |
| } | |
| .line-highlight { | |
| position:absolute; | |
| left:0; | |
| right:0; | |
| padding:inherit 0; | |
| margin-top:1em; | |
| background:#cbdfff; | |
| box-shadow:inset 5px 0 #3d7bd9; | |
| z-index:0; | |
| pointer-events:none; | |
| line-height:inherit; | |
| white-space:pre | |
| } | |
| .line-highlight:before, | |
| .line-highlight[data-end]:after { | |
| content:attr(data-start); | |
| position:absolute; | |
| top:.4em; | |
| left:.6em; | |
| min-width:1em; | |
| padding:0 .5em; | |
| background-color:rgba(153,122,102,.4); | |
| color:#f5f2f0; | |
| font:700 65%/1.5 sans-serif; | |
| text-align:center; | |
| vertical-align:.3em; | |
| border-radius:999px; | |
| text-shadow:none; | |
| box-shadow:0 1px white | |
| } | |
| .line-highlight[data-end]:after { | |
| content:attr(data-end); | |
| top:auto; | |
| bottom:.4em | |
| } | |
| .line-numbers .line-highlight:before, | |
| .line-numbers .line-highlight:after { | |
| content:none | |
| } | |
| pre[class*=language-].line-numbers { | |
| position:relative; | |
| padding-left:3.8em; | |
| counter-reset:linenumber | |
| } | |
| pre[class*=language-].line-numbers>code { | |
| position:relative; | |
| white-space:inherit | |
| } | |
| .line-numbers .line-numbers-rows { | |
| position:absolute; | |
| pointer-events:none; | |
| top:0; | |
| font-size:100%; | |
| left:-3.8em; | |
| width:3em; | |
| letter-spacing:-1px; | |
| border-right:1px solid #999; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none | |
| } | |
| .line-numbers-rows>span { | |
| pointer-events:none; | |
| display:block; | |
| counter-increment:linenumber | |
| } | |
| .line-numbers-rows>span:before { | |
| content:counter(linenumber); | |
| color:#999; | |
| display:block; | |
| padding-right:.8em; | |
| text-align:right | |
| } | |
| div.code-toolbar { | |
| position:relative; | |
| margin-bottom:1rem | |
| } | |
| div.code-toolbar>.toolbar { | |
| position:absolute; | |
| top:.3em; | |
| right:.2em; | |
| transition:opacity .3s ease-in-out; | |
| opacity:0 | |
| } | |
| div.code-toolbar:hover>.toolbar { | |
| opacity:1 | |
| } | |
| div.code-toolbar:focus-within>.toolbar { | |
| opacity:1 | |
| } | |
| div.code-toolbar>.toolbar .toolbar-item { | |
| display:inline-block; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none | |
| } | |
| div.code-toolbar>.toolbar a { | |
| cursor:pointer | |
| } | |
| div.code-toolbar>.toolbar button { | |
| background:0 0; | |
| border:0; | |
| color:inherit; | |
| font:inherit; | |
| line-height:normal; | |
| overflow:visible; | |
| padding:0; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none | |
| } | |
| div.code-toolbar>.toolbar a, | |
| div.code-toolbar>.toolbar button, | |
| div.code-toolbar>.toolbar span { | |
| color:#bbb; | |
| font-size:14px; | |
| padding:.5rem; | |
| background:#f5f2f0; | |
| background:rgba(224,224,224,.2) | |
| } | |
| div.code-toolbar>.toolbar a:hover, | |
| div.code-toolbar>.toolbar a:focus, | |
| div.code-toolbar>.toolbar button:hover, | |
| div.code-toolbar>.toolbar button:focus, | |
| div.code-toolbar>.toolbar span:hover, | |
| div.code-toolbar>.toolbar span:focus { | |
| color:inherit; | |
| text-decoration:none | |
| } | |
| .main { | |
| line-height:1.6 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .main { | |
| line-height:1.3 | |
| } | |
| } | |
| ::-moz-selection { | |
| color:#fefefe; | |
| background:#3d7bd9 | |
| } | |
| ::selection { | |
| color:#fefefe; | |
| background:#3d7bd9 | |
| } | |
| p { | |
| margin:0 0 1rem; | |
| text-rendering:optimizeLegibility | |
| } | |
| table { | |
| border-collapse:collapse; | |
| border-spacing:0; | |
| border:1px solid #dfe3e5; | |
| margin-bottom:1.25rem; | |
| table-layout:auto; | |
| font-size:16px | |
| } | |
| table th { | |
| background:#cbdfff; | |
| text-align:left; | |
| padding:.4rem .625rem; | |
| font-weight:400 | |
| } | |
| table th:not(:first-of-type) { | |
| border-left:1px solid #dfe3e5 | |
| } | |
| table td { | |
| padding:.4625rem .625rem; | |
| border-right:1px solid #dfe3e5; | |
| border-bottom:1px solid #dfe3e5 | |
| } | |
| table td:first-child { | |
| white-space:nowrap | |
| } | |
| table tr:nth-child(even) td { | |
| background:#f7faff | |
| } | |
| blockquote { | |
| background:#eaeaea; | |
| margin:1rem 1rem 1rem 0; | |
| display:block; | |
| padding:1rem; | |
| border:none; | |
| -o-border-image:linear-gradient(#ffd500 0%,#f40 99%,#f40 100%); | |
| border-image:linear-gradient(#ffd500 0%,#f40 99%,#f40 100%); | |
| border-image-slice:1; | |
| border-style:solid; | |
| border-top:0; | |
| border-right:0; | |
| border-bottom:0; | |
| border-left-width:2px | |
| } | |
| blockquote>p { | |
| margin:0 | |
| } | |
| .section-docs figure { | |
| margin-left:0; | |
| margin-right:0 | |
| } | |
| @media(max-width:61.1875rem) { | |
| .section-docs .Hero { | |
| display:none | |
| } | |
| } | |
| @media(min-width:61.25rem) { | |
| .section-docs .nav-sub__first { | |
| display:none | |
| } | |
| } | |
| .section-docs blockquote { | |
| background:#eaeaea | |
| } | |
| .docs-container { | |
| position:relative; | |
| padding-top:16px | |
| } | |
| .docs-anchor-link { | |
| font-size:80%; | |
| padding-left:1rem; | |
| visibility:hidden; | |
| opacity:0; | |
| transition:opacity .2s | |
| } | |
| .markdown-video { | |
| float:right; | |
| width:50% | |
| } | |
| .docs-content { | |
| min-height:50rem; | |
| flex-grow:1 | |
| } | |
| .docs-content h1:hover .docs-anchor-link, | |
| .docs-content h2:hover .docs-anchor-link, | |
| .docs-content h3:hover .docs-anchor-link, | |
| .docs-content h4:hover .docs-anchor-link, | |
| .docs-content h5:hover .docs-anchor-link { | |
| visibility:visible; | |
| opacity:1 | |
| } | |
| @media(min-width:75rem) { | |
| .docs-content { | |
| max-width:1200px | |
| } | |
| } | |
| @media(max-width:75rem) { | |
| .docs-content table { | |
| display:block; | |
| overflow:auto | |
| } | |
| } | |
| .docs-content__notice { | |
| background:#f5f6f8 | |
| } | |
| .docs-content__warning { | |
| background:#fff682 | |
| } | |
| .docs-content-inner { | |
| padding:10px | |
| } | |
| @media(min-width:40.625rem) { | |
| .docs-content-inner { | |
| padding:10px 40px | |
| } | |
| } | |
| .nav-sub { | |
| list-style:none; | |
| margin:0 | |
| } | |
| .nav-sub li { | |
| display:block; | |
| margin:0 | |
| } | |
| .nav-sub li.menu-open>.expand-menu { | |
| box-shadow:0 2px 7px rgba(168,168,168,.5) | |
| } | |
| .nav-sub li.menu-open ul { | |
| margin-left:0 | |
| } | |
| .nav-sub li.menu-open ul ul { | |
| margin-left:.5rem | |
| } | |
| .nav-sub a, | |
| .nav-sub span { | |
| padding:0; | |
| display:block; | |
| cursor:pointer; | |
| font-size:16px; | |
| padding:.5rem .5rem .5rem .75rem | |
| } | |
| .nav-sub a.current-page { | |
| border-left:5px solid #3d7bd9 | |
| } | |
| .nav-sub a:not(.current-page) { | |
| margin:.25rem 0; | |
| padding:.5rem .5rem .5rem .75rem; | |
| color:#393946 | |
| } | |
| .nav-sub a:not(.current-page):hover { | |
| color:#1f60c4 | |
| } | |
| .nav-sub .expand-menu { | |
| transition:all .2s | |
| } | |
| .nav-sub .expand-menu:hover { | |
| box-shadow:0 2px 7px rgba(168,168,168,.5) | |
| } | |
| .menu-open .menu-open>ul { | |
| border-left:1px solid #dfe3e5 | |
| } | |
| .menu-closed .nav-sub { | |
| display:none | |
| } | |
| .menu-open .nav-sub { | |
| height:auto | |
| } | |
| .docs-aside-menu .menu-icon { | |
| padding:0; | |
| float:right | |
| } | |
| .menu-open .menu-icon:after { | |
| margin:0 5px; | |
| font-family:fontawesome; | |
| content:'\f0d7'; | |
| font-size:12px | |
| } | |
| .menu-closed .menu-icon:after { | |
| font-size:13px; | |
| content:'\f0d9'; | |
| margin:0 5px; | |
| font-family:fontawesome | |
| } | |
| .docs-search { | |
| position:relative; | |
| margin-right:4px | |
| } | |
| .docs-search__icon { | |
| position:absolute; | |
| z-index:1; | |
| top:9px; | |
| left:9px | |
| } | |
| .docs-search__icon:before { | |
| color:#a2a2a2 | |
| } | |
| .docs-search input { | |
| max-width:284px; | |
| padding:0 0 0 2rem; | |
| margin:0 0 1rem; | |
| border-radius:2px; | |
| box-sizing:border-box; | |
| box-shadow:0 2px 7px rgba(168,168,168,.5); | |
| transition:all .2s; | |
| background:#fefefe; | |
| height:40px | |
| } | |
| .docs-search input:focus { | |
| box-shadow:0 2px 7px rgba(143,143,143,.75); | |
| border:1px solid #eaeaea | |
| } | |
| .docs-search input:focus .docs-search__icon:before { | |
| color:#393946!important | |
| } | |
| .docs-main { | |
| padding:23px 0 23px 25px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .docs-main { | |
| padding:0 | |
| } | |
| } | |
| .docs-main--resources { | |
| padding:23px 0 23px 25px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .docs-main--resources { | |
| padding:23px 0 | |
| } | |
| } | |
| .docs-image { | |
| display:inline-block | |
| } | |
| .docs-image--no-shadow .screenshot { | |
| box-shadow:none; | |
| border:none | |
| } | |
| @media(max-width:61.1875rem) { | |
| .docs-heading { | |
| display:none | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .docs-version-select { | |
| display:block | |
| } | |
| } | |
| .docs-version-select--open .dropdown-menu { | |
| display:block | |
| } | |
| .docs-version-select__link { | |
| cursor:pointer; | |
| padding:7px 0; | |
| width:56px; | |
| display:inline-block | |
| } | |
| .docs-version-select__link:hover { | |
| color:#fefefe | |
| } | |
| .docs-version-select__link .fa { | |
| font-size:90% | |
| } | |
| .dropdown-menu { | |
| display:none; | |
| position:absolute; | |
| top:40px; | |
| right:30px; | |
| background:#3d7bd9; | |
| list-style:none; | |
| margin:0; | |
| width:100%; | |
| padding:0; | |
| z-index:100 | |
| } | |
| .dropdown-menu .dropdown-menu__link { | |
| display:block; | |
| margin:0; | |
| padding:5px 15px | |
| } | |
| .docs-archive-banner { | |
| height:50px; | |
| text-align:center; | |
| padding:1.25rem; | |
| box-shadow:0 -5px 15px #000; | |
| padding:.3125rem .625rem .625rem; | |
| position:relative; | |
| z-index:1000; | |
| line-height:36px; | |
| background:linear-gradient(170deg,#555,#262626) | |
| } | |
| .docs-related-resources, | |
| docs-heading { | |
| margin-right:-100vw; | |
| padding-right:100vw | |
| } | |
| .docs-heading { | |
| margin:0 -100vw; | |
| padding:0 100vw | |
| } | |
| @media(min-width:62rem) { | |
| .docs-image--right { | |
| width:50%; | |
| float:right; | |
| margin-left:1rem | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .docs-aside-menu { | |
| padding-right:1rem; | |
| max-width:18rem | |
| } | |
| } | |
| @media(max-width:75rem) { | |
| .docs-aside-menu { | |
| max-width:100% | |
| } | |
| } | |
| .nav-cards { | |
| width:100%; | |
| display:flex; | |
| flex-wrap:wrap; | |
| margin-bottom:30px; | |
| justify-content:space-between | |
| } | |
| .nav-cards__item { | |
| display:flex; | |
| flex-direction:column; | |
| padding:1rem; | |
| justify-content:center; | |
| align-items:center; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| border-radius:4px | |
| } | |
| .nav-cards__item h5, | |
| .nav-cards__item p { | |
| width:100%; | |
| text-align:center; | |
| margin:0 | |
| } | |
| .nav-cards__item h4 { | |
| width:100%; | |
| text-align:center | |
| } | |
| .nav-cards__item img { | |
| height:50px | |
| } | |
| .nav-cards__item--install { | |
| width:100% | |
| } | |
| .nav-cards__item--guide { | |
| width:100% | |
| } | |
| .nav-cards__item--ds { | |
| width:100% | |
| } | |
| .nav-cards__icon { | |
| -webkit-text-fill-color:transparent; | |
| background:#3d7bd9; | |
| -webkit-background-clip:text; | |
| text-decoration:none; | |
| font-size:48px; | |
| line-height:1 | |
| } | |
| .nav-cards__icon.fa { | |
| font-size:48px | |
| } | |
| .docs-home__sidebar ul, | |
| .submenu-mobile__sidebar ul, | |
| .submenu-mobile__sidebar__child ul { | |
| list-style:none; | |
| padding:0 | |
| } | |
| .docs-home__sidebar ul a, | |
| .submenu-mobile__sidebar ul a, | |
| .submenu-mobile__sidebar__child ul a { | |
| line-height:26px; | |
| color:#17171c | |
| } | |
| .docs-home__sidebar ul li, | |
| .submenu-mobile__sidebar ul li, | |
| .submenu-mobile__sidebar__child ul li { | |
| margin-bottom:2px | |
| } | |
| .docs-home__sidebar__container, | |
| .submenu-mobile__sidebar__container { | |
| margin-bottom:13px | |
| } | |
| .submenu-mobile.submenu-overlay::after { | |
| transition:.2s; | |
| display:block; | |
| content:''; | |
| background-color:rgba(0,0,0,.5); | |
| z-index:1; | |
| position:absolute; | |
| left:0; | |
| height:100vh; | |
| width:100vw | |
| } | |
| .docs-home__card { | |
| transition:-webkit-text-decoration .2s; | |
| transition:text-decoration .2s; | |
| transition:text-decoration .2s,-webkit-text-decoration .2s; | |
| padding:1rem 1.25rem | |
| } | |
| .docs-home__card:hover h6 { | |
| text-decoration:underline | |
| } | |
| .docs-home__card--large { | |
| padding:1rem 1.25rem | |
| } | |
| .docs-menu-icons { | |
| margin-right:8px; | |
| display:flex; | |
| align-items:center | |
| } | |
| .docs-menu-icons svg { | |
| width:15px; | |
| height:20px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .docs-menu-icons svg { | |
| width:25px | |
| } | |
| } | |
| .docs-cards-icons { | |
| margin-right:8px; | |
| display:flex; | |
| align-items:center | |
| } | |
| .docs-cards-icons svg { | |
| width:20px; | |
| height:20px | |
| } | |
| @media(min-width:40.625rem) { | |
| .nav-cards__item { | |
| margin-bottom:30px; | |
| padding:2rem; | |
| width:49% | |
| } | |
| .nav-cards__item img { | |
| height:50px; | |
| margin-bottom:1rem | |
| } | |
| .nav-cards__item--guide { | |
| width:100% | |
| } | |
| .nav-cards__item--ds { | |
| width:49% | |
| } | |
| .nav-cards__icon { | |
| padding-bottom:1rem | |
| } | |
| } | |
| @media(min-width:62rem) { | |
| .nav-cards__item--install { | |
| width:32% | |
| } | |
| .nav-cards__item--guide { | |
| width:49% | |
| } | |
| .nav-cards__item--ds { | |
| width:24% | |
| } | |
| } | |
| @media(min-width:75rem) { | |
| .nav-cards__item--install { | |
| width:32% | |
| } | |
| .nav-cards__item--guide { | |
| width:32% | |
| } | |
| .nav-cards__item--ds { | |
| width:24% | |
| } | |
| } | |
| .docs-toc { | |
| background:#f7faff; | |
| border-radius:2px; | |
| max-width:230px; | |
| overflow-x:hidden | |
| } | |
| .docs-toc a { | |
| font-size:14px | |
| } | |
| @media(min-width:75rem) { | |
| .docs-toc__wrap { | |
| float:right | |
| } | |
| } | |
| .docs-toc ul { | |
| list-style-type:none; | |
| margin:0; | |
| padding:0 | |
| } | |
| .docs-toc ul li { | |
| padding-top:.25rem; | |
| line-height:14px | |
| } | |
| .docs-toc ul ul { | |
| margin-left:.75rem | |
| } | |
| .docs-toc ul li ul li { | |
| font-size:14px; | |
| line-height:18px | |
| } | |
| .docs-toc ul li ul li ul li { | |
| font-size:13px; | |
| line-height:17px | |
| } | |
| .docs-toc ul li ul li ul li ul li { | |
| font-size:12px; | |
| line-height:16px | |
| } | |
| .docs-toc ul li ul li ul li ul li ul li { | |
| font-size:11px; | |
| line-height:15px | |
| } | |
| .docs-toc__top ul li { | |
| text-indent:-11px; | |
| padding-left:1.5rem | |
| } | |
| .docs-toc li a.icon:before { | |
| display:inline-block; | |
| font:14px/1 FontAwesome; | |
| font-size:inherit; | |
| text-rendering:auto; | |
| -webkit-font-smoothing:antialiased; | |
| width:8px | |
| } | |
| .docs-toc li a.icon.edit:before { | |
| content:'\f044' | |
| } | |
| .docs-toc li a.icon.check:before { | |
| content:'\f00c' | |
| } | |
| .docs-toc li a.icon.question:before { | |
| content:'\f128' | |
| } | |
| .docs-toc li a.icon.comments:before { | |
| content:'\f0e6' | |
| } | |
| .docs-breadcrumb { | |
| color:#898989; | |
| font-size:16px; | |
| margin-bottom:24px | |
| } | |
| .docs-breadcrumb__current { | |
| font-weight:500 | |
| } | |
| .wrapper-wide { | |
| padding:0 | |
| } | |
| .docs-header { | |
| font-size:calc(1.425rem + 2.1vw) | |
| } | |
| @media(min-width:1200px) { | |
| .docs-header { | |
| font-size:3rem | |
| } | |
| } | |
| .section-sitemap .nav-sub .leaf.menu-open .nav-sub { | |
| margin-left:.5rem | |
| } | |
| .docs-wrapper { | |
| max-width:1875px; | |
| margin:auto | |
| } | |
| .docs-title { | |
| margin-right:4px; | |
| display:flex; | |
| justify-content:space-between | |
| } | |
| .docs-title a { | |
| font-size:14px; | |
| line-height:18px; | |
| color:#393946 | |
| } | |
| .docs-title a:hover { | |
| text-decoration:underline | |
| } | |
| .docs-title__mobile { | |
| border:none; | |
| background:0 0; | |
| font-size:14px | |
| } | |
| @media(min-width:62rem) { | |
| .docs-title__mobile { | |
| display:none | |
| } | |
| } | |
| .docs-menu { | |
| margin:1rem 0 0; | |
| padding:0 0 0 6px; | |
| margin-left:8px; | |
| border-left:1px solid #e9edf2 | |
| } | |
| @media(max-width:62rem) { | |
| .docs-menu { | |
| display:none | |
| } | |
| } | |
| .docs-menu__show-mobile { | |
| display:block | |
| } | |
| .docs-menu ul { | |
| padding-left:6px; | |
| margin-left:8px; | |
| border-left:1px solid #e9edf2 | |
| } | |
| .docs-menu li { | |
| list-style:none; | |
| margin-left:-6px; | |
| display:flex; | |
| justify-content:space-between; | |
| align-items:center; | |
| min-height:24px; | |
| border-left:3px solid transparent | |
| } | |
| .docs-menu li:hover { | |
| border-color:#e9edf2 | |
| } | |
| .docs-menu a { | |
| font-size:14px; | |
| line-height:18px; | |
| color:#393946; | |
| width:100%; | |
| height:100%; | |
| display:flex; | |
| align-items:center; | |
| padding:6px | |
| } | |
| .docs-menu a:hover { | |
| text-decoration:underline | |
| } | |
| .docs-menu button { | |
| background:0 0; | |
| border:none; | |
| width:24px; | |
| padding:0; | |
| margin:0 | |
| } | |
| .docs-menu button:after { | |
| font-family:FontAwesome; | |
| margin-left:5px; | |
| display:inline-block; | |
| content:'\f0d9' | |
| } | |
| .docs-menu button:hover:after { | |
| color:#1f60c4 | |
| } | |
| .docs-menu__current { | |
| border-color:#1f60c4!important | |
| } | |
| .docs-menu__current:hover { | |
| border-color:#1f60c4 | |
| } | |
| .docs-menu__bold { | |
| font-weight:600 | |
| } | |
| .docs-menu__bold a { | |
| color:#1f60c4!important | |
| } | |
| .docs-menu__active~button:after { | |
| content:'\f0d7' | |
| } | |
| .section-oss figure, | |
| .section-index figure, | |
| .section-categories figure, | |
| .section-press figure, | |
| .section-author figure, | |
| .section-blog figure { | |
| margin-left:0; | |
| margin-right:0 | |
| } | |
| .section-oss .blog-content h1, | |
| .section-oss .blog-content h2, | |
| .section-oss .blog-content h3, | |
| .section-oss .blog-content h4, | |
| .section-oss .blog-content h5, | |
| .section-oss .blog-content h6, | |
| .section-oss .blog-content p, | |
| .section-oss .blog-content img, | |
| .section-oss .blog-content hr, | |
| .section-index .blog-content h1, | |
| .section-index .blog-content h2, | |
| .section-index .blog-content h3, | |
| .section-index .blog-content h4, | |
| .section-index .blog-content h5, | |
| .section-index .blog-content h6, | |
| .section-index .blog-content p, | |
| .section-index .blog-content img, | |
| .section-index .blog-content hr, | |
| .section-categories .blog-content h1, | |
| .section-categories .blog-content h2, | |
| .section-categories .blog-content h3, | |
| .section-categories .blog-content h4, | |
| .section-categories .blog-content h5, | |
| .section-categories .blog-content h6, | |
| .section-categories .blog-content p, | |
| .section-categories .blog-content img, | |
| .section-categories .blog-content hr, | |
| .section-press .blog-content h1, | |
| .section-press .blog-content h2, | |
| .section-press .blog-content h3, | |
| .section-press .blog-content h4, | |
| .section-press .blog-content h5, | |
| .section-press .blog-content h6, | |
| .section-press .blog-content p, | |
| .section-press .blog-content img, | |
| .section-press .blog-content hr, | |
| .section-author .blog-content h1, | |
| .section-author .blog-content h2, | |
| .section-author .blog-content h3, | |
| .section-author .blog-content h4, | |
| .section-author .blog-content h5, | |
| .section-author .blog-content h6, | |
| .section-author .blog-content p, | |
| .section-author .blog-content img, | |
| .section-author .blog-content hr, | |
| .section-blog .blog-content h1, | |
| .section-blog .blog-content h2, | |
| .section-blog .blog-content h3, | |
| .section-blog .blog-content h4, | |
| .section-blog .blog-content h5, | |
| .section-blog .blog-content h6, | |
| .section-blog .blog-content p, | |
| .section-blog .blog-content img, | |
| .section-blog .blog-content hr { | |
| margin:26px 0; | |
| color:#17171c | |
| } | |
| .section-oss .blog-content a:hover, | |
| .section-index .blog-content a:hover, | |
| .section-categories .blog-content a:hover, | |
| .section-press .blog-content a:hover, | |
| .section-author .blog-content a:hover, | |
| .section-blog .blog-content a:hover { | |
| text-decoration:underline | |
| } | |
| .section-oss .blog-content ul>li>a, | |
| .section-index .blog-content ul>li>a, | |
| .section-categories .blog-content ul>li>a, | |
| .section-press .blog-content ul>li>a, | |
| .section-author .blog-content ul>li>a, | |
| .section-blog .blog-content ul>li>a { | |
| padding:0 | |
| } | |
| .blog-promo-bar { | |
| margin:30px 0 36px; | |
| border:1.5px solid #424242; | |
| text-align:center; | |
| border-radius:27.5px; | |
| padding:10px 0 | |
| } | |
| .blog-list { | |
| display:grid; | |
| max-width:1200px; | |
| padding-top:30px; | |
| justify-items:center; | |
| grid-template-columns:repeat(3,1fr); | |
| grid-gap:47px | |
| } | |
| @media screen and (max-width:1250px) { | |
| .blog-list { | |
| grid-template-columns:repeat(2,1fr); | |
| padding:0 20px | |
| } | |
| } | |
| @media screen and (max-width:750px) { | |
| .blog-list { | |
| grid-template-columns:repeat(1,1fr); | |
| padding:0 20px | |
| } | |
| } | |
| .blog-list-item { | |
| width:100%; | |
| margin-bottom:0; | |
| background:#fefefe; | |
| min-height:325px | |
| } | |
| .blog-list-item__img { | |
| height:180px; | |
| min-height:180px; | |
| width:100%; | |
| border-top-left-radius:5px; | |
| border-top-right-radius:5px; | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| .blog-list-item__body { | |
| height:100%; | |
| display:flex; | |
| flex-direction:column | |
| } | |
| .blog-list-item__content { | |
| padding:15px 25px; | |
| color:#17171c; | |
| height:100%; | |
| display:flex; | |
| flex-direction:column | |
| } | |
| .blog-list-item__heading { | |
| line-height:26px | |
| } | |
| .blog-list-item__overline { | |
| color:#505062; | |
| font-size:12px | |
| } | |
| .blog-list-item__byline { | |
| margin-top:auto; | |
| color:#505062; | |
| font-size:12px; | |
| margin-bottom:0 | |
| } | |
| .blog-list-item:hover .blog-list-item__heading { | |
| text-decoration:underline | |
| } | |
| .blog-list-item--tall { | |
| transition:background-color filter .2s; | |
| height:380px | |
| } | |
| .blog-list-item--tall:hover { | |
| background-color:#f4f4f6 | |
| } | |
| .blog-list-item--tall:hover img { | |
| filter:brightness(.9) | |
| } | |
| .blog-list-item--wide__content { | |
| padding:17px 15px; | |
| color:#2e2e38; | |
| background-color:#e6e6ea | |
| } | |
| .blog-list-item--wide__img { | |
| border-top-left-radius:5px; | |
| border-top-right-radius:5px; | |
| width:100%; | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| @media(min-width:62rem) { | |
| .blog-list-item--wide__img { | |
| max-width:180px; | |
| border-top-left-radius:5px; | |
| border-bottom-left-radius:5px | |
| } | |
| } | |
| .blog-list-item__heading a { | |
| color:#393946; | |
| transition:all .2s | |
| } | |
| .blog-list-item__heading a:hover { | |
| color:#555 | |
| } | |
| @media(min-width:62rem) { | |
| .blog-aside { | |
| padding-left:2rem; | |
| margin-bottom:2rem | |
| } | |
| } | |
| .blog-aside__heading { | |
| margin-bottom:1rem | |
| } | |
| .blog-categories__item { | |
| font-size:.875rem; | |
| display:inline-block; | |
| margin:0 .5rem .33333333rem 0 | |
| } | |
| .blog-categories__item a { | |
| color:#fefefe; | |
| padding:.5rem; | |
| background:#3d7bd9; | |
| border-radius:5px; | |
| display:inline-block; | |
| transition:all .2s | |
| } | |
| .blog-categories__item a:hover { | |
| background:#1f1f1f; | |
| color:#fefefe | |
| } | |
| .blog-tag-list { | |
| list-style:none; | |
| padding:0; | |
| margin:0; | |
| display:flex; | |
| flex-wrap:wrap | |
| } | |
| .blog-tag-list__item { | |
| background-color:#e6e6ea; | |
| margin-right:12px; | |
| margin-top:6px | |
| } | |
| .blog-tag-list__item a { | |
| color:#2e2e38; | |
| padding:6px; | |
| display:block | |
| } | |
| .blog-tag-list__item:hover { | |
| background-color:#d8d8df | |
| } | |
| .blog-tag-list__item:hover a { | |
| text-decoration:underline; | |
| color:#105ac1 | |
| } | |
| .blog-rss-link { | |
| font-size:.875rem; | |
| float:right | |
| } | |
| .blog-share-buttons { | |
| height:27px; | |
| display:flex | |
| } | |
| .blog-share-buttons iframe { | |
| margin-right:1rem | |
| } | |
| .blog-categories { | |
| margin-bottom:2rem | |
| } | |
| .blog-plugin img { | |
| border-radius:50%; | |
| width:100px; | |
| max-width:100px | |
| } | |
| .blog-plugin .mvc { | |
| border-radius:50%; | |
| width:130px; | |
| max-width:130px | |
| } | |
| .blog-plugin .med { | |
| border-radius:50%; | |
| width:150px; | |
| max-width:150px | |
| } | |
| .blog-plugin .large { | |
| border-radius:50%; | |
| width:200px; | |
| max-width:200px | |
| } | |
| .speaker { | |
| text-align:center | |
| } | |
| .speaker .speaker-photo { | |
| border-radius:50%; | |
| width:200px | |
| } | |
| .speaker .speaker-logo { | |
| width:300px | |
| } | |
| .speaker-name { | |
| font-size:130% | |
| } | |
| .speaker-detail { | |
| text-transform:uppercase; | |
| font-size:90% | |
| } | |
| .speaker-talk { | |
| font-size:90%; | |
| margin-bottom:20px; | |
| line-height:1.3 | |
| } | |
| .sponsors .sponsor-header { | |
| text-transform:uppercase; | |
| font-size:120% | |
| } | |
| .blog-plugin-grid, | |
| .speaker-grid { | |
| display:flex; | |
| align-items:center; | |
| justify-content:center | |
| } | |
| .grafanacon-header--mobile { | |
| display:none | |
| } | |
| @media(max-width:40.625rem) { | |
| .grafanacon-header--mobile { | |
| display:block; | |
| max-width:350px; | |
| margin:0 auto 20px | |
| } | |
| } | |
| .grafanacon-header--desktop { | |
| display:none | |
| } | |
| @media(min-width:40.625rem) { | |
| .grafanacon-header--desktop { | |
| display:block; | |
| margin-bottom:20px | |
| } | |
| } | |
| .grafanacon h4 a { | |
| color:#e3257d; | |
| font-weight:700 | |
| } | |
| .new-plugin-tag { | |
| border:1px solid #4e8be8; | |
| background:#1857b8; | |
| color:#fefefe; | |
| border-radius:2px; | |
| padding:0 6px; | |
| font-size:.875rem; | |
| margin-bottom:6px; | |
| display:inline-block | |
| } | |
| .updated-plugin-tag { | |
| border:1px solid #888; | |
| background:#555; | |
| color:#fefefe; | |
| border-radius:2px; | |
| padding:0 6px; | |
| font-size:.875rem; | |
| margin-bottom:6px; | |
| display:inline-block | |
| } | |
| .updated-premium-plugin-tag { | |
| border:1px solid #6397e6; | |
| background:linear-gradient(to right,#ff9830 0%,#930 75%); | |
| color:#fefefe; | |
| border-radius:2px; | |
| padding:0 6px; | |
| font-size:.875rem; | |
| margin-bottom:6px; | |
| display:inline-block | |
| } | |
| .icon-premium-plugin img { | |
| width:20px; | |
| border-radius:0; | |
| margin-left:10px; | |
| vertical-align:middle | |
| } | |
| .video-wrapper { | |
| position:relative; | |
| padding-bottom:57%; | |
| height:0; | |
| overflow:hidden | |
| } | |
| .video-wrapper iframe { | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| width:100%; | |
| height:100% | |
| } | |
| .topics { | |
| margin-top:-50px | |
| } | |
| .pagination-wrap { | |
| display:flex; | |
| justify-content:center | |
| } | |
| .pagination { | |
| display:inline-block; | |
| list-style:none; | |
| text-align:center; | |
| padding:4px; | |
| background:#fefefe; | |
| border-radius:3px | |
| } | |
| .pagination li { | |
| display:inline-block | |
| } | |
| .pagination__link { | |
| display:inline-block; | |
| width:32px; | |
| height:32px; | |
| line-height:30px; | |
| border-radius:50%; | |
| color:#393946; | |
| font-weight:500 | |
| } | |
| .pagination__link:hover { | |
| color:#1f60c4; | |
| text-decoration:underline | |
| } | |
| .pagination__item--current { | |
| background:#f4f4f6; | |
| border-radius:50% | |
| } | |
| .photo-grid { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| width:100% | |
| } | |
| @media(max-width:40.625rem) { | |
| .photo-grid { | |
| flex-flow:row wrap | |
| } | |
| } | |
| .photo-grid__item { | |
| flex-basis:0; | |
| flex-shrink:1; | |
| width:100%; | |
| height:100% | |
| } | |
| .photo-grid__photo { | |
| display:block; | |
| width:100% | |
| } | |
| .page-map { | |
| width:100%; | |
| height:21.875rem | |
| } | |
| @media(min-width:62rem) { | |
| .page-map { | |
| height:31.25rem | |
| } | |
| } | |
| .lightbox { | |
| box-shadow:2px 2px 10px #666; | |
| margin-bottom:.7rem | |
| } | |
| .lightbox>a { | |
| display:block; | |
| overflow:hidden; | |
| position:relative | |
| } | |
| .lightbox>a>img { | |
| border-radius:2px; | |
| transition:transform .15s ease 0s; | |
| transform:scale3d(1,1,1); | |
| height:100%; | |
| width:100% | |
| } | |
| .lightbox>a:hover>img { | |
| transform:scale3d(1.1,1.1,1.1) | |
| } | |
| .lightbox>a:hover .lightbox-zoom>img { | |
| opacity:1 | |
| } | |
| .lightbox>a:hover .lightbox-zoom>img { | |
| opacity:1 | |
| } | |
| .lightbox>a .lightbox-zoom { | |
| background-color:transparent; | |
| bottom:0; | |
| left:0; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| transition:background-color .15s ease 0s | |
| } | |
| .lightbox>a .lightbox-zoom>img { | |
| left:50%; | |
| margin-left:-10px; | |
| margin-top:-10px; | |
| opacity:0; | |
| position:absolute; | |
| top:50%; | |
| transition:opacity .3s ease 0s | |
| } | |
| .inline-imgbox-right { | |
| float:right; | |
| margin-left:1rem | |
| } | |
| .inline-imgbox-left { | |
| float:left; | |
| margin-right:1rem | |
| } | |
| .figure-wrapper { | |
| position:relative; | |
| display:table | |
| } | |
| .figure-wrapper img { | |
| display:table-cell; | |
| vertical-align:bottom | |
| } | |
| .figure-wrapper__lightbox:after { | |
| display:block; | |
| transition:all .2s; | |
| content:''; | |
| opacity:0; | |
| visibility:hidden; | |
| position:absolute; | |
| top:calc(50% - 20px); | |
| left:calc(50% - 20px); | |
| width:20px; | |
| height:20px; | |
| background:0 0 | |
| } | |
| .figure-wrapper__lightbox:hover:after { | |
| opacity:1; | |
| visibility:visible; | |
| background:url(/static/assets/img/zoom.png) | |
| } | |
| .figure-wrapper.fit-image { | |
| height:100% | |
| } | |
| .figure-wrapper.fit-image img { | |
| -o-object-fit:cover; | |
| object-fit:cover; | |
| height:100% | |
| } | |
| .sign-up-box { | |
| background:#fefefe; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| padding:1rem | |
| } | |
| .sign-up-box--aside { | |
| text-align:center | |
| } | |
| .sign-up-box--aside .wrapper, | |
| .sign-up-box--aside .wrapper-wide { | |
| margin:0; | |
| padding:0 | |
| } | |
| .sign-up-box--aside .sign-up-box__heading { | |
| font-size:1.125rem | |
| } | |
| .sign-up-box--big { | |
| margin-top:3rem; | |
| margin-bottom:3rem; | |
| padding:1rem 2rem | |
| } | |
| .sign-up-box--big .sign-up-box__heading { | |
| font-size:1.125rem | |
| } | |
| @media(min-width:62rem) { | |
| .sign-up-box--big .sign-up-box__heading { | |
| font-size:1.5rem | |
| } | |
| } | |
| .sign-up-box--big .sign-up__img { | |
| display:inline-block; | |
| float:none | |
| } | |
| @media(min-width:40.625rem) { | |
| .sign-up-box--big .sign-up__img { | |
| display:block; | |
| float:right | |
| } | |
| } | |
| .sign-up-box--big .sign-up__img img { | |
| max-width:15rem | |
| } | |
| .sign-up-box--big .sign-up-box__list { | |
| font-size:1rem | |
| } | |
| .sign-up-box__img { | |
| position:relative; | |
| display:none; | |
| clear:both; | |
| float:none | |
| } | |
| .sign-up-box__content { | |
| display:flex; | |
| justify-content:center; | |
| flex-direction:column | |
| } | |
| @media(min-width:62rem) { | |
| .sign-up-box__content { | |
| margin-left:4rem; | |
| flex-direction:row | |
| } | |
| } | |
| .sign-up-box__btn { | |
| margin-bottom:1rem | |
| } | |
| .sign-up-box__list { | |
| text-align:left; | |
| padding-left:0; | |
| margin-right:0; | |
| font-size:.875rem | |
| } | |
| .sign-up-box__list>li { | |
| list-style:none; | |
| margin:0 auto .625rem 2.1875rem; | |
| position:relative; | |
| min-height:1.875rem | |
| } | |
| .sign-up-box__list>li::before { | |
| font-family:grafana-icons; | |
| content:'\e603'; | |
| color:#10a345; | |
| font-size:160%; | |
| margin-left:-2.5rem; | |
| position:absolute; | |
| top:-6px | |
| } | |
| .screenshot { | |
| border:1px solid #000; | |
| border-radius:.25rem; | |
| cursor:pointer; | |
| position:relative; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| margin-bottom:1rem; | |
| display:inline-block; | |
| max-height:unset | |
| } | |
| .screenshot img { | |
| display:block | |
| } | |
| .screenshot .screenshot__animated-gif { | |
| display:none | |
| } | |
| .screenshot:hover .screenshot__zoom>img { | |
| opacity:1 | |
| } | |
| .screenshot:hover .screenshot__animated-gif { | |
| display:block | |
| } | |
| .screenshot:hover .screenshot__still { | |
| display:none | |
| } | |
| .screenshot:hover .screenshot__play { | |
| display:none | |
| } | |
| .screenshot--round { | |
| border:none; | |
| padding-top:1rem; | |
| box-shadow:none | |
| } | |
| .screenshot--round img { | |
| width:200px; | |
| height:200px; | |
| border-radius:50%; | |
| border:1px solid #000; | |
| box-shadow:0 0 20px #111 | |
| } | |
| .screenshot--transparent { | |
| border:none; | |
| padding-top:1rem; | |
| box-shadow:none | |
| } | |
| .screenshot__zoom>img { | |
| left:50%; | |
| margin-left:-10px; | |
| margin-top:-10px; | |
| opacity:0; | |
| position:absolute; | |
| top:50%; | |
| transition:opacity .3s ease 0s | |
| } | |
| .screenshot__play .fa-play { | |
| opacity:.35; | |
| font-size:1.5rem; | |
| color:#fefefe; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| transform:translate(-50%,-50%) | |
| } | |
| .team__title { | |
| text-transform:uppercase; | |
| font-weight:500; | |
| font-size:.875rem; | |
| margin-bottom:.5rem | |
| } | |
| .team__name { | |
| margin:0 auto; | |
| color:#17171c; | |
| padding-top:1rem | |
| } | |
| .team__img { | |
| width:130px; | |
| height:auto; | |
| border-radius:50%; | |
| border:5px solid #fff; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1) | |
| } | |
| .gradient-border { | |
| border-radius:50%; | |
| max-width:130px; | |
| max-height:130px | |
| } | |
| .gradient-border img { | |
| border-radius:50%; | |
| max-width:130px; | |
| max-height:130px | |
| } | |
| .gradient-border__tiny img { | |
| border-radius:50%; | |
| max-width:66px; | |
| max-height:66px; | |
| border:3px solid #fff | |
| } | |
| .gradient-border .team__img, | |
| .gradient-border img { | |
| box-shadow:none | |
| } | |
| .gradient-border__0 { | |
| background:linear-gradient(to right,#fbc55a,#fb9d5a) | |
| } | |
| .gradient-border__1 { | |
| background:linear-gradient(to right,#fb9d5a,#fb755a) | |
| } | |
| .gradient-border__2 { | |
| background:linear-gradient(to right,#f2639f,#ce64ce) | |
| } | |
| .gradient-border__3 .team__img, | |
| .gradient-border__3 img { | |
| border-color:#fde8be!important | |
| } | |
| .gradient-border__4 .team__img, | |
| .gradient-border__4 img { | |
| border-color:#fdc9be!important | |
| } | |
| .gradient-border__5 .team__img, | |
| .gradient-border__5 img { | |
| border-color:#eabdea!important | |
| } | |
| .gradient-border__6 .team__img, | |
| .gradient-border__6 img { | |
| border-color:#cec6f6!important | |
| } | |
| .gradient-border .team__img, | |
| .gradient-border img { | |
| border-color:transparent | |
| } | |
| .gradient-border .team__img-small { | |
| width:107px | |
| } | |
| .team__bio-right { | |
| text-align:right | |
| } | |
| .event-card { | |
| background:#fefefe; | |
| border:1px solid #e8ecee; | |
| height:500px; | |
| transition:opacity .2s,background .2s | |
| } | |
| .event-card__contact { | |
| background:#5794f2; | |
| color:#fefefe | |
| } | |
| .event-card__image img { | |
| max-height:200px | |
| } | |
| .event-card__type { | |
| color:#1857b8; | |
| font-weight:500; | |
| text-transform:uppercase | |
| } | |
| .event-card__info { | |
| color:#898989 | |
| } | |
| .event-card__cta { | |
| font-size:16px | |
| } | |
| .event-card__cta:after { | |
| padding-top:1px | |
| } | |
| .event-card__cta hr { | |
| margin-top:0; | |
| padding-top:0 | |
| } | |
| .event-card__cta a { | |
| background:#fefefe; | |
| padding:1rem 4rem 1rem 3rem | |
| } | |
| .event-card__hover { | |
| visibility:hidden; | |
| opacity:0; | |
| transition:opacity .2s,background .2s; | |
| height:0 | |
| } | |
| .event-card__content { | |
| transition:opacity .2s | |
| } | |
| .event-card:not(.event-card__contact):hover { | |
| background:#cbdfff; | |
| box-shadow:0 2px 7px rgba(168,168,168,.5) | |
| } | |
| .event-card:not(.event-card__contact):hover hr { | |
| border-color:transparent | |
| } | |
| .event-card:not(.event-card__contact):hover .event-card__content { | |
| visibility:hidden; | |
| opacity:0; | |
| height:0 | |
| } | |
| .event-card:not(.event-card__contact):hover .event-card__hover { | |
| visibility:visible; | |
| opacity:1; | |
| height:100% | |
| } | |
| .mobile-slider-header { | |
| display:none | |
| } | |
| .events-dropdown-menu button:hover, | |
| .events-dropdown-menu button:active, | |
| .events-dropdown-menu button:focus { | |
| text-decoration:none | |
| } | |
| .events-side-card { | |
| padding:16px 16px 16px 21px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .featured-events-container { | |
| flex-wrap:nowrap; | |
| overflow:scroll | |
| } | |
| .featured-events-container div.col { | |
| max-width:80% | |
| } | |
| .events-list-container:before { | |
| position:absolute; | |
| transition:all .2s; | |
| top:0; | |
| content:''; | |
| width:100%; | |
| height:100%; | |
| z-index:1; | |
| pointer-events:none | |
| } | |
| .events-list-container.menu-overlay { | |
| position:relative | |
| } | |
| .events-list-container.menu-overlay:before { | |
| background-color:rgba(13,20,28,.3) | |
| } | |
| .events-dropdown-container { | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| width:80vw; | |
| transform:translateX(80vw); | |
| transition:transform 250ms ease-in-out; | |
| background-color:#fefefe; | |
| padding-bottom:16px; | |
| z-index:2 | |
| } | |
| .events-dropdown-container.open { | |
| transform:translateX(0) | |
| } | |
| .mobile-slider-header { | |
| display:flex | |
| } | |
| .events-dropdown-menu { | |
| padding:0 2rem | |
| } | |
| } | |
| .homepage__logos-grid { | |
| display:grid; | |
| grid-template-columns:repeat(5,1fr); | |
| grid-template-rows:repeat(2,1fr); | |
| padding:0 10px; | |
| row-gap:36px; | |
| -moz-column-gap:36px; | |
| column-gap:36px; | |
| max-width:1240px; | |
| margin:0 auto | |
| } | |
| @media(min-width:62rem) { | |
| .homepage__logos-grid { | |
| grid-template-columns:repeat(10,1fr); | |
| grid-template-rows:none | |
| } | |
| } | |
| .homepage__logos-grid figure { | |
| margin:0 | |
| } | |
| .homepage__logos-grid svg, | |
| .homepage__logos-grid img, | |
| .homepage__logos-grid figure { | |
| display:flex; | |
| flex:1 0 25%; | |
| vertical-align:middle; | |
| height:25px; | |
| opacity:.9 | |
| } | |
| @media(min-width:40.625rem) { | |
| .homepage__logos-grid svg, | |
| .homepage__logos-grid img, | |
| .homepage__logos-grid figure { | |
| height:35px; | |
| flex:1 0 18% | |
| } | |
| } | |
| @media(min-width:40.625rem) { | |
| .homepage__logos-grid__small { | |
| margin-bottom:2rem | |
| } | |
| .homepage__logos-grid__small img, | |
| .homepage__logos-grid__small figure { | |
| height:25px | |
| } | |
| } | |
| figure.homepage__hide-logo-on-mobile { | |
| display:none | |
| } | |
| @media(min-width:40.625rem) { | |
| figure.homepage__hide-logo-on-mobile { | |
| display:flex | |
| } | |
| } | |
| .homepage__grafana-live-demo-btn { | |
| display:none | |
| } | |
| @media(min-width:40.625rem) { | |
| .homepage__grafana-live-demo-btn { | |
| display:block | |
| } | |
| } | |
| .homepage__screenshot { | |
| box-shadow:0 0 10px #404040; | |
| display:flex; | |
| margin:0 auto 3rem; | |
| transition:all .3s ease-in-out; | |
| opacity:.8 | |
| } | |
| .homepage__screenshot:hover { | |
| opacity:1; | |
| transform:scale(1.05) | |
| } | |
| .homepage__event-image { | |
| background:url(/static/img/backgrounds/bg-event.svg)no-repeat; | |
| background-size:contain; | |
| max-width:300px; | |
| max-height:300px; | |
| margin:5px | |
| } | |
| .homepage__event-image img { | |
| background:#fefefe | |
| } | |
| .homepage__blog-image { | |
| background:url(/static/img/backgrounds/bg-blog.svg)no-repeat; | |
| background-size:contain; | |
| max-width:300px; | |
| max-height:300px; | |
| margin:5px | |
| } | |
| .homepage__screenshot { | |
| margin-top:0 | |
| } | |
| @media screen and (max-height:800px) { | |
| .homepage-modal__img { | |
| height:50vh; | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| } | |
| .homepage-modal__content p { | |
| margin-bottom:8px | |
| } | |
| .homepage-modal__content a:hover { | |
| text-decoration:underline | |
| } | |
| @media screen and (max-width:991px) { | |
| .homepage-modal__content .home-modal__buttons { | |
| row-gap:18px; | |
| flex-wrap:wrap | |
| } | |
| } | |
| .diagram_link { | |
| cursor:pointer | |
| } | |
| .diagram_link:hover { | |
| text-decoration:underline | |
| } | |
| .diagram_link__dark-grey-bg:hover rect { | |
| fill:#d1d1d2 | |
| } | |
| .diagram_link__dark-grey-bg:hover .white-fill { | |
| fill:#fff | |
| } | |
| .diagram_link__dark-traces-bg:hover rect { | |
| fill:#d96051 | |
| } | |
| .diagram_link__dark-logs-bg:hover rect { | |
| fill:#d97e51 | |
| } | |
| .diagram_link__dark-metrics-bg:hover rect { | |
| fill:#d97e51 | |
| } | |
| .diagram_link__dark-black-bg:hover rect { | |
| fill:#17171c | |
| } | |
| .Modal { | |
| position:fixed; | |
| background-color:rgba(0,0,0,.5); | |
| -webkit-backdrop-filter:blur(1px); | |
| backdrop-filter:blur(1px); | |
| top:0; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| z-index:-1; | |
| overflow:overlay; | |
| z-index:500 | |
| } | |
| .Modal>.content { | |
| width:100%; | |
| max-width:800px; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| transform:translate(-50%,-50%) | |
| } | |
| .Modal>.content iframe { | |
| max-width:100% | |
| } | |
| .Modal img { | |
| max-height:380px | |
| } | |
| .testimonial-card { | |
| transition:all .2s; | |
| background:#fefefe; | |
| position:relative; | |
| box-shadow:0 5px 30px rgba(0,0,0,.1); | |
| color:#393946; | |
| height:335px | |
| } | |
| .testimonial-card__tall { | |
| height:365px | |
| } | |
| .testimonial-card__mini { | |
| border-radius:4px; | |
| height:232px; | |
| width:270px; | |
| padding:17px 20px | |
| } | |
| .testimonial-card__mini .resource-container p.resource-type { | |
| color:#1a53b7; | |
| font-weight:600; | |
| font-size:12px | |
| } | |
| .testimonial-card__mini h5 { | |
| font-weight:400; | |
| font-size:18px; | |
| color:#021e40 | |
| } | |
| .testimonial-card__mini .time-container p.time-background { | |
| background:#e9edf2; | |
| border-radius:2px; | |
| width:49px; | |
| font-size:12px; | |
| text-align:center | |
| } | |
| .testimonial-card h4, | |
| .testimonial-card h5 { | |
| border-bottom:1px solid transparent; | |
| transition:.2s; | |
| display:inline | |
| } | |
| .testimonial-card h5 { | |
| color:#393946 | |
| } | |
| .testimonial-card:hover { | |
| box-shadow:0 4px 40px rgba(0,0,0,.3) | |
| } | |
| .testimonial-card:hover h4, | |
| .testimonial-card:hover h5 { | |
| border-bottom:1px solid #393946 | |
| } | |
| .testimonial-card__logo { | |
| height:89px; | |
| background:url(/static/img/case-study/success_default.jpg); | |
| background-size:cover | |
| } | |
| .testimonial-card__logo img { | |
| max-width:150px; | |
| height:100% | |
| } | |
| .testimonial-card__inner { | |
| padding:1rem 1.25rem 0 | |
| } | |
| .testimonial-card__inner p { | |
| margin:.5rem 0; | |
| font-size:14px | |
| } | |
| .testimonial-card__content { | |
| color:#393946; | |
| visibility:visible; | |
| opacity:1; | |
| transition:all .2s; | |
| height:212px; | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| position:absolute; | |
| top:200px; | |
| left:0; | |
| padding:15px; | |
| font-size:14px | |
| } | |
| .testimonial-card__cta { | |
| visibility:visible; | |
| opacity:1; | |
| transition:all .2s; | |
| height:28px; | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| position:absolute; | |
| top:479px; | |
| left:0; | |
| padding:15px; | |
| color:#3d7bd9 | |
| } | |
| .testimonial-card__excerpt { | |
| visibility:hidden; | |
| line-height:1.6; | |
| color:#393946 | |
| } | |
| .testimonial-card__excerpt-cite { | |
| line-height:1.6; | |
| font-size:14px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .testimonial-card__excerpt { | |
| line-height:1.6 | |
| } | |
| } | |
| .testimonial-card__type { | |
| font-size:14px; | |
| line-height:18px; | |
| color:#1a53b7; | |
| font-weight:600; | |
| margin-bottom:.5rem; | |
| display:flex; | |
| align-items:center | |
| } | |
| .testimonial-card__type span { | |
| margin-left:.5rem | |
| } | |
| .testimonial-card__time { | |
| margin:.5rem 0 | |
| } | |
| .testimonial-card__time span { | |
| font-size:14px; | |
| line-height:18px; | |
| background:#e9edf2; | |
| border-radius:2px; | |
| padding:4px; | |
| margin:4px 0; | |
| color:#1a53b7; | |
| font-weight:600 | |
| } | |
| .testimonial-card:hover { | |
| color:#393946 | |
| } | |
| .testimonial-card:hover .testimonial-card__content { | |
| visibility:hidden; | |
| opacity:0; | |
| transition:all .2s | |
| } | |
| .testimonial-card:hover .testimonial-card__excerpt { | |
| visibility:visible | |
| } | |
| .section-blog .testimonial-card h4 { | |
| color:#1f60c4 | |
| } | |
| .Hero { | |
| position:relative; | |
| display:flex | |
| } | |
| .Hero .hero-content { | |
| position:relative; | |
| z-index:1; | |
| display:flex; | |
| align-items:center; | |
| width:100%; | |
| color:#fefefe; | |
| padding:5rem 0 4rem | |
| } | |
| .Hero .hero-content .wrapper, | |
| .Hero .hero-content .wrapper-wide { | |
| max-width:700px | |
| } | |
| @media(min-width:1220px) { | |
| .Hero .hero-content .wrapper, | |
| .Hero .hero-content .wrapper-wide { | |
| margin-left:calc(50vw - 600px); | |
| padding:0 1rem | |
| } | |
| } | |
| @media(max-width:1220px) { | |
| .Hero .hero-content .wrapper, | |
| .Hero .hero-content .wrapper-wide { | |
| text-align:center; | |
| margin-left:auto; | |
| margin-right:auto | |
| } | |
| .Hero .hero-content .wrapper ul, | |
| .Hero .hero-content .wrapper-wide ul { | |
| list-style-position:inside; | |
| margin-right:3rem | |
| } | |
| } | |
| .Hero .hero-content__image { | |
| width:100%; | |
| height:100%; | |
| z-index:-1; | |
| -o-object-fit:cover; | |
| object-fit:cover; | |
| position:absolute; | |
| margin-top:-16px | |
| } | |
| .Hero .hero-content__right { | |
| justify-content:flex-end | |
| } | |
| @media(min-width:1220px) { | |
| .Hero .hero-content__right .wrapper, | |
| .Hero .hero-content__right .wrapper-wide { | |
| margin-right:calc(50vw - 600px) | |
| } | |
| } | |
| .Hero .hero-content__center { | |
| justify-content:center; | |
| text-align:center | |
| } | |
| @media(min-width:1220px) { | |
| .Hero .hero-content__center .wrapper, | |
| .Hero .hero-content__center .wrapper-wide { | |
| margin-left:0 | |
| } | |
| } | |
| .Hero .hero-content__social { | |
| color:#fefefe; | |
| font-size:30px; | |
| padding-right:.5rem; | |
| transition:all .2s; | |
| border:none | |
| } | |
| .Hero .hero-content__social:hover { | |
| color:#eaeaea | |
| } | |
| @media(min-width:1221px) { | |
| .Hero .hero-content__dark-text { | |
| color:#393946 | |
| } | |
| } | |
| .Hero .hero-content__bold-hero .wrapper, | |
| .Hero .hero-content__bold-hero .wrapper-wide { | |
| max-width:1000px | |
| } | |
| .Hero .hero-content__bold-hero .wrapper h1, | |
| .Hero .hero-content__bold-hero .wrapper-wide h1 { | |
| font-weight:600 | |
| } | |
| @media(min-width:1220px) { | |
| .Hero .hero-content__bold-hero { | |
| color:#393946 | |
| } | |
| } | |
| .Hero a:not(.hero-content__social):not(.btn) { | |
| font-weight:600; | |
| color:#fefefe; | |
| border-bottom:1px solid #fefefe; | |
| transition:all .2s | |
| } | |
| .Hero a:not(.hero-content__social):not(.btn):hover { | |
| border-bottom:none | |
| } | |
| .section-tutorials .page-submenu { | |
| position:relative | |
| } | |
| .section-tutorials .form-input { | |
| max-width:100% | |
| } | |
| .tutorial-wrapper { | |
| background:#fefefe | |
| } | |
| .tutorial-header { | |
| top:0; | |
| background:url(/static/img/heros/hero-tutorial.png); | |
| box-shadow:0 2px 7px rgba(168,168,168,.5); | |
| z-index:398; | |
| color:#fefefe; | |
| padding:0 20px | |
| } | |
| .tutorial-header__close { | |
| color:#fefefe | |
| } | |
| .tutorial-header__close i { | |
| padding:5px; | |
| color:#fefefe | |
| } | |
| .tutorial-header h1 { | |
| padding:33px 0 | |
| } | |
| .tutorial-sidebar { | |
| position:-webkit-sticky; | |
| position:sticky; | |
| top:0; | |
| z-index:397; | |
| background:#fefefe; | |
| flex-direction:column; | |
| transition:all .2s; | |
| padding:30px 0 40px | |
| } | |
| @media(max-width:61.1875rem) { | |
| .tutorial-sidebar { | |
| display:none | |
| } | |
| } | |
| .tutorial-toc { | |
| padding:0; | |
| list-style:none; | |
| line-height:20px | |
| } | |
| .tutorial-toc li { | |
| margin-bottom:10px | |
| } | |
| .tutorial-toc li a { | |
| color:#464646 | |
| } | |
| .tutorial-toc li a:hover { | |
| color:#1f60c4; | |
| text-decoration:underline | |
| } | |
| .tutorial-content { | |
| background:#fefefe; | |
| margin-top:0; | |
| height:100%; | |
| position:relative; | |
| overflow:hidden | |
| } | |
| .tutorial-content__wrap { | |
| max-width:752px; | |
| margin:0 2rem 2rem; | |
| padding-top:2rem | |
| } | |
| @media(max-width:61.1875rem) { | |
| .tutorial-content__wrap { | |
| margin:0 | |
| } | |
| } | |
| .tutorial-sidebar__nav { | |
| position:relative | |
| } | |
| .prerequisite-section { | |
| background-color:#f5f5f5; | |
| padding:20px 27px | |
| } | |
| .tutorial-tag { | |
| background:#e9edf2; | |
| border-radius:2px; | |
| color:#393946; | |
| padding:10px 8px | |
| } | |
| .author-container { | |
| margin:0 0 12px | |
| } | |
| .lg-outer .lg-item { | |
| background-image:url(/static/img/loading.gif) | |
| } | |
| @font-face { | |
| font-family:lg; | |
| src:url(/static/fonts/lg.eot?n1z373); | |
| src:url(/static/fonts/lg.eot?#iefixn1z373)format("embedded-opentype"), | |
| url(/static/fonts/lg.woff?n1z373)format("woff"), | |
| url(/static/fonts/lg.ttf?n1z373)format("truetype"), | |
| url(/static/fonts/lg.svg?n1z373#lg)format("svg"); | |
| font-weight:400; | |
| font-style:normal | |
| } | |
| @font-face { | |
| font-family:grafanacon; | |
| src:url(/static/fonts/grafanacon.ttf)format("truetype"); | |
| font-weight:400; | |
| font-style:normal; | |
| font-display:swap | |
| } | |
| .grafanacon__register-form .js-form+p { | |
| font-size:12px; | |
| font-weight:400 | |
| } | |
| .grafanacon__register-form .form-response--success { | |
| clear:both | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon .mt-sm-3 { | |
| margin-top:30px | |
| } | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon .mb-sm-3 { | |
| margin-bottom:30px | |
| } | |
| } | |
| .text-darkblue { | |
| color:#0b61a8 | |
| } | |
| .grafanacon .grafanacon__page-hero { | |
| position:relative; | |
| overflow:hidden; | |
| color:#021e40; | |
| min-height:500px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__page-hero { | |
| height:820px | |
| } | |
| } | |
| .grafanacon .grafanacon__page-hero-image { | |
| position:absolute; | |
| -o-object-fit:cover; | |
| object-fit:cover; | |
| -o-object-position:center bottom; | |
| object-position:center bottom; | |
| width:100%; | |
| height:100% | |
| } | |
| .grafanacon .grafanacon__page-hero-body { | |
| width:100%; | |
| z-index:1; | |
| padding-top:90px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__page-hero-body { | |
| padding-top:185px | |
| } | |
| } | |
| .grafanacon .grafanacon__page-hero-title { | |
| font-size:55px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__page-hero-title { | |
| font-size:110px | |
| } | |
| } | |
| .grafanacon .grafanacon__page-hero-copy { | |
| font-size:18px | |
| } | |
| .grafanacon .grafanacon__section-intro { | |
| padding:80px 0; | |
| font-size:25px; | |
| font-weight:500; | |
| border-bottom:2px solid #eaf3f8 | |
| } | |
| .grafanacon .grafanacon__section-padded { | |
| padding:50px 0 | |
| } | |
| .grafanacon .grafanacon .grafanacon__section-copy { | |
| font-size:18px | |
| } | |
| .grafanacon .grafanacon__page-map { | |
| width:100%; | |
| height:400px; | |
| margin-top:20px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__page-map { | |
| height:690px; | |
| margin-top:-75px | |
| } | |
| } | |
| .grafanacon .grafanacon__vertical-divider { | |
| height:100%; | |
| width:2px; | |
| background:#d3e0ea; | |
| margin:0 auto | |
| } | |
| .grafanacon__site-logo, | |
| .grafanacon__site-logo>img { | |
| height:auto | |
| } | |
| .grafanacon__page-header, | |
| .grafanacon__page-header .site-nav_container, | |
| .grafanacon__page-header .wrapper__header-nav { | |
| height:80px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__page-header, | |
| .grafanacon__page-header .site-nav_container, | |
| .grafanacon__page-header .wrapper__header-nav { | |
| height:100px | |
| } | |
| } | |
| .grafanacon__page-header .site-nav_container { | |
| width:100%; | |
| align-items:center; | |
| justify-content:space-between | |
| } | |
| .grafanacon__page-header .site-nav_container>.site-nav { | |
| display:none | |
| } | |
| .grafanacon__nav-list { | |
| display:flex; | |
| list-style:none; | |
| align-items:center | |
| } | |
| .grafanacon__nav-item+.grafanacon__nav-item { | |
| margin-left:50px | |
| } | |
| .grafanacon__nav-link { | |
| color:#021e40; | |
| font-size:19px; | |
| font-weight:500 | |
| } | |
| .grafanacon__page-footer { | |
| padding:100px 0 170px; | |
| background:#fafafa | |
| } | |
| .grafanacon__page-footer-logo, | |
| .grafanacon__page-footer-logo>img { | |
| display:block; | |
| width:100%; | |
| max-width:280px | |
| } | |
| .grafanacon__page-footer-logo { | |
| padding-bottom:30px | |
| } | |
| .grafanacon__page-footer-logo+.grafanacon__page-footer-logo { | |
| padding:30px 0; | |
| border-top:1px solid #d3e0ea | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__page-footer-logo+.grafanacon__page-footer-logo { | |
| padding:30px 0 0 | |
| } | |
| } | |
| .grafanacon__footer-nav-list { | |
| list-style:none; | |
| margin:0; | |
| padding:0 | |
| } | |
| .grafanacon__page-footer .grafanacon__footer-nav-link { | |
| color:#021e40; | |
| font-size:18px; | |
| display:block; | |
| padding:0 0 15px | |
| } | |
| .grafanacon__footer-social-list { | |
| margin:0; | |
| padding:0; | |
| list-style:none; | |
| display:flex; | |
| flex-flow:row nowrap; | |
| align-items:center | |
| } | |
| .grafanacon__footer-social-item+.grafanacon__footer-social-item { | |
| margin-left:30px | |
| } | |
| .grafanacon__banner { | |
| background:#021e40; | |
| color:#fff; | |
| font-size:15px | |
| } | |
| .grafanacon__banner-content { | |
| display:block; | |
| width:100%; | |
| color:#fff | |
| } | |
| .grafanacon .grafanacon__pullquote { | |
| font-size:24px; | |
| line-height:1.4; | |
| font-weight:500 | |
| } | |
| .grafanacon-wave-text { | |
| font-weight:500; | |
| font-size:24px; | |
| font-family:inter,sans-serif | |
| } | |
| .grafanacon-wave-text>img { | |
| margin-right:15px | |
| } | |
| .grafanacon-wave-text.lightblue { | |
| color:#0c61a8 | |
| } | |
| .grafanacon .btn--grafana { | |
| border-radius:0; | |
| border:5px solid #8cc63f; | |
| font-weight:700; | |
| padding:1rem 4rem; | |
| color:#8cc63f; | |
| line-height:11px; | |
| font-size:1.2rem; | |
| transition:all .2s | |
| } | |
| @media(max-width:991px) { | |
| .grafanacon .btn--grafana { | |
| padding:1rem 2rem | |
| } | |
| } | |
| .grafanacon .btn--grafana:hover { | |
| color:#a4d266 | |
| } | |
| .grafanacon .btn--blue { | |
| border-radius:0; | |
| border:5px solid #021e40; | |
| font-weight:700; | |
| padding:1rem 4rem; | |
| color:#021e40; | |
| line-height:11px; | |
| font-size:1.2rem; | |
| transition:all .2s | |
| } | |
| @media(max-width:991px) { | |
| .grafanacon .btn--blue { | |
| padding:1rem 2rem | |
| } | |
| } | |
| .grafanacon .btn--blue:hover { | |
| color:#043571 | |
| } | |
| .grafanacon .btn--white { | |
| border-radius:0; | |
| border:5px solid #fff; | |
| font-weight:700; | |
| padding:1rem 4rem; | |
| color:#fff; | |
| line-height:11px; | |
| font-size:1.2rem; | |
| transition:all .2s; | |
| background-color:transparent | |
| } | |
| @media(max-width:991px) { | |
| .grafanacon .btn--white { | |
| padding:1rem 2rem | |
| } | |
| } | |
| .grafanacon .btn--white:hover { | |
| color:#e6e6e6 | |
| } | |
| .grafanacon .btn--solid-lighterblue { | |
| color:#fff; | |
| background:#3fa9f5; | |
| height:80px; | |
| padding:0 20px; | |
| font-size:18px; | |
| font-weight:700; | |
| line-height:80px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .btn--solid-lighterblue { | |
| padding:0 80px; | |
| font-size:21px | |
| } | |
| } | |
| .grafanacon .btn--solid-blue { | |
| color:#fff; | |
| background:#044a8e; | |
| border:0; | |
| height:80px; | |
| padding:0 40px; | |
| font-size:21px; | |
| font-weight:700; | |
| line-height:80px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .btn--solid-blue { | |
| padding:0 80px | |
| } | |
| } | |
| .grafanacon .btn--solid-green { | |
| color:#fff; | |
| background:#8cc63f; | |
| height:80px; | |
| padding:0 80px; | |
| font-size:21px; | |
| font-weight:700; | |
| line-height:80px | |
| } | |
| .btn--grafanacon-green { | |
| color:#fff; | |
| background:#8cc63f; | |
| height:58px; | |
| padding:0 50px; | |
| font-size:18px; | |
| font-weight:700; | |
| line-height:58px; | |
| width:100% | |
| } | |
| .btn--grafanacon-green:hover { | |
| color:#0b61a8; | |
| border-color:#0b61a8 | |
| } | |
| .btn--default { | |
| background:0 0; | |
| border:none | |
| } | |
| .btn--text:hover { | |
| text-decoration:underline | |
| } | |
| .grafanacon__callout { | |
| position:relative; | |
| padding:0 17px 17px 0 | |
| } | |
| .grafanacon__callout-body { | |
| position:relative; | |
| padding:30px; | |
| background:#fff; | |
| z-index:2 | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__callout-body { | |
| padding:85px | |
| } | |
| } | |
| .grafanacon__callout-title, | |
| .grafanacon__border-box-title { | |
| font-size:24px; | |
| font-weight:500; | |
| line-height:1.4; | |
| color:#000 | |
| } | |
| .grafanacon__callout::after { | |
| content:''; | |
| position:absolute; | |
| top:17px; | |
| right:0; | |
| bottom:0; | |
| left:17px; | |
| background:#d3e0ea; | |
| z-index:1 | |
| } | |
| .grafanacon__border-box { | |
| display:inline-block; | |
| padding:30px; | |
| border:7px solid #8cc63f; | |
| background:#fff | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__border-box { | |
| padding:60px | |
| } | |
| } | |
| .grafanacon__border-box--light { | |
| margin:4em 0; | |
| display:block; | |
| border:4px solid #ecf3f8; | |
| padding:30px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__border-box--light { | |
| padding:60px 120px | |
| } | |
| } | |
| .grafanacon .grafanacon__border-box--light .grafanacon__border-box-title { | |
| color:#044a8e | |
| } | |
| .grafanacon__hex-icon-list { | |
| margin:0; | |
| padding:0; | |
| list-style:none | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon__hex-icon-list { | |
| margin-top:50px | |
| } | |
| } | |
| .grafanacon__hex-icon-list-item { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| align-items:flex-start; | |
| padding:20px 0 | |
| } | |
| .grafanacon__hex-icon-list-item:last-child { | |
| padding-bottom:0 | |
| } | |
| .grafanacon__hex-icon-list-title { | |
| font-size:21px; | |
| font-weight:500; | |
| font-family:inter,sans-serif | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__hex-icon-list-title { | |
| font-size:25px | |
| } | |
| } | |
| .grafanacon__hex-icon-list-title.green { | |
| color:#8cc63f | |
| } | |
| .grafanacon__hex-icon-list-title.blue { | |
| color:#3fa9f5 | |
| } | |
| .grafanacon__hex-icon-list-title.lightblue { | |
| color:#0c61a8 | |
| } | |
| .grafanacon__hex-icon-list-icon { | |
| display:block | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon__hex-icon-list-icon { | |
| margin-right:25px; | |
| width:50px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__hex-icon-list-icon { | |
| margin-right:45px | |
| } | |
| } | |
| .grafanacon__hex-icon-list-item .grafanacon__hex-icon-list-body p { | |
| font-size:18px | |
| } | |
| .grafanacon .grafancon-legal { | |
| counter-reset:terms | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafancon-legal { | |
| margin:0 auto; | |
| max-width:910px | |
| } | |
| } | |
| .grafanacon .grafancon-legal>h3 { | |
| display:flex; | |
| margin:1.5em 0 1em; | |
| font-size:27px; | |
| font-weight:500; | |
| color:#021e40 | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafancon-legal>h3 { | |
| margin:3em 0 1em; | |
| font-size:35px | |
| } | |
| } | |
| .grafanacon .grafancon-legal>h3.numbered:before { | |
| counter-increment:terms; | |
| content:counter(terms)". "; | |
| margin-right:10px | |
| } | |
| .grafanacon .grafancon-legal>p { | |
| margin-bottom:1em; | |
| font-size:18px; | |
| line-height:1.8em | |
| } | |
| .grafanacon .grafancon-legal a { | |
| font-weight:700; | |
| color:#0c61a8 | |
| } | |
| .grafanacon .grafancon-legal ol, | |
| .grafanacon .grafancon-legal ul { | |
| margin-left:0 | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafancon-legal ol, | |
| .grafanacon .grafancon-legal ul { | |
| margin-left:3em | |
| } | |
| } | |
| .grafanacon .grafancon-legal li { | |
| margin-bottom:.5em; | |
| font-size:18px; | |
| color:#021e40 | |
| } | |
| .grafanacon .grafancon-legal li:last-child { | |
| margin-bottom:0 | |
| } | |
| .grafanacon .grafanacon-legal-header { | |
| color:#044a8e; | |
| font-weight:500; | |
| font-size:30px; | |
| text-transform:none; | |
| font-family:Inter,sans-serif | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon-legal-header { | |
| font-size:55px | |
| } | |
| } | |
| .grafanacon .grafanacon__photo-grid { | |
| position:relative | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__photo-grid--padded { | |
| padding-bottom:100px | |
| } | |
| } | |
| .grafanacon .grafanacon__photo-grid-img { | |
| display:block | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__photo-grid-img { | |
| border:7px solid #fff | |
| } | |
| } | |
| @media(max-width:979px) { | |
| .grafanacon .grafanacon__photo-grid-img:last-child, | |
| .grafanacon .grafanacon__photo-grid-img+.grafanacon__photo-grid-img { | |
| margin-top:20px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__photo-grid-img.offset-a { | |
| transform:translateX(250px); | |
| position:absolute; | |
| top:250px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__photo-grid .offset-b { | |
| transform:translateX(200px); | |
| z-index:100; | |
| position:relative; | |
| top:0 | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__photo-grid-img.offset-c { | |
| transform:translateX(500px); | |
| z-index:50; | |
| position:absolute; | |
| top:50px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__photo-grid-img.offset-d { | |
| position:relative; | |
| transform:translate(100px,125px); | |
| z-index:50 | |
| } | |
| } | |
| .grafanacon .grafanacon__photo-grid-img.offset-e { | |
| position:relative; | |
| z-index:100 | |
| } | |
| .grafanacon-schedule-list, | |
| .grafanacon-talk-list { | |
| list-style:none; | |
| margin:0; | |
| padding:0 | |
| } | |
| .grafanacon-schedule-list { | |
| width:100% | |
| } | |
| .grafanacon-schedule-list__item { | |
| display:flex; | |
| align-items:flex-start; | |
| padding-bottom:40px; | |
| flex-flow:column nowrap | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon-schedule-list__item { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| .grafanacon-schedule-list__item:last-child { | |
| padding-bottom:0 | |
| } | |
| .grafanacon-schedule-list__item+.grafanacon-schedule-list__item { | |
| border-top:3px solid; | |
| padding-top:40px | |
| } | |
| .grafanacon-schedule-list__date { | |
| font-family:inter,sans-serif; | |
| font-weight:500; | |
| line-height:1.4 | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon-schedule-list__date { | |
| font-size:21px; | |
| margin-bottom:20px | |
| } | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon-schedule-list__date { | |
| width:225px; | |
| font-size:27px | |
| } | |
| } | |
| .grafanacon-schedule-list__day { | |
| display:block | |
| } | |
| .grafanacon-talk-list { | |
| width:100%; | |
| padding-top:.25em | |
| } | |
| .grafanacon-talk-list__item { | |
| padding-bottom:30px | |
| } | |
| .grafanacon-talk-list__item:last-child { | |
| padding-bottom:0 | |
| } | |
| .grafanacon-talk-list__item+.grafanacon-talk-list__item { | |
| border-top:3px solid #fff; | |
| padding-top:30px | |
| } | |
| .grafanacon-talk-list__desc { | |
| margin-bottom:15px | |
| } | |
| .grafanacon-talk-list .pipe { | |
| display:inline-block; | |
| margin:0 .5em; | |
| font-weight:700 | |
| } | |
| .grafanacon__section-orange .grafanacon-schedule-list__date, | |
| .grafanacon__section-orange .grafanacon-talk-list .pipe { | |
| color:#e4c287 | |
| } | |
| .grafanacon__section-orange .grafanacon-schedule-list__item+.grafanacon-schedule-list__item { | |
| border-color:#e4c287 | |
| } | |
| .grafanacon__section-grey .grafanacon-schedule-list__date, | |
| .grafanacon__section-grey .grafanacon-talk-list .pipe { | |
| color:#3fa9f5 | |
| } | |
| .grafanacon__section-grey .grafanacon-schedule-list__item+.grafanacon-schedule-list__item { | |
| border-color:#bbd9ef | |
| } | |
| .grafanacon__section-green .grafanacon-schedule-list__date, | |
| .grafanacon__section-green .grafanacon-talk-list .pipe { | |
| color:#8cc63f | |
| } | |
| .grafanacon__section-green .grafanacon-schedule-list__item+.grafanacon-schedule-list__item { | |
| border-color:#d8ebc0 | |
| } | |
| .grafanacon__section-green .grafanacon-talk-list__item+.grafanacon-talk-list__item { | |
| border-color:#f0f4e9 | |
| } | |
| .grafanacon-featured-speaker-list, | |
| .grafanacon-speaker-list { | |
| list-style:none; | |
| margin:0; | |
| padding:0; | |
| display:flex; | |
| justify-content:space-between | |
| } | |
| .grafanacon-featured-speaker-list { | |
| flex-flow:column wrap; | |
| margin:90px 0 | |
| } | |
| @media(min-width:680px) { | |
| .grafanacon-featured-speaker-list { | |
| flex-flow:row nowrap | |
| } | |
| } | |
| .grafanacon-featured-speaker-list__item { | |
| background:#fff; | |
| padding:7px | |
| } | |
| @media(max-width:680px) { | |
| .grafanacon-featured-speaker-list__item { | |
| max-width:300px | |
| } | |
| } | |
| @media(min-width:680px) { | |
| .grafanacon-featured-speaker-list__item { | |
| width:calc(33.33% - 9px) | |
| } | |
| } | |
| @media(max-width:680px) { | |
| .grafanacon-featured-speaker-list__item+.grafanacon-featured-speaker-list__item { | |
| margin-top:20px | |
| } | |
| } | |
| .grafanacon-featured-speaker-list__body { | |
| padding:0 20px 20px | |
| } | |
| .grafanacon-featured-speaker-list__photo-wrap { | |
| position:relative; | |
| padding-bottom:88.07106599%; | |
| overflow:hidden | |
| } | |
| .grafanacon-featured-speaker-list__photo { | |
| position:absolute; | |
| -o-object-fit:cover; | |
| object-fit:cover | |
| } | |
| .grafanacon-featured-speaker-list__name { | |
| font-family:inter,sans-serif; | |
| font-size:21px; | |
| font-weight:500; | |
| color:#021e40; | |
| margin:1em 0 .5em | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon-featured-speaker-list__name { | |
| margin:1.5em 0 1em; | |
| font-size:27px | |
| } | |
| } | |
| .grafanacon-featured-speaker-list .grafanacon-featured-speaker-list__bio { | |
| margin:0; | |
| font-size:16px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon-featured-speaker-list .grafanacon-featured-speaker-list__bio { | |
| font-size:18px | |
| } | |
| } | |
| .grafanacon-speaker-list { | |
| width:100%; | |
| flex-flow:row wrap | |
| } | |
| @media(min-width:680px) { | |
| .grafanacon-speaker-list { | |
| flex-flow:row wrap | |
| } | |
| } | |
| .grafanacon-speaker-list--centered { | |
| justify-content:flex-start | |
| } | |
| @media(max-width:680px) { | |
| .grafanacon-speaker-list__item { | |
| width:calc(50% - 10px); | |
| margin-bottom:20px | |
| } | |
| } | |
| @media(min-width:680px) { | |
| .grafanacon-speaker-list__item { | |
| width:calc(25% - 25px); | |
| margin-bottom:70px | |
| } | |
| } | |
| @media(max-width:680px) { | |
| .grafanacon-speaker-list--centered .grafanacon-speaker-list__item+.grafanacon-speaker-list__item { | |
| margin-left:20px | |
| } | |
| .grafanacon-speaker-list--centered .grafanacon-speaker-list__item+.grafanacon-speaker-list__item:last-child { | |
| margin-left:0 | |
| } | |
| } | |
| @media(min-width:680px) { | |
| .grafanacon-speaker-list--centered .grafanacon-speaker-list__item+.grafanacon-speaker-list__item { | |
| margin-left:35px | |
| } | |
| } | |
| .grafanacon-speaker-list__photo-wrap { | |
| position:relative; | |
| padding-bottom:91.47286822%; | |
| overflow:hidden | |
| } | |
| .grafanacon-speaker-list__photo { | |
| position:absolute; | |
| -o-object-fit:cover; | |
| object-fit:cover; | |
| width:100%; | |
| border:7px solid #fff | |
| } | |
| .is-invited .grafanacon-speaker-list__photo-wrap::after { | |
| content:'Invited Speaker'; | |
| position:absolute; | |
| bottom:0; | |
| left:0; | |
| z-index:100; | |
| background:#3fa9f5; | |
| font-size:12px; | |
| color:#fff; | |
| padding:4px 8px; | |
| font-weight:500 | |
| } | |
| @media(min-width:980px) { | |
| .is-invited .grafanacon-speaker-list__photo-wrap::after { | |
| font-size:15px; | |
| padding:8px 16px | |
| } | |
| } | |
| .grafanacon-speaker-list__name { | |
| font-family:inter,sans-serif; | |
| font-size:18px; | |
| font-weight:500; | |
| color:#021e40; | |
| margin:.5em 0 | |
| } | |
| @media(min-width:680px) { | |
| .grafanacon-speaker-list__name { | |
| font-size:21px; | |
| margin:1em 0 | |
| } | |
| } | |
| .grafanacon-speaker-list .grafanacon-speaker-list__bio { | |
| font-size:16px | |
| } | |
| .grafanacon .grafanacon__sponsor-card { | |
| position:relative; | |
| background:#fff; | |
| border-width:5px; | |
| border-style:solid; | |
| margin:0 15px 16px 0; | |
| z-index:10 | |
| } | |
| .grafanacon .grafanacon__sponsor-card::before { | |
| position:absolute; | |
| top:-20px; | |
| left:7.5px; | |
| display:block; | |
| padding:7.5px 15px; | |
| background:#fff; | |
| font-size:18px; | |
| font-weight:500; | |
| line-height:1 | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__sponsor-card::before { | |
| padding:15px 30px; | |
| font-size:30px; | |
| top:-35px; | |
| left:15px | |
| } | |
| } | |
| .grafanacon .grafanacon__sponsor-card::after { | |
| content:''; | |
| position:absolute; | |
| top:0; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| transform:translate(20px,21px); | |
| z-index:1 | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-platinum { | |
| max-width:500px; | |
| border-color:#0c61a8; | |
| padding:60px 20px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__sponsor-card.is-platinum { | |
| max-width:625px; | |
| padding:120px 60px | |
| } | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-platinum::before { | |
| content:'Platinum Sponsor'; | |
| color:#0c61a8 | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-platinum::after { | |
| border-right:15px solid #3fa9f5; | |
| border-bottom:16px solid #3fa9f5 | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-gold { | |
| width:80%; | |
| max-width:300px; | |
| border-color:#3fa9f5; | |
| padding:30px 50px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__sponsor-card.is-gold { | |
| max-width:500px; | |
| padding:60px 120px | |
| } | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-gold::before { | |
| content:'Gold Sponsor'; | |
| color:#3fa9f5 | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-gold::after { | |
| border-right:15px solid #d9e021; | |
| border-bottom:16px solid #d9e021 | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-silver { | |
| width:80%; | |
| max-width:250px; | |
| border-color:#3fa9f5; | |
| padding:20px 40px | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .grafanacon__sponsor-card.is-silver { | |
| max-width:400px; | |
| padding:30px 60px | |
| } | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-silver::before { | |
| content:'Silver Sponsor'; | |
| color:#3fa9f5 | |
| } | |
| .grafanacon .grafanacon__sponsor-card.is-silver::after { | |
| border-right:15px solid #0c61a8; | |
| border-bottom:16px solid #0c61a8 | |
| } | |
| .grafanacon .grafanacon__sponsor-card+.grafanacon__sponsor-card { | |
| margin-top:100px | |
| } | |
| .grafanacon .grafanacon__sponsor-card-img { | |
| display:block; | |
| width:100%; | |
| height:auto | |
| } | |
| .grafanacon .grafanacon__sponsor-card-contact { | |
| margin-top:2.5em; | |
| font-size:18px; | |
| line-height:1.5 | |
| } | |
| .grafanacon .grafanacon__sponsor-card-contact+.grafanacon__sponsor-card-contact { | |
| margin-top:.5em | |
| } | |
| .grafanacon__webinar-yellow .webinar-content, | |
| .grafanacon__webinar-yellow .webinar-form, | |
| .grafanacon__webinar-yellow .team__img, | |
| .grafanacon__webinar-yellow .youtube { | |
| border:5px solid #eed914 | |
| } | |
| .grafanacon__webinar-yellow .grafanacon__webinar-week { | |
| background:#eed914 | |
| } | |
| .grafanacon__webinar-yellow .social-link { | |
| color:#eed914 | |
| } | |
| .grafanacon__webinar-blue .webinar-content, | |
| .grafanacon__webinar-blue .webinar-form, | |
| .grafanacon__webinar-blue .team__img, | |
| .grafanacon__webinar-blue .youtube { | |
| border:5px solid #3fa9f5 | |
| } | |
| .grafanacon__webinar-blue .grafanacon__webinar-week { | |
| background:#3fa9f5 | |
| } | |
| .grafanacon__webinar-blue .social-link { | |
| color:#3fa9f5 | |
| } | |
| .grafanacon__webinar-green .webinar-content, | |
| .grafanacon__webinar-green .webinar-form, | |
| .grafanacon__webinar-green .team__img, | |
| .grafanacon__webinar-green .youtube { | |
| border:5px solid #8cc63f | |
| } | |
| .grafanacon__webinar-green .grafanacon__webinar-week { | |
| background:#8cc63f | |
| } | |
| .grafanacon__webinar-green .social-link { | |
| color:#8cc63f | |
| } | |
| .grafanacon__webinar-week { | |
| color:#fff!important; | |
| display:table; | |
| padding:.5rem; | |
| margin:1rem 0 | |
| } | |
| .grafanacon__webinar .webinar-form { | |
| background:url(/static/assets/img/go/bigmarker-bg.svg)no-repeat; | |
| background-position:96% 100%; | |
| margin-bottom:2rem | |
| } | |
| .grafanacon__webinar .webinar-form p:not(:first-of-type) { | |
| max-width:560px; | |
| font-size:14px | |
| } | |
| .grafanacon__webinar .social-link { | |
| padding-right:.5rem | |
| } | |
| .grafanacon__webinar .social-link i { | |
| font-size:24px | |
| } | |
| @media(min-width:950px) { | |
| .grafanacon__webinar .js-form { | |
| display:flex; | |
| align-items:center | |
| } | |
| } | |
| .grafanacon__webinar .js-form .form-section, | |
| .grafanacon__webinar .js-form .btn-row, | |
| .grafanacon__webinar .js-form .form__input { | |
| margin:0 | |
| } | |
| .grafanacon__webinar .js-form .form__input { | |
| background:0 0; | |
| border:2px solid #d3e0ea; | |
| max-height:42px; | |
| border-radius:0 | |
| } | |
| .grafanacon__webinar .js-form .form__input::-webkit-input-placeholder { | |
| font-size:14px | |
| } | |
| .grafanacon__webinar .js-form .form-group { | |
| width:33rem; | |
| max-width:33rem | |
| } | |
| .grafanacon__webinar .js-form .btn-row { | |
| margin-top:20px; | |
| text-align:left | |
| } | |
| .grafanacon__webinar .js-form .btn-row .btn { | |
| font-weight:700 | |
| } | |
| .grafanacon__webinar .js-form .form-group__required { | |
| display:none | |
| } | |
| .grafanacon__webinar .js-form sup { | |
| display:none | |
| } | |
| .grafanacon__webinar .js-form label { | |
| display:none | |
| } | |
| .grafanacon__webinar h1, | |
| .grafanacon__webinar h2, | |
| .grafanacon__webinar h3, | |
| .grafanacon__webinar h4, | |
| .grafanacon__webinar h5, | |
| .grafanacon__webinar h6 { | |
| color:#021e40 | |
| } | |
| .grafanacon__webinar h1 { | |
| font-size:calc(1.425rem + 2.1vw); | |
| margin-top:3rem; | |
| margin-bottom:1rem | |
| } | |
| @media(min-width:1200px) { | |
| .grafanacon__webinar h1 { | |
| font-size:3rem | |
| } | |
| } | |
| .grafanacon__webinar h2 { | |
| font-size:calc(1.405rem + 1.86vw) | |
| } | |
| @media(min-width:1200px) { | |
| .grafanacon__webinar h2 { | |
| font-size:2.8rem | |
| } | |
| } | |
| .grafanacon__webinar h3 { | |
| font-size:calc(1.325rem + .9vw); | |
| font-family:inter,sans-serif; | |
| margin-top:3rem | |
| } | |
| @media(min-width:1200px) { | |
| .grafanacon__webinar h3 { | |
| font-size:2rem | |
| } | |
| } | |
| .grafanacon__webinar h4 { | |
| font-size:calc(1.2925rem + .51vw); | |
| font-family:inter,sans-serif | |
| } | |
| @media(min-width:1200px) { | |
| .grafanacon__webinar h4 { | |
| font-size:1.675rem | |
| } | |
| } | |
| .grafanacon__webinar hr { | |
| margin:3rem 0; | |
| border:2px solid #cfe0e8 | |
| } | |
| .grafanacon__webinar .team__img { | |
| border-radius:0 | |
| } | |
| .grafanacon { | |
| background:#fff; | |
| width:100%; | |
| overflow:hidden | |
| } | |
| .grafanacon h1, | |
| .grafanacon h2 { | |
| font-family:grafanacon,sans-serif | |
| } | |
| .grafanacon h2 { | |
| font-size:4rem | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon h2 { | |
| font-size:3rem | |
| } | |
| } | |
| .grafanacon h2.mini { | |
| font-size:3rem | |
| } | |
| .grafanacon p { | |
| font-size:1.3rem | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon .rwd-inline { | |
| display:block | |
| } | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon .mb-small-2 { | |
| margin-bottom:2em | |
| } | |
| } | |
| .grafanacon__hero { | |
| position:relative; | |
| overflow:hidden; | |
| display:flex; | |
| flex-flow:column nowrap | |
| } | |
| @media(max-width:1716px) { | |
| .grafanacon__hero-webinar { | |
| height:130px | |
| } | |
| } | |
| @media(min-width:1716px) { | |
| .grafanacon__hero-webinar { | |
| height:175px | |
| } | |
| } | |
| .grafanacon__hero-image { | |
| position:absolute; | |
| -o-object-fit:cover; | |
| object-fit:cover; | |
| -o-object-position:center bottom; | |
| object-position:center bottom; | |
| width:100%; | |
| height:100% | |
| } | |
| @media(max-width:991px) { | |
| .grafanacon__hero-image { | |
| -o-object-position:47% 50%; | |
| object-position:47% 50% | |
| } | |
| } | |
| .grafanacon__hero-body { | |
| z-index:1; | |
| margin:5rem 0 10rem | |
| } | |
| .grafanacon__hero-body h1, | |
| .grafanacon__hero-body h3, | |
| .grafanacon__hero-body h4, | |
| .grafanacon__hero-body-h2 { | |
| color:#021e40 | |
| } | |
| .grafanacon__hero-body h1, | |
| .grafanacon__hero-body-h2 { | |
| font-size:7rem; | |
| line-height:100px | |
| } | |
| .grafanacon__hero-body h1 span, | |
| .grafanacon__hero-body-h2 span { | |
| color:#0c61a8 | |
| } | |
| .grafanacon__hero-body h3 { | |
| font-weight:500; | |
| font-family:inter,serif; | |
| line-height:1.5 | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon__hero-body h3 { | |
| font-size:30px | |
| } | |
| } | |
| .grafanacon__hero-body h3 a { | |
| color:#0b61a8; | |
| display:inline-block; | |
| padding-right:25px; | |
| background-image:url(/about/events/grafanacon/assets/grafanacon-icon_gt.svg); | |
| background-position:100%; | |
| background-repeat:no-repeat | |
| } | |
| .grafanacon__hero-body h4 { | |
| font-size:1.6rem; | |
| line-height:38px | |
| } | |
| @media(max-width:980px) { | |
| .grafanacon__hero-body h4 { | |
| font-size:1rem; | |
| line-height:25px | |
| } | |
| } | |
| .grafanacon__icon-green { | |
| font-weight:700; | |
| letter-spacing:1.5px; | |
| text-transform:uppercase; | |
| color:#8cc63f | |
| } | |
| .grafanacon__icon-blue { | |
| font-weight:700; | |
| letter-spacing:1.5px; | |
| text-transform:uppercase; | |
| color:#0c61a8 | |
| } | |
| .grafanacon__icon-lightblue { | |
| font-weight:700; | |
| letter-spacing:1.5px; | |
| text-transform:uppercase; | |
| color:#3fa9f5 | |
| } | |
| .grafanacon__section-blue { | |
| background:#021e40 | |
| } | |
| .grafanacon__section-blue p { | |
| color:#fff | |
| } | |
| .grafanacon__section-grey { | |
| background:#ecf3f8 | |
| } | |
| .grafanacon__section-grey p, | |
| .grafanacon__section-grey h2 { | |
| color:#021e40 | |
| } | |
| .grafanacon__section-white { | |
| background:#fff | |
| } | |
| .grafanacon__section-white p, | |
| .grafanacon__section-white h2 { | |
| color:#021e40 | |
| } | |
| .grafanacon__section-orange { | |
| background:#fff9ea; | |
| color:#021e40 | |
| } | |
| .grafanacon__section-green { | |
| background:#fcfefa | |
| } | |
| .grafanacon__register-box { | |
| background:#fff; | |
| padding:2rem; | |
| border:7px solid #cfe0e8 | |
| } | |
| .grafanacon__register-box h3 { | |
| font-family:sofiapro-semibold,serif; | |
| color:#021e40; | |
| font-size:25px; | |
| font-weight:500 | |
| } | |
| .grafanacon__register-box h4, | |
| .grafanacon__register-box h5, | |
| .grafanacon__register-box h6 { | |
| font-family:sofiapro-semibold,serif; | |
| color:#021e40 | |
| } | |
| .grafanacon__register-box p { | |
| font-weight:700 | |
| } | |
| .grafanacon__register-box-price { | |
| color:#8cc63f; | |
| font-size:7rem; | |
| line-height:10rem; | |
| font-family:grafanacon,sans-serif | |
| } | |
| @media(max-width:991px) { | |
| .grafanacon__register-box-price { | |
| font-size:4rem | |
| } | |
| } | |
| .grafanacon__register-box .btn-row, | |
| .grafanacon__register-box .btn-row .btn { | |
| margin-bottom:0; | |
| text-align:left | |
| } | |
| .grafanacon__register-box.orange { | |
| border-color:#fbecc7 | |
| } | |
| .grafanacon__register-box.green { | |
| border-color:#f0f4e9 | |
| } | |
| .grafanacon__section-images { | |
| position:relative; | |
| overflow:hidden; | |
| display:flex; | |
| height:1500px | |
| } | |
| .grafanacon__section-images-divider { | |
| position:absolute; | |
| -o-object-fit:cover; | |
| object-fit:cover; | |
| -o-object-position:center center; | |
| object-position:center center; | |
| width:100%; | |
| height:100% | |
| } | |
| .grafanacon__section-images-body { | |
| z-index:1; | |
| margin-top:10rem | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__package { | |
| position:relative; | |
| width:110%; | |
| height:900px; | |
| overflow:hidden | |
| } | |
| .grafanacon__package img { | |
| border:10px solid #fff; | |
| position:absolute | |
| } | |
| .grafanacon__package-image1 { | |
| left:200px; | |
| width:500px | |
| } | |
| .grafanacon__package-image2 { | |
| top:250px; | |
| width:375px | |
| } | |
| .grafanacon__package-image3 { | |
| width:300px; | |
| top:496px; | |
| left:245px | |
| } | |
| } | |
| @media(min-width:991px) { | |
| .grafanacon .grafanacon__video-green { | |
| max-height:245px | |
| } | |
| } | |
| @media(min-width:991px) { | |
| .grafanacon .grafanacon__video-blue { | |
| max-height:245px | |
| } | |
| } | |
| @media(min-width:991px) { | |
| .grafanacon .grafanacon__video-yellow { | |
| max-height:245px | |
| } | |
| } | |
| .grafanacon .grafanacon__video h4 { | |
| font-family:sofiapro-semibold,serif; | |
| color:#021e40; | |
| font-weight:700; | |
| padding-top:1rem; | |
| font-size:1.5rem | |
| } | |
| @media(min-width:980px) { | |
| .grafanacon__register-box.wide { | |
| display:flex; | |
| flex-flow:row nowrap; | |
| align-items:center | |
| } | |
| .grafanacon__register-box.wide h3, | |
| .grafanacon__register-box.wide .grafanacon__register-form { | |
| width:50% | |
| } | |
| .grafanacon__register-box.wide h3 { | |
| text-align:center | |
| } | |
| .grafanacon__register-box.wide .form-section, | |
| .grafanacon__register-box.wide .btn-row { | |
| float:left; | |
| margin-bottom:0 | |
| } | |
| .grafanacon__register-box.wide .btn-row { | |
| margin-top:18px | |
| } | |
| .grafanacon__register-box.wide .form-group { | |
| margin-bottom:0 | |
| } | |
| } | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment