.salon-commutes{color:#18181b;font-family:var(--font-sans), Arial, sans-serif;width:100%}.salon-commutes-card{flex-direction:column;width:100%;height:28rem;min-height:256px;display:flex;overflow:hidden}@media (min-width:640px){.salon-commutes-card{height:36rem}}.salon-commutes .commutes-info{flex:none;max-width:100%;overflow:hidden}.salon-commutes .commutes-initial-state{border-top:1px solid #e4e4e7;gap:12px;min-height:98px;padding:12px 16px;display:flex}.salon-commutes .commutes-initial-state svg{flex-shrink:0;align-self:center}.salon-commutes .commutes-initial-state .description{flex-grow:1;align-self:center;min-width:0}.salon-commutes .commutes-initial-state .description .heading{font:600 1.125rem/1.4 var(--font-sans), Arial, sans-serif;margin:0}.salon-commutes .commutes-initial-state .description p{color:#71717a;font:.8125rem/1.5 var(--font-sans), Arial, sans-serif;margin:.25rem 0 0}.salon-commutes .commutes-initial-state .add-button{color:#fff;cursor:pointer;fill:#fff;white-space:nowrap;background-color:#18181b;border:none;border-radius:4px;align-self:center;padding:8px 16px 8px 8px;display:inline-flex}.salon-commutes .commutes-initial-state .add-button:hover{background-color:#27272a}.salon-commutes .commutes-initial-state .add-button .label{font:600 .9375rem/1.5 var(--font-sans), Arial, sans-serif;padding-left:8px}@media (max-width:535px){.salon-commutes .commutes-initial-state svg.sc-initial-art{display:none}.salon-commutes .commutes-initial-state .description .heading{font-size:.9375rem}}.salon-commutes .commutes-destinations{width:100%;display:none;position:relative}.salon-commutes .destinations-container{scrollbar-width:none;white-space:nowrap;width:100%;padding:8px 8px 4px;display:flex;overflow-x:auto}.salon-commutes .destinations-container::-webkit-scrollbar{display:none}.salon-commutes .destination-list{flex-grow:1;display:flex}.salon-commutes .right-control,.salon-commutes .left-control{cursor:pointer;fill:#52525b;z-index:4;background-color:#fff;border:none;border-radius:40px;width:40px;height:40px;padding:8px;display:none;position:absolute;bottom:28px;box-shadow:0 2px 3px #18181b2e,0 6px 10px 4px #18181b1a}.salon-commutes .right-control.visible,.salon-commutes .left-control.visible{display:block}.salon-commutes .right-control:hover,.salon-commutes .left-control:hover{background-color:#f4f4f5}.salon-commutes .left-control{left:12px}.salon-commutes .right-control{right:12px}.salon-commutes .commutes-destinations .add-button{color:#18181b;cursor:pointer;fill:#18181b;background-color:#f4f4f5;border:1px solid #e4e4e7;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:600;display:flex}.salon-commutes .commutes-destinations .add-button:hover{background-color:#e4e4e7}.salon-commutes .destination-container{cursor:pointer;flex:1 1 0;display:flex;position:relative}.salon-commutes .destination{color:#52525b;fill:#52525b;border-radius:4px;justify-content:space-between;width:100%;min-width:256px;height:auto;min-height:108px;margin-right:8px;padding:12px 88px 12px 12px;position:relative;overflow:hidden;box-shadow:0 1px 2px #18181b2e,0 1px 3px 1px #18181b1a}.salon-commutes .destination.active:after{content:"";background-color:#18181b;width:100%;height:4px;display:block;position:absolute;top:0;left:0}.salon-commutes .destination.active+.destination-controls .directions-button{fill:#18181b}.salon-commutes .destination.active+.destination-controls .edit-button{opacity:1}.salon-commutes .destination.active .metadata .location-marker{color:#d93025;background-color:#fce8e6}.salon-commutes .destination-container:hover,.salon-commutes .destination-container:focus-within{background-color:#fafafa}.salon-commutes .destination-container:hover .edit-button,.salon-commutes .destination-container:focus-within .edit-button{opacity:1}.salon-commutes .destination .destination-content{font-size:12px;line-height:20px;overflow:hidden}.salon-commutes .destination .metadata{align-items:center;gap:4px;margin-bottom:4px;display:flex}.salon-commutes .destination-container svg{width:18px;height:18px}.salon-commutes .destination .location-marker{color:#52525b;text-align:center;background-color:#f4f4f5;border-radius:8px;width:16px;font-size:14px;font-weight:700;line-height:16px;display:inline-block}.salon-commutes .destination .address{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:4px;overflow:hidden}.salon-commutes .destination .address abbr{text-decoration:none}.salon-commutes .destination .destination-eta{color:#18181b;font-size:22px;font-weight:700;line-height:28px}.salon-commutes .destination-controls{text-align:right;white-space:nowrap;flex-direction:column;align-items:flex-end;min-width:70px;display:flex;position:absolute;top:12px;right:20px}.salon-commutes .directions-button{cursor:pointer;fill:#52525b;background-color:#fff;border:1px solid #e4e4e7;border-radius:32px;justify-content:center;align-items:center;width:34px;height:32px;margin:0;display:flex}.salon-commutes .directions-button:hover{fill:#18181b;background-color:#f4f4f5}.salon-commutes .edit-button{color:#52525b;cursor:pointer;fill:#52525b;opacity:0;background-color:#fff;border:1px solid #e4e4e7;border-radius:20px;margin:8px 0 0;padding:3px 12px 3px 5px;font-size:14px;font-weight:700;line-height:22px}.salon-commutes .edit-button svg{vertical-align:middle;width:20px;display:inline-block}.salon-commutes .edit-button:hover{background-color:#f4f4f5}.salon-commutes .commutes-map{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.salon-commutes .map-view{background-color:#e5e7eb;width:100%;height:100%;position:absolute;top:0;left:0}.salon-commutes .map-view .embed-map,.salon-commutes .map-view .js-map-canvas{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.salon-commutes .map-view .js-map-canvas{opacity:0;pointer-events:none;z-index:1}.salon-commutes .map-view .js-map-canvas.is-ready{opacity:1;pointer-events:auto}.salon-commutes .commutes-modal-container{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.salon-commutes .commutes-modal{background:#fff;border-radius:4px;width:min(360px,100vw - 2rem);height:auto;min-height:256px;position:relative;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.salon-commutes .commutes-modal .content{flex-direction:column;gap:16px;padding:24px 24px 8px;display:flex}.salon-commutes .commutes-modal .heading{font:600 1.5rem/1.35 var(--font-sans), Arial, sans-serif;margin:0}.salon-commutes .commutes-modal input[type=text]{box-sizing:border-box;font:1rem/1.5 var(--font-sans), Arial, sans-serif;width:100%;padding:10px}.salon-commutes .commutes-modal .error{background-color:#fce4e4;border:1px solid #c03}.salon-commutes .commutes-modal .error-message{color:#c03;font:.75rem/1.2 var(--font-sans), Arial, sans-serif;min-height:1em;margin:0 0 5px;display:inline-block}.salon-commutes .travel-modes{flex-direction:row;width:100%;height:40px;margin-bottom:12px;padding:0;display:flex}.salon-commutes .travel-modes [type=radio]{opacity:0;width:0;height:0;position:absolute}.salon-commutes .travel-modes label{cursor:pointer;fill:#52525b;border:1px solid #e4e4e7;border-width:1px .031em;flex:1;justify-content:center;align-items:center;padding:6px;transition:background .2s,fill .2s;display:inline-flex;position:relative}.salon-commutes .travel-modes label:hover{background-color:#f4f4f5}.salon-commutes .travel-modes svg{width:24px;height:24px}.salon-commutes .travel-modes .left-label{border-left-width:1px;border-radius:4px 0 0 4px}.salon-commutes .travel-modes .right-label{border-right-width:1px;border-radius:0 4px 4px 0}.salon-commutes .travel-modes input[type=radio]:checked+label{fill:#18181b;background:#f4f4f5}.salon-commutes .travel-modes input[type=radio]:focus-visible+label{outline-offset:-2px;outline:2px solid highlight}.salon-commutes .modal-action-bar{justify-content:flex-end;display:flex;position:relative}.salon-commutes .modal-action-bar button{cursor:pointer;background:#fff;border:none;padding:0 8px;font-size:14px;font-weight:700;line-height:32px}.salon-commutes .delete-destination-button{color:#c5221f;position:absolute;left:0}.salon-commutes .cancel-button{color:#0000008a}.salon-commutes .add-destination-button,.salon-commutes .edit-destination-button{color:#18181b}.salon-commutes .hide{display:none}