.commutes-widget{height:560px;border:2px solid var(--color-divider);margin-top:var(--space-4)}@media (max-width:640px){.commutes-widget{height:620px}}.commutes-widget .commutes{align-content:stretch;color:#202124;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Arial,sans-serif;height:100%;min-height:256px;overflow:auto;width:100%}.commutes-widget .commutes-info{flex:0 0 110px;max-width:100%;overflow:hidden}.commutes-widget .commutes-initial-state{border-radius:8px;border:1px solid #dadce0;display:flex;height:98px;margin:8px;padding:0 16px}.commutes-widget .commutes-initial-state svg{align-self:center}.commutes-widget .commutes-initial-state .description{align-self:center;flex-grow:1;padding:0 16px}.commutes-widget .commutes-initial-state .description .heading{font:22px/28px Arial,sans-serif;margin:0;letter-spacing:normal;text-transform:none;color:#202124}.commutes-widget .commutes-initial-state .description p{color:#5f6368;font:13px/20px Arial,sans-serif;margin:0}.commutes-widget .commutes-initial-state .add-button{align-self:center;background-color:#1a73e8;border-color:#1a73e8;border-radius:4px;border-style:solid;color:#fff;cursor:pointer;display:inline-flex;fill:#fff;padding:8px 16px 8px 8px;white-space:nowrap}.commutes-widget .commutes-initial-state .add-button .label{font:normal 600 15px/24px Arial,sans-serif;padding-left:8px}@media (max-width:535px){.commutes-widget .commutes-initial-state svg{display:none}.commutes-widget .commutes-initial-state .description{padding-left:0}.commutes-widget .commutes-initial-state .description .heading{font-weight:700;font-size:15px;line-height:24px}}.commutes-widget .commutes-destinations{display:none;position:relative;width:100%}.commutes-widget .commutes-destinations:hover .visible{display:block}.commutes-widget .commutes-destinations .destinations-container{display:flex;overflow-x:auto;padding:8px 8px 4px;white-space:nowrap;width:100%}.commutes-widget .commutes-destinations .destinations-container::-webkit-scrollbar{display:none}.commutes-widget .commutes-destinations .destination-list{display:flex;flex-grow:1}.commutes-widget .commutes-destinations .left-control,.commutes-widget .commutes-destinations .right-control{background-color:#fff;border-radius:40px;border-style:none;bottom:35px;box-shadow:0 2px 3px 0 rgb(60 64 67/30%),0 6px 10px 4px rgb(60 64 67/15%);cursor:pointer;fill:#616161;height:40px;padding:8px;position:absolute;width:40px;z-index:100}.commutes-widget .commutes-destinations .left-control:hover,.commutes-widget .commutes-destinations .right-control:hover{background-color:#f1f3f4}.commutes-widget .commutes-destinations .left-control{left:16px}.commutes-widget .commutes-destinations .right-control{right:16px}.commutes-widget .commutes-destinations .add-button{align-items:center;background-color:#e8f0fe;border-radius:8px;border-color:#e8f0fe;border-style:solid;color:#1967d2;cursor:pointer;display:flex;fill:#1967d2;flex-direction:column;flex-grow:1;font-weight:700;gap:4px;justify-content:center;min-width:156px;padding:20px 16px}.commutes-widget .commutes-destinations .add-button:hover{background-color:#d2e3fc;border-color:#d2e3fc;color:#185abc;fill:#185abc}.commutes-widget .commutes-destinations .destination-container{cursor:pointer;display:flex;flex:1 1;position:relative}.commutes-widget .commutes-destinations .destination{border-radius:4px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);color:#5f6368;fill:#5f6368;height:72px;justify-content:space-between;margin-right:8px;min-width:256px;overflow:hidden;padding:12px;position:relative;width:100%}.commutes-widget .commutes-destinations .active:after{background-color:#4285f4;content:"";display:block;height:4px;left:0;position:absolute;top:0;width:100%}.commutes-widget .commutes-destinations .active+.destination-controls .directions-button{fill:#4285f4}.commutes-widget .commutes-destinations .active+.destination-controls .edit-button{opacity:1}.commutes-widget .commutes-destinations .active .metadata .location-marker{background-color:#fce8e6;color:#d93025}.commutes-widget .commutes-destinations .destination-container:focus-within,.commutes-widget .commutes-destinations .destination-container:hover{background-color:#f8f9fa}.commutes-widget .commutes-destinations .destination-container:focus-within .edit-button,.commutes-widget .commutes-destinations .destination-container:hover .edit-button{opacity:1}.commutes-widget .commutes-destinations .destination .destination-content{font-size:12px;line-height:20px;overflow:hidden}.commutes-widget .commutes-destinations .destination .metadata{align-items:center;display:flex;margin-bottom:4px;gap:4px}.commutes-widget .commutes-destinations .destination-container svg{height:18px;width:18px}.commutes-widget .commutes-destinations .destination .location-marker{background-color:#f1f3f4;border-radius:8px;color:#616161;display:inline-block;font-size:14px;font-weight:700;line-height:16px;text-align:center;width:16px}.commutes-widget .commutes-destinations .destination .address{margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commutes-widget .commutes-destinations .destination .address abbr{text-decoration:none}.commutes-widget .commutes-destinations .destination .destination-eta{color:#202124;font-weight:700;font-size:22px;line-height:28px}.commutes-widget .commutes-destinations .destination-container .destination-controls{align-items:flex-end;display:flex;flex-direction:column;min-width:70px;position:absolute;right:20px;text-align:right;top:12px;white-space:nowrap}.commutes-widget .commutes-destinations .destination-container .directions-button{align-items:center;background-color:#fff;border-radius:32px;border:1px solid #dadce0;cursor:pointer;display:flex;fill:#5f6368;height:32px;justify-content:center;margin:0;width:34px}.commutes-widget .commutes-destinations .destination-container .directions-button:hover{background-color:#e8f0fe;fill:#4285f4}.commutes-widget .commutes-destinations .destination-container .edit-button{background-color:#fff;border-radius:20px;border:1px solid #dadce0;opacity:0;font-size:14px;font-weight:700;line-height:22px;margin:8px 0 0;padding:3px 12px 3px 5px;fill:#616161;color:#616161;cursor:pointer}.commutes-widget .commutes-destinations .destination-container .edit-button svg{display:inline-block;font-size:20px;line-height:20px;width:20px;vertical-align:middle}.commutes-widget .commutes-destinations .destination-container .edit-button:hover{background-color:#f1f3f4}.commutes-widget .commutes-map{flex:1 1;overflow:hidden;position:relative;width:100%}.commutes-widget .commutes-map .map-view{background-color:rgb(229,227,223);height:100%;left:0;position:absolute;top:0;width:100%}.commutes-modal-container{align-items:center;background-color:rgba(0,0,0,.4);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000;font-family:Arial,sans-serif;color:#202124}.commutes-modal-container .commutes-modal{background:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);height:256px;position:absolute;width:360px;max-width:calc(100% - 32px)}.commutes-modal-container .content{padding:24px 24px 8px;display:flex;flex-direction:column;gap:16px}.commutes-modal-container .heading{font:24px/32px Arial,sans-serif;margin:0;letter-spacing:normal;text-transform:none;color:#202124}.commutes-modal-container input{font:16px/24px Arial,sans-serif;padding:10px;box-sizing:border-box;width:100%}.commutes-modal-container .error{background-color:#fce4e4;border:1px solid #c03}.commutes-modal-container .error-message{color:#c03;display:inline-block;font:12px/14px Arial,sans-serif;margin:0 0 5px}.commutes-modal-container .travel-modes{display:flex;flex-direction:row;height:40px;margin-bottom:12px;padding:0;width:100%}.commutes-modal-container .travel-modes [type=radio]{height:0;opacity:0;position:absolute;width:0}.commutes-modal-container .travel-modes label{align-items:center;border:solid #dadce0;border-width:1px .031em;cursor:pointer;display:inline-flex;fill:#5f6368;flex:1 1;justify-content:center;padding:6px;position:relative;transition:background .5s,fill .5s}.commutes-modal-container .travel-modes label:hover{background-color:#f1f3f4}.commutes-modal-container .travel-modes svg{height:24px;width:24px}.commutes-modal-container .travel-modes .left-label{border-left-width:1px;border-radius:4px 0 0 4px}.commutes-modal-container .travel-modes .right-label{border-radius:0 4px 4px 0;border-right-width:1px}.commutes-modal-container .travel-modes input[type=radio]:checked+label{background:#e8f0fe;fill:#1967d2}.commutes-modal-container .travel-modes input[type=radio]:focus-visible+label{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-2px}.commutes-modal-container .modal-action-bar{display:flex;justify-content:flex-end}.commutes-modal-container .modal-action-bar button{background:#fff;border:none;cursor:pointer;font-size:14px;font-weight:700;line-height:32px;padding:0 8px}.commutes-modal-container .modal-action-bar .delete-destination-button{color:#c5221f;left:18px;position:absolute}.commutes-modal-container .modal-action-bar .cancel-button{color:#5f6368}.commutes-modal-container .modal-action-bar .add-destination-button,.commutes-modal-container .modal-action-bar .edit-destination-button{color:#1a73e8}.commutes-modal-container .hide,.commutes-widget .hide{display:none}