.hide{display:none!important}.commutes{color:#202124;flex-flow:column wrap;align-content:stretch;width:100%;min-width:280px;min-height:420px;font-family:Arial,sans-serif;display:flex;overflow:visible}.commutes-map{border-radius:8px;flex:320px;min-height:320px;overflow:hidden}.commutes-map .map-view{width:100%;height:100%;min-height:320px}.commutes-info{flex:none;max-width:100%;overflow:hidden}.commutes-initial-state{border:1px solid #dadce0;border-radius:8px;height:98px;margin-top:8px;padding:0 16px;display:flex}.commutes-initial-state svg{align-self:center}.commutes-initial-state .description{flex-grow:1;align-self:center;padding:0 16px}.commutes-initial-state .description .heading{margin:0;font:22px/28px Arial,sans-serif}.commutes-initial-state .description p{color:#5f6368;margin:0;font:13px/20px Arial,sans-serif}.commutes-initial-state .add-button{background-color:var(--glamics-primary,#1a73e8);border-color:var(--glamics-primary,#1a73e8);color:#fff;cursor:pointer;fill:#fff;white-space:nowrap;border-style:solid;border-radius:4px;align-self:center;padding:8px 16px 8px 8px;display:inline-flex}.commutes-initial-state .add-button .label{padding-left:8px;font:600 15px/24px Arial,sans-serif}@media (max-width:535px){.commutes-initial-state svg{display:none}.commutes-initial-state .description{padding-left:0}.commutes-initial-state .description .heading{font-size:15px;font-weight:700;line-height:24px}}.commutes-destinations{width:100%;display:none;position:relative}.commutes-destinations:hover .visible{display:block}.commutes-destinations .destinations-container{white-space:nowrap;width:100%;padding:8px 8px 4px;display:flex;overflow-x:auto}.commutes-destinations .destinations-container::-webkit-scrollbar{display:none}.commutes-destinations .destinations-container::-webkit-scrollbar-thumb{background-color:#dadce0;width:4px}.commutes-destinations .destination-list{flex-grow:1;display:flex}.commutes-destinations .right-control,.commutes-destinations .left-control{cursor:pointer;fill:#616161;z-index:100;background-color:#fff;border-style:none;border-radius:40px;width:40px;height:40px;padding:8px;display:none;position:absolute;bottom:35px;box-shadow:0 2px 3px #3c40434d,0 6px 10px 4px #3c404326}.commutes-destinations .right-control.visible,.commutes-destinations .left-control.visible{display:block}.commutes-destinations .right-control:hover,.commutes-destinations .left-control:hover{background-color:#f1f3f4}.commutes-destinations .left-control{left:16px}.commutes-destinations .right-control{right:16px}.commutes-destinations .add-button{color:#1967d2;cursor:pointer;fill:#1967d2;background-color:#e8f0fe;border-style:solid;border-color:#e8f0fe;border-radius:8px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:4px;min-width:156px;padding:20px 16px;font-weight:700;display:flex}.commutes-destinations .add-button:hover{color:#185abc;fill:#185abc;background-color:#d2e3fc;border-color:#d2e3fc}.commutes-destinations .destination-container{cursor:pointer;flex:1 1 0;display:flex;position:relative}.commutes-destinations .destination{color:#5f6368;fill:#5f6368;border-radius:4px;justify-content:space-between;width:100%;min-width:256px;height:72px;margin-right:8px;padding:12px;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.commutes-destinations .active:after{content:"";background-color:#4285f4;width:100%;height:4px;display:block;position:absolute;top:0;left:0}.commutes-destinations .active+.destination-controls .directions-button{fill:#4285f4}.commutes-destinations .active+.destination-controls .edit-button{opacity:1}.commutes-destinations .active .metadata .location-marker{color:#d93025;background-color:#fce8e6}.commutes-destinations .destination-container:hover,.commutes-destinations .destination-container:focus-within{background-color:#f8f9fa}.commutes-destinations .destination-container:hover .edit-button,.commutes-destinations .destination-container:focus-within .edit-button{opacity:1}.commutes-destinations .destination .destination-content{font-size:12px;line-height:20px;overflow:hidden}.commutes-destinations .destination .metadata{align-items:center;gap:4px;margin-bottom:4px;display:flex}.commutes-destinations .destination-container svg{width:18px;height:18px}.commutes-destinations .destination .location-marker{color:#616161;text-align:center;background-color:#f1f3f4;border-radius:8px;min-width:16px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;display:inline-block}.commutes-destinations .destination .address{color:#202124;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.commutes-destinations .destination .address abbr{text-decoration:none}.commutes-destinations .destination .destination-eta{color:#5f6368}.commutes-destinations .destination-controls{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;display:flex}.commutes-destinations .destination-controls .directions-button{color:inherit;fill:#5f6368;align-items:center;padding:4px;display:flex}.commutes-destinations .destination-controls .edit-button{color:#5f6368;cursor:pointer;fill:#5f6368;opacity:0;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:2px 4px;font-size:10px;transition:opacity .15s;display:flex}.commutes-modal-container{z-index:1000;background-color:#20212499;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.commutes-modal-container[style*=flex]{display:flex}.commutes-modal{background:#fff;border-radius:8px;width:min(420px,100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.commutes-modal .content{flex-direction:column;gap:16px;padding:24px;display:flex}.commutes-modal .heading{margin:0;font:500 20px/28px Arial,sans-serif}.commutes-modal #destination-address-input{color:#202124;border:1px solid #dadce0;border-radius:4px;width:100%;padding:10px 12px;font-size:15px}.commutes-modal #destination-address-input:focus{border-color:var(--glamics-primary,#1a73e8);outline:none}.commutes-modal #destination-address-input.error{border-color:#d93025}.commutes-modal .error-message{color:#d93025;min-height:16px;font-size:12px}.commutes-modal .travel-modes{gap:8px;display:flex}.commutes-modal .travel-modes input[type=radio]{opacity:0;width:0;height:0;position:absolute}.commutes-modal .travel-modes label{cursor:pointer;fill:#5f6368;border:1px solid #dadce0;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;height:44px;display:flex}.commutes-modal .travel-modes label svg{width:22px;height:22px}.commutes-modal .travel-modes input[type=radio]:checked+label{border-color:var(--glamics-primary,#1a73e8);fill:var(--glamics-primary,#1a73e8);background-color:#e8f0fe}.commutes-modal .travel-modes input[type=radio]:focus-visible+label{outline:2px solid var(--glamics-primary,#1a73e8);outline-offset:2px}.commutes-modal .modal-action-bar{justify-content:flex-end;gap:8px;display:flex}.commutes-modal .modal-action-bar button{cursor:pointer;border:none;border-radius:4px;padding:10px 16px;font:500 14px/20px Arial,sans-serif}.commutes-modal .modal-action-bar .cancel-button,.commutes-modal .modal-action-bar .delete-destination-button{color:#5f6368;background:0 0;margin-right:auto}.commutes-modal .modal-action-bar .cancel-button:hover,.commutes-modal .modal-action-bar .delete-destination-button:hover{background-color:#f1f3f4}.commutes-modal .modal-action-bar .delete-destination-button{color:#d93025}.commutes-modal .modal-action-bar .add-destination-button,.commutes-modal .modal-action-bar .edit-destination-button{background-color:var(--glamics-primary,#1a73e8);color:#fff}.commutes-modal .modal-action-bar .add-destination-button:hover,.commutes-modal .modal-action-bar .edit-destination-button:hover{filter:brightness(.94)}