.describe-commute-container{width:100%}
.describe-commute-container .collapsible-content-container{width:inherit}
.describe-commute-container .collapsible-content-container .commute-locations{display:flex;justify-content:space-between}
.describe-commute-container .collapsible-content-container .commute-locations label{font-family:"din-2014",sans-serif;font-size:14px;line-height:25px;color:#4a4a4a;font-style:normal}
.describe-commute-container .collapsible-content-container .commute-locations .field{width:48%;position:relative}
.describe-commute-container .collapsible-content-container .commute-locations input{border:1px solid #d5d5d5;height:56px;font-family:"proxima-nova",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:24px;letter-spacing:-0.25px;color:#4a4a4a;width:100%;padding:15px}
.describe-commute-container .collapsible-content-container .commute-locations input:not(:focus){white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis;padding:15px 80px 15px 15px}
.describe-commute-container .collapsible-content-container .commute-locations input:focus{outline:1px auto #049b5c;box-shadow:0 0 5px 0 #049b5c;outline-style:solid}
.describe-commute-container .collapsible-content-container .commute-locations input::placeholder{color:#838383}
.describe-commute-container .collapsible-content-container .commute-locations li[class$="-addressAutocomplete"]{color:#f96302;font-family:"proxima-nova",sans-serif;font-style:normal;font-weight:600;font-size:15px;line-height:20px}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays{margin-top:24px}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays .days .day-btn{color:#00a664;display:inline-block;background-color:#fff;height:40px;width:40px;font-size:14px;text-align:center;border-radius:25px;border:solid 2px #00a664;cursor:pointer;margin:0 8px 0 0;padding:0;text-transform:uppercase;line-height:36px;font-family:"din-2014",sans-serif;font-weight:700;text-decoration:none}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays .days .day-btn:focus{outline:1px auto #0f8952;box-shadow:0 0 5px 0 #049b5c;outline-style:solid}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays .days .day-btn.active{color:#0f8952;border:solid 2px #0f8952;background:#d4ede1}
.describe-commute-container .collapsible-content-container .commute-days .minCommuteDays{font-style:normal;font-weight:400;font-size:14px;line-height:18px;margin-top:16px;color:#838383}
.describe-commute-container .collapsible-content-container .time-entry{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:space-between;margin-bottom:10px;grid-gap:30px}
.describe-commute-container .collapsible-content-container .flexibility-container{font-family:"din-2014",sans-serif;font-style:normal;font-weight:200;font-size:14px;line-height:18px;color:#4a4a4a;width:100%;position:relative}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label{display:flex;justify-content:space-between}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label>span{font-family:"din-2014",sans-serif;font-style:normal;font-size:14px;line-height:25px;font-weight:700}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label .commute-tooltip{position:relative}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label .info .message{font-style:normal;font-weight:400;font-size:12px;line-height:18px;padding-right:30px;color:#fff;background:#4a4a4a;border-color:#4a4a4a;left:-23.5rem;top:-8.5rem;width:260px;border-radius:8px}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label .info .message:after{transform:rotate(180deg);border-bottom:.8rem solid #4a4a4a;left:91%;top:100%}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label .info .message:before{transform:rotate(180deg);border-bottom:.8rem solid #4a4a4a;left:91%;top:100%}
.describe-commute-container .collapsible-content-container .flexibility-container .flexibility-label .info .message .closeIcon{position:absolute;right:10px;top:10px}
.describe-commute-container .collapsible-content-container .select-container{font-family:"din-2014",sans-serif;font-style:normal;font-weight:200;font-size:14px;line-height:18px;color:#4a4a4a;width:100%;position:relative}
.describe-commute-container .collapsible-content-container .select-container>span{font-family:"din-2014",sans-serif;font-style:normal;font-size:14px;line-height:25px;font-weight:700}
.describe-commute-container .collapsible-content-container .select-container .select-header{height:56px;padding:10px;font-family:"din-2014",sans-serif;border:2px solid #d5d5d5;display:flex;align-items:center;justify-content:space-between}
.describe-commute-container .collapsible-content-container .select-container .select-header>*{pointer-events:none}
.describe-commute-container .collapsible-content-container .select-container .select-header:focus{outline:1px auto #049b5c;box-shadow:0 0 5px 0 #049b5c;outline-style:solid}
.describe-commute-container .collapsible-content-container .select-container .select-header .selected-time{width:45%;display:flex;align-items:center;padding-top:5px}
.describe-commute-container .collapsible-content-container .select-container .select-header .selected-time .selected-hour{color:#00a664;font-weight:400;font-size:40px;line-height:24px;margin-right:5px}
.describe-commute-container .collapsible-content-container .select-container .select-header .selected-time .selected-mins-day{display:flex;flex-direction:column;color:#000}
.describe-commute-container .collapsible-content-container .select-container .select-header .placeholder{width:50%;display:flex;justify-content:flex-start;font-family:"din-2014",sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:24px;align-items:center;color:#00a664}
.describe-commute-container .collapsible-content-container .select-container .select-header .placeholder .text{margin-left:15px}
.describe-commute-container .collapsible-content-container .select-container .time-arrow{border-right:2px solid;border-bottom:2px solid;padding:3px;border-color:#00a664}
.describe-commute-container .collapsible-content-container .select-container .time-arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transition:transform .2s linear,opacity .2s linear}
.describe-commute-container .collapsible-content-container .select-container .time-arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:transform .2s linear,opacity .2s linear}
.describe-commute-container .collapsible-content-container .dropdown-list{background:#fff;border:2px solid #d5d5d5;color:#0f8952;z-index:10;position:absolute;height:265px;overflow:auto;font-family:"din-2014",sans-serif;font-style:normal;font-weight:700;font-size:15px;line-height:24px;text-indent:16px;width:178px;width:-webkit-fill-available;height:auto;max-height:300px}
.describe-commute-container .collapsible-content-container .dropdown-list .list-item{height:35px;display:flex;align-items:center;padding-left:15px;border-bottom:1px solid #d5d5d5;cursor:default}
.describe-commute-container .collapsible-content-container .dropdown-list .list-item:hover{background:#0f8952;color:#fff}
.describe-commute-container .collapsible-content-container .dropdown-list .list-item:focus{background:#0f8952;color:#fff}
.describe-commute-container .collapsible-content-container .dropdown-list .list-item:first-child{margin-top:.8em}
.describe-commute-container .collapsible-content-container .dropdown-list .list-item:last-child{border-bottom:0}
.describe-commute-container .collapsible-content-container .dropdown-list::-webkit-scrollbar{width:5px}
.describe-commute-container .collapsible-content-container .dropdown-list::-webkit-scrollbar-track{border-radius:3px}
.describe-commute-container .collapsible-content-container .dropdown-list::-webkit-scrollbar-thumb{background:#838383;border-radius:10px}
.describe-commute-container .collapsible-content-container .flexibility-header{height:56px;padding:10px 10px;background:#fff;border:2px solid #d5d5d5;display:flex;align-items:center;justify-content:space-between}
.describe-commute-container .collapsible-content-container .flexibility-header>*{pointer-events:none}
.describe-commute-container .collapsible-content-container .flexibility-header:focus{outline:1px auto #049b5c;box-shadow:0 0 5px 0 #049b5c;outline-style:solid}
.describe-commute-container .collapsible-content-container .flexibility-header .placeholder{font-family:"proxima-nova",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:24px;align-items:center;letter-spacing:-0.25px;color:#4a4a4a}
.describe-commute-container .collapsible-content-container .flexibility-header .placeholder .text{margin-top:5px}
.describe-commute-container .collapsible-content-container .time-arrow{border-right:2px solid;border-bottom:2px solid;padding:3px;border-color:#00a664}
.describe-commute-container .collapsible-content-container .time-arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transition:transform .2s linear,opacity .2s linear}
.describe-commute-container .collapsible-content-container .time-arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:transform .2s linear,opacity .2s linear}
.describe-commute-container .collapsible-content-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#describe-me-and-friends{width:866px;margin:0 auto;padding:20px;background:#fff}
#describe-me-and-friends .describe-commute-container{display:block}
#describe-me-and-friends #firstContinue{display:none}
@media screen and (max-width:1024px) and (min-width:768px){.describe-commute-container .time-entry{grid-gap:15px}
.describe-commute-container .time-entry .select-container{width:auto}
.describe-commute-container .time-entry .flexibility-container{width:auto}
#describe-me-and-friends{width:auto}
}
@media screen and (max-width:767px){.describe-commute-container{display:flex;flex-direction:column;align-items:flex-start;padding-left:19px;padding-right:19px;width:100%}
.describe-commute-container .collapsible-content-container{width:inherit}
.describe-commute-container .collapsible-content-container .commute-locations{width:100%;flex-direction:column}
.describe-commute-container .collapsible-content-container .commute-locations .field{width:100%}
.describe-commute-container .collapsible-content-container .commute-locations .field:nth-child(2){margin-top:15px}
.describe-commute-container .collapsible-content-container .commute-days{width:100%}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays{margin-top:20px}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays .days .day-btn{height:40px;width:40px;font-size:12px;text-align:center;margin:0 2px 0 0;padding:0;text-transform:uppercase;font-weight:700}
.describe-commute-container .collapsible-content-container .commute-days .commuteDays .days .day-btn :last-of-type{margin:0}
.describe-commute-container .collapsible-content-container .time-entry{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;width:100%;margin-bottom:10px}
.describe-commute-container .collapsible-content-container .join-commute-continue-button{width:100%}
#describe-me-and-friends{width:auto}
}