├── .gitignore ├── README.md ├── api ├── index.py ├── static │ ├── favicon.png │ ├── justaskme.png │ └── style.css └── templates │ └── home.html ├── requirements.txt └── vercel.json /.gitignore: -------------------------------------------------------------------------------- 1 | .vercel 2 | *.log 3 | *.pyc 4 | __pycache__ 5 | 6 | # Environments 7 | .env 8 | .venv 9 | env/ 10 | venv/ 11 | ENV/ 12 | env.bak/ 13 | venv.bak/ 14 | 15 | test.html 16 | test.ipynb -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Just ask me 2 | 3 | Your own AI assistant with all the power of ChatGPT, based on Flask, HTML, Javascript and CSS 4 | 5 | Build your own AI now!! 6 | 7 | Check the [demo](https://twitter.com/SanxRoz/status/1635059072457392128) 8 | 9 | ![Just Ask Me](./api/static/justaskme.png) 10 | 11 | ## Contact 12 | 13 | Feel free to reach me on [Twitter](https://twitter.com/SanxRoz) 14 | 15 | I'd love to see what you build with this code - Looking forward to what you build!!! 16 | 17 | ## How it Works 18 | 19 | Just ask me provides a simple, minimal and fully functional chat that you can use to build your own AI app powered by OpenAI. 20 | 21 | Just plug and play, it has everything you need to start deploying. 22 | 23 | To change the interface go to `api/templates/home.html`. 24 | 25 | To modify your prompt or API go to `api/index.py`. 26 | 27 | ## Running Locally 28 | 29 | **1. Clone Repo** 30 | 31 | ```bash 32 | git clone https://github.com/SanxRoz/ask.git 33 | ``` 34 | 35 | **2. Install Dependencies** 36 | 37 | ```bash 38 | pip install requirements.txt 39 | ``` 40 | 41 | **3. Provide OpenAI API Key** 42 | 43 | Create a .env.local file in the root of the repo with your OpenAI API Key: 44 | 45 | ```bash 46 | OPENAI_API_KEY= 47 | ``` 48 | 49 | **4. Run App** 50 | 51 | ```bash 52 | cd api 53 | python index.py 54 | ``` 55 | 56 | Your Flask application is now available at `http://localhost:3000`. 57 | 58 | ## One-Click Deploy 59 | 60 | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/import?s=https%3A%2F%2Fgithub.com%2FSanxRoz%2Fask&hasTrialAvailable=1&showOptionalTeamCreation=false&project-name=just-ask&framework=other&totalProjects=1&remainingProjects=1) 61 | -------------------------------------------------------------------------------- /api/index.py: -------------------------------------------------------------------------------- 1 | from flask import Flask, render_template, request, jsonify 2 | import requests 3 | import openai 4 | 5 | app = Flask(__name__, template_folder='templates') 6 | 7 | 8 | @app.route('/') 9 | def index(): 10 | return render_template('./home.html') 11 | 12 | 13 | @app.route('/submit', methods=['POST']) 14 | def submit(): 15 | 16 | open_ai_cookie = request.cookies.get("not-api-cookie") 17 | 18 | if not open_ai_cookie: 19 | return jsonify({'message': 'No OpenAI key, check https://platform.openai.com/account/api-keys for your key'}) 20 | else: 21 | try: 22 | openai.api_key = f"{open_ai_cookie}" 23 | completion = openai.ChatCompletion.create(model="gpt-3.5-turbo", messages=[{"role": "user", "content": f"{request.json['inputValue']}"}]) 24 | return jsonify({'message': completion.choices[0].message.content}) 25 | except requests.exceptions.RequestException as err: 26 | print('Something went wrong:', err) 27 | return jsonify({'message': 'Something went wrong'}), 500 28 | 29 | 30 | if __name__ == '__main__': 31 | app.run(debug=True) 32 | -------------------------------------------------------------------------------- /api/static/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sanxroz/ask/f4da1831e3e9d18ba1f8572bc9db49b520c07ff3/api/static/favicon.png -------------------------------------------------------------------------------- /api/static/justaskme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sanxroz/ask/f4da1831e3e9d18ba1f8572bc9db49b520c07ff3/api/static/justaskme.png -------------------------------------------------------------------------------- /api/static/style.css: -------------------------------------------------------------------------------- 1 | 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:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-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:none}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} 2 | 3 | @font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^='w-icon-'],.w-slider-arrow-right [class^='w-icon-'],.w-slider-arrow-left [class*=' w-icon-'],.w-slider-arrow-right [class*=' w-icon-']{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0px;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important} 4 | 5 | body { 6 | font-family: Inter, sans-serif; 7 | color: #000; 8 | font-size: 1rem; 9 | line-height: 1.5; 10 | } 11 | 12 | h1 { 13 | margin-top: 0rem; 14 | margin-bottom: 0rem; 15 | font-size: 3.25rem; 16 | line-height: 1.25; 17 | font-weight: 600; 18 | } 19 | 20 | h2 { 21 | margin-top: 0rem; 22 | margin-bottom: 0rem; 23 | font-size: 3rem; 24 | line-height: 1.2; 25 | font-weight: 700; 26 | } 27 | 28 | h3 { 29 | margin-top: 0rem; 30 | margin-bottom: 0rem; 31 | font-size: 2.5rem; 32 | line-height: 1.2; 33 | font-weight: 700; 34 | } 35 | 36 | h4 { 37 | margin-top: 0rem; 38 | margin-bottom: 0rem; 39 | font-size: 2rem; 40 | line-height: 1.3; 41 | font-weight: 700; 42 | } 43 | 44 | h5 { 45 | margin-top: 0rem; 46 | margin-bottom: 0rem; 47 | font-size: 1.5rem; 48 | line-height: 1.4; 49 | font-weight: 700; 50 | } 51 | 52 | h6 { 53 | margin-top: 0rem; 54 | margin-bottom: 0rem; 55 | font-size: 1.25rem; 56 | line-height: 1.4; 57 | font-weight: 700; 58 | } 59 | 60 | p { 61 | margin-bottom: 0rem; 62 | } 63 | 64 | a { 65 | -webkit-transition: all 200ms ease; 66 | transition: all 200ms ease; 67 | color: #000; 68 | text-decoration: underline; 69 | } 70 | 71 | ul { 72 | margin-top: 1rem; 73 | margin-bottom: 1rem; 74 | padding-left: 1.25rem; 75 | } 76 | 77 | ol { 78 | margin-top: 1rem; 79 | margin-bottom: 1rem; 80 | padding-left: 40px; 81 | } 82 | 83 | li { 84 | margin-bottom: 0.5rem; 85 | } 86 | 87 | img { 88 | display: inline-block; 89 | max-width: 100%; 90 | } 91 | 92 | label { 93 | margin-bottom: 0.25rem; 94 | font-weight: 500; 95 | } 96 | 97 | blockquote { 98 | margin-bottom: 0rem; 99 | padding: 0.75rem 1.25rem; 100 | border-left: 0.1875rem solid #000; 101 | font-size: 1.25rem; 102 | line-height: 1.5; 103 | } 104 | 105 | figure { 106 | margin-top: 3rem; 107 | margin-bottom: 3rem; 108 | } 109 | 110 | figcaption { 111 | margin-top: 0.25rem; 112 | text-align: center; 113 | } 114 | 115 | .form-message-error { 116 | margin-top: 0.75rem; 117 | padding: 0.75rem; 118 | } 119 | 120 | .utility_component { 121 | display: -webkit-box; 122 | display: -webkit-flex; 123 | display: -ms-flexbox; 124 | display: flex; 125 | width: 100vw; 126 | height: 100vh; 127 | max-height: 100%; 128 | max-width: 100%; 129 | padding-right: 1.25rem; 130 | padding-left: 1.25rem; 131 | -webkit-box-pack: center; 132 | -webkit-justify-content: center; 133 | -ms-flex-pack: center; 134 | justify-content: center; 135 | -webkit-box-align: center; 136 | -webkit-align-items: center; 137 | -ms-flex-align: center; 138 | align-items: center; 139 | } 140 | 141 | .utility_form-block { 142 | display: -webkit-box; 143 | display: -webkit-flex; 144 | display: -ms-flexbox; 145 | display: flex; 146 | max-width: 20rem; 147 | -webkit-box-orient: vertical; 148 | -webkit-box-direction: normal; 149 | -webkit-flex-direction: column; 150 | -ms-flex-direction: column; 151 | flex-direction: column; 152 | text-align: center; 153 | } 154 | 155 | .utility_form { 156 | display: -webkit-box; 157 | display: -webkit-flex; 158 | display: -ms-flexbox; 159 | display: flex; 160 | -webkit-box-orient: vertical; 161 | -webkit-box-direction: normal; 162 | -webkit-flex-direction: column; 163 | -ms-flex-direction: column; 164 | flex-direction: column; 165 | -webkit-box-align: stretch; 166 | -webkit-align-items: stretch; 167 | -ms-flex-align: stretch; 168 | align-items: stretch; 169 | } 170 | 171 | .utility_image { 172 | margin-right: auto; 173 | margin-bottom: 0.5rem; 174 | margin-left: auto; 175 | } 176 | 177 | .global-styles { 178 | position: fixed; 179 | left: 0%; 180 | top: 0%; 181 | right: auto; 182 | bottom: auto; 183 | display: block; 184 | } 185 | 186 | .page-padding { 187 | padding-right: 5%; 188 | padding-left: 5%; 189 | } 190 | 191 | .page-wrapper { 192 | display: -webkit-box; 193 | display: -webkit-flex; 194 | display: -ms-flexbox; 195 | display: flex; 196 | height: auto; 197 | min-height: 100vh; 198 | -webkit-box-orient: vertical; 199 | -webkit-box-direction: normal; 200 | -webkit-flex-direction: column; 201 | -ms-flex-direction: column; 202 | flex-direction: column; 203 | -webkit-box-pack: center; 204 | -webkit-justify-content: center; 205 | -ms-flex-pack: center; 206 | justify-content: center; 207 | } 208 | 209 | .container-large { 210 | width: 100%; 211 | max-width: 80rem; 212 | margin-right: auto; 213 | margin-left: auto; 214 | } 215 | 216 | .main-wrapper { 217 | display: -webkit-box; 218 | display: -webkit-flex; 219 | display: -ms-flexbox; 220 | display: flex; 221 | height: 100%; 222 | -webkit-box-orient: vertical; 223 | -webkit-box-direction: normal; 224 | -webkit-flex-direction: column; 225 | -ms-flex-direction: column; 226 | flex-direction: column; 227 | -webkit-box-pack: center; 228 | -webkit-justify-content: center; 229 | -ms-flex-pack: center; 230 | justify-content: center; 231 | } 232 | 233 | .icon-embed-custom1 { 234 | display: -webkit-box; 235 | display: -webkit-flex; 236 | display: -ms-flexbox; 237 | display: flex; 238 | width: 1.25rem; 239 | height: 1.25rem; 240 | -webkit-box-orient: vertical; 241 | -webkit-box-direction: normal; 242 | -webkit-flex-direction: column; 243 | -ms-flex-direction: column; 244 | flex-direction: column; 245 | -webkit-box-pack: center; 246 | -webkit-justify-content: center; 247 | -ms-flex-pack: center; 248 | justify-content: center; 249 | -webkit-box-align: center; 250 | -webkit-align-items: center; 251 | -ms-flex-align: center; 252 | align-items: center; 253 | } 254 | 255 | .icon-embed-medium { 256 | display: -webkit-box; 257 | display: -webkit-flex; 258 | display: -ms-flexbox; 259 | display: flex; 260 | width: 3rem; 261 | height: 3rem; 262 | -webkit-box-orient: vertical; 263 | -webkit-box-direction: normal; 264 | -webkit-flex-direction: column; 265 | -ms-flex-direction: column; 266 | flex-direction: column; 267 | -webkit-box-pack: center; 268 | -webkit-justify-content: center; 269 | -ms-flex-pack: center; 270 | justify-content: center; 271 | -webkit-box-align: center; 272 | -webkit-align-items: center; 273 | -ms-flex-align: center; 274 | align-items: center; 275 | } 276 | 277 | .padding-vertical { 278 | padding-right: 0rem; 279 | padding-left: 0rem; 280 | } 281 | 282 | .padding-vertical.padding-xsmall { 283 | padding-right: 0rem; 284 | padding-left: 0rem; 285 | } 286 | 287 | .padding-vertical.padding-custom2 { 288 | padding-right: 0rem; 289 | padding-left: 0rem; 290 | } 291 | 292 | .padding-vertical.padding-small { 293 | padding-right: 0rem; 294 | padding-left: 0rem; 295 | } 296 | 297 | .padding-vertical.padding-tiny { 298 | padding-right: 0rem; 299 | padding-left: 0rem; 300 | } 301 | 302 | .padding-vertical.padding-xxhuge { 303 | padding-right: 0rem; 304 | padding-left: 0rem; 305 | } 306 | 307 | .padding-vertical.padding-xlarge { 308 | padding-right: 0rem; 309 | padding-left: 0rem; 310 | } 311 | 312 | .padding-vertical.padding-custom3 { 313 | padding-right: 0rem; 314 | padding-left: 0rem; 315 | } 316 | 317 | .padding-vertical.padding-xxlarge { 318 | padding-right: 0rem; 319 | padding-left: 0rem; 320 | } 321 | 322 | .padding-vertical.padding-medium { 323 | padding-right: 0rem; 324 | padding-left: 0rem; 325 | } 326 | 327 | .padding-vertical.padding-custom1 { 328 | padding-right: 0rem; 329 | padding-left: 0rem; 330 | } 331 | 332 | .padding-vertical.padding-xhuge { 333 | padding-right: 0rem; 334 | padding-left: 0rem; 335 | } 336 | 337 | .padding-vertical.padding-0 { 338 | padding-right: 0rem; 339 | padding-left: 0rem; 340 | } 341 | 342 | .padding-vertical.padding-large { 343 | padding-right: 0rem; 344 | padding-left: 0rem; 345 | } 346 | 347 | .padding-vertical.padding-huge { 348 | padding-right: 0rem; 349 | padding-left: 0rem; 350 | } 351 | 352 | .padding-vertical.padding-xxsmall { 353 | padding-right: 0rem; 354 | padding-left: 0rem; 355 | } 356 | 357 | .styleguide_grid-colours { 358 | grid-column-gap: 1rem; 359 | grid-row-gap: 1rem; 360 | -ms-grid-columns: 1fr 1fr 1fr; 361 | grid-template-columns: 1fr 1fr 1fr; 362 | -ms-grid-rows: auto; 363 | grid-template-rows: auto; 364 | } 365 | 366 | .padding-bottom { 367 | padding-top: 0rem; 368 | padding-right: 0rem; 369 | padding-left: 0rem; 370 | } 371 | 372 | .padding-bottom.padding-tiny { 373 | padding-top: 0rem; 374 | padding-right: 0rem; 375 | padding-left: 0rem; 376 | } 377 | 378 | .padding-bottom.padding-custom3 { 379 | padding-top: 0rem; 380 | padding-right: 0rem; 381 | padding-left: 0rem; 382 | } 383 | 384 | .padding-bottom.padding-xxhuge { 385 | padding-top: 0rem; 386 | padding-right: 0rem; 387 | padding-left: 0rem; 388 | } 389 | 390 | .padding-bottom.padding-xxsmall { 391 | padding-top: 0rem; 392 | padding-right: 0rem; 393 | padding-left: 0rem; 394 | } 395 | 396 | .padding-bottom.padding-xhuge { 397 | padding-top: 0rem; 398 | padding-right: 0rem; 399 | padding-left: 0rem; 400 | } 401 | 402 | .padding-bottom.padding-xxlarge { 403 | padding-top: 0rem; 404 | padding-right: 0rem; 405 | padding-left: 0rem; 406 | } 407 | 408 | .padding-bottom.padding-medium { 409 | padding-top: 0rem; 410 | padding-right: 0rem; 411 | padding-left: 0rem; 412 | } 413 | 414 | .padding-bottom.padding-small { 415 | padding-top: 0rem; 416 | padding-right: 0rem; 417 | padding-left: 0rem; 418 | } 419 | 420 | .padding-bottom.padding-xsmall { 421 | padding-top: 0rem; 422 | padding-right: 0rem; 423 | padding-left: 0rem; 424 | } 425 | 426 | .padding-bottom.padding-xlarge { 427 | padding-top: 0rem; 428 | padding-right: 0rem; 429 | padding-left: 0rem; 430 | } 431 | 432 | .padding-bottom.padding-huge { 433 | padding-top: 0rem; 434 | padding-right: 0rem; 435 | padding-left: 0rem; 436 | } 437 | 438 | .padding-bottom.padding-0 { 439 | padding-top: 0rem; 440 | padding-right: 0rem; 441 | padding-left: 0rem; 442 | } 443 | 444 | .padding-bottom.padding-large { 445 | padding-top: 0rem; 446 | padding-right: 0rem; 447 | padding-left: 0rem; 448 | } 449 | 450 | .padding-bottom.padding-custom2 { 451 | padding-top: 0rem; 452 | padding-right: 0rem; 453 | padding-left: 0rem; 454 | } 455 | 456 | .padding-bottom.padding-custom1 { 457 | padding-top: 0rem; 458 | padding-right: 0rem; 459 | padding-left: 0rem; 460 | } 461 | 462 | .text-size-small { 463 | font-size: 0.875rem; 464 | } 465 | 466 | .rl-styleguide_shadows-list { 467 | -webkit-box-align: start; 468 | -webkit-align-items: start; 469 | -ms-flex-align: start; 470 | align-items: start; 471 | grid-column-gap: 1.5rem; 472 | grid-row-gap: 1.5rem; 473 | -ms-grid-columns: 1fr 1fr 1fr 1fr; 474 | grid-template-columns: 1fr 1fr 1fr 1fr; 475 | -ms-grid-rows: auto; 476 | grid-template-rows: auto; 477 | } 478 | 479 | .rl-styleguide_button-list { 480 | display: -ms-grid; 481 | display: grid; 482 | padding-top: 1.5rem; 483 | padding-bottom: 1.5rem; 484 | justify-items: start; 485 | -webkit-box-align: center; 486 | -webkit-align-items: center; 487 | -ms-flex-align: center; 488 | align-items: center; 489 | grid-auto-flow: row; 490 | grid-auto-columns: -webkit-max-content; 491 | grid-auto-columns: max-content; 492 | grid-column-gap: 1rem; 493 | grid-row-gap: 1.5rem; 494 | -ms-grid-columns: auto; 495 | grid-template-columns: auto; 496 | -ms-grid-rows: auto; 497 | grid-template-rows: auto; 498 | white-space: normal; 499 | } 500 | 501 | .margin-large { 502 | margin: 3rem; 503 | } 504 | 505 | .overflow-auto { 506 | overflow: auto; 507 | } 508 | 509 | .text-align-right { 510 | text-align: right; 511 | } 512 | 513 | .rl-styleguide_list { 514 | padding-bottom: 4rem; 515 | grid-column-gap: 1rem; 516 | grid-row-gap: 1rem; 517 | -ms-grid-columns: 1fr; 518 | grid-template-columns: 1fr; 519 | -ms-grid-rows: auto; 520 | grid-template-rows: auto; 521 | } 522 | 523 | .icon-1x1-xsmall { 524 | width: 1.5rem; 525 | height: 1.5rem; 526 | } 527 | 528 | .heading-style-h4 { 529 | font-size: 2rem; 530 | line-height: 1.3; 531 | font-weight: 700; 532 | } 533 | 534 | .rl-styleguide_spacing { 535 | border-style: dashed; 536 | border-width: 1px; 537 | border-color: #d3d3d3; 538 | } 539 | 540 | .spacing-clean { 541 | margin: 0rem; 542 | padding: 0rem; 543 | } 544 | 545 | .padding-horizontal { 546 | padding-top: 0rem; 547 | padding-bottom: 0rem; 548 | } 549 | 550 | .padding-horizontal.padding-xlarge { 551 | padding-top: 0rem; 552 | padding-bottom: 0rem; 553 | } 554 | 555 | .padding-horizontal.padding-tiny { 556 | padding-top: 0rem; 557 | padding-bottom: 0rem; 558 | } 559 | 560 | .padding-horizontal.padding-custom2 { 561 | padding-top: 0rem; 562 | padding-bottom: 0rem; 563 | } 564 | 565 | .padding-horizontal.padding-xxlarge { 566 | padding-top: 0rem; 567 | padding-bottom: 0rem; 568 | } 569 | 570 | .padding-horizontal.padding-xxsmall { 571 | padding-top: 0rem; 572 | padding-bottom: 0rem; 573 | } 574 | 575 | .padding-horizontal.padding-custom3 { 576 | padding-top: 0rem; 577 | padding-bottom: 0rem; 578 | } 579 | 580 | .padding-horizontal.padding-xhuge { 581 | padding-top: 0rem; 582 | padding-bottom: 0rem; 583 | } 584 | 585 | .padding-horizontal.padding-large { 586 | padding-top: 0rem; 587 | padding-bottom: 0rem; 588 | } 589 | 590 | .padding-horizontal.padding-huge { 591 | padding-top: 0rem; 592 | padding-bottom: 0rem; 593 | } 594 | 595 | .padding-horizontal.padding-xxhuge { 596 | padding-top: 0rem; 597 | padding-bottom: 0rem; 598 | } 599 | 600 | .padding-horizontal.padding-0 { 601 | padding-top: 0rem; 602 | padding-bottom: 0rem; 603 | } 604 | 605 | .padding-horizontal.padding-medium { 606 | padding-top: 0rem; 607 | padding-bottom: 0rem; 608 | } 609 | 610 | .padding-horizontal.padding-xsmall { 611 | padding-top: 0rem; 612 | padding-bottom: 0rem; 613 | } 614 | 615 | .padding-horizontal.padding-custom1 { 616 | padding-top: 0rem; 617 | padding-bottom: 0rem; 618 | } 619 | 620 | .padding-horizontal.padding-small { 621 | padding-top: 0rem; 622 | padding-bottom: 0rem; 623 | } 624 | 625 | .rl-styleguide_paste-text { 626 | padding: 1rem; 627 | border-style: dashed; 628 | border-width: 1px; 629 | border-color: rgba(0, 0, 0, 0.15); 630 | color: rgba(0, 0, 0, 0.5); 631 | text-align: center; 632 | } 633 | 634 | .text-style-strikethrough { 635 | text-decoration: line-through; 636 | } 637 | 638 | .icon-embed-large { 639 | display: -webkit-box; 640 | display: -webkit-flex; 641 | display: -ms-flexbox; 642 | display: flex; 643 | width: 5rem; 644 | height: 5rem; 645 | -webkit-box-orient: vertical; 646 | -webkit-box-direction: normal; 647 | -webkit-flex-direction: column; 648 | -ms-flex-direction: column; 649 | flex-direction: column; 650 | -webkit-box-pack: center; 651 | -webkit-justify-content: center; 652 | -ms-flex-pack: center; 653 | justify-content: center; 654 | -webkit-box-align: center; 655 | -webkit-align-items: center; 656 | -ms-flex-align: center; 657 | align-items: center; 658 | } 659 | 660 | .padding-0 { 661 | padding: 0rem; 662 | } 663 | 664 | .padding-xxhuge { 665 | padding: 10rem; 666 | } 667 | 668 | .icon-height-small { 669 | height: 2rem; 670 | } 671 | 672 | .button { 673 | padding: 0.75rem 1.5rem; 674 | border-style: solid; 675 | border-width: 1px; 676 | border-color: #000; 677 | background-color: #000; 678 | color: #fff; 679 | text-align: center; 680 | } 681 | 682 | .button.is-small { 683 | padding: 0.5rem 1.25rem; 684 | } 685 | 686 | .button.is-alternate { 687 | background-color: #fff; 688 | color: #000; 689 | } 690 | 691 | .button.is-alternate.is-small.is-icon { 692 | position: relative; 693 | overflow: hidden; 694 | grid-column-gap: 0.5rem; 695 | grid-row-gap: 0.5rem; 696 | border-style: none; 697 | border-radius: 20px; 698 | background-image: linear-gradient(25deg, #bbb 24%, #fff); 699 | -webkit-transition-duration: 400ms; 700 | transition-duration: 400ms; 701 | } 702 | 703 | .button.is-alternate.is-small.is-icon:hover { 704 | border-style: none; 705 | box-shadow: 0 0 13px -2px #fff; 706 | } 707 | 708 | .button.is-secondary { 709 | background-color: transparent; 710 | color: #000; 711 | } 712 | 713 | .button.is-secondary.is-alternate { 714 | border-color: #fff; 715 | background-color: transparent; 716 | color: #fff; 717 | } 718 | 719 | .button.is-icon { 720 | display: -webkit-box; 721 | display: -webkit-flex; 722 | display: -ms-flexbox; 723 | display: flex; 724 | -webkit-box-pack: center; 725 | -webkit-justify-content: center; 726 | -ms-flex-pack: center; 727 | justify-content: center; 728 | -webkit-box-align: center; 729 | -webkit-align-items: center; 730 | -ms-flex-align: center; 731 | align-items: center; 732 | grid-column-gap: 0.75rem; 733 | grid-row-gap: 0.75rem; 734 | } 735 | 736 | .button.is-link { 737 | padding: 0.25rem 0rem; 738 | border-style: none; 739 | background-color: transparent; 740 | color: #000; 741 | line-height: 1; 742 | text-decoration: none; 743 | } 744 | 745 | .button.is-link.is-icon { 746 | grid-column-gap: 0.5rem; 747 | grid-row-gap: 0.5rem; 748 | } 749 | 750 | .button.is-link.is-alternate { 751 | background-color: transparent; 752 | color: #fff; 753 | } 754 | 755 | .form-checkbox-icon { 756 | width: 1.125rem; 757 | height: 1.125rem; 758 | min-height: 1.125rem; 759 | min-width: 1.125rem; 760 | margin-top: 0px; 761 | margin-right: 0.5rem; 762 | margin-left: -1.25rem; 763 | border-style: solid; 764 | border-width: 1px; 765 | border-color: #000; 766 | border-radius: 0px; 767 | -webkit-transition: all 200ms ease; 768 | transition: all 200ms ease; 769 | cursor: pointer; 770 | } 771 | 772 | .form-checkbox-icon.w--redirected-checked { 773 | border-width: 1px; 774 | border-color: #000; 775 | background-color: #000; 776 | background-size: 16px 16px; 777 | box-shadow: none; 778 | } 779 | 780 | .form-checkbox-icon.w--redirected-focus { 781 | border-color: #000; 782 | box-shadow: none; 783 | } 784 | 785 | .text-size-regular { 786 | font-size: 1rem; 787 | } 788 | 789 | .rl-styleguide_tutorial-callout { 790 | display: -webkit-box; 791 | display: -webkit-flex; 792 | display: -ms-flexbox; 793 | display: flex; 794 | padding: 0.75rem 0.75rem 0.75rem 1rem; 795 | -webkit-box-pack: justify; 796 | -webkit-justify-content: space-between; 797 | -ms-flex-pack: justify; 798 | justify-content: space-between; 799 | -webkit-box-align: center; 800 | -webkit-align-items: center; 801 | -ms-flex-align: center; 802 | align-items: center; 803 | grid-column-gap: 2rem; 804 | border-style: solid; 805 | border-width: 1px; 806 | border-color: #000; 807 | background-color: #fff; 808 | } 809 | 810 | .max-width-xsmall { 811 | width: 100%; 812 | max-width: 25rem; 813 | } 814 | 815 | .z-index-2 { 816 | position: relative; 817 | z-index: 2; 818 | } 819 | 820 | .padding-huge { 821 | padding: 6rem; 822 | } 823 | 824 | .icon-1x1-large { 825 | width: 5rem; 826 | height: 5rem; 827 | } 828 | 829 | .text-weight-bold { 830 | font-weight: 700; 831 | } 832 | 833 | .margin-xlarge { 834 | margin: 4rem; 835 | } 836 | 837 | .icon-1x1-small { 838 | width: 2rem; 839 | height: 2rem; 840 | } 841 | 842 | .margin-xsmall { 843 | margin: 1rem; 844 | } 845 | 846 | .page-wrapper-2 { 847 | z-index: 0; 848 | } 849 | 850 | .rl-styleguide_classes { 851 | display: none; 852 | } 853 | 854 | .max-width-full { 855 | width: 100%; 856 | max-width: none; 857 | } 858 | 859 | .z-index-1 { 860 | position: relative; 861 | z-index: 1; 862 | } 863 | 864 | .rl-styleguide_heading { 865 | position: -webkit-sticky; 866 | position: sticky; 867 | top: 0px; 868 | z-index: 4; 869 | padding: 0.25rem 0.5rem; 870 | background-color: #000; 871 | color: #fff; 872 | } 873 | 874 | .icon-1x1-medium { 875 | width: 3rem; 876 | height: 3rem; 877 | } 878 | 879 | .text-weight-normal { 880 | font-weight: 400; 881 | } 882 | 883 | .margin-top { 884 | margin-right: 0rem; 885 | margin-bottom: 0rem; 886 | margin-left: 0rem; 887 | } 888 | 889 | .margin-top.margin-custom2 { 890 | margin-right: 0rem; 891 | margin-bottom: 0rem; 892 | margin-left: 0rem; 893 | } 894 | 895 | .margin-top.margin-medium { 896 | margin-right: 0rem; 897 | margin-bottom: 0rem; 898 | margin-left: 0rem; 899 | } 900 | 901 | .margin-top.margin-xxhuge { 902 | margin-right: 0rem; 903 | margin-bottom: 0rem; 904 | margin-left: 0rem; 905 | } 906 | 907 | .margin-top.margin-custom1 { 908 | margin-right: 0rem; 909 | margin-bottom: 0rem; 910 | margin-left: 0rem; 911 | } 912 | 913 | .margin-top.margin-xxlarge { 914 | margin-right: 0rem; 915 | margin-bottom: 0rem; 916 | margin-left: 0rem; 917 | } 918 | 919 | .margin-top.margin-tiny { 920 | margin-right: 0rem; 921 | margin-bottom: 0rem; 922 | margin-left: 0rem; 923 | } 924 | 925 | .margin-top.margin-xlarge { 926 | margin-right: 0rem; 927 | margin-bottom: 0rem; 928 | margin-left: 0rem; 929 | } 930 | 931 | .margin-top.margin-large { 932 | margin-right: 0rem; 933 | margin-bottom: 0rem; 934 | margin-left: 0rem; 935 | } 936 | 937 | .margin-top.margin-xhuge { 938 | margin-right: 0rem; 939 | margin-bottom: 0rem; 940 | margin-left: 0rem; 941 | } 942 | 943 | .margin-top.margin-huge { 944 | margin-right: 0rem; 945 | margin-bottom: 0rem; 946 | margin-left: 0rem; 947 | } 948 | 949 | .margin-top.margin-xxsmall { 950 | margin-right: 0rem; 951 | margin-bottom: 0rem; 952 | margin-left: 0rem; 953 | } 954 | 955 | .margin-top.margin-xsmall { 956 | margin-right: 0rem; 957 | margin-bottom: 0rem; 958 | margin-left: 0rem; 959 | } 960 | 961 | .margin-top.margin-custom3 { 962 | margin-right: 0rem; 963 | margin-bottom: 0rem; 964 | margin-left: 0rem; 965 | } 966 | 967 | .margin-top.margin-small { 968 | margin-right: 0rem; 969 | margin-bottom: 0rem; 970 | margin-left: 0rem; 971 | } 972 | 973 | .margin-top.margin-0 { 974 | margin-right: 0rem; 975 | margin-bottom: 0rem; 976 | margin-left: 0rem; 977 | } 978 | 979 | .icon-embed-xlarge { 980 | display: -webkit-box; 981 | display: -webkit-flex; 982 | display: -ms-flexbox; 983 | display: flex; 984 | width: 6.5rem; 985 | height: 6.5rem; 986 | -webkit-box-orient: vertical; 987 | -webkit-box-direction: normal; 988 | -webkit-flex-direction: column; 989 | -ms-flex-direction: column; 990 | flex-direction: column; 991 | -webkit-box-pack: center; 992 | -webkit-justify-content: center; 993 | -ms-flex-pack: center; 994 | justify-content: center; 995 | -webkit-box-align: center; 996 | -webkit-align-items: center; 997 | -ms-flex-align: center; 998 | align-items: center; 999 | } 1000 | 1001 | .shadow-xxlarge { 1002 | box-shadow: 0 32px 64px -12px rgba(0, 0, 0, 0.14); 1003 | } 1004 | 1005 | .margin-xhuge { 1006 | margin: 7rem; 1007 | } 1008 | 1009 | .field-label { 1010 | margin-bottom: 0.5rem; 1011 | font-weight: 400; 1012 | } 1013 | 1014 | .padding-top { 1015 | padding-right: 0rem; 1016 | padding-bottom: 0rem; 1017 | padding-left: 0rem; 1018 | } 1019 | 1020 | .padding-top.padding-tiny { 1021 | padding-right: 0rem; 1022 | padding-bottom: 0rem; 1023 | padding-left: 0rem; 1024 | } 1025 | 1026 | .padding-top.padding-large { 1027 | padding-right: 0rem; 1028 | padding-bottom: 0rem; 1029 | padding-left: 0rem; 1030 | } 1031 | 1032 | .padding-top.padding-xxlarge { 1033 | padding-right: 0rem; 1034 | padding-bottom: 0rem; 1035 | padding-left: 0rem; 1036 | } 1037 | 1038 | .padding-top.padding-xlarge { 1039 | padding-right: 0rem; 1040 | padding-bottom: 0rem; 1041 | padding-left: 0rem; 1042 | } 1043 | 1044 | .padding-top.padding-custom2 { 1045 | padding-right: 0rem; 1046 | padding-bottom: 0rem; 1047 | padding-left: 0rem; 1048 | } 1049 | 1050 | .padding-top.padding-custom1 { 1051 | padding-right: 0rem; 1052 | padding-bottom: 0rem; 1053 | padding-left: 0rem; 1054 | } 1055 | 1056 | .padding-top.padding-xxsmall { 1057 | padding-right: 0rem; 1058 | padding-bottom: 0rem; 1059 | padding-left: 0rem; 1060 | } 1061 | 1062 | .padding-top.padding-xsmall { 1063 | padding-right: 0rem; 1064 | padding-bottom: 0rem; 1065 | padding-left: 0rem; 1066 | } 1067 | 1068 | .padding-top.padding-medium { 1069 | padding-right: 0rem; 1070 | padding-bottom: 0rem; 1071 | padding-left: 0rem; 1072 | } 1073 | 1074 | .padding-top.padding-huge { 1075 | padding-right: 0rem; 1076 | padding-bottom: 0rem; 1077 | padding-left: 0rem; 1078 | } 1079 | 1080 | .padding-top.padding-xhuge { 1081 | padding-right: 0rem; 1082 | padding-bottom: 0rem; 1083 | padding-left: 0rem; 1084 | } 1085 | 1086 | .padding-top.padding-xxhuge { 1087 | padding-right: 0rem; 1088 | padding-bottom: 0rem; 1089 | padding-left: 0rem; 1090 | } 1091 | 1092 | .padding-top.padding-small { 1093 | padding-right: 0rem; 1094 | padding-bottom: 0rem; 1095 | padding-left: 0rem; 1096 | } 1097 | 1098 | .padding-top.padding-custom3 { 1099 | padding-right: 0rem; 1100 | padding-bottom: 0rem; 1101 | padding-left: 0rem; 1102 | } 1103 | 1104 | .padding-top.padding-0 { 1105 | padding-right: 0rem; 1106 | padding-bottom: 0rem; 1107 | padding-left: 0rem; 1108 | } 1109 | 1110 | .margin-medium { 1111 | margin: 2rem; 1112 | } 1113 | 1114 | .background-color-white { 1115 | background-color: #fff; 1116 | } 1117 | 1118 | .text-color-black { 1119 | color: #000; 1120 | } 1121 | 1122 | .rl-styleguide_item { 1123 | display: -ms-grid; 1124 | display: grid; 1125 | padding-bottom: 1rem; 1126 | -webkit-box-orient: vertical; 1127 | -webkit-box-direction: normal; 1128 | -webkit-flex-direction: column; 1129 | -ms-flex-direction: column; 1130 | flex-direction: column; 1131 | -webkit-box-pack: start; 1132 | -webkit-justify-content: start; 1133 | -ms-flex-pack: start; 1134 | justify-content: start; 1135 | justify-items: start; 1136 | -webkit-box-align: start; 1137 | -webkit-align-items: start; 1138 | -ms-flex-align: start; 1139 | align-items: start; 1140 | -webkit-align-content: start; 1141 | -ms-flex-line-pack: start; 1142 | align-content: start; 1143 | grid-auto-columns: 1fr; 1144 | grid-column-gap: 1rem; 1145 | grid-row-gap: 1rem; 1146 | -ms-grid-columns: 1fr; 1147 | grid-template-columns: 1fr; 1148 | -ms-grid-rows: auto; 1149 | grid-template-rows: auto; 1150 | } 1151 | 1152 | .rl-styleguide_item.is-stretch { 1153 | justify-items: stretch; 1154 | grid-row-gap: 1rem; 1155 | } 1156 | 1157 | .margin-xxsmall { 1158 | margin: 0.5rem; 1159 | } 1160 | 1161 | .rl-styleguide_spacing-all { 1162 | display: none; 1163 | } 1164 | 1165 | .rl-styleguide_callout-link-wrapper { 1166 | display: -webkit-box; 1167 | display: -webkit-flex; 1168 | display: -ms-flexbox; 1169 | display: flex; 1170 | width: 100%; 1171 | padding: 0.75rem 1rem; 1172 | -webkit-box-pack: justify; 1173 | -webkit-justify-content: space-between; 1174 | -ms-flex-pack: justify; 1175 | justify-content: space-between; 1176 | -webkit-box-align: center; 1177 | -webkit-align-items: center; 1178 | -ms-flex-align: center; 1179 | align-items: center; 1180 | background-image: linear-gradient(135deg, rgba(255, 116, 72, 0.15), rgba(255, 72, 72, 0.15) 50%, rgba(98, 72, 255, 0.15)), linear-gradient(180deg, #fff, #fff); 1181 | } 1182 | 1183 | .rl-styleguide_header { 1184 | display: -webkit-box; 1185 | display: -webkit-flex; 1186 | display: -ms-flexbox; 1187 | display: flex; 1188 | padding-top: 3rem; 1189 | padding-bottom: 3rem; 1190 | -webkit-box-pack: justify; 1191 | -webkit-justify-content: space-between; 1192 | -ms-flex-pack: justify; 1193 | justify-content: space-between; 1194 | -webkit-box-align: center; 1195 | -webkit-align-items: center; 1196 | -ms-flex-align: center; 1197 | align-items: center; 1198 | grid-auto-columns: 1fr; 1199 | grid-column-gap: 1rem; 1200 | grid-row-gap: 1rem; 1201 | -ms-grid-columns: 1fr 1fr 1fr; 1202 | grid-template-columns: 1fr 1fr 1fr; 1203 | -ms-grid-rows: auto; 1204 | grid-template-rows: auto; 1205 | background-color: #fff; 1206 | } 1207 | 1208 | .container-small { 1209 | width: 100%; 1210 | margin-right: auto; 1211 | margin-left: auto; 1212 | } 1213 | 1214 | .shadow-xxsmall { 1215 | box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 1216 | } 1217 | 1218 | .text-color-white { 1219 | color: #fff; 1220 | } 1221 | 1222 | .button-group { 1223 | display: -webkit-box; 1224 | display: -webkit-flex; 1225 | display: -ms-flexbox; 1226 | display: flex; 1227 | -webkit-flex-wrap: wrap; 1228 | -ms-flex-wrap: wrap; 1229 | flex-wrap: wrap; 1230 | -webkit-box-align: center; 1231 | -webkit-align-items: center; 1232 | -ms-flex-align: center; 1233 | align-items: center; 1234 | grid-column-gap: 1rem; 1235 | grid-row-gap: 1rem; 1236 | } 1237 | 1238 | .button-group.is-center { 1239 | -webkit-box-pack: center; 1240 | -webkit-justify-content: center; 1241 | -ms-flex-pack: center; 1242 | justify-content: center; 1243 | } 1244 | 1245 | .padding-left { 1246 | padding-top: 0rem; 1247 | padding-right: 0rem; 1248 | padding-bottom: 0rem; 1249 | } 1250 | 1251 | .padding-left.padding-large { 1252 | padding-top: 0rem; 1253 | padding-right: 0rem; 1254 | padding-bottom: 0rem; 1255 | } 1256 | 1257 | .padding-left.padding-0 { 1258 | padding-top: 0rem; 1259 | padding-right: 0rem; 1260 | padding-bottom: 0rem; 1261 | } 1262 | 1263 | .padding-left.padding-xhuge { 1264 | padding-top: 0rem; 1265 | padding-right: 0rem; 1266 | padding-bottom: 0rem; 1267 | } 1268 | 1269 | .padding-left.padding-huge { 1270 | padding-top: 0rem; 1271 | padding-right: 0rem; 1272 | padding-bottom: 0rem; 1273 | } 1274 | 1275 | .padding-left.padding-xxsmall { 1276 | padding-top: 0rem; 1277 | padding-right: 0rem; 1278 | padding-bottom: 0rem; 1279 | } 1280 | 1281 | .padding-left.padding-medium { 1282 | padding-top: 0rem; 1283 | padding-right: 0rem; 1284 | padding-bottom: 0rem; 1285 | } 1286 | 1287 | .padding-left.padding-custom3 { 1288 | padding-top: 0rem; 1289 | padding-right: 0rem; 1290 | padding-bottom: 0rem; 1291 | } 1292 | 1293 | .padding-left.padding-xsmall { 1294 | padding-top: 0rem; 1295 | padding-right: 0rem; 1296 | padding-bottom: 0rem; 1297 | } 1298 | 1299 | .padding-left.padding-custom2 { 1300 | padding-top: 0rem; 1301 | padding-right: 0rem; 1302 | padding-bottom: 0rem; 1303 | } 1304 | 1305 | .padding-left.padding-custom1 { 1306 | padding-top: 0rem; 1307 | padding-right: 0rem; 1308 | padding-bottom: 0rem; 1309 | } 1310 | 1311 | .padding-left.padding-tiny { 1312 | padding-top: 0rem; 1313 | padding-right: 0rem; 1314 | padding-bottom: 0rem; 1315 | } 1316 | 1317 | .padding-left.padding-small { 1318 | padding-top: 0rem; 1319 | padding-right: 0rem; 1320 | padding-bottom: 0rem; 1321 | } 1322 | 1323 | .padding-left.padding-xlarge { 1324 | padding-top: 0rem; 1325 | padding-right: 0rem; 1326 | padding-bottom: 0rem; 1327 | } 1328 | 1329 | .padding-left.padding-xxlarge { 1330 | padding-top: 0rem; 1331 | padding-right: 0rem; 1332 | padding-bottom: 0rem; 1333 | } 1334 | 1335 | .padding-left.padding-xxhuge { 1336 | padding-top: 0rem; 1337 | padding-right: 0rem; 1338 | padding-bottom: 0rem; 1339 | } 1340 | 1341 | .icon-height-xlarge { 1342 | height: 6.5rem; 1343 | } 1344 | 1345 | .text-style-quote { 1346 | margin-bottom: 0rem; 1347 | padding: 0.75rem 1.25rem; 1348 | border-left: 0.1875rem solid #000; 1349 | font-size: 1.25rem; 1350 | line-height: 1.5; 1351 | } 1352 | 1353 | .padding-section-large { 1354 | width: 100%; 1355 | padding-top: 8rem; 1356 | padding-bottom: 7rem; 1357 | } 1358 | 1359 | .padding-medium { 1360 | padding: 2rem; 1361 | } 1362 | 1363 | .padding-tiny { 1364 | padding: 0.25rem; 1365 | } 1366 | 1367 | .padding-xsmall { 1368 | padding: 1rem; 1369 | } 1370 | 1371 | .form-radio-label { 1372 | margin-bottom: 0px; 1373 | } 1374 | 1375 | .text-weight-xbold { 1376 | font-weight: 800; 1377 | } 1378 | 1379 | .margin-small { 1380 | margin: 1.5rem; 1381 | } 1382 | 1383 | .margin-xxlarge { 1384 | margin: 5rem; 1385 | } 1386 | 1387 | .form-field-wrapper { 1388 | position: relative; 1389 | } 1390 | 1391 | .text-align-left { 1392 | text-align: left; 1393 | } 1394 | 1395 | .padding-xxsmall { 1396 | padding: 0.5rem; 1397 | } 1398 | 1399 | .overflow-hidden { 1400 | overflow: hidden; 1401 | } 1402 | 1403 | .margin-tiny { 1404 | margin: 0.25rem; 1405 | } 1406 | 1407 | .rl-styleguide_subheading { 1408 | position: -webkit-sticky; 1409 | position: sticky; 1410 | top: 2rem; 1411 | z-index: 3; 1412 | padding: 0.25rem 0.5rem; 1413 | background-color: #d3d3d3; 1414 | color: #000; 1415 | } 1416 | 1417 | .form-radio { 1418 | display: -webkit-box; 1419 | display: -webkit-flex; 1420 | display: -ms-flexbox; 1421 | display: flex; 1422 | margin-bottom: 0px; 1423 | padding-left: 1.125rem; 1424 | -webkit-box-align: center; 1425 | -webkit-align-items: center; 1426 | -ms-flex-align: center; 1427 | align-items: center; 1428 | } 1429 | 1430 | .text-weight-semibold { 1431 | font-weight: 600; 1432 | } 1433 | 1434 | .max-width-xxlarge { 1435 | width: 100%; 1436 | max-width: 80rem; 1437 | } 1438 | 1439 | .background-color-black { 1440 | display: -webkit-box; 1441 | display: -webkit-flex; 1442 | display: -ms-flexbox; 1443 | display: flex; 1444 | -webkit-box-orient: vertical; 1445 | -webkit-box-direction: normal; 1446 | -webkit-flex-direction: column; 1447 | -ms-flex-direction: column; 1448 | flex-direction: column; 1449 | -webkit-box-pack: center; 1450 | -webkit-justify-content: center; 1451 | -ms-flex-pack: center; 1452 | justify-content: center; 1453 | background-color: #000; 1454 | color: #fff; 1455 | } 1456 | 1457 | .rl-styleguide_callout-link { 1458 | display: -webkit-box; 1459 | display: -webkit-flex; 1460 | display: -ms-flexbox; 1461 | display: flex; 1462 | padding: 1px; 1463 | -webkit-box-pack: justify; 1464 | -webkit-justify-content: space-between; 1465 | -ms-flex-pack: justify; 1466 | justify-content: space-between; 1467 | -webkit-box-align: center; 1468 | -webkit-align-items: center; 1469 | -ms-flex-align: center; 1470 | align-items: center; 1471 | background-color: #fff; 1472 | background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff); 1473 | } 1474 | 1475 | .icon-height-medium { 1476 | height: 3rem; 1477 | } 1478 | 1479 | .text-align-center { 1480 | text-align: center; 1481 | } 1482 | 1483 | .heading-style-h3 { 1484 | font-size: 2.5rem; 1485 | line-height: 1.2; 1486 | font-weight: 700; 1487 | } 1488 | 1489 | .heading-style-h3.text-weight-semibold { 1490 | font-weight: 600; 1491 | } 1492 | 1493 | .margin-left { 1494 | margin-top: 0rem; 1495 | margin-right: 0rem; 1496 | margin-bottom: 0rem; 1497 | } 1498 | 1499 | .margin-left.margin-custom1 { 1500 | margin-top: 0rem; 1501 | margin-right: 0rem; 1502 | margin-bottom: 0rem; 1503 | } 1504 | 1505 | .margin-left.margin-medium { 1506 | margin-top: 0rem; 1507 | margin-right: 0rem; 1508 | margin-bottom: 0rem; 1509 | } 1510 | 1511 | .margin-left.margin-xhuge { 1512 | margin-top: 0rem; 1513 | margin-right: 0rem; 1514 | margin-bottom: 0rem; 1515 | } 1516 | 1517 | .margin-left.margin-xsmall { 1518 | margin-top: 0rem; 1519 | margin-right: 0rem; 1520 | margin-bottom: 0rem; 1521 | } 1522 | 1523 | .margin-left.margin-xxlarge { 1524 | margin-top: 0rem; 1525 | margin-right: 0rem; 1526 | margin-bottom: 0rem; 1527 | } 1528 | 1529 | .margin-left.margin-custom3 { 1530 | margin-top: 0rem; 1531 | margin-right: 0rem; 1532 | margin-bottom: 0rem; 1533 | } 1534 | 1535 | .margin-left.margin-tiny { 1536 | margin-top: 0rem; 1537 | margin-right: 0rem; 1538 | margin-bottom: 0rem; 1539 | } 1540 | 1541 | .margin-left.margin-0 { 1542 | margin-top: 0rem; 1543 | margin-right: 0rem; 1544 | margin-bottom: 0rem; 1545 | } 1546 | 1547 | .margin-left.margin-custom2 { 1548 | margin-top: 0rem; 1549 | margin-right: 0rem; 1550 | margin-bottom: 0rem; 1551 | } 1552 | 1553 | .margin-left.margin-xxhuge { 1554 | margin-top: 0rem; 1555 | margin-right: 0rem; 1556 | margin-bottom: 0rem; 1557 | } 1558 | 1559 | .margin-left.margin-small { 1560 | margin-top: 0rem; 1561 | margin-right: 0rem; 1562 | margin-bottom: 0rem; 1563 | } 1564 | 1565 | .margin-left.margin-large { 1566 | margin-top: 0rem; 1567 | margin-right: 0rem; 1568 | margin-bottom: 0rem; 1569 | } 1570 | 1571 | .margin-left.margin-xxsmall { 1572 | margin-top: 0rem; 1573 | margin-right: 0rem; 1574 | margin-bottom: 0rem; 1575 | } 1576 | 1577 | .margin-left.margin-xlarge { 1578 | margin-top: 0rem; 1579 | margin-right: 0rem; 1580 | margin-bottom: 0rem; 1581 | } 1582 | 1583 | .margin-left.margin-huge { 1584 | margin-top: 0rem; 1585 | margin-right: 0rem; 1586 | margin-bottom: 0rem; 1587 | } 1588 | 1589 | .padding-section-small { 1590 | padding-top: 3rem; 1591 | padding-bottom: 3rem; 1592 | } 1593 | 1594 | .text-style-link { 1595 | text-decoration: underline; 1596 | } 1597 | 1598 | .padding-global { 1599 | display: -webkit-box; 1600 | display: -webkit-flex; 1601 | display: -ms-flexbox; 1602 | display: flex; 1603 | height: 100%; 1604 | padding-right: 5%; 1605 | padding-left: 5%; 1606 | -webkit-box-orient: vertical; 1607 | -webkit-box-direction: normal; 1608 | -webkit-flex-direction: column; 1609 | -ms-flex-direction: column; 1610 | flex-direction: column; 1611 | -webkit-box-pack: center; 1612 | -webkit-justify-content: center; 1613 | -ms-flex-pack: center; 1614 | justify-content: center; 1615 | } 1616 | 1617 | .icon-height-large { 1618 | height: 5rem; 1619 | } 1620 | 1621 | .margin-huge { 1622 | margin: 6rem; 1623 | } 1624 | 1625 | .icon-1x1-xxsmall { 1626 | width: 1rem; 1627 | height: 1rem; 1628 | } 1629 | 1630 | .margin-horizontal { 1631 | margin-top: 0rem; 1632 | margin-bottom: 0rem; 1633 | } 1634 | 1635 | .margin-horizontal.margin-xxsmall { 1636 | margin-top: 0rem; 1637 | margin-bottom: 0rem; 1638 | } 1639 | 1640 | .margin-horizontal.margin-custom2 { 1641 | margin-top: 0rem; 1642 | margin-bottom: 0rem; 1643 | } 1644 | 1645 | .margin-horizontal.margin-huge { 1646 | margin-top: 0rem; 1647 | margin-bottom: 0rem; 1648 | } 1649 | 1650 | .margin-horizontal.margin-xlarge { 1651 | margin-top: 0rem; 1652 | margin-bottom: 0rem; 1653 | } 1654 | 1655 | .margin-horizontal.margin-medium { 1656 | margin-top: 0rem; 1657 | margin-bottom: 0rem; 1658 | } 1659 | 1660 | .margin-horizontal.margin-0 { 1661 | margin-top: 0rem; 1662 | margin-bottom: 0rem; 1663 | } 1664 | 1665 | .margin-horizontal.margin-small { 1666 | margin-top: 0rem; 1667 | margin-bottom: 0rem; 1668 | } 1669 | 1670 | .margin-horizontal.margin-xhuge { 1671 | margin-top: 0rem; 1672 | margin-bottom: 0rem; 1673 | } 1674 | 1675 | .margin-horizontal.margin-xxlarge { 1676 | margin-top: 0rem; 1677 | margin-bottom: 0rem; 1678 | } 1679 | 1680 | .margin-horizontal.margin-large { 1681 | margin-top: 0rem; 1682 | margin-bottom: 0rem; 1683 | } 1684 | 1685 | .margin-horizontal.margin-tiny { 1686 | margin-top: 0rem; 1687 | margin-bottom: 0rem; 1688 | } 1689 | 1690 | .margin-horizontal.margin-custom3 { 1691 | margin-top: 0rem; 1692 | margin-bottom: 0rem; 1693 | } 1694 | 1695 | .margin-horizontal.margin-xsmall { 1696 | margin-top: 0rem; 1697 | margin-bottom: 0rem; 1698 | } 1699 | 1700 | .margin-horizontal.margin-xxhuge { 1701 | margin-top: 0rem; 1702 | margin-bottom: 0rem; 1703 | } 1704 | 1705 | .margin-horizontal.margin-custom1 { 1706 | margin-top: 0rem; 1707 | margin-bottom: 0rem; 1708 | } 1709 | 1710 | .padding-section-medium { 1711 | padding-top: 5rem; 1712 | padding-bottom: 5rem; 1713 | } 1714 | 1715 | .heading-style-h5 { 1716 | line-height: 1.4; 1717 | } 1718 | 1719 | .padding-xxlarge { 1720 | padding: 5rem; 1721 | } 1722 | 1723 | .text-style-allcaps { 1724 | text-transform: uppercase; 1725 | } 1726 | 1727 | .text-weight-medium { 1728 | font-weight: 500; 1729 | } 1730 | 1731 | .max-width-large { 1732 | width: 100%; 1733 | max-width: 48rem; 1734 | } 1735 | 1736 | .rl-styleguide_button-row { 1737 | display: -webkit-box; 1738 | display: -webkit-flex; 1739 | display: -ms-flexbox; 1740 | display: flex; 1741 | grid-column-gap: 1rem; 1742 | } 1743 | 1744 | .icon-embed-xxsmall { 1745 | display: -webkit-box; 1746 | display: -webkit-flex; 1747 | display: -ms-flexbox; 1748 | display: flex; 1749 | width: 1rem; 1750 | height: 1rem; 1751 | -webkit-box-orient: vertical; 1752 | -webkit-box-direction: normal; 1753 | -webkit-flex-direction: column; 1754 | -ms-flex-direction: column; 1755 | flex-direction: column; 1756 | -webkit-box-pack: center; 1757 | -webkit-justify-content: center; 1758 | -ms-flex-pack: center; 1759 | justify-content: center; 1760 | -webkit-box-align: center; 1761 | -webkit-align-items: center; 1762 | -ms-flex-align: center; 1763 | align-items: center; 1764 | } 1765 | 1766 | .shadow-large { 1767 | box-shadow: 0 20px 24px -4px rgba(0, 0, 0, 0.08), 0 8px 8px -4px rgba(0, 0, 0, 0.03); 1768 | } 1769 | 1770 | .background-color-gray { 1771 | background-color: #f4f4f4; 1772 | } 1773 | 1774 | .icon-1x1-custom1 { 1775 | width: 1.25rem; 1776 | height: 1.25rem; 1777 | } 1778 | 1779 | .heading-style-h2 { 1780 | font-size: 3rem; 1781 | line-height: 1.2; 1782 | font-weight: 700; 1783 | } 1784 | 1785 | .max-width-xlarge { 1786 | width: 100%; 1787 | max-width: 64rem; 1788 | } 1789 | 1790 | .icon-height-xxsmall { 1791 | height: 1rem; 1792 | } 1793 | 1794 | .margin-vertical { 1795 | margin-right: 0rem; 1796 | margin-left: 0rem; 1797 | } 1798 | 1799 | .margin-vertical.margin-medium { 1800 | margin-right: 0rem; 1801 | margin-left: 0rem; 1802 | } 1803 | 1804 | .margin-vertical.margin-0 { 1805 | margin-right: 0rem; 1806 | margin-left: 0rem; 1807 | } 1808 | 1809 | .margin-vertical.margin-xhuge { 1810 | margin-right: 0rem; 1811 | margin-left: 0rem; 1812 | } 1813 | 1814 | .margin-vertical.margin-xxsmall { 1815 | margin-right: 0rem; 1816 | margin-left: 0rem; 1817 | } 1818 | 1819 | .margin-vertical.margin-custom2 { 1820 | margin-right: 0rem; 1821 | margin-left: 0rem; 1822 | } 1823 | 1824 | .margin-vertical.margin-xxhuge { 1825 | margin-right: 0rem; 1826 | margin-left: 0rem; 1827 | } 1828 | 1829 | .margin-vertical.margin-small { 1830 | margin-right: 0rem; 1831 | margin-left: 0rem; 1832 | } 1833 | 1834 | .margin-vertical.margin-tiny { 1835 | margin-right: 0rem; 1836 | margin-left: 0rem; 1837 | } 1838 | 1839 | .margin-vertical.margin-xlarge { 1840 | margin-right: 0rem; 1841 | margin-left: 0rem; 1842 | } 1843 | 1844 | .margin-vertical.margin-large { 1845 | margin-right: 0rem; 1846 | margin-left: 0rem; 1847 | } 1848 | 1849 | .margin-vertical.margin-huge { 1850 | margin-right: 0rem; 1851 | margin-left: 0rem; 1852 | } 1853 | 1854 | .margin-vertical.margin-custom1 { 1855 | margin-right: 0rem; 1856 | margin-left: 0rem; 1857 | } 1858 | 1859 | .margin-vertical.margin-xsmall { 1860 | margin-right: 0rem; 1861 | margin-left: 0rem; 1862 | } 1863 | 1864 | .margin-vertical.margin-custom3 { 1865 | margin-right: 0rem; 1866 | margin-left: 0rem; 1867 | } 1868 | 1869 | .margin-vertical.margin-xxlarge { 1870 | margin-right: 0rem; 1871 | margin-left: 0rem; 1872 | } 1873 | 1874 | .shadow-medium { 1875 | box-shadow: 0 12px 16px -4px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03); 1876 | } 1877 | 1878 | .shadow-small { 1879 | box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); 1880 | } 1881 | 1882 | .heading-style-h1 { 1883 | font-size: 3.5rem; 1884 | line-height: 1.2; 1885 | font-weight: 700; 1886 | } 1887 | 1888 | .margin-top-auto { 1889 | margin-top: auto; 1890 | } 1891 | 1892 | .text-weight-light { 1893 | font-weight: 300; 1894 | } 1895 | 1896 | .text-size-medium { 1897 | font-size: 1.125rem; 1898 | } 1899 | 1900 | .text-size-medium.text-color-white.text-style-muted { 1901 | width: 80%; 1902 | } 1903 | 1904 | .text-size-medium.text-color-white.text-style-muted.wide { 1905 | overflow: hidden; 1906 | width: 100%; 1907 | font-size: 1rem; 1908 | } 1909 | 1910 | .text-size-medium.text-color-white.text-style-muted.shorter { 1911 | width: auto; 1912 | font-size: 1rem; 1913 | } 1914 | 1915 | .max-width-medium { 1916 | width: 100%; 1917 | max-width: 35rem; 1918 | } 1919 | 1920 | .text-style-muted { 1921 | opacity: 0.6; 1922 | } 1923 | 1924 | .margin-xxhuge { 1925 | margin: 10rem; 1926 | } 1927 | 1928 | .rl-styleguide_color { 1929 | padding-bottom: 8rem; 1930 | } 1931 | 1932 | .rl-styleguide_color.is-white { 1933 | background-color: #fff; 1934 | } 1935 | 1936 | .rl-styleguide_color.is-gray { 1937 | background-color: #f4f4f4; 1938 | } 1939 | 1940 | .rl-styleguide_color.is-black { 1941 | background-color: #000; 1942 | } 1943 | 1944 | .rl-styleguide_icons-list { 1945 | display: -ms-grid; 1946 | display: grid; 1947 | -webkit-flex-wrap: wrap; 1948 | -ms-flex-wrap: wrap; 1949 | flex-wrap: wrap; 1950 | grid-auto-flow: column; 1951 | grid-auto-columns: 1fr; 1952 | grid-column-gap: 1rem; 1953 | grid-row-gap: 1rem; 1954 | -ms-grid-columns: 1fr; 1955 | grid-template-columns: 1fr; 1956 | -ms-grid-rows: auto; 1957 | grid-template-rows: auto; 1958 | } 1959 | 1960 | .padding-large { 1961 | padding: 3rem; 1962 | } 1963 | 1964 | .rl-styleguide_item-row { 1965 | -webkit-box-align: center; 1966 | -webkit-align-items: center; 1967 | -ms-flex-align: center; 1968 | align-items: center; 1969 | grid-column-gap: 1.5rem; 1970 | grid-row-gap: 0rem; 1971 | -ms-grid-columns: 15rem 1fr; 1972 | grid-template-columns: 15rem 1fr; 1973 | -ms-grid-rows: auto; 1974 | grid-template-rows: auto; 1975 | } 1976 | 1977 | .form-checkbox { 1978 | display: -webkit-box; 1979 | display: -webkit-flex; 1980 | display: -ms-flexbox; 1981 | display: flex; 1982 | margin-bottom: 0px; 1983 | padding-left: 1.25rem; 1984 | -webkit-box-align: center; 1985 | -webkit-align-items: center; 1986 | -ms-flex-align: center; 1987 | align-items: center; 1988 | } 1989 | 1990 | .form { 1991 | display: -ms-grid; 1992 | display: grid; 1993 | grid-auto-columns: 1fr; 1994 | grid-column-gap: 1.5rem; 1995 | grid-row-gap: 1.5rem; 1996 | -ms-grid-columns: 1fr; 1997 | grid-template-columns: 1fr; 1998 | -ms-grid-rows: auto; 1999 | grid-template-rows: auto; 2000 | } 2001 | 2002 | .icon-1x1-xlarge { 2003 | width: 6.5rem; 2004 | height: 6.5rem; 2005 | } 2006 | 2007 | .margin-bottom { 2008 | margin-top: 0rem; 2009 | margin-right: 0rem; 2010 | margin-left: 0rem; 2011 | } 2012 | 2013 | .margin-bottom.margin-huge { 2014 | margin-top: 0rem; 2015 | margin-right: 0rem; 2016 | margin-left: 0rem; 2017 | } 2018 | 2019 | .margin-bottom.margin-xxlarge { 2020 | margin-top: 0rem; 2021 | margin-right: 0rem; 2022 | margin-left: 0rem; 2023 | } 2024 | 2025 | .margin-bottom.margin-small { 2026 | margin-top: 0rem; 2027 | margin-right: 0rem; 2028 | margin-left: 0rem; 2029 | } 2030 | 2031 | .margin-bottom.margin-0 { 2032 | margin-top: 0rem; 2033 | margin-right: 0rem; 2034 | margin-left: 0rem; 2035 | } 2036 | 2037 | .margin-bottom.margin-xsmall { 2038 | margin-top: 0rem; 2039 | margin-right: 0rem; 2040 | margin-left: 0rem; 2041 | } 2042 | 2043 | .margin-bottom.margin-xlarge { 2044 | margin-top: 0rem; 2045 | margin-right: 0rem; 2046 | margin-left: 0rem; 2047 | } 2048 | 2049 | .margin-bottom.margin-tiny { 2050 | margin-top: 0rem; 2051 | margin-right: 0rem; 2052 | margin-left: 0rem; 2053 | } 2054 | 2055 | .margin-bottom.margin-custom2 { 2056 | margin-top: 0rem; 2057 | margin-right: 0rem; 2058 | margin-left: 0rem; 2059 | } 2060 | 2061 | .margin-bottom.margin-xhuge { 2062 | margin-top: 0rem; 2063 | margin-right: 0rem; 2064 | margin-left: 0rem; 2065 | } 2066 | 2067 | .margin-bottom.margin-large { 2068 | margin-top: 0rem; 2069 | margin-right: 0rem; 2070 | margin-left: 0rem; 2071 | } 2072 | 2073 | .margin-bottom.margin-custom3 { 2074 | margin-top: 0rem; 2075 | margin-right: 0rem; 2076 | margin-left: 0rem; 2077 | } 2078 | 2079 | .margin-bottom.margin-medium { 2080 | margin-top: 0rem; 2081 | margin-right: 0rem; 2082 | margin-left: 0rem; 2083 | } 2084 | 2085 | .margin-bottom.margin-custom1 { 2086 | margin-top: 0rem; 2087 | margin-right: 0rem; 2088 | margin-left: 0rem; 2089 | } 2090 | 2091 | .margin-bottom.margin-xxsmall { 2092 | margin-top: 0rem; 2093 | margin-right: 0rem; 2094 | margin-left: 0rem; 2095 | } 2096 | 2097 | .margin-bottom.margin-xxhuge { 2098 | margin-top: 0rem; 2099 | margin-right: 0rem; 2100 | margin-left: 0rem; 2101 | } 2102 | 2103 | .text-size-large { 2104 | font-size: 1.25rem; 2105 | } 2106 | 2107 | .icon-embed-xsmall { 2108 | display: -webkit-box; 2109 | display: -webkit-flex; 2110 | display: -ms-flexbox; 2111 | display: flex; 2112 | width: 1.5rem; 2113 | height: 1.5rem; 2114 | -webkit-box-orient: vertical; 2115 | -webkit-box-direction: normal; 2116 | -webkit-flex-direction: column; 2117 | -ms-flex-direction: column; 2118 | flex-direction: column; 2119 | -webkit-box-pack: center; 2120 | -webkit-justify-content: center; 2121 | -ms-flex-pack: center; 2122 | justify-content: center; 2123 | -webkit-box-align: center; 2124 | -webkit-align-items: center; 2125 | -ms-flex-align: center; 2126 | align-items: center; 2127 | } 2128 | 2129 | .padding-xlarge { 2130 | padding: 4rem; 2131 | } 2132 | 2133 | .max-width-xxsmall { 2134 | width: 100%; 2135 | max-width: 20rem; 2136 | } 2137 | 2138 | .overflow-scroll { 2139 | overflow: scroll; 2140 | } 2141 | 2142 | .form-input { 2143 | height: auto; 2144 | min-height: 2.75rem; 2145 | margin-bottom: 0px; 2146 | padding: 0.5rem 0.75rem; 2147 | border-style: solid; 2148 | border-width: 1px; 2149 | border-color: #000; 2150 | background-color: #fff; 2151 | color: #000; 2152 | font-size: 1rem; 2153 | line-height: 1.6; 2154 | } 2155 | 2156 | .form-input:focus { 2157 | border-color: #000; 2158 | } 2159 | 2160 | .form-input::-webkit-input-placeholder { 2161 | color: rgba(0, 0, 0, 0.6); 2162 | } 2163 | 2164 | .form-input:-ms-input-placeholder { 2165 | color: rgba(0, 0, 0, 0.6); 2166 | } 2167 | 2168 | .form-input::-ms-input-placeholder { 2169 | color: rgba(0, 0, 0, 0.6); 2170 | } 2171 | 2172 | .form-input::placeholder { 2173 | color: rgba(0, 0, 0, 0.6); 2174 | } 2175 | 2176 | .form-input.is-select-input { 2177 | background-color: #fff; 2178 | background-image: none; 2179 | } 2180 | 2181 | .form-input.is-text-area { 2182 | overflow: auto; 2183 | height: auto; 2184 | min-height: 11.25rem; 2185 | padding-top: 0.75rem; 2186 | padding-bottom: 0.75rem; 2187 | } 2188 | 2189 | .rl-styleguide_label { 2190 | display: inline-block; 2191 | padding: 0.25rem 0.5rem; 2192 | background-color: #0073e6; 2193 | color: #fff; 2194 | font-size: 0.75rem; 2195 | white-space: nowrap; 2196 | cursor: context-menu; 2197 | } 2198 | 2199 | .rl-styleguide_label.is-html-tag { 2200 | background-color: #be4aa5; 2201 | } 2202 | 2203 | .form-checkbox-label { 2204 | margin-bottom: 0px; 2205 | } 2206 | 2207 | .layer { 2208 | position: absolute; 2209 | left: 0%; 2210 | top: 0%; 2211 | right: 0%; 2212 | bottom: 0%; 2213 | -webkit-box-pack: center; 2214 | -webkit-justify-content: center; 2215 | -ms-flex-pack: center; 2216 | justify-content: center; 2217 | -webkit-box-align: center; 2218 | -webkit-align-items: center; 2219 | -ms-flex-align: center; 2220 | align-items: center; 2221 | } 2222 | 2223 | .margin-right { 2224 | margin-top: 0rem; 2225 | margin-bottom: 0rem; 2226 | margin-left: 0rem; 2227 | } 2228 | 2229 | .margin-right.margin-small { 2230 | margin-top: 0rem; 2231 | margin-bottom: 0rem; 2232 | margin-left: 0rem; 2233 | } 2234 | 2235 | .margin-right.margin-tiny { 2236 | margin-top: 0rem; 2237 | margin-bottom: 0rem; 2238 | margin-left: 0rem; 2239 | } 2240 | 2241 | .margin-right.margin-medium { 2242 | margin-top: 0rem; 2243 | margin-bottom: 0rem; 2244 | margin-left: 0rem; 2245 | } 2246 | 2247 | .margin-right.margin-xlarge { 2248 | margin-top: 0rem; 2249 | margin-bottom: 0rem; 2250 | margin-left: 0rem; 2251 | } 2252 | 2253 | .margin-right.margin-custom3 { 2254 | margin-top: 0rem; 2255 | margin-bottom: 0rem; 2256 | margin-left: 0rem; 2257 | } 2258 | 2259 | .margin-right.margin-xsmall { 2260 | margin-top: 0rem; 2261 | margin-bottom: 0rem; 2262 | margin-left: 0rem; 2263 | } 2264 | 2265 | .margin-right.margin-huge { 2266 | margin-top: 0rem; 2267 | margin-bottom: 0rem; 2268 | margin-left: 0rem; 2269 | } 2270 | 2271 | .margin-right.margin-xxhuge { 2272 | margin-top: 0rem; 2273 | margin-bottom: 0rem; 2274 | margin-left: 0rem; 2275 | } 2276 | 2277 | .margin-right.margin-0 { 2278 | margin-top: 0rem; 2279 | margin-bottom: 0rem; 2280 | margin-left: 0rem; 2281 | } 2282 | 2283 | .margin-right.margin-xxlarge { 2284 | margin-top: 0rem; 2285 | margin-bottom: 0rem; 2286 | margin-left: 0rem; 2287 | } 2288 | 2289 | .margin-right.margin-xxsmall { 2290 | margin-top: 0rem; 2291 | margin-bottom: 0rem; 2292 | margin-left: 0rem; 2293 | } 2294 | 2295 | .margin-right.margin-large { 2296 | margin-top: 0rem; 2297 | margin-bottom: 0rem; 2298 | margin-left: 0rem; 2299 | } 2300 | 2301 | .margin-right.margin-custom1 { 2302 | margin-top: 0rem; 2303 | margin-bottom: 0rem; 2304 | margin-left: 0rem; 2305 | } 2306 | 2307 | .margin-right.margin-custom2 { 2308 | margin-top: 0rem; 2309 | margin-bottom: 0rem; 2310 | margin-left: 0rem; 2311 | } 2312 | 2313 | .margin-right.margin-xhuge { 2314 | margin-top: 0rem; 2315 | margin-bottom: 0rem; 2316 | margin-left: 0rem; 2317 | } 2318 | 2319 | .icon-embed-small { 2320 | display: -webkit-box; 2321 | display: -webkit-flex; 2322 | display: -ms-flexbox; 2323 | display: flex; 2324 | width: 2rem; 2325 | height: 2rem; 2326 | -webkit-box-orient: vertical; 2327 | -webkit-box-direction: normal; 2328 | -webkit-flex-direction: column; 2329 | -ms-flex-direction: column; 2330 | flex-direction: column; 2331 | -webkit-box-pack: center; 2332 | -webkit-justify-content: center; 2333 | -ms-flex-pack: center; 2334 | justify-content: center; 2335 | -webkit-box-align: center; 2336 | -webkit-align-items: center; 2337 | -ms-flex-align: center; 2338 | align-items: center; 2339 | } 2340 | 2341 | .heading-style-h6 { 2342 | font-size: 1.25rem; 2343 | line-height: 1.4; 2344 | font-weight: 700; 2345 | } 2346 | 2347 | .rl-styleguide_empty-box { 2348 | position: relative; 2349 | z-index: -1; 2350 | height: 3rem; 2351 | min-width: 3rem; 2352 | background-color: #eee; 2353 | } 2354 | 2355 | .padding-small { 2356 | padding: 1.5rem; 2357 | } 2358 | 2359 | .align-center { 2360 | margin-right: auto; 2361 | margin-left: auto; 2362 | } 2363 | 2364 | .class-label-column { 2365 | display: -ms-grid; 2366 | display: grid; 2367 | grid-auto-columns: 1fr; 2368 | grid-column-gap: 0.75rem; 2369 | grid-row-gap: 0.75rem; 2370 | -ms-grid-columns: 1fr; 2371 | grid-template-columns: 1fr; 2372 | -ms-grid-rows: auto; 2373 | grid-template-rows: auto; 2374 | } 2375 | 2376 | .padding-right { 2377 | padding-top: 0rem; 2378 | padding-bottom: 0rem; 2379 | padding-left: 0rem; 2380 | } 2381 | 2382 | .padding-right.padding-0 { 2383 | padding-top: 0rem; 2384 | padding-bottom: 0rem; 2385 | padding-left: 0rem; 2386 | } 2387 | 2388 | .padding-right.padding-large { 2389 | padding-top: 0rem; 2390 | padding-bottom: 0rem; 2391 | padding-left: 0rem; 2392 | } 2393 | 2394 | .padding-right.padding-xxlarge { 2395 | padding-top: 0rem; 2396 | padding-bottom: 0rem; 2397 | padding-left: 0rem; 2398 | } 2399 | 2400 | .padding-right.padding-custom2 { 2401 | padding-top: 0rem; 2402 | padding-bottom: 0rem; 2403 | padding-left: 0rem; 2404 | } 2405 | 2406 | .padding-right.padding-xlarge { 2407 | padding-top: 0rem; 2408 | padding-bottom: 0rem; 2409 | padding-left: 0rem; 2410 | } 2411 | 2412 | .padding-right.padding-xhuge { 2413 | padding-top: 0rem; 2414 | padding-bottom: 0rem; 2415 | padding-left: 0rem; 2416 | } 2417 | 2418 | .padding-right.padding-custom3 { 2419 | padding-top: 0rem; 2420 | padding-bottom: 0rem; 2421 | padding-left: 0rem; 2422 | } 2423 | 2424 | .padding-right.padding-tiny { 2425 | padding-top: 0rem; 2426 | padding-bottom: 0rem; 2427 | padding-left: 0rem; 2428 | } 2429 | 2430 | .padding-right.padding-huge { 2431 | padding-top: 0rem; 2432 | padding-bottom: 0rem; 2433 | padding-left: 0rem; 2434 | } 2435 | 2436 | .padding-right.padding-medium { 2437 | padding-top: 0rem; 2438 | padding-bottom: 0rem; 2439 | padding-left: 0rem; 2440 | } 2441 | 2442 | .padding-right.padding-xsmall { 2443 | padding-top: 0rem; 2444 | padding-bottom: 0rem; 2445 | padding-left: 0rem; 2446 | } 2447 | 2448 | .padding-right.padding-small { 2449 | padding-top: 0rem; 2450 | padding-bottom: 0rem; 2451 | padding-left: 0rem; 2452 | } 2453 | 2454 | .padding-right.padding-xxsmall { 2455 | padding-top: 0rem; 2456 | padding-bottom: 0rem; 2457 | padding-left: 0rem; 2458 | } 2459 | 2460 | .padding-right.padding-custom1 { 2461 | padding-top: 0rem; 2462 | padding-bottom: 0rem; 2463 | padding-left: 0rem; 2464 | } 2465 | 2466 | .padding-right.padding-xxhuge { 2467 | padding-top: 0rem; 2468 | padding-bottom: 0rem; 2469 | padding-left: 0rem; 2470 | } 2471 | 2472 | .margin-0 { 2473 | margin: 0rem; 2474 | } 2475 | 2476 | .text-size-tiny { 2477 | font-size: 0.75rem; 2478 | } 2479 | 2480 | .shadow-xlarge { 2481 | box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.18); 2482 | } 2483 | 2484 | .form-radio-icon { 2485 | width: 1.125rem; 2486 | height: 1.125rem; 2487 | min-height: 1.125rem; 2488 | min-width: 1.125rem; 2489 | margin-top: 0px; 2490 | margin-right: 0.5rem; 2491 | margin-left: -1.125rem; 2492 | border-style: solid; 2493 | border-width: 1px; 2494 | border-color: #000; 2495 | border-radius: 100px; 2496 | cursor: pointer; 2497 | } 2498 | 2499 | .form-radio-icon.w--redirected-checked { 2500 | border-width: 6px; 2501 | border-color: #000; 2502 | background-color: #fff; 2503 | background-image: none; 2504 | } 2505 | 2506 | .form-radio-icon.w--redirected-focus { 2507 | margin-top: 0px; 2508 | border-color: #000; 2509 | box-shadow: none; 2510 | } 2511 | 2512 | .class-label-row { 2513 | display: -webkit-box; 2514 | display: -webkit-flex; 2515 | display: -ms-flexbox; 2516 | display: flex; 2517 | -webkit-flex-wrap: wrap; 2518 | -ms-flex-wrap: wrap; 2519 | flex-wrap: wrap; 2520 | -webkit-box-align: center; 2521 | -webkit-align-items: center; 2522 | -ms-flex-align: center; 2523 | align-items: center; 2524 | grid-column-gap: 0.25rem; 2525 | grid-row-gap: 0.25rem; 2526 | } 2527 | 2528 | .padding-xhuge { 2529 | padding: 7rem; 2530 | } 2531 | 2532 | .text-style-nowrap { 2533 | white-space: nowrap; 2534 | } 2535 | 2536 | .icon-height-custom1 { 2537 | height: 1.25rem; 2538 | } 2539 | 2540 | .rl-styleguide_empty-space { 2541 | position: relative; 2542 | z-index: -1; 2543 | display: -webkit-box; 2544 | display: -webkit-flex; 2545 | display: -ms-flexbox; 2546 | display: flex; 2547 | padding: 2rem; 2548 | -webkit-box-orient: vertical; 2549 | -webkit-box-direction: normal; 2550 | -webkit-flex-direction: column; 2551 | -ms-flex-direction: column; 2552 | flex-direction: column; 2553 | -webkit-box-pack: justify; 2554 | -webkit-justify-content: space-between; 2555 | -ms-flex-pack: justify; 2556 | justify-content: space-between; 2557 | -webkit-box-align: start; 2558 | -webkit-align-items: flex-start; 2559 | -ms-flex-align: start; 2560 | align-items: flex-start; 2561 | } 2562 | 2563 | .hide { 2564 | display: none; 2565 | } 2566 | 2567 | .text-style-italic { 2568 | font-style: italic; 2569 | } 2570 | 2571 | .container-medium { 2572 | width: 100%; 2573 | max-width: 64rem; 2574 | margin-right: auto; 2575 | margin-left: auto; 2576 | } 2577 | 2578 | .shadow-xsmall { 2579 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); 2580 | } 2581 | 2582 | .max-width-small { 2583 | width: 100%; 2584 | max-width: 30rem; 2585 | } 2586 | 2587 | .max-width-small.align-center { 2588 | display: -webkit-box; 2589 | display: -webkit-flex; 2590 | display: -ms-flexbox; 2591 | display: flex; 2592 | width: 70%; 2593 | max-width: none; 2594 | -webkit-box-orient: vertical; 2595 | -webkit-box-direction: normal; 2596 | -webkit-flex-direction: column; 2597 | -ms-flex-direction: column; 2598 | flex-direction: column; 2599 | -webkit-box-pack: center; 2600 | -webkit-justify-content: center; 2601 | -ms-flex-pack: center; 2602 | justify-content: center; 2603 | -webkit-box-align: center; 2604 | -webkit-align-items: center; 2605 | -ms-flex-align: center; 2606 | align-items: center; 2607 | grid-column-gap: 15px; 2608 | grid-row-gap: 15px; 2609 | } 2610 | 2611 | .icon-height-xsmall { 2612 | height: 1.5rem; 2613 | } 2614 | 2615 | .navbar_container { 2616 | display: -webkit-box; 2617 | display: -webkit-flex; 2618 | display: -ms-flexbox; 2619 | display: flex; 2620 | width: 100%; 2621 | height: 100%; 2622 | margin-right: auto; 2623 | margin-left: auto; 2624 | -webkit-box-pack: justify; 2625 | -webkit-justify-content: space-between; 2626 | -ms-flex-pack: justify; 2627 | justify-content: space-between; 2628 | -webkit-box-align: center; 2629 | -webkit-align-items: center; 2630 | -ms-flex-align: center; 2631 | align-items: center; 2632 | } 2633 | 2634 | .navbar_component { 2635 | position: absolute; 2636 | display: -webkit-box; 2637 | display: -webkit-flex; 2638 | display: -ms-flexbox; 2639 | display: flex; 2640 | width: 100vw; 2641 | height: auto; 2642 | min-height: 8rem; 2643 | padding-right: 2rem; 2644 | padding-left: 2rem; 2645 | -webkit-box-align: center; 2646 | -webkit-align-items: center; 2647 | -ms-flex-align: center; 2648 | align-items: center; 2649 | background-color: transparent; 2650 | } 2651 | 2652 | .navbar_logo-link { 2653 | padding-left: 0px; 2654 | } 2655 | 2656 | .navbar_logo { 2657 | max-height: 4rem; 2658 | } 2659 | 2660 | .people_image-wrapper { 2661 | position: relative; 2662 | z-index: 1; 2663 | width: 100%; 2664 | padding-top: 100%; 2665 | } 2666 | 2667 | .people_list { 2668 | display: -ms-grid; 2669 | display: grid; 2670 | justify-items: start; 2671 | -webkit-box-align: start; 2672 | -webkit-align-items: start; 2673 | -ms-flex-align: start; 2674 | align-items: start; 2675 | grid-auto-columns: 1fr; 2676 | grid-column-gap: 1.5rem; 2677 | grid-row-gap: 1.5rem; 2678 | grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 2679 | -ms-grid-rows: auto; 2680 | grid-template-rows: auto; 2681 | } 2682 | 2683 | .section_people { 2684 | z-index: 2; 2685 | } 2686 | 2687 | .section_people.z-index-2 { 2688 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))); 2689 | background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); 2690 | -webkit-backdrop-filter: blur(3px); 2691 | backdrop-filter: blur(3px); 2692 | } 2693 | 2694 | .people_component { 2695 | display: -webkit-box; 2696 | display: -webkit-flex; 2697 | display: -ms-flexbox; 2698 | display: flex; 2699 | -webkit-box-orient: vertical; 2700 | -webkit-box-direction: normal; 2701 | -webkit-flex-direction: column; 2702 | -ms-flex-direction: column; 2703 | flex-direction: column; 2704 | -webkit-box-align: start; 2705 | -webkit-align-items: flex-start; 2706 | -ms-flex-align: start; 2707 | align-items: flex-start; 2708 | } 2709 | 2710 | .people_item { 2711 | width: 100%; 2712 | -webkit-box-orient: vertical; 2713 | -webkit-box-direction: normal; 2714 | -webkit-flex-direction: column; 2715 | -ms-flex-direction: column; 2716 | flex-direction: column; 2717 | -webkit-box-align: center; 2718 | -webkit-align-items: center; 2719 | -ms-flex-align: center; 2720 | align-items: center; 2721 | } 2722 | 2723 | .resources_image-wrapper { 2724 | position: relative; 2725 | overflow: hidden; 2726 | width: 100%; 2727 | padding-top: 56.25%; 2728 | } 2729 | 2730 | .resources_list-wrapper { 2731 | position: relative; 2732 | } 2733 | 2734 | .resources_link { 2735 | position: relative; 2736 | display: -webkit-box; 2737 | display: -webkit-flex; 2738 | display: -ms-flexbox; 2739 | display: flex; 2740 | overflow: hidden; 2741 | width: 100%; 2742 | margin-bottom: 1.5rem; 2743 | -webkit-box-pack: center; 2744 | -webkit-justify-content: center; 2745 | -ms-flex-pack: center; 2746 | justify-content: center; 2747 | -webkit-box-align: center; 2748 | -webkit-align-items: center; 2749 | -ms-flex-align: center; 2750 | align-items: center; 2751 | border: 1px solid #888; 2752 | border-radius: 1.25rem; 2753 | -webkit-backdrop-filter: blur(3px); 2754 | backdrop-filter: blur(3px); 2755 | } 2756 | 2757 | .resources_image { 2758 | position: absolute; 2759 | left: 0%; 2760 | top: 0%; 2761 | right: 0%; 2762 | bottom: 0%; 2763 | width: 100%; 2764 | height: 100%; 2765 | -o-object-fit: cover; 2766 | object-fit: cover; 2767 | } 2768 | 2769 | .resources_image.geist { 2770 | bottom: auto; 2771 | height: 85%; 2772 | -o-object-fit: fill; 2773 | object-fit: fill; 2774 | -o-object-position: 50% 50%; 2775 | object-position: 50% 50%; 2776 | } 2777 | 2778 | .resources_title-link { 2779 | display: -webkit-box; 2780 | display: -webkit-flex; 2781 | display: -ms-flexbox; 2782 | display: flex; 2783 | margin-bottom: 0.5rem; 2784 | -webkit-box-orient: horizontal; 2785 | -webkit-box-direction: normal; 2786 | -webkit-flex-direction: row; 2787 | -ms-flex-direction: row; 2788 | flex-direction: row; 2789 | -webkit-box-align: center; 2790 | -webkit-align-items: center; 2791 | -ms-flex-align: center; 2792 | align-items: center; 2793 | text-decoration: none; 2794 | } 2795 | 2796 | .resources_list { 2797 | display: -ms-grid; 2798 | display: grid; 2799 | grid-column-gap: 3rem; 2800 | grid-row-gap: 4rem; 2801 | -ms-grid-columns: 1fr 1fr; 2802 | grid-template-columns: 1fr 1fr; 2803 | -ms-grid-rows: auto; 2804 | grid-template-rows: auto; 2805 | } 2806 | 2807 | .image-grid { 2808 | position: absolute; 2809 | left: 0%; 2810 | top: 0%; 2811 | right: 0%; 2812 | bottom: 0%; 2813 | z-index: 1; 2814 | background-color: rgba(0, 0, 0, 0.5); 2815 | background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(50%, transparent), to(#000)), url("https://uploads-ssl.webflow.com/640a5eb26ecc85046e9284c6/640a5eb26ecc8577729284fa_grid.svg"); 2816 | background-image: linear-gradient(180deg, #000, transparent 50%, #000), url("https://uploads-ssl.webflow.com/640a5eb26ecc85046e9284c6/640a5eb26ecc8577729284fa_grid.svg"); 2817 | background-position: 0px 0px, 50% 50%; 2818 | background-size: auto, auto; 2819 | background-attachment: scroll, scroll; 2820 | } 2821 | 2822 | .header-80vh { 2823 | display: -webkit-box; 2824 | display: -webkit-flex; 2825 | display: -ms-flexbox; 2826 | display: flex; 2827 | max-height: none; 2828 | min-height: 80%; 2829 | -webkit-box-pack: center; 2830 | -webkit-justify-content: center; 2831 | -ms-flex-pack: center; 2832 | justify-content: center; 2833 | -webkit-box-align: center; 2834 | -webkit-align-items: center; 2835 | -ms-flex-align: center; 2836 | align-items: center; 2837 | } 2838 | 2839 | .header_background-image-wrapper { 2840 | position: fixed; 2841 | left: 0%; 2842 | top: 0%; 2843 | right: 0%; 2844 | bottom: 0%; 2845 | z-index: -1; 2846 | background-image: url("https://uploads-ssl.webflow.com/640a5eb26ecc85046e9284c6/640a6bbd6ecc85230a9384b4_5d7a2aebe21ac92f06025d88_pattern.svg"), radial-gradient(circle farthest-corner at 50% 50%, hsla(0, 0%, 100%, 0.13), hsla(0, 0%, 100%, 0) 75%); 2847 | background-position: 50% 50%, 0px 0px; 2848 | background-size: 50px, auto; 2849 | opacity: 1; 2850 | } 2851 | 2852 | .section_header { 2853 | position: relative; 2854 | height: 100%; 2855 | } 2856 | 2857 | .header_background-image { 2858 | position: absolute; 2859 | left: 0%; 2860 | top: 0%; 2861 | right: 0%; 2862 | bottom: 0%; 2863 | width: 100%; 2864 | height: 100%; 2865 | -o-object-fit: cover; 2866 | object-fit: cover; 2867 | -o-object-position: 50% 0%; 2868 | object-position: 50% 0%; 2869 | } 2870 | 2871 | .home-header_heading-wrapper { 2872 | display: -webkit-box; 2873 | display: -webkit-flex; 2874 | display: -ms-flexbox; 2875 | display: flex; 2876 | -webkit-box-pack: center; 2877 | -webkit-justify-content: center; 2878 | -ms-flex-pack: center; 2879 | justify-content: center; 2880 | -webkit-box-align: start; 2881 | -webkit-align-items: flex-start; 2882 | -ms-flex-align: start; 2883 | align-items: flex-start; 2884 | font-family: Inter, sans-serif; 2885 | font-weight: 500; 2886 | letter-spacing: -2px; 2887 | } 2888 | 2889 | .header_engineers-text { 2890 | position: relative; 2891 | top: 0px; 2892 | z-index: 2; 2893 | height: 4.5rem; 2894 | opacity: 0; 2895 | color: hsla(0, 0%, 100%, 0.46); 2896 | -o-object-fit: scale-down; 2897 | object-fit: scale-down; 2898 | } 2899 | 2900 | .header_engineers-wrapper { 2901 | position: relative; 2902 | max-height: 3.5rem; 2903 | } 2904 | 2905 | .header_engineers-outline { 2906 | position: absolute; 2907 | left: 0%; 2908 | right: 0%; 2909 | bottom: auto; 2910 | z-index: 1; 2911 | max-width: 100%; 2912 | mix-blend-mode: lighten; 2913 | -o-object-fit: scale-down; 2914 | object-fit: scale-down; 2915 | } 2916 | 2917 | .header_designers-wrapper { 2918 | position: relative; 2919 | display: -webkit-box; 2920 | display: -webkit-flex; 2921 | display: -ms-flexbox; 2922 | display: flex; 2923 | margin-left: 0.75rem; 2924 | padding-right: 0.125rem; 2925 | padding-left: 0.125rem; 2926 | -webkit-box-pack: center; 2927 | -webkit-justify-content: center; 2928 | -ms-flex-pack: center; 2929 | justify-content: center; 2930 | box-shadow: 0 0 0 2px #666; 2931 | } 2932 | 2933 | .header_researchers-wrapper { 2934 | position: relative; 2935 | display: -webkit-box; 2936 | display: -webkit-flex; 2937 | display: -ms-flexbox; 2938 | display: flex; 2939 | margin-left: 0.75rem; 2940 | -webkit-box-align: center; 2941 | -webkit-align-items: center; 2942 | -ms-flex-align: center; 2943 | align-items: center; 2944 | } 2945 | 2946 | .careers_background-image-wrapper { 2947 | position: absolute; 2948 | left: 0%; 2949 | top: 0%; 2950 | right: 0%; 2951 | bottom: 0%; 2952 | z-index: -1; 2953 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))); 2954 | background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); 2955 | } 2956 | 2957 | .section_careers { 2958 | position: relative; 2959 | } 2960 | 2961 | .comma { 2962 | font-family: Georgia, sans-serif; 2963 | } 2964 | 2965 | .corner-dot { 2966 | position: absolute; 2967 | left: -3px; 2968 | top: -3px; 2969 | right: auto; 2970 | bottom: auto; 2971 | width: 4px; 2972 | height: 4px; 2973 | background-color: #fff; 2974 | box-shadow: 0 0 15px 1px #666; 2975 | } 2976 | 2977 | .corner-dot.top-right { 2978 | left: auto; 2979 | right: -3px; 2980 | } 2981 | 2982 | .corner-dot.bottom-right { 2983 | left: auto; 2984 | top: auto; 2985 | right: -3px; 2986 | bottom: -3px; 2987 | } 2988 | 2989 | .corner-dot.bottom-left { 2990 | top: auto; 2991 | bottom: -3px; 2992 | } 2993 | 2994 | .header_designer-size { 2995 | position: absolute; 2996 | top: -1.75rem; 2997 | display: -webkit-box; 2998 | display: -webkit-flex; 2999 | display: -ms-flexbox; 3000 | display: flex; 3001 | padding: 1px 4px; 3002 | border-radius: 3px; 3003 | background-color: #666; 3004 | font-size: 0.75rem; 3005 | letter-spacing: normal; 3006 | } 3007 | 3008 | .height-text { 3009 | margin-left: 0.0625rem; 3010 | } 3011 | 3012 | .width-text { 3013 | padding-right: 0.0625rem; 3014 | } 3015 | 3016 | .mag-wrapper { 3017 | position: absolute; 3018 | width: 5.5rem; 3019 | height: 5.5rem; 3020 | padding: 0.25rem; 3021 | border: 1px solid #666; 3022 | border-radius: 100%; 3023 | -webkit-transform: translate(-10%, 0px); 3024 | -ms-transform: translate(-10%, 0px); 3025 | transform: translate(-10%, 0px); 3026 | } 3027 | 3028 | .mag-blur { 3029 | width: 100%; 3030 | height: 100%; 3031 | border-radius: 100%; 3032 | background-color: hsla(0, 0%, 100%, 0.1); 3033 | -webkit-backdrop-filter: blur(2px); 3034 | backdrop-filter: blur(2px); 3035 | } 3036 | 3037 | .navbar_wrapper { 3038 | display: -webkit-box; 3039 | display: -webkit-flex; 3040 | display: -ms-flexbox; 3041 | display: flex; 3042 | padding-bottom: 1.5rem; 3043 | -webkit-box-pack: center; 3044 | -webkit-justify-content: center; 3045 | -ms-flex-pack: center; 3046 | justify-content: center; 3047 | -webkit-box-align: center; 3048 | -webkit-align-items: center; 3049 | -ms-flex-align: center; 3050 | align-items: center; 3051 | } 3052 | 3053 | .navbar_wrapper.top { 3054 | position: fixed; 3055 | left: 0%; 3056 | top: 0%; 3057 | right: 0%; 3058 | bottom: auto; 3059 | display: -webkit-box; 3060 | display: -webkit-flex; 3061 | display: -ms-flexbox; 3062 | display: flex; 3063 | opacity: 1; 3064 | } 3065 | 3066 | .navbar_outline { 3067 | display: -webkit-box; 3068 | display: -webkit-flex; 3069 | display: -ms-flexbox; 3070 | display: flex; 3071 | overflow: hidden; 3072 | width: 50%; 3073 | padding: 6px 6px 5px; 3074 | -webkit-box-pack: center; 3075 | -webkit-justify-content: center; 3076 | -ms-flex-pack: center; 3077 | justify-content: center; 3078 | border-style: none; 3079 | border-width: 2px; 3080 | border-color: hsla(0, 0%, 100%, 0.01); 3081 | border-radius: 100px; 3082 | background-color: #202020; 3083 | box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.1); 3084 | } 3085 | 3086 | .navbar_outline.top { 3087 | background-color: #111; 3088 | } 3089 | 3090 | .navbar { 3091 | position: relative; 3092 | display: block; 3093 | width: 100%; 3094 | justify-items: center; 3095 | -webkit-box-align: center; 3096 | -webkit-align-items: center; 3097 | -ms-flex-align: center; 3098 | align-items: center; 3099 | grid-auto-flow: column; 3100 | grid-auto-columns: 1fr; 3101 | grid-column-gap: 0px; 3102 | grid-row-gap: 0px; 3103 | -ms-grid-columns: 1fr; 3104 | grid-template-columns: 1fr; 3105 | -ms-grid-rows: auto; 3106 | grid-template-rows: auto; 3107 | border-radius: 100px; 3108 | } 3109 | 3110 | .navbar.top { 3111 | background-color: #111; 3112 | } 3113 | 3114 | .navbar_button { 3115 | position: relative; 3116 | z-index: 5; 3117 | display: -webkit-box; 3118 | display: -webkit-flex; 3119 | display: -ms-flexbox; 3120 | display: flex; 3121 | min-height: 2.25rem; 3122 | padding-right: 1.25rem; 3123 | padding-left: 1.25rem; 3124 | -webkit-box-align: center; 3125 | -webkit-align-items: center; 3126 | -ms-flex-align: center; 3127 | align-items: center; 3128 | border-radius: 40px; 3129 | color: #888; 3130 | } 3131 | 3132 | .navbar_button.w--current { 3133 | color: #fff; 3134 | } 3135 | 3136 | .navbar_button.home.w--current { 3137 | color: #fff; 3138 | } 3139 | 3140 | .navbar_button-text { 3141 | font-size: 0.875rem; 3142 | } 3143 | 3144 | .navlink_bg { 3145 | position: absolute; 3146 | z-index: 1; 3147 | width: 25%; 3148 | } 3149 | 3150 | .navlink_bg-shape { 3151 | width: 100%; 3152 | height: 2.25rem; 3153 | border-radius: 100vw; 3154 | background-color: #333; 3155 | } 3156 | 3157 | .splide { 3158 | width: 100%; 3159 | margin-right: auto; 3160 | margin-left: auto; 3161 | } 3162 | 3163 | .splide__list { 3164 | display: -webkit-box; 3165 | display: -webkit-flex; 3166 | display: -ms-flexbox; 3167 | display: flex; 3168 | grid-auto-columns: 1fr; 3169 | -ms-grid-columns: 1fr 1fr; 3170 | grid-template-columns: 1fr 1fr; 3171 | -ms-grid-rows: auto auto; 3172 | grid-template-rows: auto auto; 3173 | } 3174 | 3175 | .splide__slide { 3176 | width: 100%; 3177 | } 3178 | 3179 | .image-height { 3180 | position: relative; 3181 | width: 100%; 3182 | padding-top: 100%; 3183 | } 3184 | 3185 | .splide__pagination.splide__pagination--ltr { 3186 | display: -webkit-box; 3187 | display: -webkit-flex; 3188 | display: -ms-flexbox; 3189 | display: flex; 3190 | padding: 1rem 0px; 3191 | -webkit-box-pack: center; 3192 | -webkit-justify-content: center; 3193 | -ms-flex-pack: center; 3194 | justify-content: center; 3195 | grid-column-gap: 0.5rem; 3196 | } 3197 | 3198 | .splide__pagination__page { 3199 | width: 2rem; 3200 | height: 0.5rem; 3201 | background-color: #ececec; 3202 | list-style-type: none; 3203 | } 3204 | 3205 | .splide__pagination__page.is-active { 3206 | background-color: #000; 3207 | } 3208 | 3209 | .splide__arrows.wb-arrows { 3210 | position: relative; 3211 | display: -webkit-box; 3212 | display: -webkit-flex; 3213 | display: -ms-flexbox; 3214 | display: flex; 3215 | margin-top: 1rem; 3216 | -webkit-box-pack: center; 3217 | -webkit-justify-content: center; 3218 | -ms-flex-pack: center; 3219 | justify-content: center; 3220 | grid-column-gap: 1rem; 3221 | } 3222 | 3223 | .wb-custom-arrow { 3224 | display: -webkit-box; 3225 | display: -webkit-flex; 3226 | display: -ms-flexbox; 3227 | display: flex; 3228 | width: 3rem; 3229 | height: 3rem; 3230 | padding: 0.5rem; 3231 | -webkit-box-orient: vertical; 3232 | -webkit-box-direction: normal; 3233 | -webkit-flex-direction: column; 3234 | -ms-flex-direction: column; 3235 | flex-direction: column; 3236 | -webkit-box-pack: center; 3237 | -webkit-justify-content: center; 3238 | -ms-flex-pack: center; 3239 | justify-content: center; 3240 | -webkit-box-align: center; 3241 | -webkit-align-items: center; 3242 | -ms-flex-align: center; 3243 | align-items: center; 3244 | background-color: #ececec; 3245 | -webkit-transition: opacity 200ms ease; 3246 | transition: opacity 200ms ease; 3247 | } 3248 | 3249 | .wb-custom-arrow.is-prev { 3250 | position: absolute; 3251 | left: 0%; 3252 | top: 0%; 3253 | right: auto; 3254 | bottom: auto; 3255 | } 3256 | 3257 | .wb-custom-arrow.is-next { 3258 | position: absolute; 3259 | left: auto; 3260 | top: 0%; 3261 | right: 0%; 3262 | bottom: auto; 3263 | } 3264 | 3265 | .navbar_glow { 3266 | position: absolute; 3267 | left: 0%; 3268 | top: -10%; 3269 | right: 0%; 3270 | bottom: -20%; 3271 | z-index: 1; 3272 | background-image: radial-gradient(circle farthest-corner at 50% 100%, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0) 83%); 3273 | } 3274 | 3275 | .resources_header-wrapper { 3276 | display: -webkit-box; 3277 | display: -webkit-flex; 3278 | display: -ms-flexbox; 3279 | display: flex; 3280 | -webkit-box-align: end; 3281 | -webkit-align-items: flex-end; 3282 | -ms-flex-align: end; 3283 | align-items: flex-end; 3284 | } 3285 | 3286 | .resources_header-icon { 3287 | height: 1.75rem; 3288 | margin-right: 0.4rem; 3289 | margin-bottom: 0.5rem; 3290 | } 3291 | 3292 | .resources_header-icon.lightning { 3293 | margin-left: 0.5rem; 3294 | } 3295 | 3296 | .resources_subheader { 3297 | color: #888; 3298 | font-size: 1rem; 3299 | line-height: 1.6; 3300 | } 3301 | 3302 | .footer_component { 3303 | position: relative; 3304 | overflow: hidden; 3305 | padding-top: 3rem; 3306 | padding-right: 5vw; 3307 | } 3308 | 3309 | .footer_logo-filled { 3310 | position: absolute; 3311 | left: 0px; 3312 | bottom: 0px; 3313 | width: 95%; 3314 | } 3315 | 3316 | .footer_logo-outlined { 3317 | position: relative; 3318 | z-index: 3; 3319 | width: 100%; 3320 | } 3321 | 3322 | .footer_blur-overlay { 3323 | position: absolute; 3324 | left: 0px; 3325 | right: 0px; 3326 | bottom: 0px; 3327 | z-index: 10; 3328 | height: 40%; 3329 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))); 3330 | background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)); 3331 | -webkit-backdrop-filter: blur(30px); 3332 | backdrop-filter: blur(30px); 3333 | } 3334 | 3335 | .footer_blur-divider { 3336 | width: 100%; 3337 | height: 1px; 3338 | background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 53.3%, 0)), color-stop(51%, #888), to(hsla(0, 0%, 53.3%, 0))); 3339 | background-image: linear-gradient(90deg, hsla(0, 0%, 53.3%, 0), #888 51%, hsla(0, 0%, 53.3%, 0)); 3340 | } 3341 | 3342 | .people_list-wrapper { 3343 | position: relative; 3344 | z-index: 1; 3345 | width: 100%; 3346 | } 3347 | 3348 | .people_link-wrapper { 3349 | overflow: hidden; 3350 | width: 100%; 3351 | height: 100%; 3352 | padding: 8px; 3353 | border: 1px solid #333; 3354 | border-radius: 1rem; 3355 | -webkit-filter: grayscale(100%); 3356 | filter: grayscale(100%); 3357 | -webkit-transition-duration: 400ms; 3358 | transition-duration: 400ms; 3359 | } 3360 | 3361 | .people_link-wrapper:hover { 3362 | -webkit-filter: grayscale(30%); 3363 | filter: grayscale(30%); 3364 | } 3365 | 3366 | .people_image { 3367 | position: absolute; 3368 | left: 0%; 3369 | top: 0%; 3370 | right: 0%; 3371 | bottom: 0%; 3372 | z-index: 2; 3373 | display: block; 3374 | width: 100%; 3375 | height: 100%; 3376 | border-radius: 0.75rem; 3377 | -o-object-fit: cover; 3378 | object-fit: cover; 3379 | } 3380 | 3381 | .people_text-block { 3382 | position: relative; 3383 | z-index: 5; 3384 | display: -webkit-box; 3385 | display: -webkit-flex; 3386 | display: -ms-flexbox; 3387 | display: flex; 3388 | padding: 0.75rem 0.5rem; 3389 | -webkit-box-pack: justify; 3390 | -webkit-justify-content: space-between; 3391 | -ms-flex-pack: justify; 3392 | justify-content: space-between; 3393 | } 3394 | 3395 | .people_specifics { 3396 | color: #888; 3397 | font-size: 0.875rem; 3398 | } 3399 | 3400 | .people_image-blur { 3401 | position: absolute; 3402 | left: 0%; 3403 | top: 0%; 3404 | right: 0%; 3405 | bottom: 0%; 3406 | z-index: 1; 3407 | width: 100%; 3408 | height: 100%; 3409 | -webkit-filter: grayscale(100%) blur(32px); 3410 | filter: grayscale(100%) blur(32px); 3411 | } 3412 | 3413 | .image-grid-overlay { 3414 | position: absolute; 3415 | left: 0%; 3416 | top: 0%; 3417 | right: 0%; 3418 | bottom: 0%; 3419 | z-index: 2; 3420 | background-image: radial-gradient(circle farthest-side at 50% 50%, #fff, #000 72%); 3421 | opacity: 0.57; 3422 | mix-blend-mode: overlay; 3423 | } 3424 | 3425 | .padding-section-careers { 3426 | position: relative; 3427 | padding: 12rem; 3428 | } 3429 | 3430 | .people_upper-header { 3431 | font-size: 6rem; 3432 | font-weight: 600; 3433 | white-space: nowrap; 3434 | } 3435 | 3436 | .people_upper-header-wrapper { 3437 | position: relative; 3438 | overflow: hidden; 3439 | width: 100%; 3440 | margin-bottom: 2rem; 3441 | } 3442 | 3443 | .people_upper-header-overlay { 3444 | position: absolute; 3445 | left: 0%; 3446 | top: 0%; 3447 | right: 0%; 3448 | bottom: 0%; 3449 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.95)), color-stop(17%, rgba(0, 0, 0, 0.96)), color-stop(86%, rgba(0, 0, 0, 0.98)), to(#000)); 3450 | background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.96) 17%, rgba(0, 0, 0, 0.98) 86%, #000); 3451 | } 3452 | 3453 | .people_header-wrapper { 3454 | position: relative; 3455 | display: -webkit-box; 3456 | display: -webkit-flex; 3457 | display: -ms-flexbox; 3458 | display: flex; 3459 | -webkit-box-align: end; 3460 | -webkit-align-items: flex-end; 3461 | -ms-flex-align: end; 3462 | align-items: flex-end; 3463 | } 3464 | 3465 | .people_header-overlay { 3466 | position: absolute; 3467 | left: auto; 3468 | top: 0%; 3469 | right: 0%; 3470 | bottom: 0%; 3471 | width: 50%; 3472 | background-color: rgba(0, 0, 0, 0.47); 3473 | color: hsla(0, 0%, 100%, 0); 3474 | font-size: 2.5rem; 3475 | line-height: 1.2; 3476 | font-weight: 600; 3477 | } 3478 | 3479 | .people_list-component { 3480 | position: relative; 3481 | display: -webkit-box; 3482 | display: -webkit-flex; 3483 | display: -ms-flexbox; 3484 | display: flex; 3485 | width: 100%; 3486 | -webkit-box-pack: center; 3487 | -webkit-justify-content: center; 3488 | -ms-flex-pack: center; 3489 | justify-content: center; 3490 | -webkit-box-align: center; 3491 | -webkit-align-items: center; 3492 | -ms-flex-align: center; 3493 | align-items: center; 3494 | } 3495 | 3496 | .footer_logo-overlay-wrapper { 3497 | position: absolute; 3498 | left: 0%; 3499 | top: 0%; 3500 | right: 0%; 3501 | bottom: 0%; 3502 | z-index: 2; 3503 | display: -webkit-box; 3504 | display: -webkit-flex; 3505 | display: -ms-flexbox; 3506 | display: flex; 3507 | -webkit-box-pack: center; 3508 | -webkit-justify-content: center; 3509 | -ms-flex-pack: center; 3510 | justify-content: center; 3511 | -webkit-box-align: end; 3512 | -webkit-align-items: flex-end; 3513 | -ms-flex-align: end; 3514 | align-items: flex-end; 3515 | mix-blend-mode: darken; 3516 | } 3517 | 3518 | .footer_logo-overlay-gradient { 3519 | width: 400vw; 3520 | height: 100vw; 3521 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(97.5%, #000), to(transparent)); 3522 | background-image: linear-gradient(180deg, #000 97.5%, transparent); 3523 | } 3524 | 3525 | .careers_arrow-wrapper { 3526 | position: absolute; 3527 | display: -webkit-box; 3528 | display: -webkit-flex; 3529 | display: -ms-flexbox; 3530 | display: flex; 3531 | height: 2.5rem; 3532 | -webkit-box-align: start; 3533 | -webkit-align-items: flex-start; 3534 | -ms-flex-align: start; 3535 | align-items: flex-start; 3536 | } 3537 | 3538 | .careers_arrow-wrapper.left-1 { 3539 | left: 140px; 3540 | top: -110px; 3541 | right: auto; 3542 | bottom: auto; 3543 | } 3544 | 3545 | .careers_arrow-wrapper.left-2 { 3546 | left: -40px; 3547 | top: -60px; 3548 | right: auto; 3549 | bottom: auto; 3550 | } 3551 | 3552 | .careers_arrow-wrapper.left-3 { 3553 | left: -120px; 3554 | top: 30px; 3555 | right: auto; 3556 | bottom: auto; 3557 | } 3558 | 3559 | .careers_arrow-wrapper.left-4 { 3560 | left: -120px; 3561 | top: 160px; 3562 | right: auto; 3563 | bottom: auto; 3564 | } 3565 | 3566 | .careers_arrow-wrapper.left-5 { 3567 | left: -30px; 3568 | top: 250px; 3569 | right: auto; 3570 | bottom: auto; 3571 | } 3572 | 3573 | .careers_arrow-wrapper.left-6 { 3574 | left: 140px; 3575 | top: 310px; 3576 | right: auto; 3577 | bottom: auto; 3578 | } 3579 | 3580 | .careers_arrow-wrapper.right-1 { 3581 | left: 320px; 3582 | top: -110px; 3583 | right: auto; 3584 | bottom: auto; 3585 | } 3586 | 3587 | .careers_arrow-wrapper.right-2 { 3588 | left: 480px; 3589 | top: -70px; 3590 | right: auto; 3591 | bottom: auto; 3592 | } 3593 | 3594 | .careers_arrow-wrapper.right-3 { 3595 | left: 590px; 3596 | top: 30px; 3597 | right: auto; 3598 | bottom: auto; 3599 | } 3600 | 3601 | .careers_arrow-wrapper.right-4 { 3602 | left: 570px; 3603 | top: 160px; 3604 | right: auto; 3605 | bottom: auto; 3606 | } 3607 | 3608 | .careers_arrow-wrapper.right-5 { 3609 | left: 450px; 3610 | top: 250px; 3611 | right: auto; 3612 | bottom: auto; 3613 | } 3614 | 3615 | .careers_arrow-wrapper.right-6 { 3616 | left: 320px; 3617 | top: 300px; 3618 | right: auto; 3619 | bottom: auto; 3620 | } 3621 | 3622 | .careers_arrow-text { 3623 | padding-right: 4px; 3624 | padding-left: 4px; 3625 | -webkit-align-self: flex-end; 3626 | -ms-flex-item-align: end; 3627 | align-self: flex-end; 3628 | border-radius: 4px; 3629 | background-color: #eb367f; 3630 | font-size: 0.75rem; 3631 | line-height: 20px; 3632 | } 3633 | 3634 | .careers_arrow-text.purple { 3635 | background-color: #7928ca; 3636 | } 3637 | 3638 | .careers_arrow-text.yellow { 3639 | background-color: #f5a623; 3640 | } 3641 | 3642 | .careers_arrow-text.blue { 3643 | background-color: #0070f3; 3644 | } 3645 | 3646 | .careers_arrow-text.green { 3647 | background-color: #29bc9b; 3648 | } 3649 | 3650 | .careers_arrow-right { 3651 | width: 18px; 3652 | height: 19px; 3653 | margin-left: 0rem; 3654 | -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); 3655 | transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg); 3656 | color: #eb367f; 3657 | -webkit-transform-style: preserve-3d; 3658 | transform-style: preserve-3d; 3659 | } 3660 | 3661 | .careers_arrow-right.purple { 3662 | color: #7928ca; 3663 | } 3664 | 3665 | .careers_arrow-right.yellow { 3666 | color: #f5a623; 3667 | } 3668 | 3669 | .careers_arrow-right.blue { 3670 | color: #0070f3; 3671 | } 3672 | 3673 | .careers_heading-wrapper { 3674 | display: -webkit-box; 3675 | display: -webkit-flex; 3676 | display: -ms-flexbox; 3677 | display: flex; 3678 | margin-bottom: 1.5rem; 3679 | -webkit-box-pack: center; 3680 | -webkit-justify-content: center; 3681 | -ms-flex-pack: center; 3682 | justify-content: center; 3683 | } 3684 | 3685 | .careers_heading-underline { 3686 | position: relative; 3687 | padding-right: 0.5rem; 3688 | padding-left: 0.5rem; 3689 | } 3690 | 3691 | .careers_underline { 3692 | position: absolute; 3693 | left: 0%; 3694 | top: auto; 3695 | right: 0%; 3696 | bottom: -10%; 3697 | z-index: 0; 3698 | } 3699 | 3700 | .careers_content-wrapper { 3701 | position: relative; 3702 | width: 100%; 3703 | max-width: 35rem; 3704 | margin-right: auto; 3705 | margin-left: auto; 3706 | text-align: center; 3707 | } 3708 | 3709 | .careers_arrow-left { 3710 | width: 18px; 3711 | height: 19px; 3712 | margin-left: 0rem; 3713 | color: #eb367f; 3714 | } 3715 | 3716 | .careers_arrow-left.purple { 3717 | color: #7928ca; 3718 | } 3719 | 3720 | .careers_arrow-left.yellow { 3721 | color: #f5a623; 3722 | } 3723 | 3724 | .careers_arrow-left.blue { 3725 | color: #0070f3; 3726 | } 3727 | 3728 | .careers_arrow-left.green { 3729 | color: #29bc9b; 3730 | } 3731 | 3732 | .resources_icon { 3733 | height: 1rem; 3734 | margin-right: 0.75rem; 3735 | } 3736 | 3737 | .resources_card-heading { 3738 | font-size: 1rem; 3739 | font-weight: 500; 3740 | } 3741 | 3742 | .resources_image-overlay { 3743 | position: absolute; 3744 | left: 0%; 3745 | top: 0%; 3746 | right: 0%; 3747 | bottom: 0%; 3748 | z-index: 2; 3749 | background-image: -webkit-gradient(linear, left top, right top, from(#111), color-stop(49%, hsla(0, 0%, 53.3%, 0)), to(#111)); 3750 | background-image: linear-gradient(90deg, #111, hsla(0, 0%, 53.3%, 0) 49%, #111); 3751 | } 3752 | 3753 | .resources_text-wrapper { 3754 | position: relative; 3755 | z-index: 3; 3756 | padding-right: 1.5rem; 3757 | padding-bottom: 1.5rem; 3758 | padding-left: 1.5rem; 3759 | } 3760 | 3761 | .resources_background { 3762 | position: absolute; 3763 | left: 0%; 3764 | top: 0%; 3765 | right: 0%; 3766 | bottom: 0%; 3767 | z-index: 1; 3768 | } 3769 | 3770 | .resources_space-backdrop { 3771 | position: absolute; 3772 | left: 5vw; 3773 | top: auto; 3774 | right: 5vw; 3775 | bottom: 0%; 3776 | display: -webkit-box; 3777 | display: -webkit-flex; 3778 | display: -ms-flexbox; 3779 | display: flex; 3780 | height: 50%; 3781 | -webkit-box-align: end; 3782 | -webkit-align-items: flex-end; 3783 | -ms-flex-align: end; 3784 | align-items: flex-end; 3785 | } 3786 | 3787 | .people_space-gradient { 3788 | position: absolute; 3789 | left: 0%; 3790 | top: -20%; 3791 | right: 0%; 3792 | bottom: auto; 3793 | z-index: 1; 3794 | width: 100%; 3795 | height: 40%; 3796 | background-image: radial-gradient(circle closest-side at 50% 50%, hsla(0, 0%, 53.3%, 0.24), hsla(0, 0%, 53.3%, 0) 90%); 3797 | cursor: none; 3798 | } 3799 | 3800 | .resources_space-image { 3801 | width: 100%; 3802 | } 3803 | 3804 | .resources_shooting-star-one { 3805 | position: absolute; 3806 | left: 10%; 3807 | bottom: -30%; 3808 | width: 16rem; 3809 | height: 1px; 3810 | border-radius: 3px; 3811 | background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(89%, #fff)); 3812 | background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 89%); 3813 | -webkit-transform: rotate(-45deg); 3814 | -ms-transform: rotate(-45deg); 3815 | transform: rotate(-45deg); 3816 | } 3817 | 3818 | .resources_shooting-star-two { 3819 | position: absolute; 3820 | right: 15%; 3821 | bottom: -30%; 3822 | width: 16rem; 3823 | height: 1px; 3824 | border-radius: 3px; 3825 | background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(89%, #fff)); 3826 | background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 89%); 3827 | -webkit-transform: rotate(45deg); 3828 | -ms-transform: rotate(45deg); 3829 | transform: rotate(45deg); 3830 | } 3831 | 3832 | .resources_gradient-hover { 3833 | position: absolute; 3834 | left: auto; 3835 | top: 0%; 3836 | right: auto; 3837 | bottom: 0%; 3838 | width: 130%; 3839 | background-image: linear-gradient(60deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, 0.09) 50%, hsla(0, 0%, 100%, 0) 70%); 3840 | } 3841 | 3842 | .resources_gradient-hover.rotate { 3843 | z-index: 2; 3844 | background-image: linear-gradient(126deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, 0.09) 50%, hsla(0, 0%, 100%, 0) 70%); 3845 | } 3846 | 3847 | .resources_gradient-hover.careers-button { 3848 | z-index: 2; 3849 | background-image: linear-gradient(126deg, hsla(0, 0%, 100%, 0) 19%, hsla(0, 0%, 100%, 0.85) 50%, hsla(0, 0%, 100%, 0) 87%); 3850 | } 3851 | 3852 | .resources_background-line-one { 3853 | position: absolute; 3854 | left: 4%; 3855 | width: 1px; 3856 | height: 100%; 3857 | background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 53.3%, 0)), color-stop(22%, #888), color-stop(78%, hsla(0, 0%, 53.3%, 0))); 3858 | background-image: linear-gradient(180deg, hsla(0, 0%, 53.3%, 0), #888 22%, hsla(0, 0%, 53.3%, 0) 78%); 3859 | opacity: 0.7; 3860 | } 3861 | 3862 | .resources_background-line-two { 3863 | position: absolute; 3864 | left: auto; 3865 | top: 27%; 3866 | right: auto; 3867 | width: 100%; 3868 | height: 1px; 3869 | background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 53.3%, 0.58)), color-stop(22%, #888), color-stop(78%, hsla(0, 0%, 53.3%, 0))); 3870 | background-image: linear-gradient(90deg, hsla(0, 0%, 53.3%, 0.58), #888 22%, hsla(0, 0%, 53.3%, 0) 78%); 3871 | opacity: 0.7; 3872 | } 3873 | 3874 | .resources_background-line-three { 3875 | position: absolute; 3876 | right: 20%; 3877 | width: 1px; 3878 | height: 100%; 3879 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(22%, hsla(0, 0%, 53.3%, 0)), color-stop(78%, #888), to(hsla(0, 0%, 53.3%, 0))); 3880 | background-image: linear-gradient(180deg, hsla(0, 0%, 53.3%, 0) 22%, #888 78%, hsla(0, 0%, 53.3%, 0)); 3881 | opacity: 0.7; 3882 | } 3883 | 3884 | .resources_background-line-four { 3885 | position: absolute; 3886 | left: auto; 3887 | top: auto; 3888 | right: auto; 3889 | bottom: 20%; 3890 | width: 100%; 3891 | height: 1px; 3892 | background-image: -webkit-gradient(linear, left top, right top, color-stop(22%, hsla(0, 0%, 53.3%, 0)), color-stop(78%, #888), to(hsla(0, 0%, 53.3%, 0.58))); 3893 | background-image: linear-gradient(90deg, hsla(0, 0%, 53.3%, 0) 22%, #888 78%, hsla(0, 0%, 53.3%, 0.58)); 3894 | opacity: 0.7; 3895 | } 3896 | 3897 | .text-input { 3898 | display: -ms-grid; 3899 | display: grid; 3900 | grid-auto-columns: 1fr; 3901 | grid-column-gap: 8px; 3902 | grid-row-gap: 8px; 3903 | -ms-grid-columns: 1fr auto; 3904 | grid-template-columns: 1fr auto; 3905 | -ms-grid-rows: auto; 3906 | grid-template-rows: auto; 3907 | } 3908 | 3909 | .for-block { 3910 | margin-bottom: 0px; 3911 | } 3912 | 3913 | .text-field { 3914 | width: 100%; 3915 | height: 100%; 3916 | margin-bottom: 0px; 3917 | border: 1px none #000; 3918 | border-radius: 100px; 3919 | background-color: hsla(0, 0%, 89.6%, 0); 3920 | } 3921 | 3922 | .submit-button { 3923 | padding: 10px 16px; 3924 | border: 1px none #333; 3925 | border-radius: 100px; 3926 | background-color: #e75613; 3927 | box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.1); 3928 | } 3929 | 3930 | .div-links { 3931 | overflow: hidden; 3932 | max-width: 10rem; 3933 | padding: 0.5rem 1rem; 3934 | border-radius: 50rem; 3935 | background-color: #202020; 3936 | box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.1); 3937 | color: hsla(0, 0%, 100%, 0.6); 3938 | white-space: nowrap; 3939 | } 3940 | 3941 | .api-key-input { 3942 | padding: 12px 16px; 3943 | border-style: none; 3944 | border-width: 1px; 3945 | border-color: hsla(0, 0%, 100%, 0.2); 3946 | border-radius: 200px; 3947 | background-color: #202020; 3948 | box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.2); 3949 | } 3950 | 3951 | .form-block-2 { 3952 | width: 50%; 3953 | margin-bottom: 0px; 3954 | } 3955 | 3956 | .change-key { 3957 | position: absolute; 3958 | left: 0%; 3959 | top: 0%; 3960 | right: 0%; 3961 | bottom: auto; 3962 | display: -webkit-box; 3963 | display: -webkit-flex; 3964 | display: -ms-flexbox; 3965 | display: flex; 3966 | padding-top: 1rem; 3967 | -webkit-box-orient: vertical; 3968 | -webkit-box-direction: normal; 3969 | -webkit-flex-direction: column; 3970 | -ms-flex-direction: column; 3971 | flex-direction: column; 3972 | -webkit-box-pack: center; 3973 | -webkit-justify-content: center; 3974 | -ms-flex-pack: center; 3975 | justify-content: center; 3976 | -webkit-box-align: center; 3977 | -webkit-align-items: center; 3978 | -ms-flex-align: center; 3979 | align-items: center; 3980 | grid-column-gap: 10px; 3981 | grid-row-gap: 10px; 3982 | } 3983 | 3984 | .link { 3985 | text-decoration: underline; 3986 | } 3987 | 3988 | @media screen and (max-width: 991px) { 3989 | h1 { 3990 | font-size: 3.25rem; 3991 | } 3992 | 3993 | h2 { 3994 | font-size: 2.75rem; 3995 | } 3996 | 3997 | h3 { 3998 | font-size: 2.25rem; 3999 | } 4000 | 4001 | h4 { 4002 | font-size: 1.75rem; 4003 | } 4004 | 4005 | .padding-vertical { 4006 | padding-right: 0rem; 4007 | padding-left: 0rem; 4008 | } 4009 | 4010 | .padding-bottom { 4011 | padding-top: 0rem; 4012 | padding-right: 0rem; 4013 | padding-left: 0rem; 4014 | } 4015 | 4016 | .margin-large { 4017 | margin: 2.5rem; 4018 | } 4019 | 4020 | .heading-style-h4 { 4021 | font-size: 1.75rem; 4022 | } 4023 | 4024 | .hide-tablet { 4025 | display: none; 4026 | } 4027 | 4028 | .padding-horizontal { 4029 | padding-top: 0rem; 4030 | padding-bottom: 0rem; 4031 | } 4032 | 4033 | .padding-xxhuge { 4034 | padding: 7.5rem; 4035 | } 4036 | 4037 | .padding-huge { 4038 | padding: 5rem; 4039 | } 4040 | 4041 | .margin-xlarge { 4042 | margin: 3.5rem; 4043 | } 4044 | 4045 | .margin-top { 4046 | margin-right: 0rem; 4047 | margin-bottom: 0rem; 4048 | margin-left: 0rem; 4049 | } 4050 | 4051 | .margin-xhuge { 4052 | margin: 6rem; 4053 | } 4054 | 4055 | .max-width-full-tablet { 4056 | width: 100%; 4057 | max-width: none; 4058 | } 4059 | 4060 | .padding-top { 4061 | padding-right: 0rem; 4062 | padding-bottom: 0rem; 4063 | padding-left: 0rem; 4064 | } 4065 | 4066 | .padding-left { 4067 | padding-top: 0rem; 4068 | padding-right: 0rem; 4069 | padding-bottom: 0rem; 4070 | } 4071 | 4072 | .padding-section-large { 4073 | padding-top: 6rem; 4074 | padding-bottom: 6rem; 4075 | } 4076 | 4077 | .margin-xxlarge { 4078 | margin: 4.5rem; 4079 | } 4080 | 4081 | .heading-style-h3 { 4082 | font-size: 2.25rem; 4083 | } 4084 | 4085 | .margin-left { 4086 | margin-top: 0rem; 4087 | margin-right: 0rem; 4088 | margin-bottom: 0rem; 4089 | } 4090 | 4091 | .margin-huge { 4092 | margin: 5rem; 4093 | } 4094 | 4095 | .margin-horizontal { 4096 | margin-top: 0rem; 4097 | margin-bottom: 0rem; 4098 | } 4099 | 4100 | .padding-section-medium { 4101 | padding-top: 4rem; 4102 | padding-bottom: 4rem; 4103 | } 4104 | 4105 | .padding-xxlarge { 4106 | padding: 4.5rem; 4107 | } 4108 | 4109 | .heading-style-h2 { 4110 | font-size: 2.75rem; 4111 | } 4112 | 4113 | .margin-vertical { 4114 | margin-right: 0rem; 4115 | margin-left: 0rem; 4116 | } 4117 | 4118 | .heading-style-h1 { 4119 | font-size: 3.25rem; 4120 | } 4121 | 4122 | .margin-xxhuge { 4123 | margin: 7.5rem; 4124 | } 4125 | 4126 | .rl-styleguide_icons-list { 4127 | grid-auto-flow: row; 4128 | } 4129 | 4130 | .padding-large { 4131 | padding: 2.5rem; 4132 | } 4133 | 4134 | .margin-bottom { 4135 | margin-top: 0rem; 4136 | margin-right: 0rem; 4137 | margin-left: 0rem; 4138 | } 4139 | 4140 | .padding-xlarge { 4141 | padding: 3.5rem; 4142 | } 4143 | 4144 | .margin-right { 4145 | margin-top: 0rem; 4146 | margin-bottom: 0rem; 4147 | margin-left: 0rem; 4148 | } 4149 | 4150 | .padding-right { 4151 | padding-top: 0rem; 4152 | padding-bottom: 0rem; 4153 | padding-left: 0rem; 4154 | } 4155 | 4156 | .padding-xhuge { 4157 | padding: 6rem; 4158 | } 4159 | 4160 | .max-width-small.align-center { 4161 | width: 100%; 4162 | } 4163 | 4164 | .people_list { 4165 | grid-column-gap: 2rem; 4166 | } 4167 | 4168 | .resources_list { 4169 | grid-column-gap: 2rem; 4170 | -ms-grid-columns: 1fr 1fr; 4171 | grid-template-columns: 1fr 1fr; 4172 | } 4173 | 4174 | .navbar_outline { 4175 | width: 80%; 4176 | } 4177 | 4178 | .padding-section-careers { 4179 | padding: 6rem 0rem; 4180 | } 4181 | 4182 | .people_header-overlay { 4183 | font-size: 2.25rem; 4184 | } 4185 | 4186 | .careers_arrow-wrapper.left-1 { 4187 | left: 100px; 4188 | top: -70px; 4189 | } 4190 | 4191 | .careers_arrow-wrapper.left-2 { 4192 | left: -20px; 4193 | top: 0px; 4194 | } 4195 | 4196 | .careers_arrow-wrapper.left-3 { 4197 | display: none; 4198 | } 4199 | 4200 | .careers_arrow-wrapper.left-4 { 4201 | display: none; 4202 | } 4203 | 4204 | .careers_arrow-wrapper.left-5 { 4205 | left: -20px; 4206 | top: 130px; 4207 | } 4208 | 4209 | .careers_arrow-wrapper.left-6 { 4210 | left: 80px; 4211 | top: 180px; 4212 | } 4213 | 4214 | .careers_arrow-wrapper.right-1 { 4215 | left: 330px; 4216 | top: -70px; 4217 | } 4218 | 4219 | .careers_arrow-wrapper.right-2 { 4220 | left: 470px; 4221 | top: -20px; 4222 | } 4223 | 4224 | .careers_arrow-wrapper.right-3 { 4225 | display: none; 4226 | } 4227 | 4228 | .careers_arrow-wrapper.right-4 { 4229 | display: none; 4230 | } 4231 | 4232 | .careers_arrow-wrapper.right-5 { 4233 | left: 450px; 4234 | top: 130px; 4235 | } 4236 | 4237 | .careers_arrow-wrapper.right-6 { 4238 | left: 380px; 4239 | top: 210px; 4240 | } 4241 | 4242 | .careers_heading-wrapper { 4243 | -webkit-flex-wrap: wrap; 4244 | -ms-flex-wrap: wrap; 4245 | flex-wrap: wrap; 4246 | } 4247 | } 4248 | 4249 | @media screen and (max-width: 767px) { 4250 | h1 { 4251 | font-size: 2.5rem; 4252 | } 4253 | 4254 | h2 { 4255 | font-size: 2.25rem; 4256 | } 4257 | 4258 | h3 { 4259 | font-size: 2rem; 4260 | } 4261 | 4262 | h4 { 4263 | font-size: 1.5rem; 4264 | line-height: 1.4; 4265 | } 4266 | 4267 | h5 { 4268 | font-size: 1.25rem; 4269 | } 4270 | 4271 | h6 { 4272 | font-size: 1.125rem; 4273 | } 4274 | 4275 | .padding-vertical { 4276 | padding-right: 0rem; 4277 | padding-left: 0rem; 4278 | } 4279 | 4280 | .padding-bottom { 4281 | padding-top: 0rem; 4282 | padding-right: 0rem; 4283 | padding-left: 0rem; 4284 | } 4285 | 4286 | .margin-large { 4287 | margin: 2rem; 4288 | } 4289 | 4290 | .heading-style-h4 { 4291 | font-size: 1.5rem; 4292 | line-height: 1.4; 4293 | } 4294 | 4295 | .padding-horizontal { 4296 | padding-top: 0rem; 4297 | padding-bottom: 0rem; 4298 | } 4299 | 4300 | .padding-xxhuge { 4301 | padding: 5rem; 4302 | } 4303 | 4304 | .padding-huge { 4305 | padding: 3.5rem; 4306 | } 4307 | 4308 | .hide-mobile-landscape { 4309 | display: none; 4310 | } 4311 | 4312 | .margin-xlarge { 4313 | margin: 2.5rem; 4314 | } 4315 | 4316 | .margin-xsmall { 4317 | margin: 0.75rem; 4318 | } 4319 | 4320 | .margin-top { 4321 | margin-right: 0rem; 4322 | margin-bottom: 0rem; 4323 | margin-left: 0rem; 4324 | } 4325 | 4326 | .margin-xhuge { 4327 | margin: 4rem; 4328 | } 4329 | 4330 | .padding-top { 4331 | padding-right: 0rem; 4332 | padding-bottom: 0rem; 4333 | padding-left: 0rem; 4334 | } 4335 | 4336 | .margin-medium { 4337 | margin: 1.5rem; 4338 | } 4339 | 4340 | .padding-left { 4341 | padding-top: 0rem; 4342 | padding-right: 0rem; 4343 | padding-bottom: 0rem; 4344 | } 4345 | 4346 | .text-style-quote { 4347 | font-size: 1.125rem; 4348 | } 4349 | 4350 | .padding-section-large { 4351 | padding-top: 7rem; 4352 | padding-bottom: 4rem; 4353 | } 4354 | 4355 | .padding-medium { 4356 | padding: 1.5rem; 4357 | } 4358 | 4359 | .padding-xsmall { 4360 | padding: 0.75rem; 4361 | } 4362 | 4363 | .margin-small { 4364 | margin: 1.25rem; 4365 | } 4366 | 4367 | .margin-xxlarge { 4368 | margin: 3rem; 4369 | } 4370 | 4371 | .heading-style-h3 { 4372 | font-size: 2rem; 4373 | } 4374 | 4375 | .margin-left { 4376 | margin-top: 0rem; 4377 | margin-right: 0rem; 4378 | margin-bottom: 0rem; 4379 | } 4380 | 4381 | .padding-section-small { 4382 | padding-top: 2rem; 4383 | padding-bottom: 2rem; 4384 | } 4385 | 4386 | .margin-huge { 4387 | margin: 3.5rem; 4388 | } 4389 | 4390 | .margin-horizontal { 4391 | margin-top: 0rem; 4392 | margin-bottom: 0rem; 4393 | } 4394 | 4395 | .padding-section-medium { 4396 | padding-top: 3rem; 4397 | padding-bottom: 3rem; 4398 | } 4399 | 4400 | .heading-style-h5 { 4401 | font-size: 1.25rem; 4402 | } 4403 | 4404 | .padding-xxlarge { 4405 | padding: 3rem; 4406 | } 4407 | 4408 | .max-width-full-mobile-landscape { 4409 | width: 100%; 4410 | max-width: none; 4411 | } 4412 | 4413 | .heading-style-h2 { 4414 | font-size: 2.25rem; 4415 | } 4416 | 4417 | .margin-vertical { 4418 | margin-right: 0rem; 4419 | margin-left: 0rem; 4420 | } 4421 | 4422 | .heading-style-h1 { 4423 | font-size: 2.5rem; 4424 | } 4425 | 4426 | .text-size-medium { 4427 | font-size: 1rem; 4428 | } 4429 | 4430 | .margin-xxhuge { 4431 | margin: 5rem; 4432 | } 4433 | 4434 | .padding-large { 4435 | padding: 2rem; 4436 | } 4437 | 4438 | .margin-bottom { 4439 | margin-top: 0rem; 4440 | margin-right: 0rem; 4441 | margin-left: 0rem; 4442 | } 4443 | 4444 | .text-size-large { 4445 | font-size: 1.125rem; 4446 | } 4447 | 4448 | .padding-xlarge { 4449 | padding: 2.5rem; 4450 | } 4451 | 4452 | .margin-right { 4453 | margin-top: 0rem; 4454 | margin-bottom: 0rem; 4455 | margin-left: 0rem; 4456 | } 4457 | 4458 | .heading-style-h6 { 4459 | font-size: 1.125rem; 4460 | } 4461 | 4462 | .padding-small { 4463 | padding: 1.25rem; 4464 | } 4465 | 4466 | .padding-right { 4467 | padding-top: 0rem; 4468 | padding-bottom: 0rem; 4469 | padding-left: 0rem; 4470 | } 4471 | 4472 | .padding-xhuge { 4473 | padding: 4rem; 4474 | } 4475 | 4476 | .text-style-nowrap { 4477 | white-space: normal; 4478 | } 4479 | 4480 | .navbar_component { 4481 | height: auto; 4482 | min-height: 4rem; 4483 | } 4484 | 4485 | .navbar_logo-link { 4486 | padding-left: 0px; 4487 | } 4488 | 4489 | .people_list { 4490 | grid-column-gap: 1.5rem; 4491 | grid-row-gap: 1.5rem; 4492 | grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 4493 | } 4494 | 4495 | .resources_list { 4496 | grid-row-gap: 3rem; 4497 | -ms-grid-columns: 1fr; 4498 | grid-template-columns: 1fr; 4499 | } 4500 | 4501 | .home-header_heading-wrapper { 4502 | -webkit-flex-wrap: wrap; 4503 | -ms-flex-wrap: wrap; 4504 | flex-wrap: wrap; 4505 | } 4506 | 4507 | .header_engineers-text { 4508 | height: 3.5rem; 4509 | } 4510 | 4511 | .mag-wrapper { 4512 | width: 5rem; 4513 | height: 5rem; 4514 | } 4515 | 4516 | .navbar_outline { 4517 | width: 100%; 4518 | } 4519 | 4520 | .resources_subheader { 4521 | font-size: 1rem; 4522 | } 4523 | 4524 | .padding-section-careers { 4525 | padding-top: 4rem; 4526 | padding-bottom: 4rem; 4527 | } 4528 | 4529 | .people_header-overlay { 4530 | font-size: 2rem; 4531 | } 4532 | } 4533 | 4534 | @media screen and (max-width: 479px) { 4535 | h1 { 4536 | font-size: 2.5rem; 4537 | } 4538 | 4539 | .padding-vertical { 4540 | padding-right: 0rem; 4541 | padding-left: 0rem; 4542 | } 4543 | 4544 | .padding-bottom { 4545 | padding-top: 0rem; 4546 | padding-right: 0rem; 4547 | padding-left: 0rem; 4548 | } 4549 | 4550 | .padding-horizontal { 4551 | padding-top: 0rem; 4552 | padding-bottom: 0rem; 4553 | } 4554 | 4555 | .margin-top { 4556 | margin-right: 0rem; 4557 | margin-bottom: 0rem; 4558 | margin-left: 0rem; 4559 | } 4560 | 4561 | .padding-top { 4562 | padding-right: 0rem; 4563 | padding-bottom: 0rem; 4564 | padding-left: 0rem; 4565 | } 4566 | 4567 | .max-width-full-mobile-portrait { 4568 | width: 100%; 4569 | max-width: none; 4570 | } 4571 | 4572 | .padding-left { 4573 | padding-top: 0rem; 4574 | padding-right: 0rem; 4575 | padding-bottom: 0rem; 4576 | } 4577 | 4578 | .hide-mobile-portrait { 4579 | display: none; 4580 | } 4581 | 4582 | .margin-left { 4583 | margin-top: 0rem; 4584 | margin-right: 0rem; 4585 | margin-bottom: 0rem; 4586 | } 4587 | 4588 | .margin-horizontal { 4589 | margin-top: 0rem; 4590 | margin-bottom: 0rem; 4591 | } 4592 | 4593 | .margin-vertical { 4594 | margin-right: 0rem; 4595 | margin-left: 0rem; 4596 | } 4597 | 4598 | .text-size-medium.text-color-white.text-style-muted { 4599 | font-size: 0.875rem; 4600 | } 4601 | 4602 | .text-size-medium.text-color-white.text-style-muted.shorter { 4603 | text-decoration: underline; 4604 | } 4605 | 4606 | .margin-bottom { 4607 | margin-top: 0rem; 4608 | margin-right: 0rem; 4609 | margin-left: 0rem; 4610 | } 4611 | 4612 | .margin-right { 4613 | margin-top: 0rem; 4614 | margin-bottom: 0rem; 4615 | margin-left: 0rem; 4616 | } 4617 | 4618 | .padding-right { 4619 | padding-top: 0rem; 4620 | padding-bottom: 0rem; 4621 | padding-left: 0rem; 4622 | } 4623 | 4624 | .navbar_container { 4625 | -webkit-box-pack: center; 4626 | -webkit-justify-content: center; 4627 | -ms-flex-pack: center; 4628 | justify-content: center; 4629 | } 4630 | 4631 | .people_list { 4632 | -ms-grid-columns: 1fr; 4633 | grid-template-columns: 1fr; 4634 | } 4635 | 4636 | .header_engineers-text { 4637 | height: 3.2rem; 4638 | } 4639 | 4640 | .header_designers-text { 4641 | font-size: 2.25rem; 4642 | } 4643 | 4644 | .mag-wrapper { 4645 | left: 0%; 4646 | top: 0%; 4647 | right: auto; 4648 | bottom: 0%; 4649 | width: 4rem; 4650 | height: 4rem; 4651 | } 4652 | 4653 | .navbar_outline { 4654 | width: 100%; 4655 | } 4656 | 4657 | .navbar_button { 4658 | padding-right: 0.75rem; 4659 | padding-left: 0.75rem; 4660 | font-size: 0.875rem; 4661 | } 4662 | 4663 | .navbar_button-text { 4664 | font-size: 0.8rem; 4665 | } 4666 | 4667 | .resources_header-wrapper { 4668 | -webkit-flex-wrap: wrap; 4669 | -ms-flex-wrap: wrap; 4670 | flex-wrap: wrap; 4671 | } 4672 | 4673 | .footer_logo-filled { 4674 | bottom: 2rem; 4675 | } 4676 | 4677 | .footer_logo-outlined { 4678 | margin-bottom: 2rem; 4679 | } 4680 | 4681 | .padding-section-careers { 4682 | padding-right: 0rem; 4683 | padding-left: 0rem; 4684 | } 4685 | 4686 | .careers_arrow-wrapper.left-1 { 4687 | left: 30px; 4688 | top: -50px; 4689 | display: none; 4690 | } 4691 | 4692 | .careers_arrow-wrapper.left-2 { 4693 | display: none; 4694 | } 4695 | 4696 | .careers_arrow-wrapper.left-5 { 4697 | display: none; 4698 | } 4699 | 4700 | .careers_arrow-wrapper.left-6 { 4701 | left: 10px; 4702 | top: 200px; 4703 | display: none; 4704 | } 4705 | 4706 | .careers_arrow-wrapper.right-1 { 4707 | left: 200px; 4708 | top: -50px; 4709 | display: none; 4710 | } 4711 | 4712 | .careers_arrow-wrapper.right-2 { 4713 | left: 250px; 4714 | display: none; 4715 | } 4716 | 4717 | .careers_arrow-wrapper.right-5 { 4718 | left: 230px; 4719 | top: 200px; 4720 | display: none; 4721 | } 4722 | 4723 | .careers_arrow-wrapper.right-6 { 4724 | left: 210px; 4725 | top: 280px; 4726 | display: none; 4727 | } 4728 | 4729 | .home_heading { 4730 | font-size: 2.25rem; 4731 | } 4732 | } 4733 | 4734 | #w-node-d40fc199-13d8-aa9b-1910-cc90e5a86593-1b9284ca { 4735 | -ms-grid-column: span 1; 4736 | grid-column-start: span 1; 4737 | -ms-grid-column-span: 1; 4738 | grid-column-end: span 1; 4739 | -ms-grid-row: span 1; 4740 | grid-row-start: span 1; 4741 | -ms-grid-row-span: 1; 4742 | grid-row-end: span 1; 4743 | } 4744 | @font-face { 4745 | font-family: 'Georgia'; 4746 | src: url('https://uploads-ssl.webflow.com/640a5eb26ecc85046e9284c6/640a5eb26ecc85702f92850d_georgia%20bold.ttf') format('truetype'); 4747 | font-weight: 700; 4748 | font-style: normal; 4749 | font-display: swap; 4750 | } 4751 | 4752 | #output a{ 4753 | text-decoration: underline; 4754 | } -------------------------------------------------------------------------------- /api/templates/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Ask me 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 23 | 65 | 66 | 67 |
68 |
69 | 251 | 260 |
261 |
262 |
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 |

Just ask me

274 |
275 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
283 |
284 |
285 | 286 | 287 |
288 | 289 |
290 |
291 |
292 | 293 | Save 294 |
295 |
296 |
297 |
298 |
299 |
300 | 301 |

I can help you with almost everything. Like What's the meaning of life? or What's the airspeed velocity of an unladen swallow?

302 | 303 |
304 |
305 |
306 |
307 |
308 |
309 |
310 |
311 |
312 |
313 | Change your key 314 |
OpenAI key here
315 |
316 |
317 | 319 | 320 | 321 | 322 | 329 | 343 | 344 | 345 | 358 | 399 | 405 | 429 | 455 | 456 | -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | Flask==2.2.2 2 | requests==2.28.1 3 | openai==0.27.2 -------------------------------------------------------------------------------- /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "rewrites": [ 3 | { "source": "/(.*)", "destination": "/api/index" } 4 | ] 5 | } 6 | --------------------------------------------------------------------------------