._4WEZPN { height: 100%; display: flex; flex-direction: column; justify-content: center; } ._3SXDH1 { display: flex; align-items: center; } ._2QxVSF { width: 100%; } /* DayPicker styles */ .DayPicker { display: inline-block; font-size: 1rem; } .DayPicker-wrapper { position: relative; flex-direction: row; padding-bottom: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DayPicker-Months { display: flex; flex-wrap: wrap; justify-content: center; } .DayPicker-Month { display: table; margin: 0 1em; margin-top: 1em; border-spacing: 0; border-collapse: collapse; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DayPicker-NavBar { } .DayPicker-NavButton { position: absolute; top: 1em; right: 1.5em; left: auto; display: inline-block; margin-top: 2px; width: 1.25em; height: 1.25em; background-position: center; background-size: 50%; background-repeat: no-repeat; color: #8B9898; cursor: pointer; } .DayPicker-NavButton:hover { opacity: 0.8; } .DayPicker-NavButton--prev { margin-right: 1.5em; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC'); } .DayPicker-NavButton--next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg=='); } .DayPicker-NavButton--interactionDisabled { display: none; } .DayPicker-Caption { display: table-caption; margin-bottom: 0.5em; padding: 0 0.5em; text-align: left; } .DayPicker-Caption > div { font-weight: 500; font-size: 1.15em; } .DayPicker-Weekdays { display: table-header-group; margin-top: 1em; } .DayPicker-WeekdaysRow { display: table-row; } .DayPicker-Weekday { display: table-cell; padding: 0.5em; color: #8B9898; text-align: center; font-size: 0.875em; } .DayPicker-Weekday abbr[title] { border-bottom: none; text-decoration: none; } .DayPicker-Body { display: table-row-group; } .DayPicker-Week { display: table-row; } .DayPicker-Day { display: table-cell; padding: 0.5em; border-radius: 50%; vertical-align: middle; text-align: center; cursor: pointer; } .DayPicker-WeekNumber { display: table-cell; padding: 0.5em; min-width: 1em; border-right: 1px solid #EAECEC; color: #8B9898; vertical-align: middle; text-align: right; font-size: 0.75em; cursor: pointer; } .DayPicker--interactionDisabled .DayPicker-Day { cursor: default; } .DayPicker-Footer { padding-top: 0.5em; } .DayPicker-TodayButton { border: none; background-color: transparent; background-image: none; box-shadow: none; color: #4A90E2; font-size: 0.875em; cursor: pointer; } /* Default modifiers */ .DayPicker-Day--today { color: #D0021B; font-weight: 700; } .DayPicker-Day--outside { color: #8B9898; cursor: default; } .DayPicker-Day--disabled { color: #DCE0E0; cursor: default; /* background-color: #eff1f1; */ } /* Example modifiers */ .DayPicker-Day--sunday { background-color: #F7F8F8; } .DayPicker-Day--sunday:not(.DayPicker-Day--today) { color: #DCE0E0; } .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) { position: relative; background-color: #4A90E2; color: #F0F8FF; } .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover { background-color: #51A0FA; } .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover { background-color: #F0F8FF; } /* DayPickerInput */ .DayPickerInput { display: inline-block; } .DayPickerInput-OverlayWrapper { position: relative; } .DayPickerInput-Overlay { position: absolute; left: 0; z-index: 1; background: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } ._1ODs870GD8uqXEOOjSgCO8{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0}._2M7rVZnMbNFHFQFFwAmvHS{padding:16px 0;max-width:48%;text-align:end;align-self:center}@media screen and (min-width: 768px){._2M7rVZnMbNFHFQFFwAmvHS{flex:1;text-align:center;padding:24px 16px;max-width:100%}}._2ckWzwyMWIuGtHji72KC6o{display:inline-block}@media screen and (min-width: 576px){._2ckWzwyMWIuGtHji72KC6o{display:flex;padding:0}}._1WZW5Y6L1HzF8JAb1EfOx5,._1WZW5Y6L1HzF8JAb1EfOx5 tbody{display:inherit;width:100%}@media screen and (max-width: 767px){._1WZW5Y6L1HzF8JAb1EfOx5 thead{display:none}}._2KFBki2cprzluy79fqwNNu{padding:0;display:flex;align-items:center;flex-direction:row;position:relative;width:100%;padding:16px 0}@media screen and (min-width: 768px){._2KFBki2cprzluy79fqwNNu{flex:1;text-align:center;flex-direction:column;padding:0 16px}}._1ZpauED-CYnM0fG32VXhX6{flex:2;text-align:left}._1nh1_U16lW5KC49cELODbg{padding:16px 0;border-bottom:2px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16));display:inline-block;width:100%}@media screen and (min-width: 768px){._1nh1_U16lW5KC49cELODbg{padding:24px 16px}}._1BmpqSVDZxCkzmfCroq5sX{display:flex;align-items:center;position:absolute;right:0;height:100%}@media screen and (min-width: 768px){._1BmpqSVDZxCkzmfCroq5sX{display:none}}@media screen and (max-width: 767px){.Z0aAvyrSZaCgoi-vT3Sne{display:none}}@media screen and (min-width: 768px){._1qmpBWVWvHYWZ5fUaDt57k{display:none}}@media screen and (max-width: 767px){._2De5NwPbwJ-INYdujbSpTe{border-bottom:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16));padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px}}button.Yo4_hluOSlrrlcVtiAzfV{padding:0;border:0;outline:0;width:100%;background:none;-webkit-appearance:none;-moz-appearance:none} ._2_TS0aHSBA2x0Iiq6JClcK{border:1px solid #F4F4FA;padding:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:fixed;width:100%;bottom:0;background-color:#fff;z-index:100}._3oTN7nFNVuljW2EIAvDuun{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}._3qbo2wP6XvWs-AsHN1cdIx{margin:8px 8px 0 8px}._1tYuIXzbCzRz4jDU5BnIQI{position:absolute;top:0;right:0} ._1m59BwiHH1DusIRZIhr0w8{position:sticky;bottom:5rem;left:calc(100vw - 64px)}@media (min-width: 992px){._1m59BwiHH1DusIRZIhr0w8{left:calc(100vw - 96px);bottom:5vh}}._1m59BwiHH1DusIRZIhr0w8,._1jUQezaC7P2pq-FaejQSCl{height:48px;width:48px}._1jUQezaC7P2pq-FaejQSCl{background-color:#1242AF;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none} ._2nBdaRC9nTol8-OC5nPhAL{list-style-type:None;padding-left:0;margin-top:0}@media screen and (max-width: 767px){._1NTngQ5eM29TO5v7Wj2x6f{display:none}}._3La0GEYqA5_FF9Jj6FVmq2{border:0;outline:none;width:100%;background:none;-webkit-tap-highlight-color:transparent;text-align:left}@media screen and (min-width: 768px){._3La0GEYqA5_FF9Jj6FVmq2{display:none}}@media screen and (max-width: 767px){._1AY8WBHXfdx1QHoUTd_yIk{border-bottom:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16))}._1AY8WBHXfdx1QHoUTd_yIk._3VKPYvs0DbKQlxHsXpRiVe ._3La0GEYqA5_FF9Jj6FVmq2{padding-top:0}._3La0GEYqA5_FF9Jj6FVmq2{display:flex;justify-content:space-between;align-content:center;padding:32px 0;cursor:pointer}._134dCsE8vh5adcjFq12GNO{display:none}} ._1Xsv-fN3fUb7FSngPL6CHM{width:100%;border-radius:0.5rem;border:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16));border-spacing:0}._1Xsv-fN3fUb7FSngPL6CHM th{text-align:center;padding:0.5rem;border-bottom:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16));font-weight:300;font-size:1.1rem}._1Xsv-fN3fUb7FSngPL6CHM ._2-Y7lcMFRDdYsM19LMIANN{text-align:left;padding:0.3rem 0.5rem 0.3rem 1.5rem}._1Xsv-fN3fUb7FSngPL6CHM ._2YgiOOaz5mtG2BXPMkTp2I{text-align:right;padding:0.3rem 1.5rem 0.3rem 0.5rem}._1Xsv-fN3fUb7FSngPL6CHM tr:first-child td{padding-top:1rem}._1Xsv-fN3fUb7FSngPL6CHM tr:last-child td{padding-bottom:1rem} ._1w_H_oRddMx-11phdDzz77{max-width:60rem;padding:40px 16px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1023px){._1w_H_oRddMx-11phdDzz77{max-width:45rem}}@media screen and (max-width: 767px){._1w_H_oRddMx-11phdDzz77{max-width:34rem}}._3aGJbvsjkvDrVyDwFgSp6h{text-align:center}._1pYbmCVN-eAxV06HOhAuxu{display:flex;min-height:100vh;justify-content:center;flex-direction:column;align-items:center} .c40Paa { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; } ._2bQJPV { display: inline-block; margin-right: 15px; } ._2bQJPV:last-of-type { margin-right: 0; } /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ ._2hfrcG { cursor: pointer; -webkit-appearance: none; border: 0; padding: 0; background: transparent; outline: none; } ._2hfrcG svg { color: var(--core-ui-theme-icon-primary, #0c0b31); transition: all 300ms cubic-bezier(0.45, 0, 0.15, 1); } ._2hfrcG svg:hover { color: var(--core-ui-theme-icon-interactive, #8b37ff); } /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ ._2K3oKf svg { color: var(--core-ui-theme-icon-primary, #0c0b31); transition: all 300ms cubic-bezier(0.45, 0, 0.15, 1); } ._2K3oKf svg:hover { color: var(--core-ui-theme-icon-interactive, #8b37ff); } ._2hiQcag03QX3NRnh2ODSrd{display:flex;align-items:center;cursor:pointer}._2xZ99SrxbzCNpHPcf37uEj{flex:1} ._3R92LXNZY-VQgU6gb5FaqT ._1bF137rRNjgm9KV0FRY5Fh,._3R92LXNZY-VQgU6gb5FaqT .ql8JJdRzLoRjeF5-DInAs,._3R92LXNZY-VQgU6gb5FaqT ._2websY72spdAtZ2zKT6rri,._3R92LXNZY-VQgU6gb5FaqT .ytAHxd7GszZDAT10jcFmy,._3R92LXNZY-VQgU6gb5FaqT ._2FvYvmcylABqJ2373btJlb,._3R92LXNZY-VQgU6gb5FaqT ._2KDDq50H-ypnjLdhLPJQh,._3R92LXNZY-VQgU6gb5FaqT ._3-ayKWSodREHoeiM8Xc8uX,._3R92LXNZY-VQgU6gb5FaqT h1,._3R92LXNZY-VQgU6gb5FaqT h2,._3R92LXNZY-VQgU6gb5FaqT h3,._3R92LXNZY-VQgU6gb5FaqT h4,._3R92LXNZY-VQgU6gb5FaqT h5,._3R92LXNZY-VQgU6gb5FaqT h6{margin-bottom:0}._3R92LXNZY-VQgU6gb5FaqT p{margin-bottom:0} ._3-xZx1Bni38AyHB0-KMn8L{display:flex;align-items:center;cursor:pointer}._3BbFANlZW9zJ6Hf08TLFgw{flex:1} /* IMPORTANT: Nothing in this file should produce css as an output. This is purely for abstract concepts such as variables, mixins, and abstract classes. */ /****************************************************************** * IMPORTANT * * Bootstrap KSS documentation can go here in the appropriate sections * You can uncomment and remove the !default for variables that you * would like to override. Please be careful as this changes the global CSS! * ******************************************************************/ /****************************************************************** * Table of Contents * * - Colors * - Options * - Spacing * - Body * - Links * - Grid breakpoints * - Grid containers * - Grid columns * - Fonts * - Components * ******************************************************************/ /****************************************************************** * General variable structure * * Variable format should follow the `$component-modifier-state-property` order. ******************************************************************/ /** * Colors */ /** * Helper with map-get for colors, it will throw loud errors if the key is not defined. * * Input: * .example { * color: color($dusty-rose, 2); * } * * Output: * .example { * color: #FFB8D8; * } * * * Input: * .example { * color: color($theme, 'primary'); * } * * Outut: * .example { * color: #FFB8d8; * } */ /****************************************************************** * IMPORTANT * * Bootstrap KSS documentation can go here in the appropriate sections * You can uncomment and remove the !default for variables that you * would like to override. Please be careful as this changes the global CSS! * ******************************************************************/ /****************************************************************** * Table of Contents * * - Colors * - Options * - Spacing * - Body * - Links * - Grid breakpoints * - Grid containers * - Grid columns * - Fonts * - Components * ******************************************************************/ /****************************************************************** * General variable structure * * Variable format should follow the `$component-modifier-state-property` order. ******************************************************************/ /** * Colors */ /** * Helper with map-get for colors, it will throw loud errors if the key is not defined. * * Input: * .example { * color: color($dusty-rose, 2); * } * * Output: * .example { * color: #FFB8D8; * } * * * Input: * .example { * color: color($theme, 'primary'); * } * * Outut: * .example { * color: #FFB8d8; * } */ /** * Colors */ /** * Helper with map-get for colors, it will throw loud errors if the key is not defined. * * Input: * .example { * color: color($dusty-rose, 2); * } * * Output: * .example { * color: #FFB8D8; * } * * * Input: * .example { * color: color($theme, 'primary'); * } * * Outut: * .example { * color: #FFB8d8; * } */ /* * Get the color from a given theme. * * Example Input * .example { * color: theme-color('driver', 'primary'); * } * * * Example Output * .example { * color: #8F91FF; * } */ /** * Generates a class with a property for each theme given a color * * Example Input: * @include theme-class('example', 'border-color', 'primary') { * border-width: 1px; * border-style: solid; * background-color: $black; * } * * Example Output: * .driver-example { * background-color: #11111F; * border: 1px solid #8F91FF; * } * .rider-example { * background-color: #11111F; * border: 1px solid #E281BF; * } * * Example Input: * @include theme-class('example', ('background-color', 'color'), 'secondary'); * * Example Output: * .driver-example { * color: #785EF0; * background-color: #785EF0; * } * .rider-example { * color: #8D3A7F; * background-color: #8D3A7F; * } * * Example input: * @include theme-class('example', 'color', 'custom-text'); * * Example Output: * .example-driver { color: #785EF0; } * .example-rider { color: #8D3A7F; } * * Result is to create a class, 'example', which gets - appended * to the newly created class. With the given attribute and the resulting * color for the class. It is _not_ the tone from the color pallete. */ /** * Allow ability to "pass" in the $color variable to content, it also sets the * $theme variable which is all the available color in the theme. * * Input: * a { * text-decoration: underline; * @include theme('primary') { * background-color: color($theme, 'secondary'); * color: $color; * } * } * * Output: * a { * text-decoration: underline; * &.driver { * color: #785EF0; * background-color: #8F91FF; * } * &.rider { * color: #E281BF; * background-color: #8D3A7F; * } * } */ /** * Taken from https://gist.github.com/BenMorel/e9e34c08360ebbbd0634 * * Fix for vw, vh, vmin, vmax on iOS 7. * http://caniuse.com/#feat=viewport-units * * This fix works by replacing viewport units with px values on known screen sizes. * * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. * Target devices running iOS 8+ will incidentally execute the media query, * but this will still produce the expected result; so this is not a problem. * * As an example, replace: * * height: 50vh; * font-size: 5vmin; * * with: * * @include viewport-unit(height, 50vh); * @include viewport-unit(font-size, 5vmin); */ /* layer mixin Each of these variables is designed to be a vertical layer on the page. The top layer being things like modals / popups, next layer down tool-tops, etc. Usage: .my-class { @include layer(1); // z-index: 100; } */ /* transition mixin This is a basic transition that uses our default settings and applies the transition properties to 'all'. Use carefully and sparingly with the 'all' default; better practice is to use the `$transition-speed` and `$transition-easing` variables on the properties you wish to transition. If you want to transition on separate, multiple properties, this mixin simply won't work. It's a quick and dirty way to do one off transitions or `all` transitions. Usage: .my-class { @include transition; // z-index: 100; } .my-class { @include transition(width, 0.5s, 'ease-out'); // z-index: 100; } */ ._1QXKwa { display: flex; align-items: center; } ._3R-FWB { margin-right: 0.5rem; font-size: 1rem; } ._2z4bvN { width: 100%; } ._2y0wVO { margin-top: 0.5rem; display: inline-block; color: #E60000; } /* IMPORTANT: Nothing in this file should produce css as an output. This is purely for abstract concepts such as variables, mixins, and abstract classes. */ /****************************************************************** * IMPORTANT * * Bootstrap KSS documentation can go here in the appropriate sections * You can uncomment and remove the !default for variables that you * would like to override. Please be careful as this changes the global CSS! * ******************************************************************/ /****************************************************************** * Table of Contents * * - Colors * - Options * - Spacing * - Body * - Links * - Grid breakpoints * - Grid containers * - Grid columns * - Fonts * - Components * ******************************************************************/ /****************************************************************** * General variable structure * * Variable format should follow the `$component-modifier-state-property` order. ******************************************************************/ /** * Colors */ /** * Helper with map-get for colors, it will throw loud errors if the key is not defined. * * Input: * .example { * color: color($dusty-rose, 2); * } * * Output: * .example { * color: #FFB8D8; * } * * * Input: * .example { * color: color($theme, 'primary'); * } * * Outut: * .example { * color: #FFB8d8; * } */ /****************************************************************** * IMPORTANT * * Bootstrap KSS documentation can go here in the appropriate sections * You can uncomment and remove the !default for variables that you * would like to override. Please be careful as this changes the global CSS! * ******************************************************************/ /****************************************************************** * Table of Contents * * - Colors * - Options * - Spacing * - Body * - Links * - Grid breakpoints * - Grid containers * - Grid columns * - Fonts * - Components * ******************************************************************/ /****************************************************************** * General variable structure * * Variable format should follow the `$component-modifier-state-property` order. ******************************************************************/ /** * Colors */ /** * Helper with map-get for colors, it will throw loud errors if the key is not defined. * * Input: * .example { * color: color($dusty-rose, 2); * } * * Output: * .example { * color: #FFB8D8; * } * * * Input: * .example { * color: color($theme, 'primary'); * } * * Outut: * .example { * color: #FFB8d8; * } */ /** * Colors */ /** * Helper with map-get for colors, it will throw loud errors if the key is not defined. * * Input: * .example { * color: color($dusty-rose, 2); * } * * Output: * .example { * color: #FFB8D8; * } * * * Input: * .example { * color: color($theme, 'primary'); * } * * Outut: * .example { * color: #FFB8d8; * } */ /* * Get the color from a given theme. * * Example Input * .example { * color: theme-color('driver', 'primary'); * } * * * Example Output * .example { * color: #8F91FF; * } */ /** * Generates a class with a property for each theme given a color * * Example Input: * @include theme-class('example', 'border-color', 'primary') { * border-width: 1px; * border-style: solid; * background-color: $black; * } * * Example Output: * .driver-example { * background-color: #11111F; * border: 1px solid #8F91FF; * } * .rider-example { * background-color: #11111F; * border: 1px solid #E281BF; * } * * Example Input: * @include theme-class('example', ('background-color', 'color'), 'secondary'); * * Example Output: * .driver-example { * color: #785EF0; * background-color: #785EF0; * } * .rider-example { * color: #8D3A7F; * background-color: #8D3A7F; * } * * Example input: * @include theme-class('example', 'color', 'custom-text'); * * Example Output: * .example-driver { color: #785EF0; } * .example-rider { color: #8D3A7F; } * * Result is to create a class, 'example', which gets - appended * to the newly created class. With the given attribute and the resulting * color for the class. It is _not_ the tone from the color pallete. */ /** * Allow ability to "pass" in the $color variable to content, it also sets the * $theme variable which is all the available color in the theme. * * Input: * a { * text-decoration: underline; * @include theme('primary') { * background-color: color($theme, 'secondary'); * color: $color; * } * } * * Output: * a { * text-decoration: underline; * &.driver { * color: #785EF0; * background-color: #8F91FF; * } * &.rider { * color: #E281BF; * background-color: #8D3A7F; * } * } */ /** * Taken from https://gist.github.com/BenMorel/e9e34c08360ebbbd0634 * * Fix for vw, vh, vmin, vmax on iOS 7. * http://caniuse.com/#feat=viewport-units * * This fix works by replacing viewport units with px values on known screen sizes. * * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. * Target devices running iOS 8+ will incidentally execute the media query, * but this will still produce the expected result; so this is not a problem. * * As an example, replace: * * height: 50vh; * font-size: 5vmin; * * with: * * @include viewport-unit(height, 50vh); * @include viewport-unit(font-size, 5vmin); */ /* layer mixin Each of these variables is designed to be a vertical layer on the page. The top layer being things like modals / popups, next layer down tool-tops, etc. Usage: .my-class { @include layer(1); // z-index: 100; } */ /* transition mixin This is a basic transition that uses our default settings and applies the transition properties to 'all'. Use carefully and sparingly with the 'all' default; better practice is to use the `$transition-speed` and `$transition-easing` variables on the properties you wish to transition. If you want to transition on separate, multiple properties, this mixin simply won't work. It's a quick and dirty way to do one off transitions or `all` transitions. Usage: .my-class { @include transition; // z-index: 100; } .my-class { @include transition(width, 0.5s, 'ease-out'); // z-index: 100; } */ /*** Theming for Autosuggest - classname hooks provided by library ***/ ._2EEXzN { position: relative; } ._1Wa1HG { box-shadow: 0px 2px 4px #DDDDDD; padding: 1.5rem 0; width: 100%; background-color: #FFFFFF; position: absolute; z-index: 300; } ._1vpcgD { list-style-type: none; padding-left: 0; margin-bottom: 0; } ._3PvrEi { padding: 0.5rem 1.5rem; } .eI64UZ { background-color: #F3F3F5; } ._3bBLOiB0IVz77SPqUY_Eo4{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16))}._3a3D9fsd6h1wOTGtCt3Mm6{padding-top:0;padding-bottom:0;width:30%;display:flex;align-items:center}@media screen and (max-width: 767px){._3a3D9fsd6h1wOTGtCt3Mm6{width:50%;padding-right:16px}}@media screen and (min-width: 768px){._3a3D9fsd6h1wOTGtCt3Mm6{padding-top:16px;padding-bottom:16px}}@media screen and (max-width: 767px){.KDRPrRvmdPA2kaP1CxRff{padding-top:16px}}._2JY3D4gk08_N8L83QY39bp{width:30%}@media screen and (max-width: 767px){._2JY3D4gk08_N8L83QY39bp{order:2;width:50%;padding-bottom:8px}}._3ivLHnQmVtyPRfMz_NPJhY{width:20%}@media screen and (max-width: 767px){._3ivLHnQmVtyPRfMz_NPJhY{width:50%;padding-left:16px;align-items:flex-end}}._3rMLjkx8mTpX1c8alZvLVb{width:20%;justify-content:flex-end}@media screen and (max-width: 767px){._3rMLjkx8mTpX1c8alZvLVb{order:2;width:50%;padding-bottom:8px;justify-content:inherit}} .OIne8Ic1TqKFGeDeLFOel{width:100%}.QENvRgupQeiipVbNhwS_Z{display:flex;justify-content:flex-end} @media screen and (max-width: 767px){._21jQpCJ0XPEhmLfwQ9N8-3{display:none}}@media screen and (min-width: 768px){._1RVXRzD6sV9dhs1NKIpRYJ{display:none}}.glYDGhY7vCdfhZSM5AZjb{height:25rem}@media screen and (min-width: 768px){.glYDGhY7vCdfhZSM5AZjb{height:31rem}}._3uiLJA-tsYaMzf8Rlnjrcm{background-color:var(--core-ui-theme-background-secondary, #f4f4fa)}._3_CuCoWVOpn6jvz4tamZKD{position:relative}._3Or2NnH-dZj1r9dWGr0H_1{position:absolute;top:-8px;left:-8px;height:16px;width:16px;border-radius:50%;background-color:var(--core-ui-theme-background-primary, #fff)}@media screen and (min-width: 768px){.ujwMjFec80ogVYsxjZ7qt{text-align:center}}._2P6przu3shXQTKjbwl4ke6,.FcFpQuLQlYJsRWfoaWO8Q{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media screen and (min-width: 768px){._2P6przu3shXQTKjbwl4ke6,.FcFpQuLQlYJsRWfoaWO8Q{flex-direction:row;justify-content:space-between}}.umcNRhRTJg-9pSMROvO5M{width:100%}.umcNRhRTJg-9pSMROvO5M small{color:var(--core-ui-theme-text-negative, #db3615)}@media screen and (min-width: 768px){._24nJSb22Xwoe7-ObuhUZKa{width:30%;display:flex;justify-content:flex-end}}._1WdQ3Hl1TdlIcRs_GYN7ot,.JyOlQKs9xaVAHjMc8IqVg{width:100%}@media screen and (min-width: 768px){._1WdQ3Hl1TdlIcRs_GYN7ot,.JyOlQKs9xaVAHjMc8IqVg{width:70%}}._16zid1Nzr8-culPbrtpP9U{background-color:#E7E7EF;padding:16px;width:100%}._169vVLnWYjhXq86neb9LEo{margin-left:8px} .LWVQbOezqAmsvuarzLovZ{background-color:transparent;display:flex;padding:40px 0;position:relative;width:100%}@media screen and (min-width: 1024px){.LWVQbOezqAmsvuarzLovZ{padding:64px 0}}._2ogjPG19LQFkHIzrCDpKpc{background-color:var(--core-ui-theme-background-secondary, #f4f4fa)}._4sKwZ4zIaS7CyDKeSAOkf{background-color:#FFE1F2}.HpMRBjs7NK-Sot19bsS2x,.HpMRBjs7NK-Sot19bsS2x a{color:var(--core-ui-theme-text-primary, #0c0b31)}._3m-i8A2zKpEFy7c_IcSMa,._3m-i8A2zKpEFy7c_IcSMa a{color:var(--core-ui-theme-surface-interactive, #523be4)}._2egJ0A-ssg4L4outDWgxcp,._2egJ0A-ssg4L4outDWgxcp a{color:var(--core-ui-theme-text-primary-inverse, #fff)}.yausEwCGOQLZhpiHr88pS{min-height:600px}._1K9iGLbIHnnjiUlBPag8VY{min-height:400px}@media screen and (max-width: 575px){._1K9iGLbIHnnjiUlBPag8VY{min-height:25vh}}._3eGsem8D-CWSGJ2xqdg6UI{background-repeat:no-repeat;background-size:cover;background-position:center}._3eGsem8D-CWSGJ2xqdg6UI,._2c-BOwPa695PeG1WU0CzaJ{z-index:0;position:absolute;top:0;left:0;height:100%;width:100%}._1-PO71X1jGdAVU1KnWE--B{width:100%;z-index:100}._2wvceDuq-jRGwQAIzCR6Vr{text-align:center}._2DM60pJ6bRaFt7pbjoigBA{display:flex;align-items:center}@media screen and (max-width: 1023px){._2Gts0Sag22W0q9GW21AyJ1{text-align:center}}._1X0y5o34U0GAZXexTbqR7h{width:100%}._1jFaSdNtqDcz1JK-u6FXbU{display:flex;align-items:flex-end}.ayCSO4suyPx4UhpIrCrWG{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}._3QkGDqrGKcC_UhBxs-zL12,._3q50baDmsLpN-xhIFSdW9Q{width:100%}._3-X_6iNRj35YkAI6BgbTg0{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:16px}@media screen and (max-width: 1023px){._3-X_6iNRj35YkAI6BgbTg0{flex-direction:column;align-items:flex-start}}._1GKAFd0EGl0XEDyqMeND0S{display:flex;align-items:center;margin-left:32px}@media screen and (max-width: 1023px){._1GKAFd0EGl0XEDyqMeND0S{margin-top:16px;margin-left:0}}._1u-8aXbIuqKbfXIeapG_-r{max-width:42rem}@media screen and (min-width: 1024px){._1X6Cf6Hx_LliLhbC4TXvHU{max-width:20rem}}._2RFq8N7FXMkSXlflOwr5Ig{display:flex;flex-direction:column}@media screen and (min-width: 1024px){._2RFq8N7FXMkSXlflOwr5Ig{align-items:center;flex-direction:row}}._3k9I-8idXEsxyHxzUp79sw{order:2}@media screen and (min-width: 1024px){._3k9I-8idXEsxyHxzUp79sw{order:1}}._38bTC60WEM0ec-CPptgW8Z{min-width:200px;padding:16px 32px}._2RTxcWG53uxynwnWfRPUOq{order:1;display:flex}@media screen and (min-width: 1024px){._2RTxcWG53uxynwnWfRPUOq{order:2;margin-bottom:0}}._3m8GYpRbq-RmanKYGSjUPe{color:var(--core-ui-theme-text-negative, #db3615);flex:1}@media screen and (max-width: 1023px){.J4rBHQnk42JpLfMaMVCAE{display:none}}@media screen and (min-width: 1024px){._4CswGctdsOdNWhupBSnvl{display:none}}.QLwSGyrpXBQ1HELDfpsx0{width:100%;height:100%}._2aO_Edjz_cnTubdYr_0Bpy{max-width:100%}.e0oLnEYHnbnQ2cS0Pq-q-{max-width:20rem}._3-L45xSRdE7PQqDakOio4p{text-indent:-10000px}._3-L45xSRdE7PQqDakOio4p br{display:none} ._2Zy3Undc_j0mXjLARVGvFP{display:inline-flex}._2_08cAvUjZxApWlAfUpcSD textarea{font-family:monospace}._19ghW_5eRKBHTE6NqQFjkJ{display:flex}._125DXzJ4ttE03tAdhmN-NP{text-align:center} ._1LbWou { width: 100%; } ._22cHdA { min-height: 100%; min-width: 100%; object-fit: cover; object-position: center; flex: 1; } .EEaFbL { height: 100%; width: 100%; overflow: hidden; display: flex; z-index: 0; } ._125QpF { position: relative; padding-top: 56.25%; /* 16/9 aspect ratio */ height: 0; } ._1Hk6K0 { position: absolute; border: none; top: 0; left: 0; height: 100%; width: 100%; } /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ ._2oOS2n { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; width: 100%; height: 0; padding-top: 56.25%; } ._3X7qnE { display: none; visibility: hidden; } ._3Sggk7 { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 768px) { ._3Sggk7 { justify-content: flex-start; align-items: flex-end; padding-bottom: 100px; padding-left: 100px; } } .d9wd-43fYA2z24M3_iuSR{list-style:none;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}._39_yZM8PdSpUt-D1qQju3l:not(:last-child){padding-bottom:40px}@media screen and (min-width: 768px){._39_yZM8PdSpUt-D1qQju3l:not(:last-child){padding-bottom:48px}} @media screen and (max-width: 767px){._1dax37Euq2Hvds5gJe9oYt{display:block}}@media screen and (min-width: 768px){._1dax37Euq2Hvds5gJe9oYt{line-height:2rem}} .fYTn2EMbzXomllSmUrJIV{list-style-type:none;padding-left:0;margin-top:0}._2tEAbVEDcjJXPeOjUnr3ar{border:0;width:100%;background:none;-webkit-tap-highlight-color:transparent;outline:none;text-align:left}@media screen and (min-width: 768px){._2tEAbVEDcjJXPeOjUnr3ar{display:none}}@media screen and (max-width: 767px){._33dkp7pBJ7IVJIoL-qjYWY{border-bottom:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16))}._33dkp7pBJ7IVJIoL-qjYWY._3q81oKVnMwxJoSOrTeh1zW ._2tEAbVEDcjJXPeOjUnr3ar{padding-top:0}._2tEAbVEDcjJXPeOjUnr3ar{display:flex;justify-content:space-between;align-content:center;padding:32px 0;cursor:pointer}.AitBmn159xQRdNaUdL2Ov{display:none}} .tSEIZ8x15wCNDU-RqkrHa{list-style-type:none;padding-left:0;margin:0}@media screen and (min-width: 768px){.tSEIZ8x15wCNDU-RqkrHa{column-count:3}.tSEIZ8x15wCNDU-RqkrHa._11YI33LAHY-Gz4Zaw7G3i-{column-count:2}._1xutfLqhkYouh-Lk_oTmFS{display:inline-block;width:100%}}@media screen and (min-width: 1024px){.tSEIZ8x15wCNDU-RqkrHa{column-count:4}}@media screen and (min-width: 1280px){.tSEIZ8x15wCNDU-RqkrHa{column-count:5}} .OBR4Pwb3tBAZD4OU8D18z{padding-top:0;padding-bottom:48px} ._2l7ky-KmJVgl5lqn1Qw-_R{text-align:center;width:100%}._2424BFU6J1peo-EIZtc2CY{height:8rem;max-width:8rem;object-fit:contain;margin:0 auto}._58b7LX9R4SkpnLf01nZHh{font-style:italic} ._1daK33ddwZIs20FXcR52K8{width:100%} button._2QTstNj3-b0B8wmx0komBK{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:2px 0 4px;margin:0 16px;color:var(--core-ui-theme-surface-interactive, #523be4)}button._2QTstNj3-b0B8wmx0komBK._3nWJ5vrKJtXBmkE31jyy-9{color:var(--core-ui-theme-text-primary, #0c0b31);border-bottom-color:var(--core-ui-theme-text-primary, #0c0b31)}button._2QTstNj3-b0B8wmx0komBK:hover{color:var(--core-ui-theme-text-primary, #0c0b31)}button._2QTstNj3-b0B8wmx0komBK:focus{outline:none}button._2QTstNj3-b0B8wmx0komBK:first-of-type{margin-left:0} ._1aZLoosO9HDPxlwivPgxdf{width:100%;position:relative}.PBIHIiOWLGK6gz_N_FJ9w{position:relative;height:100%;display:inline-block;white-space:nowrap}.zmkPoRhzJd9I9GqvV6pNn{display:block;overflow-x:auto}.zmkPoRhzJd9I9GqvV6pNn::-webkit-scrollbar{width:0px;height:0px;background:transparent}._2OlfNiVfsZ9rndhACVG0Yt{height:100%;width:60px;position:absolute;right:0;top:0;background:linear-gradient(to right, rgba(255,255,255,0), #fff);pointer-events:none} ._3YclT2DhBBuqBMvZe-ilAd{display:flex;flex-wrap:wrap;flex-grow:1;align-items:center}._3Q6MIUXk7PFClSudFoi9G5{order:1;width:100%}@media screen and (min-width: 768px){._3Q6MIUXk7PFClSudFoi9G5{width:55%;order:2}}._3jB2HbV2pysCYbnSxWeQoT{order:2;width:100%}@media screen and (min-width: 768px){._3jB2HbV2pysCYbnSxWeQoT{width:45%;order:1}}.FQGcY2e5Gg1nphlk7YzS0{min-height:6rem} .WqBGbgIIBj4xS6BCeEKJD{display:flex}@media screen and (max-width: 767px){.WqBGbgIIBj4xS6BCeEKJD{flex-direction:column;align-items:stretch}}@media screen and (min-width: 768px){.WqBGbgIIBj4xS6BCeEKJD{align-items:center}}._1WFWb_t_4gIJ751N5k057e{flex:1}@media screen and (max-width: 767px){._1WFWb_t_4gIJ751N5k057e{display:none}}@media screen and (max-width: 767px){._14A_dKSPkVr9059TxN-xU9{margin-bottom:8px}}@media screen and (min-width: 768px){._14A_dKSPkVr9059TxN-xU9{margin-left:32px}}._2pdDkxH1gy8_HXlH9q3d5l{height:43px;border:solid 2px;border-radius:100px;background:none;outline:0;padding:9px 20px 12px 20px;color:inherit;text-align:inherit}._2pdDkxH1gy8_HXlH9q3d5l:hover{color:white;background:black;border-color:black}@media screen and (min-width: 768px){._2pdDkxH1gy8_HXlH9q3d5l{margin-left:32px}}._22nsIQaObHIK00RSl4HI2K{background:none;color:inherit;border:none;font:inherit;outline:inherit;text-align:inherit;border-bottom:4px solid var(--core-ui-theme-text-primary, #0c0b31);padding:32px 0;width:100%;display:flex;align-items:center}._1JKvZvZ5RniVN3Hw9gUDeD{flex:1;margin:0}._11fKAuVPrzy1Id5AyYH_WI{border-bottom:1px solid var(--core-ui-theme-stroke-tertiary, rgba(12,11,49,0.16));display:inline-block;text-decoration:none;color:var(--core-ui-theme-text-primary, #0c0b31) !important;width:100%}._11fKAuVPrzy1Id5AyYH_WI:hover{text-decoration:none} .QofEez2pyn_aRNGSXCGXH{height:32rem} ._37Ry4O2XUahMVu0ODG26vK{text-align:center} /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be in the script that generates this file: * /lyft/coreui/tools/generate_inset_spacers.js */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ ._2HpeeN { border-bottom: 1px solid var(--core-ui-theme-stroke-tertiary, rgba(12, 11, 49, 0.16)); width: 100%; } .Noqxq1 { height: 80px; display: flex; flex-direction: row; width: 100%; padding: 20px 10px; align-items: center; } .Noqxq1 ul, .Noqxq1 li { list-style: none; padding: 0; margin: 0; } .Noqxq1 nav { margin-right: 40px; } .Noqxq1 a { color: #231F20; white-space: nowrap; text-decoration: none; } .Noqxq1 a:hover { color: var(--core-ui-theme-text-interactive, #8B37FF); text-decoration: none; } .Noqxq1 ul { display: flex; flex-direction: row; } .Noqxq1 ul a { padding: 2px 0px; display: block; margin: 5px 24px; margin-bottom: 0; border-bottom: 2px solid transparent; transition: all .3s ease-out; } .Noqxq1.HwMDCF { font-size: 17px !important; font-weight: 500; font-family: Verdana; } @media (min-width: 1024px) { .Noqxq1.HwMDCF li a:hover, .Noqxq1.HwMDCF li a._3V23ud { border-bottom-color: var(--core-ui-theme-text-interactive, #8B37FF); } } .Noqxq1._3rnRAE { font-size: 17px !important; font-weight: 300; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.5px; } @media (min-width: 1024px) { .Noqxq1._3rnRAE { height: 105px; } .Noqxq1._3rnRAE li a:hover, .Noqxq1._3rnRAE li a._3V23ud { border-bottom-color: var(--core-ui-theme-text-interactive, #8B37FF); } } .Noqxq1._2Da72g { font-size: 18px !important; font-weight: 500; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.5px; } @media (min-width: 1024px) { .Noqxq1._2Da72g li a { color: #1D428A; } .Noqxq1._2Da72g li a:hover, .Noqxq1._2Da72g li a._3V23ud { color: var(--core-ui-theme-text-interactive, #8B37FF); border-bottom-color: var(--core-ui-theme-text-interactive, #8B37FF); } } .Noqxq1.XWtJou { font-size: 18px !important; } @media (min-width: 1024px) { .Noqxq1.XWtJou { height: 95px; } .Noqxq1.XWtJou nav { margin-top: -5px; } .Noqxq1.XWtJou li a { color: #1D428A; } .Noqxq1.XWtJou li a:hover, .Noqxq1.XWtJou li a._3V23ud { color: #052b6c; border-bottom-color: var(--core-ui-theme-text-interactive, #8B37FF); } } .Noqxq1.raWRZK { font-size: 16px !important; font-weight: 500; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.5px; } @media (min-width: 1024px) { .Noqxq1.raWRZK { height: 95px; } .Noqxq1.raWRZK li a { color: var(--core-ui-theme-text-interactive, #8B37FF); } .Noqxq1.raWRZK li a:hover, .Noqxq1.raWRZK li a._3V23ud { color: #000; border-bottom-color: var(--core-ui-theme-text-interactive, #8B37FF); } } .Noqxq1._2eB-I3 { font-size: 18px !important; font-weight: 300; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.5px; } @media (min-width: 1024px) { .Noqxq1._2eB-I3 { height: 95px; } .Noqxq1._2eB-I3 li a { color: var(--core-ui-theme-text-interactive, #8B37FF); } .Noqxq1._2eB-I3 li a:hover, .Noqxq1._2eB-I3 li a._3V23ud { color: #c2d32c; border-bottom-color: var(--core-ui-theme-text-interactive, #8B37FF); } } .Noqxq1._2eB-I3 .h-d-Ul, .Noqxq1.raWRZK .h-d-Ul, .Noqxq1._2Da72g .h-d-Ul, .Noqxq1.XWtJou .h-d-Ul { background: #ed2e14; } .Noqxq1._2eB-I3 ._4wllC5, .Noqxq1.raWRZK ._4wllC5, .Noqxq1._2Da72g ._4wllC5, .Noqxq1.XWtJou ._4wllC5 { color: var(--core-ui-theme-text-secondary, rgba(12, 11, 49, 0.7)); } .w2PkuI { width: 100%; background-color: red; } .w2PkuI a { padding: 4px 8px; padding-bottom: 0px; display: block; text-decoration: none; font-size: 15px; margin-bottom: 2px; border-bottom: 2px solid transparent; transition: all .3s ease-out; } .w2PkuI a:hover { color: var(--core-ui-theme-text-interactive); } .w2PkuI ul { list-style: none; display: flex; margin: 0; } .w2PkuI li { padding: 0; margin: 4px 8px; } .w2PkuI li._1wBufI a { border-bottom-color: var(--core-ui-theme-text-interactive); } .w2PkuI ._3gy7PA { font-weight: bold; } .w2PkuI._1Suy2n, .w2PkuI._3bU2O6, .w2PkuI._2xvO4e, .w2PkuI._1_xTTS { background-color: black; } .w2PkuI._1Suy2n a, .w2PkuI._3bU2O6 a, .w2PkuI._2xvO4e a, .w2PkuI._1_xTTS a { font-weight: bold; text-transform: uppercase; color: white; } .w2PkuI._23YLr9 { background-color: #EE3123; } .w2PkuI._23YLr9 a { color: white; } .w2PkuI._23YLr9 a:hover { color: #ffd100; } .w2PkuI._23YLr9 li._1wBufI a { border-bottom-color: transparent; color: #ffd100; } .w2PkuI._2tKxua { background-color: #1989c8; } .w2PkuI._2tKxua a { color: white; } .w2PkuI._2tKxua a:hover { color: #c2d32c; } .w2PkuI._2tKxua li._1wBufI { border-bottom-color: #c2d32c; } .w2PkuI._3phCfn { background-color: #0098e4; } .w2PkuI._3phCfn a { color: white; } .w2PkuI.zGYKhU { background-color: #2CA3E1; } .w2PkuI.zGYKhU a { color: white; } .w2PkuI.zGYKhU li a:hover { color: #1D428A; } .w2PkuI.zGYKhU li._1wBufI a { border-bottom-color: transparent; color: #1D428A; } .h-d-Ul { background: var(--core-ui-theme-text-interactive, #8B37FF); border-radius: 4px; padding: 10px 20px; font-weight: bold; margin-right: 34px; } .h-d-Ul, .h-d-Ul:hover { color: white !important; text-decoration: none; } ._4wllC5 { padding: 10px 24px; padding-right: 12px; } @media (min-width: 1024px) { ._2ektkm { flex-grow: 1; } } .CBI-H8 { display: none; position: absolute; left: 20px; top: 9px; z-index: 3; cursor: pointer; } ._2SAr2R { display: none; position: absolute; right: 15px; top: 15px; color: white !important; } ._3H5i6Z { display: none; width: 100vw; background-color: rgba(0, 0, 0, 0.5); height: 0; position: absolute; top: 0; left: 0; z-index: 1; transition: height 0.3s ease-in-out; } @media (max-width: 1024px) { .CBI-H8, ._2SAr2R, ._3H5i6Z { display: block; } ._4wllC5 { display: none; } .h-d-Ul { position: absolute; top: 5px; right: 10px; padding: 7px 14px; margin-right: 0; } .Noqxq1 { height: 50px; justify-content: center; } .Noqxq1 nav { position: absolute; top: 0; left: -270px; transition: left 0.3s ease-in-out; height: 100vh; background: var(--core-ui-theme-text-interactive, #8B37FF); z-index: 1001; width: 270px; } .Noqxq1 ul { flex-direction: column; margin-top: 65px; margin-left: 27px; } .Noqxq1 ul a { white-space: normal; } .Noqxq1 ul a, .Noqxq1 ul a:hover { color: white !important; padding: 13px 0; } .Noqxq1 ul a._3V23ud, .Noqxq1 ul a:hover._3V23ud { font-weight: bold; } .Noqxq1._2DB0ow ._3H5i6Z { height: 100vh; } .Noqxq1._2DB0ow nav { left: 0px; } } ._5RpYsc { display: none; } @media (max-width: 1024px) { ._5RpYsc { display: block; width: 100%; } ._5RpYsc a { display: flex; align-items: center; } ._5RpYsc a span:last-child { margin-left: 4px; } .w2PkuI:not(._3IBzo_) ul { height: 0px; opacity: 0; } ul { height: auto; opacity: 1; transition: opacity 0.15s ease-in-out; padding-left: 0; flex-direction: column; overflow: hidden; } } @media (max-width: 576px) { .Noqxq1 .h-d-Ul { padding: 7px 8px; margin-right: 5px; margin-top: 2px; } } body.no-scroll { height: 100vh; overflow: hidden; } /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be in the script that generates this file: * /lyft/coreui/tools/generate_inset_spacers.js */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ ._23_vUL { display: flex; align-items: flex-end; user-select: none; } ._23_vUL svg:last-child { height: 20px; } @media (max-width: 576px) { ._23_vUL svg:last-child { display: none; } } ._32ccix { margin-right: 8px; width: fit-content; } ._32ccix[alt='Bay Wheels'] { max-height: 23px; } @media (min-width: 576px) { ._32ccix[alt='Bay Wheels'] { max-height: 30px; } } @media (min-width: 769px) { ._32ccix[alt='Bay Wheels'] { max-height: 57px; } } ._32ccix[alt='Capital Bikeshare'] { max-width: 196px; } ._32ccix[alt='Bluebikes'] { max-width: 200px; } ._32ccix[alt='Citi Bike'] { max-width: 137px; } ._32ccix[alt='Divvy'] { max-width: 130px; } ._32ccix[alt='BIKETOWN'] { max-width: 180px; } ._32ccix[alt='CoGo'] { max-width: 130px; } /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ /** * This file is automatically generated. Do not edit directly. * Any edits should be in the script that generates this file: * /lyft/coreui/tools/generate_inset_spacers.js */ /** * This file is automatically generated. Do not edit directly. * Any edits should be made in the LyftProductLanguage repo under: * /lyft/LyftProductLanguage/Tools/Templates/Web/ * Regenerate this file by running `make generate-web` in that project's root. */ ._1-He6M { width: 100%; position: relative; font-family: ProximaNova, sans-serif; background-color: #000; color: white; padding-top: 48px; } ._1-He6M a { color: white !important; text-decoration: none; } @media (min-width: 768px) { ._1-He6M { padding-top: 64px; } } ._1HVfBz { margin-top: 16px; } @media (min-width: 768px) { ._1HVfBz { margin-top: 32px; } } ._1HVfBz a { margin-right: 16px; } ._1HVfBz img { max-width: 40px; max-height: 40px; } @media (min-width: 1024px) { ._1HVfBz img { max-width: 64px; max-height: 64px; } } ._3C2iNc { margin-top: 32px; } ._3C2iNc a { margin-right: 32px; } ._3C2iNc img { max-height: 30px; } @media (min-width: 1024px) { ._3C2iNc img { max-height: 47px; } } ._2950X5 { width: 100%; margin: 0; padding: 0; list-style: none; max-height: 230px; display: flex; flex-direction: column; flex-wrap: wrap; } ._2950X5 li { margin-bottom: 8px; width: 50%; } @media (min-width: 768px) { ._2950X5 { max-height: 200px; } ._2950X5 li { width: 32%; } } ._2Sj4UB { margin-top: 32px; } @media (max-width: 768px) { ._2Sj4UB { text-align: right; } } ._2Sj4UB a { color: white !important; } ._2KG29E { zoom: 0.75; display: flex; flex-direction: row; flex-wrap: wrap; } @media (min-width: 768px) { ._2KG29E { zoom: 1; } } ._2KG29E > a { display: inline-block; } ._2KG29E > a:not(:last-child) { margin-right: 24px; } ._2KG29E > a img { max-height: 32px; } ._3RgN1z, ._2EFoyn, ._1qSSVo, ._97AWbf, ._2JVqzc { margin-top: 32px; display: flex; flex-direction: row; } ._3RgN1z > a, ._2EFoyn > a, ._1qSSVo > a, ._97AWbf > a, ._2JVqzc > a { display: inline-block; margin-right: 16px; } ._3RgN1z img, ._2EFoyn img, ._1qSSVo img, ._97AWbf img, ._2JVqzc img { max-height: 64px; } ._97AWbf > a { margin-right: 32px; } ._97AWbf img { max-height: 32px; } ._2JVqzc { align-items: center; } ._2JVqzc > a { margin-right: 24px; } ._2JVqzc > a:nth-child(1) { margin-top: -16px; } ._2JVqzc > a:nth-child(1) img { max-height: 70px; } ._2JVqzc > a:nth-child(2) img { max-height: 40px; } ._2JVqzc > a:nth-child(3) img { max-height: 30px; } @media (min-width: 768px) { ._2JVqzc > a:nth-child(1) { margin-top: -16px; } ._2JVqzc > a:nth-child(1) img { max-height: 100px; } ._2JVqzc > a:nth-child(2) img { max-height: 50px; } ._2JVqzc > a:nth-child(3) img { max-height: 40px; } } ._2EFoyn img { max-width: 120px; } ._2EFoyn a:nth-child(2) img { max-width: 80px; } ._2EFoyn a:nth-child(3) { margin-top: 17px; } ._1qSSVo { margin-top: 56px; } ._1qSSVo img { max-width: 200px; } .eG4tIf { text-transform: uppercase; } .TOgYzu { text-align: right; } ._1u9dDS { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 48px; } ._36DMHr { display: flex; flex-wrap: wrap; justify-content: flex-end; } ._36DMHr > a:not(:first-child), ._36DMHr > span:not(:first-child) { margin-left: 8px; } @media (min-width: 768px) { .wT2cOW { white-space: nowrap; } } ._3-GLSP { display: inline-block; } .umuxIs { display: flex; flex-wrap: wrap; justify-content: flex-end; } ._3Oko12 { margin-bottom: 24px; } ._3Oko12 img { max-height: 40px; } ._13FUAA { display: flex; justify-content: flex-end; } ._13FUAA > a { display: block; margin-left: 16px; } ._3_W8vvEiNh_AwgdIZhkwGv{font-weight:600;line-height:1}@media (min-width: 768px){._3_W8vvEiNh_AwgdIZhkwGv{width:500px}}._1ID_PhU7pZhPDEF-9YKBRK svg{color:#8f91ff}._1ID_PhU7pZhPDEF-9YKBRK div[role='listbox']{background-color:#f9f9fa;margin-top:0;padding:0;font-size:1rem;font-weight:normal;border:1px solid #ddd;box-shadow:0 4px 4px 0 #11111f;margin-bottom:1rem}._1ID_PhU7pZhPDEF-9YKBRK div[role='listbox'] ul{margin:0}._1ID_PhU7pZhPDEF-9YKBRK div[role='listbox'] li[aria-selected='true']{background-color:#8f91ff}._1ID_PhU7pZhPDEF-9YKBRK div[role='listbox'] li[aria-selected='true'] h4{color:white !important}._1ID_PhU7pZhPDEF-9YKBRK div[role='listbox'] h4{font-size:1rem;font-weight:normal;letter-spacing:normal;color:black;padding:0.5rem 1rem}._1uGYF6xxNQzYlgQc2ZA5Q-{font-size:2.5rem;padding:0.7rem 3rem 0.7rem 0;color:#8f91ff;border-color:#ddd !important;transition:all 1s ease-in-out}@media (min-width: 768px){._1uGYF6xxNQzYlgQc2ZA5Q-{font-size:3rem}}@media (max-width: 543px){._1uGYF6xxNQzYlgQc2ZA5Q-{font-size:2.3rem}}@media (max-width: 320px){._1uGYF6xxNQzYlgQc2ZA5Q-{font-size:2rem}}._1HcgEwgKIQ5ronQ3gUZuP6{color:#d8d8e4;border-color:#d8d8e4 !important;transition:all 1s ease-in-out}._1HcgEwgKIQ5ronQ3gUZuP6 svg{color:#d8d8e4;transition:all 1s ease-in-out}._3CwE8cNiRHzh9hzVtV49Ii{width:100%;margin-top:0}@media (min-width: 768px){._3CwE8cNiRHzh9hzVtV49Ii{margin-top:0.6rem}}._7fcQ4tX5Gt3sLn405vhNe{margin:0 auto;display:flex;flex-wrap:wrap}.Itx9LGo2FpV17EhV8Wq0o{display:none !important}._2eqs9itr1Ds-NmSevvd4Km{flex:1;display:flex;justify-content:flex-end;margin-top:0rem;margin-bottom:0rem}@media (min-width: 768px){._2eqs9itr1Ds-NmSevvd4Km{margin-top:0rem;margin-bottom:0rem}}@media (min-width: 768px){._2eqs9itr1Ds-NmSevvd4Km{order:1}}._2hPAm3w6NNKhSMCV2IgzYx{overflow:hidden;outline:none}._2bkeiH22QGQWzoBNDWcEXM{opacity:0 !important}.nQzPttCEARjSsC-N6rs1L{width:75%;opacity:1;transition:all 500ms ease-in-out}video:focus{outline:none}._2dbKLxXC5kyAEyYeVQUSM0{flex:1}._3zJh1roLvRzLq0EpytJ2Wa{display:flex;flex-direction:column}@media (min-width: 768px){._3zJh1roLvRzLq0EpytJ2Wa{flex-direction:row}}._1inBt_D7_x6Ch2lIciVKdX{line-height:1em;font-weight:600}@media (min-width: 768px){._1inBt_D7_x6Ch2lIciVKdX{width:6em}} .Gtk2v8ENCg5nJkZ_niBRx{border-radius:50%;width:36px;height:36px;min-width:36px;color:var(--core-ui-theme-text-primary, #0c0b31);border:3px solid var(--core-ui-theme-text-primary, #0c0b31);display:flex;align-items:center;justify-content:center;margin-right:24px}._2VrK1bI2bMQgnOhRFvw7r7{list-style:none;padding:0;margin:24px 0}._3uZ2ZREh7xJg0trj25FIr8{background-color:#F4F4FA;margin-right:8px;margin-bottom:8px;padding:2px 8px;display:inline-block;border-radius:4px}._2eyqxDa0mLDToLYCJfVdqX{display:flex;flex-wrap:wrap;margin:64px 0}.SZLeuuG9dN52DCXg08AcM{margin-bottom:64px}@media screen and (min-width: 1024px){.SZLeuuG9dN52DCXg08AcM{display:flex;width:calc(50% - 3rem);margin-left:64px}.SZLeuuG9dN52DCXg08AcM:nth-child(odd){margin-left:0}}._3m33KyJZnR1kA3yq9Kj0TW{object-fit:cover;padding-right:25px;width:275px;height:205px}@media screen and (min-width: 576px){._3m33KyJZnR1kA3yq9Kj0TW{padding-right:0;width:350px;height:260px}}._18uSmmPhRmbws6ugXRFmC3{margin:64px 0}._2wSlokLkjm_XFXD1DAzC7v{background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:530px;max-height:530px;margin-bottom:64px}._1v8_R4VfkwCiQz4ff7ZSvJ{margin-bottom:24px}._1v8_R4VfkwCiQz4ff7ZSvJ strong{display:inline-block;margin-right:4px}._2gAhyRHzHc_yI1xRaVBB-M{font-weight:bold}.ty8nxcQ_GIfuISOXgUezj{cursor:pointer}.YWGkJf9lVhF9Xbk40gOCO{text-align:center;margin-bottom:16px}._3vwXeb8k_aNWwowlZIGKgp{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:var(--core-ui-theme-icon-interactive, #523be4);color:#fff;border-radius:50%;font-size:12pt}._3vwXeb8k_aNWwowlZIGKgp:hover{cursor:pointer}.rTE5ecsTlM0a7irhIi7U3{opacity:1;animation-name:ccRGPgirC0M-2Jqg_uftp;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s}@keyframes ccRGPgirC0M-2Jqg_uftp{0%{opacity:0}100%{opacity:1}}._10l7sLfuxlhLKaJ-77SMB1{height:300px} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:ProximaNova;src:local("ProximaNova-Regular"),url(https://cdn.lyft.com/static/coreui/ProximaNova-Regular.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:ProximaNova;src:local("ProximaNova-RegularItalic"),url(https://cdn.lyft.com/static/coreui/ProximaNova-RegularItalic.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/ProximaNova-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:fallback}@font-face{font-family:ProximaNova;src:local("ProximaNova-Medium"),url(https://cdn.lyft.com/static/coreui/ProximaNova-Medium.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/ProximaNova-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:fallback}@font-face{font-family:ProximaNova;src:local("ProximaNova-MediumItalic"),url(https://cdn.lyft.com/static/coreui/ProximaNova-MediumItalic.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/ProximaNova-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:fallback}@font-face{font-family:ProximaNova;src:local("ProximaNova-Bold"),url(https://cdn.lyft.com/static/coreui/ProximaNova-Bold.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:fallback}@font-face{font-family:ProximaNova;src:local("ProximaNova-BoldItalic"),url(https://cdn.lyft.com/static/coreui/ProximaNova-BoldItalic.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/ProximaNova-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:fallback}@font-face{font-family:LyftProUI;src:local("LyftProUI-Light"),url(https://cdn.lyft.com/static/coreui/LyftProUI-Light.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/LyftProUI-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:fallback}@font-face{font-family:LyftProUI;src:local("LyftProUI-LightItalic"),url(https://cdn.lyft.com/static/coreui/LyftProUI-LightItalic.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/LyftProUI-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:fallback}@font-face{font-family:LyftProUI;src:local("LyftProUI-Semibold"),url(https://cdn.lyft.com/static/coreui/LyftProUI-Semibold.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/LyftProUI-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:fallback}@font-face{font-family:LyftProUI;src:local("LyftProUI-SemiboldItalic"),url(https://cdn.lyft.com/static/coreui/LyftProUI-SemiboldItalic.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/LyftProUI-SemiboldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:fallback}@font-face{font-family:LyftProUI;src:local("LyftProUI-Bold"),url(https://cdn.lyft.com/static/coreui/LyftProUI-Bold.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/LyftProUI-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:fallback}@font-face{font-family:LyftProUI;src:local("LyftProUI-BoldItalic"),url(https://cdn.lyft.com/static/coreui/LyftProUI-BoldItalic.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/LyftProUI-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:fallback}@font-face{font-family:ProximaNova-Regular-Integers;src:local("ProximaNova-Regular"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-Regular-Integers.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-Regular-Integers.woff) format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:ProximaNova-Regular-Integers;src:local("ProximaNova-RegularItalic"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-RegularItalic-Integers.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-RegularItalic-Integers.woff) format("woff");font-weight:400;font-style:italic;font-display:fallback}@font-face{font-family:ProximaNova-Medium-Integers;src:local("ProximaNova-Medium"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-Medium-Integers.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-Medium-Integers.woff) format("woff");font-weight:500;font-style:normal;font-display:fallback}@font-face{font-family:ProximaNova-Medium-Integers;src:local("ProximaNova-MediumItalic"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-MediumItalic-Integers.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-MediumItalic-Integers.woff) format("woff");font-weight:500;font-style:italic;font-display:fallback}@font-face{font-family:ProximaNova-Bold-Integers;src:local("ProximaNova-Bold"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-Bold-Integers.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-Bold-Integers.woff) format("woff");font-weight:700;font-style:normal;font-display:fallback}@font-face{font-family:ProximaNova-Bold-Integers;src:local("ProximaNova-BoldItalic"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-BoldItalic-Integers.woff2) format("woff2"),url(https://cdn.lyft.com/static/coreui/monospace/ProximaNova-BoldItalic-Integers.woff) format("woff");font-weight:700;font-style:italic;font-display:fallback}._2IkxKm{font-family:LyftProUI,sans-serif;font-weight:600;font-size:30px;line-height:36px}@media (min-width:768px){._2IkxKm{font-size:36px;line-height:44px}}._1-q4WS{font-size:26px;line-height:32px}._1-q4WS,.s1OcIG{font-family:LyftProUI,sans-serif;font-weight:700}.s1OcIG{font-size:22px;line-height:28px}._11bt1e{font-family:LyftProUI,sans-serif;font-weight:700;font-size:20px;line-height:24px}._1WeeCl{font-family:ProximaNova,sans-serif;font-weight:700;font-size:17px;line-height:20px}@media (min-width:768px){._1WeeCl{font-size:16px;line-height:20px}}.vnHJ1x{font-size:20px;line-height:24px}._2g0hyJ,.vnHJ1x{font-family:ProximaNova,sans-serif;font-weight:700}._2g0hyJ{font-size:17px;line-height:20px}@media (min-width:768px){._2g0hyJ{font-size:16px;line-height:20px}}._2PH4y3{font-family:ProximaNova,sans-serif;font-weight:700;font-size:15px;line-height:18px}@media (min-width:768px){._2PH4y3{font-size:14px;line-height:18px}}.mhiWbW{font-size:20px;line-height:24px}._3ykYqA,.mhiWbW{font-family:ProximaNova,sans-serif;font-weight:500}._3ykYqA{font-size:17px;line-height:20px}@media (min-width:768px){._3ykYqA{font-size:16px;line-height:20px}}._33Fs5Q{font-family:ProximaNova,sans-serif;font-weight:500;font-size:15px;line-height:18px}@media (min-width:768px){._33Fs5Q{font-size:14px;line-height:18px}}.LtGoOG{font-size:20px;line-height:26px}._1veZ-d,.LtGoOG,body{font-family:ProximaNova,sans-serif;font-weight:400}._1veZ-d,body{font-size:17px;line-height:22px}@media (min-width:768px){._1veZ-d,body{font-size:16px;line-height:22px}}._3SSoW2{font-family:ProximaNova,sans-serif;font-weight:400;font-size:15px;line-height:20px}@media (min-width:768px){._3SSoW2{font-size:14px;line-height:20px}}._2blawb{font-family:LyftProUI,sans-serif;font-weight:600;font-size:48px;line-height:54px}@media (min-width:768px){._2blawb{font-size:60px;line-height:70px}}@media (min-width:1024px){._2blawb{font-size:80px;line-height:92px}}.z70tcH{font-family:LyftProUI,sans-serif;font-weight:600;font-size:36px;line-height:44px}@media (min-width:768px){.z70tcH{font-size:48px;line-height:58px}}._3A7IXn{font-family:LyftProUI,sans-serif;font-weight:300;font-size:30px;line-height:36px}@media (min-width:768px){._3A7IXn{font-size:36px;line-height:44px}}._2PXRPm{font-family:ProximaNova,sans-serif;font-weight:400;font-size:13px;line-height:16px}@media (min-width:768px){._2PXRPm{font-size:12px;line-height:16px}}._21_N-y{font-family:ProximaNova,sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;line-height:20px}@media (min-width:768px){._21_N-y{font-size:16px;line-height:20px}}._2b8NlW{font-family:ProximaNova,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;line-height:16px}@media (min-width:768px){._2b8NlW{font-size:12px;line-height:16px}}.nsrH1g{font-family:ProximaNova,sans-serif;font-weight:400;font-size:17px;line-height:20px}@media (min-width:768px){.nsrH1g{font-size:16px;line-height:20px}}._3h_dHS{font-family:ProximaNova,sans-serif;font-weight:400;font-size:15px;line-height:18px}@media (min-width:768px){._3h_dHS{font-size:14px;line-height:18px}}._17MnsJ{font-family:ProximaNova,sans-serif;font-weight:700;font-size:17px;line-height:20px}@media (min-width:768px){._17MnsJ{font-size:16px;line-height:20px}}._2rrbLv{font-family:ProximaNova,sans-serif;font-weight:700;font-size:15px;line-height:18px}@media (min-width:768px){._2rrbLv{font-size:14px;line-height:18px}}._2XGUQW{font-size:26px;line-height:32px}._2WzOsI,._2XGUQW{font-family:ProximaNova,sans-serif;font-weight:500}._2WzOsI{font-size:20px;line-height:24px}._2xndzK{font-family:ProximaNova,sans-serif;font-weight:500;font-size:17px;line-height:20px}@media (min-width:768px){._2xndzK{font-size:16px;line-height:20px}}.IYF3B8{font-family:ProximaNova,sans-serif;font-weight:500;font-size:15px;line-height:18px}@media (min-width:768px){.IYF3B8{font-size:14px;line-height:18px}}._2H_T4C{font-size:26px;line-height:32px}._1s3XfH,._2H_T4C{font-family:ProximaNova,sans-serif;font-weight:700}._1s3XfH{font-size:20px;line-height:24px}.M4Tici{font-family:ProximaNova,sans-serif;font-weight:700;font-size:17px;line-height:20px}@media (min-width:768px){.M4Tici{font-size:16px;line-height:20px}}._1kFokQ{font-family:ProximaNova,sans-serif;font-weight:700;font-size:15px;line-height:18px}@media (min-width:768px){._1kFokQ{font-size:14px;line-height:18px}}._3e8xuN{font-family:Courier,sans-serif;font-weight:400;font-size:15px;line-height:20px}@media (min-width:768px){._3e8xuN{font-size:14px;line-height:20px}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}:focus{outline:var(--core-ui-theme-text-interactive,#523be4) solid 1px;outline-offset:1px}.js-focus-visible :not(.focus-visible):focus,[aria-disabled=true]{outline:none}.js-focus-visible .focus-visible:not(:disabled):not([disabled]){outline:var(--core-ui-theme-text-interactive,#523be4) solid 1px;outline-offset:1px}.js-focus-visible .core-ui-focus.focus-visible:not(:disabled):not([disabled]),.js-focus-visible a.focus-visible:not(:disabled):not([disabled]){position:relative}.js-focus-visible .core-ui-focus.focus-visible:not(:disabled):not([disabled]):after,.js-focus-visible a.focus-visible:not(:disabled):not([disabled]):after{content:"";position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;box-shadow:0 0 0 3px var(--core-ui-theme-text-interactive,#523be4);opacity:.3}[dir=rtl] .core-ui-rtl-animation{animation-direction:reverse!important}body{color:var(--core-ui-theme-text-primary,#0c0b31);background-color:var(--core-ui-theme-background-primary,#fff)}a{color:var(--core-ui-theme-text-interactive,#523be4);text-decoration:underline}a:hover{color:var(--core-ui-theme-text-primary,#0c0b31)}a:focus{color:var(--core-ui-theme-text-interactive,#523be4);outline-offset:1px}h1,h2,h3,h4,h5,h6{margin:0;letter-spacing:inherit}p{margin:0}button{cursor:pointer} /** * This file exists to enable importing `@lyft/core-ui/base.css`. * Any changes should be made to /src/attributes/base.scss. */ ._1iQOkNv7YjKdwbR_r779YI{position:relative;display:flex;flex-direction:column;text-decoration:none}._1iQOkNv7YjKdwbR_r779YI:hover{text-decoration:none}@media screen and (max-width: 767px){._1iQOkNv7YjKdwbR_r779YI{align-items:center;justify-content:center}}._1CwsiiqIXuBNI_sgsl4_NK{background-position:center;background-repeat:no-repeat;background-size:cover;height:300px;width:100%}@media screen and (max-width: 767px){._1CwsiiqIXuBNI_sgsl4_NK{filter:brightness(0.5)}}.amLKbtKItp5jmhm2Oysrb{color:#000}@media screen and (max-width: 767px){.amLKbtKItp5jmhm2Oysrb{position:absolute;text-align:center;color:#fff}}.wtSPN6hlDMO_wnR_cx494{background-position:center;background-repeat:no-repeat;background-size:cover;height:300px;width:300px;margin-bottom:24px}@media screen and (max-width: 767px){.wtSPN6hlDMO_wnR_cx494{width:400px}}._2XMcoCyC9Sbw7SL3ZuFM_8{display:flex;align-items:center;height:250px}._2RjZCCJJsBunPbnsk6e3XX{width:280px}.RbzijFNQTxXMzzW4PSzQJ{text-decoration:none;color:#000}.RbzijFNQTxXMzzW4PSzQJ:hover{text-decoration:none;color:#000}.RbzijFNQTxXMzzW4PSzQJ:focus{color:#000} @media (min-width: 544px){._3vD8K3Ep9YNzFG1uvpbRKM{display:flex;justify-content:space-around}}._1Zq88UIRt3f9GWh5iJZdMf{background-color:#F4F4FA}@media (min-width: 992px){._1fGfafRg70W_aLFBnMynIf{column-count:2}}._2gITJb1dbeX58n4qe7q6EL{list-style:none;margin:1rem 0}._2gITJb1dbeX58n4qe7q6EL:first-child{margin-top:0}._3HR-dtoLFO6NKbg05l-RT{color:#71006F}._3HR-dtoLFO6NKbg05l-RT:hover,._3HR-dtoLFO6NKbg05l-RT:active{color:#0C0B31}._3EiA7BjnwSlhUukse1YbI8{width:100%;display:flex;align-items:center}._3EiA7BjnwSlhUukse1YbI8:first-child{margin-bottom:1rem}@media (min-width: 544px){._3EiA7BjnwSlhUukse1YbI8{flex:1}._3EiA7BjnwSlhUukse1YbI8:first-child{margin-bottom:0}}._3EiA7BjnwSlhUukse1YbI8 svg{height:64px;width:64px}._2A12H_fp_b7AaARJwGI7IU{margin-right:16px;margin-top:16px;display:inline-block}._2wx3oFfUdgKYc8QKQqzxiP h1,._2wx3oFfUdgKYc8QKQqzxiP h2,._2wx3oFfUdgKYc8QKQqzxiP h3,._2wx3oFfUdgKYc8QKQqzxiP h4,._2wx3oFfUdgKYc8QKQqzxiP h5,._2wx3oFfUdgKYc8QKQqzxiP h6{letter-spacing:inherit}._2Nbjr3kNp878GJLkNhTyhf{text-align:center;margin-bottom:16px}._1jSWnAfkSsPn49r0BX1Akz{display:inline-flex;align-items:center}@media (max-width: 767px){._1jSWnAfkSsPn49r0BX1Akz{margin-top:16px}}._2CxnuQ14INET09Qda94A1H{display:flex;align-items:center}@media (max-width: 767px){._2CxnuQ14INET09Qda94A1H{flex-direction:column;align-items:start}}._3ynYzI7yJc8X1Z05yr5c3w{float:right;display:flex;align-items:center}._18BLZA0NLfgWK5K_GVS5v4{word-break:break-word;display:flex}@media (max-width: 991px){._18BLZA0NLfgWK5K_GVS5v4{flex-direction:column}}._3RmXNJmZt8x4Cexni4Yxni{position:relative;display:flex;flex-direction:column;text-decoration:none}._3RmXNJmZt8x4Cexni4Yxni:hover{text-decoration:none}@media screen and (max-width: 767px){._3RmXNJmZt8x4Cexni4Yxni{align-items:center;justify-content:center}}._1HV9TOTndwq7kYdGsu8s3p{background-position:center;background-repeat:no-repeat;background-size:cover;height:250px;width:100%}._3TNgETWmDldNzFDzW6gmoJ{color:#000}@media screen and (max-width: 767px){._3TNgETWmDldNzFDzW6gmoJ{position:absolute;color:#fff}} ._vVZyO_90QARA1tB2YmwS{margin-top:1.5rem;margin-bottom:1rem;margin-bottom:0}.f9_6UrYSn5F6j3zyNcheZ{display:flex}@media (max-width: 767px){.f9_6UrYSn5F6j3zyNcheZ{flex-direction:column}}._1cNOq58HrqQmlKOP8oHQSy{display:inline-flex;align-items:center;margin-left:.5rem}@media (max-width: 767px){._1cNOq58HrqQmlKOP8oHQSy{margin-left:0;margin-top:1rem}}.N4Vg-2eeSgrXVXQevXUa0{margin-left:.25rem}