/* Shared by provider search v2 and reporting/ask. No card chrome or hover fill. */
.activity-trail { max-width: 520px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); font-size: 13px; line-height: 20px; }
.activity-trail__list { margin: 0; padding: 0; list-style: none; }
.activity-trail__step { position: relative; margin: 0; padding: 0; }
.activity-trail__step:not(:last-child)::before { content: ''; position: absolute; left: 9px; top: 35px; bottom: 1px; width: 1px; background: rgb(230 230 235); background: rgb(var(--color-support-light-300)); }
.activity-trail__row { display: flex; align-items: flex-start; gap: 14px; min-height: 44px; padding: 9px 0; border-radius: 4px; }
.activity-trail__row:focus-visible, .activity-trail__disclosure summary:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: 4px; }
.activity-trail__icon { display: flex; flex-shrink: 0; margin-top: 1px; perspective: 100px; }
.activity-trail__icon > svg { transform-origin: center; }
.activity-trail__content { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.activity-trail__title { font-weight: 500; }
.activity-trail__description { font-size: 12px; line-height: 18px; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
.activity-trail__step[data-state=running] .activity-trail__icon,
.activity-trail__step[data-state=running] .activity-trail__title { color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
.activity-trail__step[data-state=running] .activity-trail__icon > svg { animation: activity-trail-work 2.6s cubic-bezier(.45, 0, .3, 1) infinite; }
.activity-trail__step[data-state=waiting] { opacity: .65; }
.activity-trail__step[data-state=error] .activity-trail__icon { color: rgb(124 117 20); color: rgb(var(--color-alert-yellow-700)); }
.activity-trail__step.is-emerging { animation: activity-trail-emerge 600ms cubic-bezier(.16, 1, .3, 1) both; }
.activity-trail__step.is-settling .activity-trail__icon > svg { animation: activity-trail-rest 420ms ease-out both; }
.activity-trail__disclosure summary { display: flex; align-items: center; gap: 6px; width: -moz-fit-content; width: fit-content; cursor: pointer; list-style: none; padding: 4px 0; font-size: 12px; border-radius: 3px; }
.activity-trail__disclosure summary::-webkit-details-marker { display: none; }
.activity-trail__disclosure[open] summary > svg { transform: rotate(90deg); }
.activity-trail__disclosure .activity-trail__list { margin-top: 8px; }
@keyframes activity-trail-emerge {
from { opacity: 0; transform: translateY(10px); filter: blur(3px); }
to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes activity-trail-work {
0%, 100% { transform: translateY(0) rotateX(0) rotateY(0) rotateZ(0); filter: drop-shadow(0 0 0 transparent); }
24% { transform: translateY(-1px) rotateX(10deg) rotateY(-32deg) rotateZ(-4deg); filter: drop-shadow(1px 1px 0 rgb(184 189 253 / .65)); filter: drop-shadow(1px 1px 0 rgb(var(--color-core-purple-300) / .65)); }
58% { transform: translateY(-2px) rotateX(-10deg) rotateY(35deg) rotateZ(4deg); filter: drop-shadow(-1px 1px 0 rgb(184 189 253 / .65)); filter: drop-shadow(-1px 1px 0 rgb(var(--color-core-purple-300) / .65)); }
84% { transform: translateY(0) rotateX(0) rotateY(0) rotateZ(0); filter: drop-shadow(0 0 0 transparent); }
}
@keyframes activity-trail-rest {
from { transform: translateY(-1px) rotateY(12deg); }
to { transform: translateY(0) rotateY(0); }
}
/* Selectors at least as specific as the running/settling rules above, so they actually win. */
@media (prefers-reduced-motion: reduce) {
.activity-trail__step.is-emerging,
.activity-trail__step .activity-trail__icon > svg,
.activity-trail__step[data-state=running] .activity-trail__icon > svg,
.activity-trail__step.is-settling .activity-trail__icon > svg { animation: none; transform: none; filter: none; }
}
/* Shared quiet breadcrumbs. All menu overrides stay within this component. */
.v2-breadcrumb {
--breadcrumb-ink: rgb(var(--color-support-dark-700));
--breadcrumb-muted: rgb(var(--color-support-light-700));
min-width: 0;
max-width: 100%;
font-size: 14px;
line-height: 20px;
}
.v2-breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.v2-breadcrumb[data-overflow-ready] .v2-breadcrumb__list { flex-wrap: nowrap; overflow: hidden; }
.v2-breadcrumb__item { display: flex; align-items: center; gap: 4px; flex: 0 1 auto; min-width: 0; max-width: 100%; }
.v2-breadcrumb__item--root { flex: 0 0 auto; max-width: 40%; }
.v2-breadcrumb__item[hidden] { display: none; }
.v2-breadcrumb__separator { display: inline-flex; flex: none; color: rgb(172 173 184); color: rgb(var(--color-support-light-500)); }
.v2-breadcrumb .v2-breadcrumb__link,
.v2-breadcrumb__current { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; min-width: 0; border-radius: 4px; font-size: inherit; text-decoration: none; }
.v2-breadcrumb .v2-breadcrumb__link { color: var(--breadcrumb-muted); font-weight: 400; }
.v2-breadcrumb__current { color: var(--breadcrumb-ink); font-weight: 500; }
.v2-breadcrumb__label { min-width: 0; overflow-wrap: anywhere; }
.v2-breadcrumb[data-overflow-ready] .v2-breadcrumb__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v2-breadcrumb__icon { width: 14px; height: 14px; flex: none; }
.v2-breadcrumb .v2-breadcrumb__link:hover { color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); text-decoration: underline; text-underline-offset: 3px; }
.v2-breadcrumb__link:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: -2px; }
.v2-breadcrumb[data-collapsed] .v2-breadcrumb__overflow { flex: none; }
/* collapse_root: the ellipsis leads the trail once the root folds into it. */
.v2-breadcrumb[data-root-collapsed] .v2-breadcrumb__overflow > .v2-breadcrumb__separator { display: none; }
.v2-breadcrumb .v2-breadcrumb__menu-link[hidden] { display: none; }
.v2-breadcrumb[data-measuring] .v2-breadcrumb__item { flex: 0 0 auto; max-width: none; }
.v2-breadcrumb[data-measuring] .v2-breadcrumb__label { overflow: visible; }
.v2-breadcrumb .icon-button.v2-breadcrumb__overflow-button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border-radius: 6px; color: var(--breadcrumb-muted); background: transparent; }
.v2-breadcrumb .icon-button.v2-breadcrumb__overflow-button:hover { color: var(--breadcrumb-ink); background: rgb(243 243 245); background: rgb(var(--color-support-light-250)); }
.v2-breadcrumb .icon-button.v2-breadcrumb__overflow-button:active,
.v2-breadcrumb .icon-button.v2-breadcrumb__overflow-button[aria-expanded="true"] { color: var(--breadcrumb-ink); background: rgb(230 230 235); background: rgb(var(--color-support-light-300)); }
.v2-breadcrumb .v2-breadcrumb__overflow-button:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: -2px; }
.v2-breadcrumb .v2-breadcrumb__menu { display: none; position: fixed; inset: unset; margin: 0; padding: 0; width: 320px; max-width: calc(100vw - 24px); max-height: min(360px, calc(100dvh - 24px)); overflow-y: auto; color: var(--breadcrumb-ink); }
.v2-breadcrumb .v2-breadcrumb__menu:popover-open { display: block; }
.v2-breadcrumb .v2-breadcrumb__menu-link { display: block; padding: 10px 12px; border-radius: 5px; color: var(--breadcrumb-ink); font-size: 13px; font-weight: 400; line-height: 1.5; text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.v2-breadcrumb .v2-breadcrumb__menu-link:hover,
.v2-breadcrumb .v2-breadcrumb__menu-link:focus { background: rgb(243 243 245); background: rgb(var(--color-support-light-250)); color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); outline: 2px solid transparent; }
.v2-breadcrumb .v2-breadcrumb__menu-link:focus-visible { outline-color: rgb(76 86 224); outline-color: rgb(var(--color-core-purple-500)); outline-offset: -2px; }
/* The member-search header reserves room for its adjacent action. */
.provider-search-header__navigation { min-width: 0; }
.provider-search-header--with-breadcrumb .provider-search-header__navigation { container: provider-search-navigation / inline-size; }
/* Size the trail to its content so New chat sits right after it; it still
shrinks (and collapses) when the column runs out of room. */
.provider-search-header__navigation > .v2-breadcrumb { flex: 0 1 auto; }
/* A % cap would resolve against the content-sized trail and clip the root
early; cap it against the navigation column instead. */
.provider-search-header--with-breadcrumb .provider-search-header__navigation .v2-breadcrumb:not([data-measuring]) .v2-breadcrumb__item--root { max-width: 40cqi; }
.provider-search-header__divider,
.provider-search-header__new-chat { flex: none; }
.provider-search-header__new-chat { white-space: nowrap; }
@container provider-search-navigation (max-width: 480px) {
.provider-search-header .provider-search-header__new-chat-label { display: none; }
}
/* Small screens keep one header row instead of wrapping the trail below the
logo: the trail gets the wider column and collapses to "… > Search" (root
folded in, via collapse_root) when needed, and the logo shrinks to fit its
column. Fixed fractions keep the trail's width independent of its content,
so it can still re-expand when the screen widens. */
@media (max-width: 640px) {
.provider-search-header.provider-search-header--with-breadcrumb { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) auto; gap: 8px; }
.provider-search-header--with-breadcrumb .provider-search-header__logo img { max-width: 100%; max-height: 40px; }
.provider-search-header--with-breadcrumb .provider-search-header__logo > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 640px), (pointer: coarse) {
.v2-breadcrumb .v2-breadcrumb__menu-link { display: flex; align-items: center; min-height: 44px; }
}
@media (pointer: coarse) {
.v2-breadcrumb .v2-breadcrumb__link,
.v2-breadcrumb__current { min-height: 44px; }
.v2-breadcrumb .icon-button.v2-breadcrumb__overflow-button { width: 44px; height: 44px; }
.provider-search-header__new-chat { min-height: 44px; min-width: 44px; justify-content: center; }
}
/* Ink navigation (partner and admin navbars, shared/_ink_navbar), using the existing Tailwind palette and application fonts. */
:is(#partner-navigation-search, #admin-command-search).partner-navbar {
--partner-nav-bg: rgb(var(--color-support-dark-700));
--partner-nav-fg: rgb(var(--color-support-light-300));
--partner-nav-muted: rgb(var(--color-support-light-500));
--partner-nav-field: rgb(var(--color-support-dark-650));
--partner-nav-hover: rgb(var(--color-support-dark-600));
--partner-nav-line: rgb(var(--color-support-dark-550));
color: var(--partner-nav-fg);
background: var(--partner-nav-bg);
border-bottom: 1px solid var(--partner-nav-line);
}
.partner-navbar__bar {
height: 64px;
padding: 0 32px;
gap: 14px;
}
.partner-navbar__home {
padding-right: 20px;
border-right: 1px solid var(--partner-nav-line);
}
.partner-navbar__brand { width: auto; height: 25px; }
/* Scoped component rules outrank the app's global button and link chrome. */
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__switcher {
min-width: 0;
min-height: 42px;
padding: 4px 8px;
gap: 10px;
justify-content: flex-start;
border: 1px solid transparent;
border-radius: 8px;
background: transparent;
color: var(--partner-nav-fg);
white-space: nowrap;
text-decoration: none;
}
.partner-navbar__partner-logo {
width: 32px;
height: 32px;
flex: 0 0 32px;
padding: 3px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
border: 1px solid rgb(230 230 235);
border: 1px solid rgb(var(--color-support-light-300));
border-radius: 7px;
background: rgb(255 255 255);
background: rgb(var(--color-white));
}
.partner-navbar__partner-name {
font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: -.02em;
}
/* The admin navbar's identity slot: the switcher's position and type, but a plain,
non-interactive label (no border, no hover). */
.partner-navbar__label {
min-width: 0;
min-height: 42px;
padding: 4px 8px;
gap: 8px;
color: var(--partner-nav-fg);
white-space: nowrap;
}
.partner-navbar__label-icon {
flex: none;
color: var(--partner-nav-muted);
}
.partner-navbar__caret {
flex: none;
margin-left: 2px;
color: var(--partner-nav-muted);
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__search,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__search-mobile,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu-trigger {
height: 36px;
padding: 0;
border: 1px solid transparent;
border-radius: 8px;
background: transparent;
color: var(--partner-nav-muted);
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__search {
max-width: 520px;
padding: 0 12px;
gap: 10px;
background: var(--partner-nav-field);
letter-spacing: -.015em;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__search-mobile,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu-trigger {
width: 36px;
min-width: 36px;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu-trigger {
border-color: var(--partner-nav-line);
border-radius: 7px;
}
.partner-navbar__shortcut {
padding: 2px 5px;
gap: 2px;
border: 1px solid var(--partner-nav-line);
border-radius: 4px;
background: rgb(52 54 82);
background: rgb(var(--color-support-dark-600));
color: var(--partner-nav-muted);
font-size: 10px;
font-weight: 400;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__tasks,
:is(#partner-navigation-search, #admin-command-search) [data-product-updates-notification] {
padding: 0 10px;
border-radius: 8px;
color: var(--partner-nav-fg);
font-size: 14px;
font-weight: 600;
letter-spacing: -.02em;
text-decoration: none;
}
.partner-navbar__task-count {
border-radius: 5px;
background: rgb(215 219 245);
background: rgb(var(--color-support-dark-250));
color: rgb(69 71 107);
color: rgb(var(--color-support-dark-500));
font-weight: 600;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__switcher:hover,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__search:hover,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__search-mobile:hover,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu-trigger:hover,
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__tasks:hover,
:is(#partner-navigation-search, #admin-command-search) [data-product-updates-notification]:hover {
background: var(--partner-nav-hover);
color: var(--partner-nav-fg);
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__bar :is(button, a):focus-visible {
outline: 2px solid rgb(184 189 253);
outline: 2px solid rgb(var(--color-core-purple-300));
outline-offset: 3px;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu :is(button, a):focus-visible {
outline-color: rgb(21 27 124);
outline-color: rgb(var(--color-core-purple-700));
outline-offset: 2px;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu {
max-height: calc(100dvh - 96px);
margin-top: 4px;
border: 1px solid rgb(230 230 235);
border: 1px solid rgb(var(--color-support-light-300));
border-radius: 10px;
background: rgb(255 255 255);
background: rgb(var(--color-white));
color: rgb(52 54 82);
color: rgb(var(--color-support-dark-600));
box-shadow: 0 12px 32px rgb(33 34 51 / 0.10), 0 2px 8px rgb(33 34 51 / 0.04);
box-shadow: 0 12px 32px rgb(var(--color-support-dark-700) / 0.10), 0 2px 8px rgb(var(--color-support-dark-700) / 0.04);
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu-heading {
border-color: rgb(243 243 245);
border-color: rgb(var(--color-support-light-250));
color: rgb(115 116 122);
color: rgb(var(--color-support-light-650));
font-size: 10px;
font-weight: 500;
letter-spacing: .07em;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu a {
font-size: 14px;
font-weight: 400;
letter-spacing: -.015em;
}
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__partner-link { gap: 10px; }
@media (max-width: 767px) {
.partner-navbar__bar { padding: 0 12px; gap: 6px; }
.partner-navbar__home { padding-right: 10px; }
:is(#partner-navigation-search, #admin-command-search) .partner-navbar__menu { max-width: calc(100vw - 88px); }
:is(#partner-navigation-search, #admin-command-search) [data-product-updates-notification] {
position: relative;
width: 36px;
justify-content: center;
padding: 0;
}
:is(#partner-navigation-search, #admin-command-search) [data-product-updates-notification] > span[aria-hidden="true"] {
position: absolute;
top: 4px;
right: 2px;
}
}
/* Mapbox GL CSS - required for map controls and markers */
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}
.mapboxgl-canvas{left:0;position:absolute;top:0}
.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}
.mapboxgl-canary{background-color:salmon}
.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}
.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}
.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}
.mapboxgl-ctrl-top-left{left:0;top:0}
.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}
.mapboxgl-ctrl-top-right{right:0;top:0}
.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}
.mapboxgl-ctrl-bottom-right{bottom:0;right:0}
.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}
.mapboxgl-ctrl-bottom-left{bottom:0;left:0}
.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}
.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}
.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}
.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}
.mapboxgl-ctrl-group{background:#fff;border-radius:4px}
.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}
@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}
.mapboxgl-ctrl-group button{background-color:transparent;background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}
.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}
@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent;background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}
.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}
.mapboxgl-ctrl button:disabled{cursor:not-allowed}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}
.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}
.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}
.mapboxgl-ctrl-group button:only-child{border-radius:inherit}
.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}
.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}
.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}
@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}
a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}
@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}
@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}
@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}
@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}
.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}
.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}
.mapboxgl-attrib-empty{display:none}
.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}
.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}
.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}
.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}
.mapboxgl-popup-anchor-left{flex-direction:row}
.mapboxgl-popup-anchor-right{flex-direction:row-reverse}
.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}
.mapboxgl-popup-close-button{background-color:transparent;background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}
.mapboxgl-popup-close-button:hover{background-color:#0000000d}
.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}
.mapboxgl-popup-track-pointer{display:none}
.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}
.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}
.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}
.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}
.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}
.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}
@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}
.mapboxgl-user-location-dot-stale{background-color:#aaa}
.mapboxgl-user-location-dot-stale:after{display:none}
.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}
.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}
.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}
@media print{.mapbox-improve-map{display:none}}
.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}
.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}
.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:44px;width:44px}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}
/* Provider Search Map View Styles */
/* Layout container for map view */
.map-view-layout { display: flex; height: 100%; flex-direction: column; }
/* Map section - always visible at top */
.map-section { height: 250px; width: 100%; flex-shrink: 0; }
/* Results section - scrollable below map */
.results-section { width: 100%; flex: 1 1; overflow-y: auto; }
/* --- Expanded (horizontal) layout --- */
.map-view-layout.map-view-expanded { flex-direction: row; }
.map-view-expanded .map-section { flex: 1 1;
height: 100% !important; }
.map-view-expanded .results-section { height: 100%; width: 500px; max-width: 500px; flex-shrink: 0; border-left-width: 1px; border-color: rgb(230 230 235); border-color: rgb(var(--color-support-light-300)); }
/* --- Provider card highlighting --- */
/* Click highlight (strong) */
.provider-card-highlighted { background-color: rgb(233 234 253); background-color: rgb(var(--color-core-purple-200)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-color: rgb(var(--color-core-purple-500)); }
/* Hover highlight (subtle) - when marker is hovered */
.provider-card-hover-highlighted { background-color: rgb(233 234 253 / 0.5); background-color: rgb(var(--color-core-purple-200) / 0.5); }
/* --- Custom map marker styling --- */
.provider-map-marker { height: 1.75rem; width: 1.75rem; border-radius: 9999px; background-color: rgb(76 86 224); background-color: rgb(var(--fill-core-purple-500,var(--color-core-purple-500))); font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / 1); color: rgb(255 255 255 / var(--tw-text-opacity, 1)); display: flex; cursor: pointer; align-items: center; justify-content: center; }
@media screen and (prefers-color-scheme: dark) {
/* Components whose CSS hard-codes a color or reuses a token for the wrong role */ /* logos assume white */
/* Translucent white sits on strong fills, so it stays white. */
body.gb-auto-dark .animate-spin.provider-map-marker { border-color: rgb(255 255 255); }
/* Muted light text and check marks that sit on fills that keep their color */
/* jSignature saves the pad's computed color as the stroke, and signatures print on white PDFs. */
/* Legacy single-color ![]()
icons can't inherit currentColor. Migrating them to icon partials removes this list. */
}
.provider-map-marker { border-width: 2px; border-color: rgb(255 255 255); border-color: rgb(var(--color-white)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; animation-duration: 200ms; }
.provider-map-marker:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
/* Click highlight (strong) */
.provider-map-marker.marker-highlighted { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: rgb(21 27 124); background-color: rgb(var(--fill-core-purple-700,var(--color-core-purple-700)));
z-index: 10 !important; }
/* Hover highlight (subtle) - when card is hovered */
.provider-map-marker.marker-hover-highlighted { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: rgb(37 46 177); background-color: rgb(var(--fill-core-purple-600,var(--color-core-purple-600)));
z-index: 5 !important; }
/* Search-as-member card inspection. Both faces stay inside the existing card.
The front alone sizes the card; the back is laid over it (absolute) and
scrolls if it ever has more than fits, so it can't stretch the card. */
.provider-flip-card {
position: relative;
perspective: 1200px;
}
.provider-flip-card [data-provider-card-flip-target="front"],
.provider-admin-back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: transform 380ms cubic-bezier(0.2, 0.7, 0.2, 1), opacity 180ms ease;
}
.provider-flip-card [data-provider-card-flip-target="front"] {
position: relative;
min-width: 0;
transform: rotateX(0);
}
.provider-admin-back { border-radius: 15px; background-color: rgb(252 252 252); background-color: rgb(var(--color-support-light-200)); padding: 1rem; color: rgb(33 34 51); color: rgb(var(--color-support-dark-700));
display: flex;
flex-direction: column;
position: absolute;
inset: 0;
overflow-y: auto;
cursor: default;
transform: rotateX(-180deg);
opacity: 0;
pointer-events: none; }
.provider-flip-card.is-flipped [data-provider-card-flip-target="front"] {
transform: rotateX(180deg);
opacity: 0;
pointer-events: none;
}
.provider-flip-card.is-flipped .provider-admin-back {
transform: rotateX(0);
opacity: 1;
pointer-events: auto;
}
.provider-admin-footer {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
min-height: 44px;
flex-shrink: 0;
margin-top: 4px;
}
/* If the back ever scrolls, keep Hide admin details in view. */
.provider-admin-back > .provider-admin-footer {
position: sticky;
bottom: 0;
margin-top: auto;
background: inherit;
}
.provider-admin-network-summary {
flex: 1 1;
min-width: 0;
}
.provider-admin-network-summary-label {
display: block;
color: #737373;
font-size: 11px;
line-height: 16px;
}
.provider-admin-network-summary-value {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
line-height: 20px;
}
.provider-admin-network-summary-logo {
width: 40px;
height: 20px;
-o-object-fit: contain;
object-fit: contain;
flex-shrink: 0;
}
.provider-admin-network-summary-placeholder {
display: inline-flex;
flex-shrink: 0;
color: #737373;
}
/* Matching controls stay at the footer's right edge on both faces. */
.provider-flip-card .provider-admin-footer-button.text-link-button {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
align-self: center;
flex-shrink: 0;
width: 144px;
height: 44px;
padding: 0 4px;
border: 0;
border-radius: 5px;
background: transparent;
color: #737373;
font-size: 11px;
line-height: 16px;
font-weight: 500;
text-decoration: none;
}
.provider-flip-card .provider-admin-footer-button.text-link-button:hover {
color: #333333;
}
.provider-flip-card .provider-admin-footer-button.text-link-button:focus-visible {
outline: 2px solid #737373;
outline-offset: 4px;
}
.provider-admin-network-logo { height: 2rem; width: 4rem; border-radius: 0.25rem; background-color: rgb(255 255 255); background-color: rgb(var(--color-white)); -o-object-fit: contain; object-fit: contain; }
.provider-admin-network-placeholder { display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; border-color: rgb(230 230 235); border-color: rgb(var(--color-support-light-300)); background-color: rgb(255 255 255); background-color: rgb(var(--color-white)); color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
@media (prefers-reduced-motion: reduce) {
.provider-flip-card [data-provider-card-flip-target="front"],
.provider-admin-back { transition: none; }
}
/*
* SFTP Integrations — only animations and pseudo-elements that can't be
* expressed as Tailwind utilities. Everything else is inlined in the ERB.
*/
/* ---- Page-load animations ---- */
@keyframes sftp-fade-up {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes sftp-scale-in {
from { opacity: 0; transform: scale(0.96); }
to { opacity: 1; transform: scale(1); }
}
.sftp-animate-in { animation: sftp-fade-up 0.6s ease-out both; }
.sftp-animate-in-delay-1 { animation: sftp-fade-up 0.6s ease-out 0.1s both; }
.sftp-animate-in-delay-2 { animation: sftp-fade-up 0.6s ease-out 0.2s both; }
.sftp-animate-in-delay-3 { animation: sftp-fade-up 0.6s ease-out 0.3s both; }
.sftp-animate-in-delay-4 { animation: sftp-fade-up 0.6s ease-out 0.4s both; }
.sftp-scale-in { animation: sftp-scale-in 0.35s ease-out; }
/* ---- Pulsing "live" dot ---- */
@keyframes sftp-pulse {
0% { transform: scale(0.7); opacity: 0.45; }
100% { transform: scale(2.3); opacity: 0; }
}
.sftp-dot-live::after {
content: '';
position: absolute;
inset: -3px;
border-radius: 50%;
background: rgb(54 205 155);
background: rgb(var(--fill-complementary-green-550,var(--color-complementary-green-550)));
opacity: 0.35;
animation: sftp-pulse 2.2s ease-out infinite;
}
/* ---- Public-key block fade overlay ---- */
.sftp-pubkey-fade::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 28px;
background: linear-gradient(180deg, transparent, white);
pointer-events: none;
}
/* ---- Folder-tree connector dashes ---- */
.sftp-tree-connector::before {
content: '';
position: absolute;
left: -2px;
top: 13px;
width: 12px;
height: 1px;
border-top: 1px dashed rgb(230 230 235);
border-top: 1px dashed rgb(var(--color-support-light-300));
}
/* Presentation-only enhancement of native radios; never restyle other inputs. */
.segmented-radio-fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
.segmented-radio {
position: relative;
isolation: isolate;
display: flex;
gap: 3px;
padding: 3px;
border-radius: 8px;
background: rgb(243 243 245);
background: rgb(var(--color-support-light-250));
}
.segmented-radio-option {
position: relative;
z-index: 1;
min-width: 0;
flex: 1 1;
cursor: pointer;
}
.segmented-radio-option.is-compact { flex: 0 0 32px; }
/* Opt-in: stack the track vertically below the sm breakpoint (see
stack_on_mobile: in app/views/shared/components/_segmented_radio.html.erb).
flex-basis on .is-compact already applies along whichever axis is the main axis, so no
override is needed there; only flex-direction changes. Radio semantics,
tones, focus and disabled styling above are layout-agnostic. */
@media (max-width: 639.98px) {
.segmented-radio.segmented-radio--stack-sm {
flex-direction: column;
}
}
.segmented-radio-label {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 100%;
box-sizing: border-box;
padding: 8px 4px;
border-radius: 6px;
font: inherit;
font-size: 12px;
line-height: 1.5;
overflow-wrap: anywhere;
color: rgb(96 96 102);
color: rgb(var(--color-support-light-700));
transition: color .2s;
}
.segmented-radio-label svg { display: block; flex-shrink: 0; }
.segmented-radio-label > [aria-hidden] { flex-shrink: 0; }
.segmented-radio-input:checked + .segmented-radio-label {
background: rgb(255 255 255);
background: rgb(var(--color-white));
box-shadow: 0 1px 4px rgb(43 44 66 / .1);
box-shadow: 0 1px 4px rgb(var(--color-support-dark-650) / .1);
color: rgb(87 90 128);
color: rgb(var(--color-support-dark-450));
}
.segmented-radio-option[data-tone="positive"] .segmented-radio-input:checked + .segmented-radio-label {
color: rgb(21 120 24);
color: rgb(var(--color-alert-green-700));
}
.segmented-radio-option[data-tone="negative"] .segmented-radio-input:checked + .segmented-radio-label {
color: rgb(175 37 37);
color: rgb(var(--color-alert-red-600));
}
/* Wrapping labels avoid the app's input + label circle selectors. Keep the
focusable input inside its option, overriding the global offscreen rule. */
.segmented-radio .segmented-radio-option .segmented-radio-input[type=radio] {
position: absolute;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.segmented-radio-input:focus-visible + .segmented-radio-label {
outline: 2px solid rgb(76 86 224);
outline: 2px solid rgb(var(--color-core-purple-500));
outline-offset: 2px;
}
.segmented-radio-indicator {
position: absolute;
pointer-events: none;
top: 3px;
bottom: 3px;
left: 3px;
left: var(--segment-left, 3px);
width: 0px;
width: var(--segment-width, 0px);
border-radius: 6px;
background: rgb(255 255 255);
background: rgb(var(--color-white));
box-shadow: 0 1px 4px rgb(43 44 66 / .1);
box-shadow: 0 1px 4px rgb(var(--color-support-dark-650) / .1);
visibility: hidden;
}
@media (max-width: 639.98px) {
/* Stacked track: the indicator slides/resizes vertically instead of
horizontally. Same --segment-* custom properties, driven by the
controller's offsetTop/offsetHeight reads (always measured on both
axes), just applied to the other pair of box edges. */
.segmented-radio.segmented-radio--stack-sm .segmented-radio-indicator {
top: 3px;
top: var(--segment-top, 3px);
bottom: auto;
left: 3px;
right: 3px;
width: auto;
height: 0px;
height: var(--segment-height, 0px);
}
.segmented-radio.segmented-radio--stack-sm[data-animate] .segmented-radio-indicator {
transition: top .34s cubic-bezier(.22, 1.12, .36, 1), height .34s cubic-bezier(.22, 1.12, .36, 1);
}
}
.segmented-radio[data-motion-ready][data-has-selection] .segmented-radio-indicator { visibility: visible; }
.segmented-radio[data-motion-ready] .segmented-radio-input:checked + .segmented-radio-label {
background: transparent;
box-shadow: none;
}
.segmented-radio[data-animate] .segmented-radio-indicator {
transition: left .34s cubic-bezier(.22, 1.12, .36, 1), width .34s cubic-bezier(.22, 1.12, .36, 1);
}
.segmented-radio-option:has(.segmented-radio-input:disabled) { cursor: not-allowed; opacity: .5; }
.segmented-radio:has(.segmented-radio-input:checked:disabled) .segmented-radio-indicator { opacity: .5; }
@media (prefers-reduced-motion: reduce) {
.segmented-radio[data-animate] .segmented-radio-indicator,
.segmented-radio.segmented-radio--stack-sm[data-animate] .segmented-radio-indicator,
.segmented-radio-label { transition: none; }
}
/* Grouped choices occupy one fixed-height segment. The shared native popover
stays in the form's DOM, but renders above clipping/stacking ancestors. */
.segmented-radio--grouped > .segmented-radio-option { height: 44px; }
.segmented-radio-choice-group { flex-grow: 2; }
.segmented-radio-choice-trigger.icon-button {
width: 100%;
border: 0;
border-radius: 6px;
padding: 8px;
background: transparent;
font-size: 12px;
font-weight: inherit;
color: rgb(96 96 102);
color: rgb(var(--color-support-light-700));
}
.segmented-radio-choice-summary {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.segmented-radio-choice-group:has(input:checked) .segmented-radio-choice-trigger {
background: rgb(255 255 255);
background: rgb(var(--color-white));
box-shadow: 0 1px 4px rgb(43 44 66 / .1);
box-shadow: 0 1px 4px rgb(var(--color-support-dark-650) / .1);
color: rgb(87 90 128);
color: rgb(var(--color-support-dark-450));
}
.segmented-radio-choice-group[data-tone="positive"]:has(input:checked) .segmented-radio-choice-trigger { color: rgb(21 120 24); color: rgb(var(--color-alert-green-700)); }
.segmented-radio-choice-group[data-tone="negative"]:has(input:checked) .segmented-radio-choice-trigger { color: rgb(175 37 37); color: rgb(var(--color-alert-red-600)); }
.segmented-radio[data-motion-ready] .segmented-radio-choice-group:has(input:checked) .segmented-radio-choice-trigger { background: transparent; box-shadow: none; }
.segmented-radio-choice-trigger:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: 2px; }
.segmented-radio-choices-menu {
inset: unset;
margin: 0;
padding: 0;
width: 300px;
max-width: calc(100vw - 24px);
color: rgb(69 71 107);
color: rgb(var(--color-support-dark-500));
overflow: hidden;
}
.segmented-radio-choices-menu:focus { outline: none; }
.segmented-radio-choices-list {
max-height: min(168px, calc(100dvh - 112px));
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: rgb(172 173 184) transparent;
scrollbar-color: rgb(var(--color-support-light-500)) transparent;
scrollbar-gutter: stable;
padding: 4px;
/* Local white covers uncover the top/bottom shadows only when scrollable. */
background:
linear-gradient(white 30%, transparent) center top / 100% 18px local,
linear-gradient(transparent, white 70%) center bottom / 100% 18px local,
linear-gradient(rgb(69 71 107 / .12), transparent) center top / 100% 8px scroll,
linear-gradient(transparent, rgb(69 71 107 / .12)) center bottom / 100% 8px scroll;
background:
linear-gradient(white 30%, transparent) center top / 100% 18px local,
linear-gradient(transparent, white 70%) center bottom / 100% 18px local,
linear-gradient(rgb(var(--color-support-dark-500) / .12), transparent) center top / 100% 8px scroll,
linear-gradient(transparent, rgb(var(--color-support-dark-500) / .12)) center bottom / 100% 8px scroll;
background-repeat: no-repeat;
background-color: white;
}
.segmented-radio-choice { position: relative; display: block; cursor: pointer; }
.segmented-radio-choice-label {
display: flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 10px 8px;
border-radius: 4px;
font-size: 13px;
line-height: 1.4;
overflow-wrap: anywhere;
}
.segmented-radio-choice-check { display: flex; flex: 0 0 16px; visibility: hidden; }
.segmented-radio-choice input:checked + .segmented-radio-choice-label { color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); background: rgb(238 232 253); background: rgb(var(--color-complementary-purple-200)); }
.segmented-radio-choice input:checked + .segmented-radio-choice-label .segmented-radio-choice-check { visibility: visible; }
.segmented-radio-choice:hover .segmented-radio-choice-label { background: rgb(252 252 252); background: rgb(var(--color-support-light-200)); }
.segmented-radio-choice input:focus-visible + .segmented-radio-choice-label { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: -2px; }
/* Cards size to their content. The grid row stretches all three to the tallest
card, and the network list caps at about five rows, then scrolls. */
.provider-access-attribute-card { height: 100%; }
.provider-access-network-context { flex: none; max-height: 120px; overflow-y: auto; scrollbar-width: thin; }
.provider-access-network-context ul { list-style: none; padding: 0; margin: 0; }
.provider-access-network-context li { display: flex; align-items: baseline; gap: 8px; padding: 3px 0; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.provider-access-network-context li::before { content: ""; width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: currentColor; }
.provider-access-attribute-card .segmented-radio-option { height: 44px; }
/* Generic radio-card component. All tokens come from application.tailwind.css. */
.gb-radio-card{position:relative}
.gb-radio-card-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.gb-radio-card-label{display:flex;align-items:flex-start;gap:12px;width:100%;padding:17px;border:1px solid rgb(217 218 224);border:1px solid rgb(var(--color-support-light-350));border-radius:10px;background:rgb(255 255 255);background:rgb(var(--color-white));color:rgb(52 54 82);color:rgb(var(--color-support-dark-600));cursor:pointer;box-shadow:0 1px 2px rgb(43 44 66 / .025);box-shadow:0 1px 2px rgb(var(--color-support-dark-650) / .025);transition:background .17s,border-color .17s,box-shadow .17s}
.gb-radio-card-input:not(:disabled)+.gb-radio-card-label:hover{border-color:rgb(184 189 253);border-color:rgb(var(--color-core-purple-300));background:rgb(252 252 252);background:rgb(var(--color-support-light-200))}
.gb-radio-card-input:checked+.gb-radio-card-label{border-color:rgb(76 86 224);border-color:rgb(var(--color-core-purple-500));background:rgb(233 234 253 / .28);background:rgb(var(--color-core-purple-200) / .28);box-shadow:0 0 0 1px rgb(76 86 224);box-shadow:0 0 0 1px rgb(var(--color-core-purple-500))}
.gb-radio-card-input:focus-visible+.gb-radio-card-label{outline:2px solid rgb(76 86 224);outline:2px solid rgb(var(--color-core-purple-500));outline-offset:4px}
.gb-radio-card-mark{margin-top:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:19px;height:19px;border:1px solid rgb(206 206 214);border:1px solid rgb(var(--color-support-light-400));border-radius:50%;color:rgb(255 255 255);color:rgb(var(--color-white));background:rgb(255 255 255);background:rgb(var(--color-white));transition:background .17s,border-color .17s}
.gb-radio-card-mark svg{opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s}
.gb-radio-card-input:checked+.gb-radio-card-label .gb-radio-card-mark{background:rgb(76 86 224);background:rgb(var(--fill-core-purple-500,var(--color-core-purple-500)));border-color:rgb(76 86 224);border-color:rgb(var(--color-core-purple-500))}
.gb-radio-card-input:checked+.gb-radio-card-label .gb-radio-card-mark svg{opacity:1;transform:scale(1)}
.gb-radio-card-content{display:block;flex:1 1;min-width:0;overflow-wrap:anywhere}
.gb-radio-card-input:disabled+.gb-radio-card-label{opacity:.55;cursor:not-allowed}
.gb-radio-card-input[aria-invalid=true]+.gb-radio-card-label{border-color:rgb(175 37 37);border-color:rgb(var(--color-alert-red-600))}
@media(prefers-reduced-motion:reduce){.gb-radio-card-label,.gb-radio-card-mark,.gb-radio-card-mark svg{transition:none}
}
@media(forced-colors:active){.gb-radio-card-input:checked+.gb-radio-card-label{outline:2px solid Highlight;outline-offset:1px}
.gb-radio-card-input:checked+.gb-radio-card-label .gb-radio-card-mark{background:Highlight;color:HighlightText;forced-color-adjust:none}
.gb-radio-card-input:disabled+.gb-radio-card-label{color:GrayText;opacity:1}
}
/* Opt-in control chrome. The input/select wrappers add this class for
appearance: "outlined". A form can opt in once so Turbo-loaded fields inherit
the same style. Native controls, formatting, validation and values stay owned
by callers. Never apply this scope to inline editors or PDF overlays. */
/* CCA composition styles; pair with the generic radio-card primitive and existing pill. */
.cca-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cca-card-top>strong{font-size:14px;font-weight:600}
.cca-card-meta{display:block;margin-top:6px;font-size:12px;color:rgb(115 116 122);color:rgb(var(--color-support-light-650));font-weight:400}
.cca-approval{display:flex;flex-direction:column;gap:2px;margin-top:13px;font-size:12px}
.cca-approval>span{color:rgb(115 116 122);color:rgb(var(--color-support-light-650))}
.cca-approval>strong{color:rgb(59 61 92);color:rgb(var(--color-support-dark-550));font-weight:500}
.cca-period-note{display:block;margin-top:12px;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:400;line-height:1.55;color:rgb(72 67 11);color:rgb(var(--color-alert-yellow-800));background:rgb(250 249 231);background:rgb(var(--color-alert-yellow-200))}
.cca-period-note[data-tone=within_dates]{color:rgb(11 68 15);color:rgb(var(--color-alert-green-800));background:rgb(227 249 229);background:rgb(var(--color-alert-green-200))}
.cca-summary-card.card{margin-top:16px;padding:20px!important;border:1px solid rgb(217 218 224)!important;border:1px solid rgb(var(--color-support-light-350))!important;border-radius:10px;background:white!important;box-shadow:none}
/* Read-only Plan: one next step, then compact alternatives, matching the prototype. */
.provider-access-plan {
container-type: inline-size;
}
/* The app styles every ol as decimal with a margin. This list supplies its own numbers. */
.provider-access-plan__steps {
list-style: none;
margin: 0;
padding: 0;
}
.card.white.provider-access-plan__current {
padding: 20px 22px;
border-radius: 10px;
border-color: rgb(209 211 253);
border-color: rgb(var(--color-core-purple-250));
background: rgb(233 234 253 / .26);
background: rgb(var(--color-core-purple-200) / .26);
}
.provider-access-plan__heading,
.provider-access-plan__alternative > details > summary {
display: flex;
align-items: flex-start;
gap: 12px;
}
.provider-access-plan h3 {
flex: 1 1;
min-width: 0;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
overflow-wrap: anywhere;
}
.provider-access-plan__number {
display: flex;
flex: 0 0 27px;
height: 27px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgb(243 243 245);
background: rgb(var(--color-support-light-250));
color: rgb(52 54 82);
color: rgb(var(--color-support-dark-600));
font-size: 12px;
}
.provider-access-plan__current .provider-access-plan__number {
background: rgb(233 234 253);
background: rgb(var(--color-core-purple-200));
color: rgb(37 46 177);
color: rgb(var(--color-core-purple-600));
}
.provider-access-plan__content { margin-left: 39px; }
.provider-access-plan__body { display: flex; gap: 24px; margin-top: 12px; }
.provider-access-plan__body > p { flex: 1 1; min-width: 0; overflow-wrap: anywhere; }
.provider-access-plan__contact { flex: 0 0 238px; max-width: 100%; }
.provider-access-plan__contact .copyable-contact { width: 100%; max-width: 100%; }
.provider-access-plan__alternative {
display: flex;
align-items: flex-start;
gap: 24px;
border-bottom: 1px solid rgb(230 230 235);
border-bottom: 1px solid rgb(var(--color-support-light-300));
}
.provider-access-plan__alternative > details { flex: 1 1; min-width: 0; }
.provider-access-plan__alternative > .provider-access-plan__contact { margin: 20px 0; }
.provider-access-plan__alternative > details > summary {
align-items: center;
padding: 20px 0;
cursor: pointer;
list-style: none;
}
.provider-access-plan__alternative > details > summary::-webkit-details-marker { display: none; }
.provider-access-plan__alternative > details > summary:focus-visible {
outline: 2px solid rgb(76 86 224);
outline: 2px solid rgb(var(--color-core-purple-500));
outline-offset: 3px;
border-radius: 6px;
}
.provider-access-plan__alternative .provider-access-plan__content { padding-bottom: 20px; }
.provider-access-plan__alternative .provider-access-plan__body { margin-top: 0; }
.provider-access-plan__chevron { color: rgb(87 90 128); color: rgb(var(--color-support-dark-450)); flex-shrink: 0; }
.provider-access-plan__alternative details[open] .provider-access-plan__chevron { transform: rotate(180deg); }
.provider-access-plan__filing {
display: grid;
grid-template-columns: minmax(110px, 1fr) minmax(0, 3fr);
grid-gap: 16px 24px;
gap: 16px 24px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid rgb(209 211 253);
border-top: 1px solid rgb(var(--color-core-purple-250));
font-size: 13px;
line-height: 1.5;
}
.provider-access-plan__filing > div { min-width: 0; }
.provider-access-plan__filing > div:only-child { grid-column: 1 / -1; }
.provider-access-plan__filing dt { font-size: 12px; color: rgb(87 90 128); color: rgb(var(--color-support-dark-450)); margin-bottom: 4px; }
.provider-access-plan__filing dd { white-space: pre-line; overflow-wrap: anywhere; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); }
@container (max-width: 700px) {
.provider-access-plan__body { flex-direction: column; gap: 14px; }
.provider-access-plan__contact { flex-basis: auto; width: 238px; }
.provider-access-plan__alternative { flex-direction: column; gap: 0; }
.provider-access-plan__alternative > details { width: 100%; }
.provider-access-plan__alternative > .provider-access-plan__contact { margin: 0 0 20px 39px; max-width: calc(100% - 39px); }
.provider-access-plan__chevron { margin-left: auto; }
}
@container (max-width: 400px) {
.card.white.provider-access-plan__current { padding: 17px; }
.provider-access-plan__content { margin-left: 0; }
.provider-access-plan__filing { grid-template-columns: 1fr; }
.provider-access-plan__alternative > .provider-access-plan__contact { margin-left: 0; max-width: 100%; }
}
/* The new /search landing page (providers/landing/*, flag :provider_search_v2).
Rows of cards scroll sideways (snapping card by card, swiped on small screens);
everything else stacks.
Not in a Tailwind layer: the app's global `button` / `[type=button]` and `input` chrome is
unlayered, and would win over any layered rule. Buttons are selected as `button.`
to out-rank it. */
.provider-landing { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; }
.provider-landing__hero { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; max-width: 640px; margin: 0 auto; padding: 8px 4px 0; }
/* Symmetric scrollbar gutters keep the hero centered on the same axis as the header slot. */
.provider-landing { scroll-padding-top: 24px; scrollbar-gutter: stable both-edges; }
.search-landing-shell.h-dvh { gap: 16px; }
.search-landing-shell .search-landing-shell__content { padding-top: 0; }
.provider-landing__hero { position: relative; z-index: 5; padding-bottom: 12px; }
.provider-landing__title { width: 100%; max-width: 640px; margin: 8px auto 12px; padding: 0 4px; font-size: 40px; line-height: 1.1; font-weight: 500; letter-spacing: -1.2px; text-align: center; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-landing__composer { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 6px 6px 16px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 14px; background: white; box-shadow: 0 6px 24px rgb(37 46 177 / .06); transition: border-color .15s, box-shadow .15s; }
.provider-landing__composer:focus-within { border-color: rgb(76 86 224); border-color: rgb(var(--color-core-purple-500)); box-shadow: 0 0 0 3px rgb(76 86 224 / .1); box-shadow: 0 0 0 3px rgb(var(--color-core-purple-500) / .1); }
.provider-landing__composer input.provider-landing__input { width: 100%; border: 0; outline: none; background: transparent; padding: 8px 0; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-landing__composer input.provider-landing__input:focus { box-shadow: none; }
.provider-landing__input::-moz-placeholder { color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
.provider-landing__input::placeholder { color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
button.provider-landing__submit { padding: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: rgb(76 86 224); background: rgb(var(--fill-core-purple-500,var(--color-core-purple-500))); color: white; }
button.provider-landing__submit:hover { background: rgb(37 46 177); background: rgb(var(--fill-core-purple-600,var(--color-core-purple-600))); }
button.provider-landing__submit:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: 2px; }
.provider-landing__rows { display: flex; flex-direction: column; gap: 44px; width: 100%; max-width: 1120px; margin: 48px auto 0; padding-bottom: 48px; }
.provider-landing__footer { display: flex; justify-content: center; padding: 0 16px 32px; }
.provider-landing-row { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
/* A row whose search found nothing isn't shown at all. */
.provider-landing-row:has([data-landing-row-empty]) { display: none; }
.provider-landing-row--preferred { padding: 24px; border: 1px solid rgb(233 234 253); border: 1px solid rgb(var(--color-core-purple-200)); border-radius: 20px; background: linear-gradient(180deg, rgb(233 234 253 / .45), rgb(233 234 253 / .12)); background: linear-gradient(180deg, rgb(var(--color-core-purple-200) / .45), rgb(var(--color-core-purple-200) / .12)); }
.provider-landing-row__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.provider-landing-row__title { font-size: 22px; line-height: 1.25; font-weight: 500; letter-spacing: -.5px; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-landing-row__question { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-landing-row__question svg { flex-shrink: 0; }
.provider-landing-row__actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
button.provider-landing-row__explore { padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; font-weight: 500; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); white-space: nowrap; }
button.provider-landing-row__explore:hover { text-decoration: underline; }
.provider-landing-row__arrows { display: flex; gap: 8px; }
button.provider-landing-row__arrow { padding: 0; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9999px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); background: white; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
button.provider-landing-row__arrow:not(:disabled):hover { border-color: rgb(184 189 253); border-color: rgb(var(--color-core-purple-300)); background: rgb(233 234 253 / .5); background: rgb(var(--color-core-purple-200) / .5); }
button.provider-landing-row__arrow:disabled { opacity: .35; cursor: default; background: white; }
/* The scroller clips what overflows it, so it bleeds past the row by the hover shadow's reach (0 8px 24px:
16px above, 24px at the sides, 32px below) and pads it back: cards stay where they were, shadows show whole. */
.provider-landing-row__scroller { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 24px; margin: -16px -24px -32px; padding: 16px 24px 32px; scrollbar-width: none; }
.provider-landing-row__scroller::-webkit-scrollbar { display: none; }
.provider-landing-row__fade { position: absolute; inset-block: 0; right: -24px; width: 56px; pointer-events: none; background: linear-gradient(90deg, rgb(255 255 255 / 0), rgb(255 255 255)); }
.provider-landing-row--preferred .provider-landing-row__fade { display: none; }
/* Its 24px padding is the bleed: the shadow stops at the box's border, not past it. */
.provider-landing-row--preferred .provider-landing-row__scroller { margin-bottom: -24px; padding-bottom: 24px; }
.provider-landing-card { position: relative; display: flex; flex-direction: column; flex: 0 0 260px; scroll-snap-align: start; overflow: hidden; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 16px; background: white; color: inherit; transition: border-color .15s, box-shadow .15s, transform .15s; }
.provider-landing-card:hover { border-color: rgb(184 189 253); border-color: rgb(var(--color-core-purple-300)); box-shadow: 0 8px 24px rgb(37 46 177 / .08); }
.provider-landing-card:has(.provider-landing-card__link:focus-visible) { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: 2px; }
/* The name's link covers the card. */
.provider-landing-card__link { color: inherit; }
.provider-landing-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.provider-landing-card__link:focus-visible { outline: none; }
.provider-landing-card__cover { position: relative; height: 136px; flex-shrink: 0; overflow: hidden; background-color: rgb(233 234 253 / .6); background-color: rgb(var(--color-core-purple-200) / .6); background-image: radial-gradient(circle at 85% 20%, rgb(255 255 255 / .9) 0 22%, transparent 23%), radial-gradient(circle at 10% 110%, rgb(233 234 253) 0 30%, transparent 31%); background-image: radial-gradient(circle at 85% 20%, rgb(255 255 255 / .9) 0 22%, transparent 23%), radial-gradient(circle at 10% 110%, rgb(var(--color-core-purple-200)) 0 30%, transparent 31%); }
.provider-landing-card__cover.ui-skeleton { display: block; width: 100%; border-radius: 0; background-image: none; }
.provider-landing-card__cover--logo { background: rgb(252 252 252); background: rgb(var(--color-support-light-200)); }
.provider-landing-card__image { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.provider-landing-card__photo-frame { position: absolute; inset: 0; }
.provider-landing-card__identity { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.provider-landing-card__initials { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 9999px; background: rgb(255 255 255 / .85); box-shadow: 0 0 0 10px rgb(255 255 255 / .35); font-size: 24px; font-weight: 500; letter-spacing: -.5px; color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); }
.provider-landing-card__avatar { width: 88px; height: 88px; border-radius: 9999px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; background: white; box-shadow: 0 0 0 8px rgb(255 255 255 / .35); }
.provider-landing-card__logo { display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; padding: 12px; border-radius: 18px; background: white; box-shadow: 0 2px 12px rgb(0 0 0 / .06); }
.provider-landing-card__logo img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.provider-landing-card__status { position: absolute; left: 12px; bottom: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.provider-landing-card__status > * { box-shadow: 0 1px 6px rgb(0 0 0 / .08); }
.provider-landing-card__body { display: flex; flex-direction: column; gap: 8px; flex: 1 1; padding: 14px 16px 16px; min-width: 0; }
.provider-landing-card__name-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.provider-landing-card__name { font-size: 16px; line-height: 1.3; font-weight: 500; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.provider-landing-card__arrow { flex-shrink: 0; margin-top: 1px; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); transition: transform .15s; }
.provider-landing-card:hover .provider-landing-card__arrow { transform: translate(2px, -2px); }
.provider-landing-card__specialty { font-size: 12px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
/* Why it fits the search (ProviderSearchMatchEvidence): listed visit reasons and services, matched words bold. */
.provider-landing-card__evidence { display: flex; align-items: flex-start; gap: 6px; font-size: 12px; line-height: 1.4; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); }
.provider-landing-card__evidence > svg { flex-shrink: 0; margin-top: 2px; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
.provider-landing-card__evidence strong { font-weight: 600; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-landing-card__rating { display: flex; align-items: center; gap: 4px; font-size: 12px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-landing-card__rating strong { font-weight: 600; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
/* Closed or no longer practicing, in the rating's place (red, as on today's summary card). */
.provider-landing-card__alert { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; color: rgb(175 37 37); color: rgb(var(--color-alert-red-600)); }
.provider-landing-card__alert svg { flex-shrink: 0; }
/* The results drawer's async Google target wraps the rating without adding a gap of its own. */
.provider-landing-card__google { display: contents; }
.provider-landing-card__place { display: flex; align-items: flex-start; gap: 6px; margin-top: 4px; font-size: 12px; line-height: 1.4; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); min-width: 0; }
.provider-landing-card__place svg { flex-shrink: 0; margin-top: 1px; }
.provider-landing-card__place > span { min-width: 0; }
.provider-landing-card__distance { display: block; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
.provider-landing-card__offices { display: block; margin-top: 6px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-landing-card__slots { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; padding-top: 12px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); }
.provider-landing-card__slots-date { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-landing-card__slot-list { display: flex; flex-wrap: wrap; gap: 6px; }
.provider-landing-card__slot { padding: 5px 10px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 8px; font-size: 12px; font-weight: 500; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-landing-card__slot--more { color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); border-color: rgb(233 234 253); border-color: rgb(var(--color-core-purple-200)); }
/* The plan benefit sits at the bottom of the card, however tall its body. */
.provider-landing-card__benefit { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 12px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); font-size: 12px; font-weight: 500; color: rgb(12 92 19); color: rgb(var(--color-alert-green-750)); }
@media (max-width: 639px) {
.provider-landing__title { font-size: 30px; letter-spacing: -.8px; }
.provider-landing__rows { gap: 36px; margin-top: 36px; }
.provider-landing-row__heading { align-items: flex-start; }
.provider-landing-row__title { font-size: 19px; }
.provider-landing-row__arrows { display: none; }
.provider-landing-row--preferred { padding: 18px 0 18px 16px; border-radius: 16px; }
.provider-landing-row--preferred .provider-landing-row__heading { padding-right: 16px; }
/* The box's 16px left padding is the bleed there, and none past its right edge: cards never scroll past its border. */
.provider-landing-row--preferred .provider-landing-row__scroller { margin-inline: -16px 0; padding-inline: 16px; scroll-padding-inline: 16px; }
.provider-landing-card { flex-basis: 78%; max-width: 280px; }
}
.provider-landing-card__status--preferred { top: 12px; bottom: auto; }
/* The one search form docks into the existing navigation; its anchor preserves the row height. */
.provider-landing__search-anchor { width: 100%; }
.provider-landing__search-docked { position: fixed; z-index: 50; margin: 0; }
.provider-landing__search-docked .provider-landing__composer { box-shadow: 0 2px 12px rgb(37 46 177 / .06); }
.search-v2-header--search-compact .search-v2-header__brand { visibility: hidden; pointer-events: none; }
/* Opt-in search header and history. Only :provider_search_v2 pages render these classes. */
.search-v2-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; width: 100%; flex: 0 0 auto; }
.search-v2-header__nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; }
/* The landing form occupies this centered slot visually while retaining its original DOM scope. */
.search-v2-header__nav--search { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0px) minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) minmax(0, var(--search-dock-width, 0px)) minmax(0, 1fr); gap: 24px; grid-gap: 24px; grid-gap: var(--search-dock-gap, 24px); gap: var(--search-dock-gap, 24px); }
.search-v2-header__nav--search .search-v2-header__brand { width: -moz-max-content; width: max-content; max-width: min(240px, calc(100vw - 168px)); }
.search-v2-header__search-slot { min-height: 54px; min-height: var(--search-form-height, 54px); }
.search-v2-header__nav--search .search-v2-header__actions { justify-self: end; }
.search-v2-header__brand { display: flex; align-items: center; min-width: 0; min-height: 44px; max-width: min(240px, calc(100% - 120px)); color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); text-decoration: none; }
.search-v2-header__brand img { max-width: 100%; max-height: 52px; width: auto; -o-object-fit: contain; object-fit: contain; }
.search-v2-header__brand span { font-size: 20px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.search-v2-header__actions { display: flex; gap: 8px; flex-shrink: 0; }
a.search-v2-header__action { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 50%; background: transparent; color: rgb(33 34 51); color: rgb(var(--color-support-dark-700)); text-decoration: none; transition: background-color 160ms, border-color 160ms, color 160ms; }
a.search-v2-header__action:hover, a.search-v2-header__action[aria-current="page"] { background: rgb(233 234 253); background: rgb(var(--color-core-purple-200)); border-color: rgb(184 189 253); border-color: rgb(var(--color-core-purple-300)); color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); }
.search-v2-header__action svg { flex: 0 0 auto; }
.search-v2-header__brand:focus-visible, .search-v2-header__action:focus-visible, .search-history__row:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: 4px; }
/* The search-as-member banner spans the page edge to edge, out of the page's 24px padding
(providers/index p-6 and .search-history below); change these offsets with that padding. */
.search-v2-header > .search-v2-header__member-banner { flex-basis: calc(100% + 48px); width: calc(100% + 48px); max-width: none; margin: -24px -24px 0; }
.search-history { min-height: 100dvh; display: flex; flex-direction: column; padding: 24px; background: white; }
.search-history__content { width: 100%; max-width: 760px; margin: 64px auto; flex: 1 1; }
.search-history__content h1 { margin: 0; font-size: 32px; line-height: 1.2; font-weight: 600; letter-spacing: -.025em; }
.search-history__intro { margin: 12px 0 32px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.search-history__list { display: grid; grid-gap: 12px; gap: 12px; margin: 0; padding: 0; list-style: none; }
.search-history__row { display: flex; align-items: center; gap: 20px; padding: 24px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 20px; text-decoration: none; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); transition: border-color 160ms, background-color 160ms; }
.search-history__row:hover { color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); background: rgb(252 252 252); background: rgb(var(--color-support-light-200)); border-color: rgb(184 189 253); border-color: rgb(var(--color-core-purple-300)); }
.search-history__icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 auto; border-radius: 14px; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); background: rgb(233 234 253); background: rgb(var(--color-core-purple-200)); }
.search-history__text { display: grid; grid-gap: 8px; gap: 8px; min-width: 0; flex: 1 1; }
.search-history__text strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; font-size: 18px; line-height: 1.4; font-weight: 600; }
.search-history__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); font-size: 14px; line-height: 1.5; }
.search-history__test { color: rgb(124 117 20); color: rgb(var(--color-alert-yellow-700)); font-size: 14px; overflow-wrap: anywhere; }
.search-history__arrow { color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); flex: 0 0 auto; }
.search-history__empty { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 64px 16px; text-align: center; }
.search-history__empty h2 { font-size: 20px; font-weight: 600; margin: 0; }
.search-history__empty p { margin: 0 0 8px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.search-history__footer { display: flex; justify-content: center; padding: 24px 0 8px; }
@media (max-width: 639px) {
.search-v2-header__brand img { max-height: 40px; }
.search-history { padding: 24px; }
.search-history__content { margin: 40px auto; }
.search-history__row { padding: 16px; gap: 12px; border-radius: 16px; }
.search-history__row .search-history__icon { width: 36px; height: 36px; border-radius: 12px; }
.search-history__text strong { font-size: 16px; }
.search-history__meta { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { a.search-v2-header__action, .search-history__row { transition: none; } }
/* The new chat page (providers/chat_v2/*, flag :provider_search_v2): turns of the member's
message, the shared activity trail, its reply and a
preview of the results, over a pinned composer.
Not in a Tailwind layer, like provider_search_landing.css: the app's global `button` and
`input` chrome is unlayered and would win over layered rules. */
.search-chat { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; padding-top: 16px; }
.search-chat__column { display: flex; flex-direction: column; width: 100%; max-width: 920px; height: 100%; min-height: 0; }
.search-chat__transcript { flex: 1 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 8px 4px 24px; }
.search-chat__turns { display: flex; flex-direction: column; gap: 40px; }
.search-chat__turn { display: flex; flex-direction: column; gap: 20px; }
/* The member's message */
.search-chat__user { align-self: flex-end; max-width: 75%; padding: 10px 16px; border-radius: 16px 16px 4px 16px; background: rgb(233 234 253 / .55); background: rgb(var(--color-core-purple-200) / .55); color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
/* Goodbill */
.search-chat__assistant { display: flex; gap: 12px; align-items: flex-start; }
.search-chat__reply { font-size: 16px; line-height: 1.55; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.search-chat__reply p { margin: 0 0 8px; }
.search-chat__reply p:last-child { margin-bottom: 0; }
.search-chat__assistant--note .search-chat__reply { font-size: 14px; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); }
/* Goodbill at work */
/* The dots (shared/components/typing_dots) and status sit in one row, as Reporting Ask's .ask-progress-live. */
.search-chat__pending-live { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.search-chat__pending-live .typing-dots { flex-shrink: 0; }
.search-chat__status { margin: 0; font-size: 12px; line-height: 1.6; color: #77758a; }
/* Steps */
/* Results preview */
.search-chat__preview { display: flex; flex-direction: column; gap: 12px; }
.search-chat__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 14px; gap: 14px; }
.search-chat__cards .provider-landing-card { flex: none; }
.search-chat__view-all { display: inline-flex; align-items: center; gap: 6px; align-self: flex-end; font-size: 14px; font-weight: 500; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
.search-chat__view-all:hover { text-decoration: underline; }
.search-chat__price-slot:empty { display: none; }
.search-chat__price { position: relative; z-index: 2; display: flex; align-items: baseline; gap: 6px; padding: 12px 16px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); background: rgb(252 252 252 / .6); background: rgb(var(--color-support-light-200) / .6); }
.search-chat__price--priced { background: rgb(237 248 243 / .45); background: rgb(var(--color-pill-green-fill) / .45); }
.search-chat__price-amount { font-size: 22px; font-weight: 500; letter-spacing: -.5px; color: rgb(43 118 90); color: rgb(var(--color-pill-green-text)); }
.search-chat__price-label { font-size: 12px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.search-chat__price-estimating { font-size: 13px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.search-chat__price-benefit { font-size: 15px; font-weight: 500; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.search-chat__why-price { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: rgb(43 118 90); color: rgb(var(--color-pill-green-text)); white-space: nowrap; }
.search-chat__why-price:hover { text-decoration: underline; }
.search-chat__event { display: flex; align-items: center; gap: 12px; max-width: 490px; padding: 12px 14px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 12px; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.search-chat__event span { display: flex; flex-direction: column; flex: 1 1; }
.search-chat__event small { font-size: 12px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
/* Composer, pinned under the transcript */
.search-chat__compose { flex-shrink: 0; padding: 12px 0 16px; background: white; }
.search-chat__composer { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 18px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 14px; background: white; box-shadow: 0 6px 24px rgb(37 46 177 / .06); }
.search-chat__composer:focus-within { border-color: rgb(76 86 224); border-color: rgb(var(--color-core-purple-500)); box-shadow: 0 0 0 3px rgb(76 86 224 / .1); box-shadow: 0 0 0 3px rgb(var(--color-core-purple-500) / .1); }
.search-chat__composer input.search-chat__input { width: 100%; padding: 10px 0; border: 0; outline: none; background: transparent; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); box-shadow: none; }
.search-chat__composer input.search-chat__input::-moz-placeholder { color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
.search-chat__composer input.search-chat__input::placeholder { color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
button.search-chat__send { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 42px; height: 42px; padding: 0; border-radius: 10px; background: rgb(76 86 224); background: rgb(var(--fill-core-purple-500,var(--color-core-purple-500))); color: white; }
button.search-chat__send:hover { background: rgb(37 46 177); background: rgb(var(--fill-core-purple-600,var(--color-core-purple-600))); }
button.search-chat__send:disabled { opacity: .45; background: rgb(76 86 224); background: rgb(var(--fill-core-purple-500,var(--color-core-purple-500))); }
.search-chat__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 4px 0; }
/* Today's location line (providers/_chat_location_display: a pin, then the text), on one line. */
.search-chat__location { display: flex; align-items: center; gap: 4px; min-width: 0; }
.search-chat__location p { margin: 0; text-align: left; }
.search-chat__powered { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: 12px; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
.search-chat__disclosure { margin: 10px 4px 0; padding-top: 10px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); font-size: 10px; line-height: 1.5; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
@media (max-width: 639px) {
.search-chat { padding-top: 4px; }
.search-chat__turns { gap: 32px; }
.search-chat__user { max-width: 85%; }
/* Cards swipe sideways, the next one peeking in. */
.search-chat__cards { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.search-chat__cards::-webkit-scrollbar { display: none; }
.search-chat__cards .provider-landing-card { flex: 0 0 82%; scroll-snap-align: start; }
}
button.search-chat__retry { margin-top: 8px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; font-weight: 500; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
button.search-chat__retry:hover { text-decoration: underline; }
/* Reserve only the price while the member can already explore real results. */
.search-chat__price .search-chat__price-skeleton { width: 48px; height: 24px; border-radius: 5px; flex-shrink: 0; }
/* The new provider page (providers/provider + providers/page/*, flag :provider_search_v2): who the
provider is, the offices to choose from, about and services in the main column; the chosen
office's plan status, open times, cost and contact in a side card (stacked under on small
screens).
Not in a Tailwind layer, like provider_search_landing.css: the app's global `button` and `input`
chrome is unlayered and would win over layered rules. */
.provider-page { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 16px 24px 64px; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-page__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; max-width: 1080px; min-height: 56px; }
.provider-page__back { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
.provider-page__back:hover { text-decoration: underline; }
.provider-page__logo { max-height: 56px; width: auto; }
.provider-page__intro { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 1080px; margin-top: 16px; }
.provider-page__content { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-gap: 40px; gap: 40px; align-items: start; width: 100%; max-width: 1080px; margin-top: 32px; }
.provider-page__main { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
/* About and Services arrive in one wrapper (the AI details' broadcast target); each is its own section in the column. */
.provider-page__about { display: contents; }
.provider-page__side { position: sticky; top: 24px; }
.provider-page__footer { display: flex; justify-content: center; width: 100%; max-width: 1080px; margin-top: 48px; padding-top: 24px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); }
.provider-page__cover { position: relative; height: 220px; border-radius: 16px; overflow: hidden; background: rgb(252 252 252); background: rgb(var(--color-support-light-200)); }
.provider-page__cover:not(:has(img)) { display: none; }
.provider-page__identity { display: flex; align-items: flex-start; gap: 18px; }
.provider-page__avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 88px; height: 88px; border-radius: 9999px; overflow: hidden; background: rgb(233 234 253 / .6); background: rgb(var(--color-core-purple-200) / .6); }
.provider-page__avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }
.provider-page__initials { font-size: 28px; font-weight: 500; color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); }
.provider-page__heading { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.provider-page__specialty { margin: 0; font-size: 14px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-page__name { margin: 0; font-size: 32px; line-height: 1.15; font-weight: 500; letter-spacing: -.6px; }
.provider-page__rating { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); }
.provider-page__rating strong { color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); }
.provider-page__reviews { color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); text-decoration: none; }
.provider-page__reviews:hover { text-decoration: underline; text-underline-offset: 4px; }
.provider-page__pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.provider-page__section { display: flex; flex-direction: column; gap: 10px; padding-top: 28px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); }
.provider-page__section h2 { margin: 0; font-size: 22px; line-height: 1.25; font-weight: 500; letter-spacing: -.4px; }
.provider-page__muted { margin: 0; font-size: 13px; line-height: 1.45; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-page__offices { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.provider-page__office { display: flex; gap: 12px; padding: 16px 18px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 14px; background: white; color: inherit; }
.provider-page__office:hover { border-color: rgb(184 189 253); border-color: rgb(var(--color-core-purple-300)); }
.provider-page__office:focus-visible { outline: 2px solid rgb(76 86 224); outline: 2px solid rgb(var(--color-core-purple-500)); outline-offset: 2px; }
.provider-page__office--selected { border-color: rgb(127 134 245); border-color: rgb(var(--color-core-purple-400)); background: rgb(233 234 253 / .3); background: rgb(var(--color-core-purple-200) / .3); }
.provider-page__office-mark { display: flex; flex-shrink: 0; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); }
.provider-page__office--selected .provider-page__office-mark { color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
.provider-page__office-body { display: flex; flex-direction: column; gap: 3px; flex: 1 1; min-width: 0; }
.provider-page__office-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; font-size: 15px; }
.provider-page__office-price { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; text-align: right; }
.provider-page__office-price b { font-size: 18px; font-weight: 600; }
.provider-page__office-price small { font-size: 12px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-page__office-status { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.provider-page__bio { font-size: 15px; line-height: 1.6; color: rgb(33 34 51); color: rgb(var(--color-support-dark-700)); }
.provider-page__bio > :first-child { margin-top: 0; }
.provider-page__bio > :last-child { margin-bottom: 0; }
.provider-page__facts { display: flex; flex-direction: column; gap: 12px; margin: 6px 0 0; }
.provider-page__facts dt { font-size: 13px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-page__facts dd { margin: 2px 0 0; font-size: 15px; }
.provider-page__services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px 20px; gap: 10px 20px; margin: 4px 0 0; padding: 0; list-style: none; font-size: 15px; }
.provider-page__services li { display: flex; align-items: flex-start; gap: 8px; }
.provider-page__services svg { flex-shrink: 0; margin-top: 3px; color: rgb(35 174 45); color: rgb(var(--color-alert-green-600)); }
.provider-page__skeleton { display: block; height: 14px; border-radius: 6px; background: rgb(230 230 235); background: rgb(var(--color-support-light-300)); animation: provider-page-pulse 1.4s ease-in-out infinite; }
.provider-page__skeleton--title { width: 40%; height: 22px; }
.provider-page__skeleton--short { width: 60%; }
@keyframes provider-page-pulse { 50% { opacity: .5; } }
.provider-page__map { margin-top: 6px; }
.provider-page__map-canvas { width: 100%; height: 260px; border-radius: 14px; overflow: hidden; }
/* The side card: the chosen office, open times, cost, contact. */
.provider-page__card { display: flex; flex-direction: column; gap: 22px; padding: 26px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 20px; background: white; }
.provider-page__office-chosen p { display: flex; align-items: flex-start; gap: 7px; margin: 0; font-size: 15px; }
.provider-page__office-chosen .provider-page__risk { display: block; margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: rgb(250 249 231); background: rgb(var(--color-alert-yellow-200)); color: rgb(72 67 11); color: rgb(var(--color-alert-yellow-800)); font-size: 13px; line-height: 1.45; }
.provider-page__booking:not(:has(turbo-frame > *, .provider-page__booked)) { display: none; }
.provider-page__office-chosen > p > svg { flex-shrink: 0; margin-top: 3px; }
.provider-page__office-chosen .provider-page__pills { margin-top: 12px; }
.provider-page__office-chosen .provider-page__pills:not(:has(*)) { display: none; }
/* Today's booking section, inside the card: its own top rule and spacing aren't needed here. */
.provider-page__booking > turbo-frame > div { border-top: 0 !important; padding-top: 0 !important; }
.provider-page__cost { display: flex; flex-direction: column; gap: 4px; padding-top: 22px; border-top: 1px solid rgb(230 230 235); border-top: 1px solid rgb(var(--color-support-light-300)); }
.provider-page__cost:not(:has(*)) { display: none; }
.provider-page__label { margin: 0; font-size: 13px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-page__amount { margin: 6px 0; font-size: 54px; line-height: 1.15; font-weight: 600; letter-spacing: -2px; }
.provider-page__care-type { margin: 0; font-size: 17px; line-height: 1.4; font-weight: 600; letter-spacing: -.3px; }
.provider-page__estimating { margin: 0; font-size: 15px; color: rgb(69 71 107); color: rgb(var(--color-support-dark-500)); }
.provider-page__benefit { margin: 0; font-size: 20px; font-weight: 500; }
.provider-page__why { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; font-size: 14px; font-weight: 400; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); }
.provider-page__why:hover { text-decoration: underline; }
.provider-page__notice summary { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); cursor: pointer; list-style: none; }
.provider-page__notice summary::-webkit-details-marker { display: none; }
.provider-page__notice[open] > summary > svg { transform: rotate(180deg); }
.provider-page__notice p { margin: 10px 0 6px; font-size: 13px; line-height: 1.5; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); }
.provider-page__contact { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.provider-page__contact:not(:has(*)) { display: none; }
/* The primary button (shared/components/link, variant button) at the card's full width, its icon beside the label.
Selected as `a.` to out-rank the link's `inline-block` utility, which is emitted later at equal specificity
(with it, Tailwind's block