:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}#root>div{display:block!important;height:100vh}html,body,#root{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden}.distance-info-widget{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin:8px 0;box-shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.distance-info-widget.compact{padding:12px;margin:4px 0}.distance-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#2d3748}.distance-icon{font-size:18px}.distance-title{font-size:14px;flex:1}.cache-indicator{font-size:12px;opacity:.7}.distance-loading{display:flex;align-items:center;gap:8px;color:#718096;font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.distance-info-widget.error{border-color:#e53e3e;background-color:#fef5f5}.distance-error{display:flex;flex-direction:column;gap:12px}.error-message{display:flex;align-items:flex-start;gap:12px}.error-icon{font-size:18px;flex-shrink:0;margin-top:2px}.error-text{flex:1}.error-primary{color:#e53e3e;font-weight:500;font-size:14px;margin-bottom:8px}.error-details,.error-recommendations{margin-top:8px;font-size:13px;color:#4a5568}.error-details strong,.error-recommendations strong{color:#2d3748;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.error-details ul,.error-recommendations ul{margin:4px 0 0 16px;padding:0;list-style-type:disc}.error-details li,.error-recommendations li{margin:2px 0;font-size:12px}.error-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.retry-button{background:#3182ce;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}.retry-button:hover:not(:disabled){background:#2c5aa0;transform:translateY(-1px)}.retry-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.retry-info{font-size:12px;color:#718096;font-style:italic;display:flex;align-items:center;gap:4px}.retry-timer{color:#3182ce;font-weight:500;font-style:normal}.retry-delay{color:#d69e2e;font-weight:500;font-style:normal}.retry-count{font-size:11px;color:#a0aec0;background:#f7fafc;padding:2px 6px;border-radius:12px;border:1px solid #e2e8f0}.error-provider{font-size:11px;color:#a0aec0;text-align:right;margin-top:4px;font-style:italic}.distance-info-widget.no-data{border-color:#d69e2e;background-color:#fffbf0}.distance-no-data{display:flex;align-items:center;gap:12px;color:#744210;font-size:14px;padding:12px 0}.no-data-icon{font-size:18px;flex-shrink:0}.distance-routes{display:flex;flex-direction:column;gap:8px}.distance-route{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0}.route-mode{display:flex;align-items:center;gap:8px;flex:1}.mode-icon{font-size:16px}.mode-label{font-size:13px;color:#4a5568;font-weight:500}.route-info{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.route-distance{color:#2d3748}.route-duration{color:#3182ce}.distance-info-widget.compact .distance-routes{gap:4px}.distance-info-widget.compact .distance-route{padding:6px 8px}.distance-info-widget.compact .route-info{gap:8px;font-size:12px}.distance-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:8px;border-top:1px solid #e2e8f0}.distance-meta{flex:1}.calculated-time{font-size:11px;color:#718096}.refresh-button{background:none;border:none;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.refresh-button:hover{background:#e2e8f0}@media (max-width: 768px){.distance-route{flex-direction:column;align-items:flex-start;gap:4px}.route-info{align-self:flex-end}.distance-footer{flex-direction:column;align-items:flex-start;gap:8px}}